:root{--night:#11152f;--night-2:#20264c;--ink:#20204c;--lavender:#9d8aee;--lavender-pale:#eeeaff;--yellow:#ffd765;--mint:#70d8b3;--panel:#fafafff7;--line:#d8d1fb}*{box-sizing:border-box}html{background:var(--night)}body{background:var(--night);color:var(--ink);margin:0;font-family:Zen Maru Gothic,Noto Sans JP,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 8% 18%,#957eee40,#0000 24rem),radial-gradient(circle at 88% 54%,#4b5fba40,#0000 28rem),linear-gradient(145deg,#0c1230 0%,#151a3d 48%,#232953 100%);min-height:100vh;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.app-shell:before{opacity:.85;background-image:radial-gradient(circle at 7% 14%,#fff 0 1px,#0000 2px),radial-gradient(circle at 19% 9%,#ffe98d 0 2px,#0000 3px),radial-gradient(circle at 36% 16%,#c8c1ff 0 1px,#0000 2px),radial-gradient(circle at 72% 8%,#fff 0 1px,#0000 2px),radial-gradient(circle at 86% 17%,#d9d4ff 0 2px,#0000 3px),radial-gradient(circle at 95% 36%,#ffe98d 0 1px,#0000 2px),radial-gradient(circle at 4% 66%,#c8c1ff 0 1px,#0000 2px)}.app-shell:after{background:radial-gradient(at 3% 100%,#32386e 0 8%,#0000 8.2%),radial-gradient(at 14% 106%,#272e62 0 12%,#0000 12.2%),radial-gradient(at 91% 106%,#2c3269 0 13%,#0000 13.2%)}.sky-glow{pointer-events:none;background:#ffe278;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 16px 5px #ffdc69a6}.sky-glow:before,.sky-glow:after{content:"";background:inherit;border-radius:inherit;position:absolute}.sky-glow:before{width:1px;height:26px;top:-10px;left:3px}.sky-glow:after{width:26px;height:1px;top:3px;left:-10px}.sky-glow-one{top:19%;left:8%}.sky-glow-two{top:12%;right:7%}.site-header{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080e2d80;border-bottom:1px solid #aea0f347;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:18px max(24px,50vw - 640px);display:flex;position:relative}.brand{color:#fff;letter-spacing:.02em;align-items:center;gap:13px;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:800;display:flex}.brand-mark{width:46px;height:46px;color:var(--yellow);background:#ffffff1a;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff26}.criteria-link{color:#ddd8ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:10px 12px;font-weight:700;display:flex}.content{z-index:1;width:min(1280px,100% - 40px);margin:0 auto;padding:38px 0 32px;position:relative}.intro{color:#fff;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.eyebrow{color:#cfc7ff;letter-spacing:.08em;align-items:center;gap:7px;margin:0 0 8px;font-size:.85rem;font-weight:800;display:flex}.intro h1{letter-spacing:-.035em;text-shadow:0 3px 22px #0003;margin:0;font-size:clamp(2.1rem,4vw,3.75rem);line-height:1.12}.lead{color:#dcdcff;margin:12px 0 0;font-size:.98rem;line-height:1.8}.steps{align-items:center;gap:32px;margin:0 0 6px;padding:0;list-style:none;display:flex}.step{color:#ded9ff;background:#5d4e9d8c;border:1px solid #796caf;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:104px;height:48px;font-size:.95rem;font-weight:800;display:flex;position:relative}.step span{color:#443c80;background:#f2efff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.step.active{background:#8875db;border-color:#d3c8ff;box-shadow:0 0 20px #b19bff7a}.step i{border-top:2px dotted #8c82bd;width:32px;height:1px;position:absolute;left:calc(100% + 1px)}.workspace-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;display:grid}.panel{background:linear-gradient(135deg,#fffffffa,#f4f2fff7);border:2px solid #d0c7ffe0;border-radius:27px;min-height:532px;padding:27px;box-shadow:0 18px 50px #0509253d,inset 0 0 0 5px #ffffff85}.panel-heading{align-items:center;gap:12px;min-height:52px;margin-bottom:20px;display:flex}.panel-heading h2{margin:0;font-size:1.35rem;line-height:1.2}.panel-heading p{color:#6f6d91;margin:5px 0 0;font-size:.8rem}.heading-icon{color:#6554bf;background:var(--lavender-pale);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.result-icon{color:#5445b3}.sample-label{color:#706b91;background:#e8e5f7;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:.7rem;font-weight:800}.sample-label.live{color:#136d57;background:#dff6ee}.sample-label.needs-check{color:#8b5911;background:#fff0bd}.reset-link{color:#7065b6;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;padding:7px 8px;font-size:.72rem;font-weight:800;display:flex}.drop-zone{color:#6255bd;cursor:pointer;background:radial-gradient(circle at 50% 36%,#f1edff 0,#0000 135px),#ffffff8c;border:2px dashed #a89be9;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:337px;transition:transform .16s,background .16s,border-color .16s;display:flex}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragging{background:#eee9ff;border-color:#705bcf;outline:none;transform:translateY(-2px)}.upload-orbit{background:#ece6ff;border-radius:50%;place-items:center;width:90px;height:90px;display:grid;box-shadow:0 0 0 10px #ece6ff8c}.drop-zone strong{color:#272453;background:var(--yellow);border-radius:999px;justify-content:center;min-width:230px;padding:15px 28px;font-size:1.08rem;font-weight:900;display:flex;box-shadow:0 5px #d7a82f}.drop-zone>span:last-child{color:#77739d;font-size:.8rem;font-weight:700}.selected-state{flex-direction:column;justify-content:space-between;min-height:337px;display:flex}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.thumbnail{background:#eae7f8;border:2px solid #c9c0f7;border-radius:18px;height:230px;margin:0;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail button{color:#fff;cursor:pointer;background:#1e1c41d1;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:9px;right:9px}.thumbnail figcaption{color:#fff;background:#1e1c41c7;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800;position:absolute;bottom:9px;left:9px}.add-another{color:#766ac2;cursor:pointer;background:#f6f4ff;border:2px dashed #aaa0dc;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:230px;font-weight:800;display:flex}.judge-button{color:#26234e;background:var(--yellow);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:56px;font-weight:900;display:flex;box-shadow:0 5px #d7a82f}.judge-button:disabled,.add-another:disabled,.thumbnail button:disabled{cursor:not-allowed;opacity:.55}.reading-state{padding:13px 2px 2px}.progress-label{color:#4d438f;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:flex}.progress-label strong{color:#695bc5;margin-left:auto}.spin{animation:1s linear infinite spin}.progress-track{background:#e2def6;border-radius:999px;height:9px;margin-top:10px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#8f7ce7,#6ed6b1);height:100%;transition:width .22s;display:block}.reading-state small{color:#817c9c;margin-top:7px;font-size:.65rem;display:block}.error-message{color:#8d4034;background:#fff0ed;border:1px solid #f1c2b9;border-radius:13px;align-items:flex-start;gap:8px;margin-top:12px;padding:11px 12px;font-size:.72rem;line-height:1.55;display:flex}.privacy-note{color:#655bb3;background:#f5f3ffcc;border:1px solid #ded9f7;border-radius:15px;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:flex}.privacy-note div{flex-direction:column;gap:2px;display:flex}.privacy-note strong{color:#383465;font-size:.82rem}.privacy-note span{color:#7c7897;font-size:.68rem}.verdict-row{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.verdict{border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:88px;font-weight:900;display:flex}.verdict-grow{color:#168065;background:linear-gradient(135deg,#fff8d9,#fff4bd);border:2px solid #efc54d}.verdict-hold{color:#6552bd;background:linear-gradient(135deg,#f1edff,#e9e3ff);border:2px solid #9d8ae6}.verdict-pass{color:#5f5f75;background:linear-gradient(135deg,#f4f4f8,#e9e9f0);border:2px solid #b8b8ca}.verdict-grow span,.verdict-hold span,.verdict-pass span{font-size:2.25rem}.verdict-rank{color:#5b48bf;background:#f0ecff;border:2px solid #ab98f1}.verdict-rank span{font-size:2.55rem;line-height:1}.verdict-rank small{align-self:flex-end;margin:0 0 22px -5px;font-size:.8rem}.reason-card{background:#fff;border:1px solid #d8d0fb;border-radius:18px;gap:10px;margin-top:14px;padding:18px;display:grid}.recommendation{color:#383260;border-bottom:1px solid #ece8fb;margin:0 0 3px;padding-bottom:12px;font-size:.86rem;font-weight:800;line-height:1.65}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.stage-card{background:#f8f7ff;border:1px solid #d8d1f3;border-radius:16px;min-width:0;padding:13px}.stage-card>div{flex-direction:column;gap:2px;display:flex}.stage-card span{color:#4d4678;font-size:.76rem;font-weight:900}.stage-card small{color:#817c9c;font-size:.6rem}.stage-card>strong{color:#6651c7;margin-top:6px;font-size:1.75rem;line-height:1;display:block}.stage-card>strong small{color:#8b83aa;vertical-align:top;margin-left:2px;font-size:.7rem}.stage-card p{color:#66617f;margin:7px 0 0;font-size:.65rem;font-weight:700;line-height:1.5}.stage-currentCap{background:#efebff;border-color:#9e8bea;box-shadow:inset 0 0 0 1px #9e8bea2e}.training-target{color:#5d4fba;background:#fff7d8;border-radius:14px;align-items:center;gap:10px;margin-top:9px;padding:11px 13px;display:flex}.training-target div{flex-direction:column;gap:2px;display:flex}.training-target span{color:#81754a;font-size:.62rem;font-weight:800}.training-target strong{color:#54491f;font-size:.76rem}.reason{align-items:center;gap:10px;font-size:.9rem;font-weight:800;display:flex}.reason>span{color:#fff;background:#62caaa;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.reason.caution>span{color:#84544a;background:#ffe1d9}.result-content{transition:opacity .16s,filter .16s}.result-content.muted{opacity:.42;filter:grayscale(.3);pointer-events:none}.summary-card{background:#ece9fa;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding:15px;display:grid}.summary-card div{border-right:1px solid #cdc7e9;flex-direction:column;gap:6px;min-width:0;padding:0 12px;display:flex}.summary-card div:last-child{border:0}.summary-card span{color:#777292;font-size:.68rem;font-weight:700}.summary-card strong{color:#373260;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.summary-card strong.grade{color:#6651c7;align-items:baseline;gap:6px;font-size:1.3rem;display:flex}.summary-card strong.grade small{color:#76718d;font-size:.65rem}.edit-result-button{color:#5f54a5;cursor:pointer;background:#f7f5ff;border:1px solid #d5cef6;border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding:10px 13px;font-size:.72rem;font-weight:800;display:flex}.chevron-open{transform:rotate(180deg)}.editor-card{background:#fff;border:1px solid #d8d1f5;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;padding:14px;display:grid}.confirm-content{gap:13px;display:grid}.confirm-workspace{grid-template-columns:minmax(250px,.82fr) minmax(320px,1.18fr);align-items:start;gap:14px;display:grid}.confirm-form-pane{gap:11px;min-width:0;display:grid}.confirm-image-viewer{background:#f7f5ff;border:1px solid #d8d2f2;border-radius:17px;padding:11px;position:sticky;top:14px;overflow:hidden}.image-viewer-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.image-viewer-heading>div,.image-viewer-heading>button{align-items:center;gap:6px;display:flex}.image-viewer-heading strong{color:#4f477d;font-size:.75rem}.image-viewer-heading>button{color:#5f54a5;cursor:pointer;background:#ebe7fb;border:0;border-radius:9px;padding:5px 8px;font-size:.64rem;font-weight:900}.image-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:7px;display:grid}.image-tabs button{color:#77718f;cursor:pointer;background:#fff;border:1px solid #d2cbed;border-radius:9px;min-height:32px;font-size:.68rem;font-weight:900}.image-tabs button.active{color:#fff;background:#7664c8;border-color:#7b69ce}.confirm-image-stage{cursor:zoom-in;background-color:#0000;background-image:linear-gradient(45deg,#f1eff7 25%,#0000 25%),linear-gradient(-45deg,#f1eff7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1eff7 75%),linear-gradient(-45deg,#0000 75%,#f1eff7 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #d9d5e8;border-radius:12px;place-items:start center;width:100%;height:clamp(230px,42vh,430px);padding:0;display:grid;overflow:auto}.confirm-image-stage img{width:100%;height:auto;display:block}.confirm-image-viewer>p{color:#77718f;margin:7px 2px 0;font-size:.59rem;line-height:1.5}.draft-note{color:#67559d;background:#f0ecff;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.67rem;font-weight:800;line-height:1.55;display:flex}.confirmation-alert{border:1px solid;border-radius:15px;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.confirmation-alert div{flex-direction:column;gap:3px;display:flex}.confirmation-alert strong{font-size:.8rem}.confirmation-alert span{font-size:.66rem;line-height:1.55}.confirmation-alert.warning{color:#8a4e2a;background:#fff4e8;border-color:#f0c3a5}.confirmation-alert.ready{color:#176c58;background:#eafaf4;border-color:#a9dfcd}.confirm-editor{border-width:2px;margin-top:0}.manual-editor{background:#fff;border:2px solid #d8d1f5;border-radius:16px;gap:10px;padding:13px;display:grid}.quick-field{gap:6px;display:grid}.quick-field-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.quick-field-label>span,.manual-editor legend{color:#625c82;font-size:.69rem;font-weight:900}.quick-field-label em,.manual-editor legend em{color:#a14c35;background:#ffe4dc;border-radius:999px;padding:2px 6px;font-size:.56rem;font-style:normal;font-weight:900}.specialty-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.specialty-buttons button{color:#625b83;cursor:pointer;background:#fbfaff;border:1px solid #cbc4ea;border-radius:11px;min-height:42px;font-size:.76rem;font-weight:900}.specialty-buttons button.active{color:#fff;background:#7664c8;border-color:#7664c8;box-shadow:0 3px #55459e}.manual-editor input[type=number]{color:#39345f;background:#fff;border:1px solid #cbc3ef;border-radius:11px;width:100%;min-height:43px;padding:8px 11px;font-size:.82rem}.choice-field-button{color:#413a70;cursor:pointer;text-align:left;background:#fbfaff;border:1px solid #cbc3ef;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-height:48px;padding:8px 11px;display:grid}.choice-field-button strong{font-size:.8rem}.choice-field-button small{color:#85809b;grid-column:1;font-size:.58rem}.choice-field-button svg{color:#796aca;grid-area:1/2/3}.manual-editor fieldset{border:0;margin:2px 0 0;padding:0}.manual-editor legend{justify-content:space-between;align-items:center;width:100%;margin-bottom:7px;display:flex}.manual-skill-list{gap:6px;display:grid}.manual-skill-row{color:#443d71;cursor:pointer;text-align:left;background:#fbfaff;border:1px solid #d4cdeb;border-radius:11px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:45px;padding:7px 10px;display:grid}.manual-skill-row>span{color:#726b91;font-size:.65rem;font-weight:900}.manual-skill-row>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.manual-skill-row svg{color:#796aca}.manual-editor .field-missing input,.manual-editor .field-missing.choice-field-button,.manual-skill-row.field-missing{background:#fff9f6;border-color:#e39982;box-shadow:0 0 0 2px #e399821f}.manual-skill-row.field-duplicate{color:#8b332d;background:#fff1ef;border-color:#d95f55;box-shadow:0 0 0 2px #d95f5529}.duplicate-warning{color:#8b332d;background:#fff1ef;border:1px solid #e49a91;border-radius:13px;align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.duplicate-warning>div{gap:3px;display:grid}.duplicate-warning strong{font-size:.72rem}.duplicate-warning span{font-size:.64rem;line-height:1.55}.editor-card em{color:#a14c35;background:#ffe4dc;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:.56rem;font-style:normal;font-weight:900}.editor-card .field-missing select,.editor-card .field-missing input{background:#fff9f6;border-color:#e39982;box-shadow:0 0 0 2px #e399821f}.confirm-button{color:#26234e;background:var(--yellow);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;font-weight:900;display:flex;box-shadow:0 5px #d7a82f}.confirm-button:disabled{color:#8b889b;cursor:not-allowed;background:#dedce6;box-shadow:0 4px #c1bfca}.confirm-help{color:#7c7894;text-align:center;margin:0;font-size:.65rem;line-height:1.55}.editor-card input[type=number]{color:#39345f;background:#fff;border:1px solid #cbc3ef;border-radius:10px;width:100%;min-height:42px;padding:8px 10px}.detail-stack{gap:10px;margin-top:10px;display:grid}.detail-stack .detail-note{margin-top:0}.detail-note>strong{align-items:center;gap:7px;display:flex}.detail-note ul{color:#66617f;margin:9px 0 0;padding-left:20px;font-size:.73rem;line-height:1.7}.improvement-list{gap:9px;margin-top:10px;display:grid}.improvement-list article{background:#fff;border:1px solid #ded8f6;border-radius:12px;padding:11px}.improvement-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.improvement-title b{color:#433b7c;font-size:.78rem}.priority{border-radius:999px;flex:none;padding:3px 7px;font-size:.58rem;font-style:normal;font-weight:900}.priority-高{color:#9c432e;background:#ffe0d6}.priority-中{color:#81630e;background:#fff0b8}.priority-低{color:#5e5a72;background:#eae8f2}.improvement-list p{margin:7px 0 0}.improvement-list em{color:#147a61;margin-top:6px;font-size:.7rem;font-style:normal;font-weight:900;display:block}.improvement-list small{color:#8a6670;margin-top:5px;font-size:.62rem;line-height:1.5;display:block}.editor-card>label{gap:6px;display:grid}.editor-card>label span,.editor-card legend{color:#6b6688;font-size:.68rem;font-weight:800}.editor-card select{color:#3f396d;background:#fbfaff;border:1px solid #cbc4ea;border-radius:10px;width:100%;height:39px;padding:0 10px;font-size:.76rem}.editor-card fieldset{border:0;grid-column:1/-1;margin:0;padding:0}.skill-level-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.skill-level-editor label{grid-template-columns:45px minmax(0,1fr);align-items:center;gap:6px;display:grid}.skill-level-editor label>span{color:#6d668d;font-size:.65rem;font-weight:900}.skill-level-editor select{width:100%;min-width:0}.details-button{color:#51449a;cursor:pointer;background:#fff;border:2px solid #8d7bdc;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:48px;margin:16px 0 0 auto;padding:0 22px;font-size:.82rem;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex}.details-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #5b48bf24}.details-open{transform:rotate(90deg)}.detail-note{color:#5e5978;background:#f3f0ff;border-left:3px solid #8b79dc;border-radius:0 12px 12px 0;margin-top:12px;padding:13px 15px;font-size:.7rem;line-height:1.65}.detail-note p{margin:5px 0 0}.criteria-version{color:#554d7e;background:#f0edff;border-radius:14px;margin-top:14px;padding:14px 15px}.criteria-version strong{color:#443a83;font-size:.82rem}.criteria-version p{margin:5px 0 0;font-size:.7rem;line-height:1.65}.footer-note{color:#b9b6dc;justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:.72rem;display:flex}.footer-note span{text-align:center;max-width:880px;line-height:1.7}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06091eb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.option-picker{width:min(720px,100%);max-height:min(820px,100vh - 24px);color:var(--ink);background:#faf9ff;border:2px solid #cfc5ff;border-radius:24px;padding:19px;overflow:auto;box-shadow:0 24px 80px #0006}.option-picker-heading{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf9fff5;border-bottom:1px solid #ded8f4;justify-content:space-between;align-items:flex-start;gap:12px;margin:-19px -19px 14px;padding:19px;display:flex;position:sticky;top:-19px}.option-picker-heading span{color:#8279a5;font-size:.63rem;font-weight:900}.option-picker-heading h2{margin:3px 0 0;font-size:1.15rem}.option-picker-heading>button{color:#5d558b;cursor:pointer;background:#ece8fb;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.picker-groups{gap:16px;display:grid}.picker-note{color:#6c648b;background:#f0edf9;border-radius:10px;margin:0;padding:8px 10px;font-size:.63rem;font-weight:800;line-height:1.5}.picker-groups section{gap:7px;display:grid}.picker-groups h3{color:#67617f;margin:0;font-size:.68rem}.nature-option-grid,.subskill-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.nature-option-grid button,.subskill-option-grid button{color:#494269;cursor:pointer;background:#fff;border:1px solid #d2cbe9;border-radius:10px;min-height:42px;padding:7px 8px;font-size:.7rem;font-weight:800}.nature-option-grid button.selected,.subskill-option-grid button.selected{color:#fff;background:#7664c8;border-color:#6755be;box-shadow:inset 0 0 0 2px #fff}.subskill-option-grid button.gold{background:#fff7cb;border-color:#e6c25d}.subskill-option-grid button.blue{background:#edf8ff;border-color:#8ac4e8}.subskill-option-grid button.white{background:#fff}.subskill-option-grid button.selected{color:#fff;background:#7664c8;border-color:#6755be}.subskill-option-grid button:disabled{opacity:.36;cursor:not-allowed;text-decoration:line-through}.skill-group-label{border-radius:999px;width:-moz-fit-content;width:fit-content;padding:3px 8px}.skill-group-label.gold{color:#7b5b06;background:#fff0a6}.skill-group-label.blue{color:#1e658f;background:#dcefff}.skill-group-label.white{color:#666278;background:#eeecf3}.image-modal-backdrop{padding:10px}.image-modal{background:#18172a;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);height:calc(100vh - 20px);padding:14px;display:grid;position:relative}.image-modal .modal-close{z-index:3;top:10px;right:10px}.modal-image-tabs{width:min(300px,100% - 52px);margin:0 0 10px}.expanded-image-scroll{overscroll-behavior:contain;background:#0d0c18;border-radius:12px;overflow:auto}.expanded-image-scroll img{width:100%;min-width:min(520px,100%);height:auto;margin:0 auto;display:block}.criteria-modal{width:min(680px,100%);max-height:min(760px,100vh - 40px);color:var(--ink);background:#faf9ff;border:2px solid #cfc5ff;border-radius:25px;padding:31px;position:relative;overflow:auto;box-shadow:0 24px 80px #0006}.criteria-modal h2{max-width:520px;margin:0 0 20px;font-size:clamp(1.45rem,4vw,2rem);line-height:1.35}.modal-eyebrow{color:#6858ba}.modal-close{color:#5d558b;cursor:pointer;background:#ece8fb;border:0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:18px;right:18px}.criteria-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.criteria-grid article{background:#fff;border:1px solid #dbd5f5;border-radius:16px;padding:16px}.criteria-grid strong{color:#584aa9;font-size:.85rem}.criteria-grid p{color:#696582;margin:8px 0 0;font-size:.72rem;line-height:1.65}.criteria-warning{color:#7e4a3f;background:#fff0e8;border-radius:14px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px 15px;display:flex}.criteria-warning p{margin:0;font-size:.72rem;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:920px){.intro{flex-direction:column;align-items:flex-start}.steps{width:100%}.step{flex:1;min-width:0}.workspace-grid{grid-template-columns:1fr}.panel{min-height:auto}.confirm-workspace{grid-template-columns:1fr}.confirm-image-viewer{z-index:5;top:6px}.confirm-image-stage{height:clamp(190px,33vh,310px)}}@media (max-width:600px){.site-header{min-height:66px;padding:11px 16px}.brand{gap:9px;font-size:1rem}.brand-mark{width:38px;height:38px}.criteria-link{padding:8px 2px;font-size:.76rem}.content{width:min(100% - 24px,540px);padding-top:25px}.intro{gap:22px;margin-bottom:18px}.intro h1{font-size:2.35rem}.lead{font-size:.85rem}.steps{gap:14px}.step{gap:5px;height:42px;font-size:.75rem}.step span{width:23px;height:23px}.step i{width:14px}.workspace-grid{gap:15px}.panel{border-radius:22px;padding:18px}.panel-heading{margin-bottom:15px}.panel-heading h2{font-size:1.05rem}.drop-zone{min-height:290px}.selected-state{min-height:310px}.thumbnail,.add-another{height:205px}.result-panel{order:2}.verdict{min-height:76px}.verdict-grow span,.verdict-hold span,.verdict-pass span{font-size:1.7rem}.verdict-rank span{font-size:2rem}.summary-card,.stage-grid{grid-template-columns:1fr}.stage-card{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.stage-card>strong{grid-area:1/2;margin-top:0}.stage-card p{grid-column:1/-1}.summary-card div{border-bottom:1px solid #cdc7e9;border-right:0;padding:8px 2px}.footer-note{text-align:left;align-items:flex-start;padding:0 6px}.editor-card{grid-template-columns:1fr}.editor-card fieldset{grid-column:1}.skill-level-editor{grid-template-columns:1fr}.confirm-image-viewer{margin:0 -5px;padding:9px}.confirm-image-stage{height:30vh;min-height:185px}.nature-option-grid,.subskill-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-backdrop{align-items:end;padding:0}.option-picker{border-width:2px 0 0;border-radius:24px 24px 0 0;width:100%;max-height:88vh;padding:17px 14px 22px}.option-picker-heading{margin:-17px -14px 13px;padding:16px 14px;top:-17px}.criteria-modal{padding:25px 19px 20px}.criteria-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}