*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark:#0f1117;--mid:#4a4a5a;--muted:#8888a0;--rule:#e2e2ea;--light:#f7f7fb;--white:#fff;--accent:#0f1117;--selected-bg:#0f1117;--selected-fg:#fff;--bar-fill:#0f1117;--progress:#0f1117;--radius:12px;--radius-sm:8px}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background:#f7f7fb;background:var(--light);color:#0f1117;color:var(--dark);font-family:DM Sans,-apple-system,sans-serif}.screen{display:flex;flex-direction:column;margin:0 auto;max-width:540px;min-height:100vh;position:relative}.screen,.welcome-screen{background:#fff;background:var(--white)}.welcome-screen{justify-content:center}.welcome-inner{display:flex;flex-direction:column;gap:36px;padding:48px 28px 40px}.welcome-titles{text-align:center}.welcome-title-main,.welcome-title-sub{color:#0f1117;color:var(--dark);font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;letter-spacing:.01em;line-height:1.3}.welcome-title-sub{margin-top:4px}.welcome-card{gap:24px}.field-group,.welcome-card{display:flex;flex-direction:column}.field-group{gap:8px}.field-label{color:#8888a0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.lang-btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.lang-btn{background:#fff;background:var(--white);border:1.5px solid #e2e2ea;border:1.5px solid var(--rule);border-radius:12px;border-radius:var(--radius);color:#4a4a5a;color:var(--mid);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:14px;transition:all .15s}.lang-btn:hover{color:#0f1117;color:var(--dark)}.lang-btn.active,.lang-btn:hover{border-color:#0f1117;border-color:var(--dark)}.lang-btn.active{background:#0f1117;background:var(--dark);color:#fff;color:var(--white)}.name-input{background:#fff;background:var(--white);border:1.5px solid #e2e2ea;border:1.5px solid var(--rule);border-radius:12px;border-radius:var(--radius);color:#0f1117;color:var(--dark);font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:14px 16px;transition:border-color .15s;width:100%}.name-input:focus{border-color:#0f1117;border-color:var(--dark)}.name-input::placeholder,.start-btn{color:#8888a0;color:var(--muted)}.start-btn{background:#e2e2ea;background:var(--rule);border:none;border-radius:12px;border-radius:var(--radius);cursor:not-allowed;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;margin-top:8px;padding:16px;transition:all .2s}.start-btn.ready{background:#0f1117;background:var(--dark);color:#fff;color:var(--white);cursor:pointer}.start-btn.ready:hover{background:#2a2a3e}.top-bar{border-bottom:1px solid #e2e2ea;border-bottom:1px solid var(--rule);gap:12px;padding:16px 20px 12px}.back-btn,.top-bar{align-items:center;display:flex;flex-shrink:0}.back-btn{background:none;border:1px solid #e2e2ea;border:1px solid var(--rule);border-radius:8px;border-radius:var(--radius-sm);color:#4a4a5a;color:var(--mid);cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.back-btn:hover{border-color:#0f1117;border-color:var(--dark);color:#0f1117;color:var(--dark)}.progress-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.part-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.part-label,.progress-count{color:#8888a0;color:var(--muted)}.progress-count{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums}.progress-track{background:#e2e2ea;background:var(--rule);flex-shrink:0;height:2px}.progress-fill{background:#0f1117;background:var(--dark);height:100%;transition:width .3s ease}.question-area{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px 20px 16px}.stem-block{background:#e8e8ef;border-radius:12px;border-radius:var(--radius);padding:20px}.stem-text{color:#0f1117;color:var(--dark);font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.rank-header-wrap{display:flex;justify-content:flex-end}.rank-header-labels{align-items:center;display:flex;gap:6px;width:220px}.rank-header-label{color:#8888a0;color:var(--muted);flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.rank-header-label.least{text-align:left}.rank-header-label.most{text-align:right}.rank-header-line{background:#e2e2ea;background:var(--rule);flex:1 1;height:1px}.items-list{display:flex;flex-direction:column;gap:8px}.item-row{align-items:center;background:#f7f7fb;background:var(--light);border:1.5px solid #0000;border-radius:12px;border-radius:var(--radius);display:flex;gap:10px;padding:12px 14px;transition:all .15s}.item-row.ranked{background:#fff;background:var(--white);border-color:#e2e2ea;border-color:var(--rule)}.item-text{color:#0f1117;color:var(--dark);flex:1 1;font-size:14px;line-height:1.4}.rank-btns{display:flex;flex-shrink:0;gap:6px}.rank-btn{background:#fff;background:var(--white);border:1.5px solid #e2e2ea;border:1.5px solid var(--rule);border-radius:8px;border-radius:var(--radius-sm);color:#4a4a5a;color:var(--mid);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;height:36px;transition:all .12s;width:36px}.rank-btn:hover:not(.disabled):not(.selected){border-color:#0f1117;border-color:var(--dark);color:#0f1117;color:var(--dark)}.rank-btn.selected{background:#0f1117;background:var(--dark);border-color:#0f1117;border-color:var(--dark);color:#fff;color:var(--white)}.rank-btn.disabled{cursor:not-allowed;opacity:.2;pointer-events:none}.partb-area{gap:24px;justify-content:center}.partb-instruction{color:#8888a0;color:var(--muted);font-size:12px;letter-spacing:.02em;text-align:center}.partb-options{display:flex;flex-direction:column;gap:0}.partb-option{background:#fff;background:var(--white);border:1.5px solid #e2e2ea;border:1.5px solid var(--rule);border-radius:12px;border-radius:var(--radius);color:#0f1117;color:var(--dark);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;padding:20px;text-align:left;transition:all .15s;width:100%}.partb-option.selected,.partb-option:hover:not(.dimmed){border-color:#0f1117;border-color:var(--dark)}.partb-option.selected{background:#0f1117;background:var(--dark);color:#fff;color:var(--white)}.partb-option.dimmed{opacity:.35}.partb-divider{align-items:center;display:flex;gap:12px;padding:10px 0}.partb-divider:after,.partb-divider:before{background:#e2e2ea;background:var(--rule);content:"";flex:1 1;height:1px}.partb-divider span{color:#8888a0;color:var(--muted);flex-shrink:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.bottom-bar{border-top:1px solid #e2e2ea;border-top:1px solid var(--rule);flex-shrink:0;padding:16px 20px 24px}.next-btn{background:#e2e2ea;background:var(--rule);border:none;border-radius:12px;border-radius:var(--radius);color:#8888a0;color:var(--muted);cursor:not-allowed;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;padding:16px;transition:all .2s;width:100%}.next-btn.ready{background:#0f1117;background:var(--dark);color:#fff;color:var(--white);cursor:pointer}.next-btn.ready:hover{background:#2a2a3e}.results-screen{background:#fff;background:var(--white)}.results-header{border-bottom:1px solid #e2e2ea;border-bottom:1px solid var(--rule);padding:32px 24px 20px}.results-name{color:#8888a0;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.results-title{color:#0f1117;color:var(--dark);font-family:"DM Serif Display",Georgia,serif;font-size:26px;font-weight:400}.results-body{flex:1 1;gap:28px;overflow-y:auto;padding:24px 24px 8px}.results-body,.results-section{display:flex;flex-direction:column}.results-section{gap:12px}.section-label{color:#8888a0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.results-bars{display:flex;flex-direction:column;gap:10px}.bar-row{align-items:center;display:flex;gap:12px}.bar-meta{display:flex;flex-direction:column;flex-shrink:0;width:110px}.bar-qlabel{color:#0f1117;color:var(--dark);font-size:11px;font-weight:700;letter-spacing:.05em}.bar-qname{color:#8888a0;color:var(--muted);font-size:10px;margin-top:1px}.bar-track{background:#e2e2ea;background:var(--rule);border-radius:99px;flex:1 1;height:10px;overflow:hidden}.bar-fill{background:#0f1117;background:var(--dark);border-radius:99px;height:100%;opacity:.35;transition:width .6s ease}.bar-row.dominant .bar-fill{opacity:1}.bar-row.dominant .bar-qlabel{font-size:11px}.bar-score{font-feature-settings:"tnum";color:#0f1117;color:var(--dark);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right;width:28px}.bar-row.dominant .bar-score{font-size:13px}.wd-section{gap:10px}.wd-track-wrap{align-items:center;display:flex;gap:10px}.wd-end-label{color:#8888a0;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:500;width:58px}.wd-end-label:last-child{text-align:right}.wd-track{background:#e2e2ea;background:var(--rule);border-radius:99px;flex:1 1;height:8px;overflow:visible;position:relative}.wd-fill-w{border-radius:99px;height:100%;left:0;opacity:.2;top:0;transition:width .6s ease}.wd-fill-w,.wd-marker{background:#0f1117;background:var(--dark);position:absolute}.wd-marker{border:3px solid #fff;border:3px solid var(--white);border-radius:50%;box-shadow:0 1px 4px #00000026;height:16px;top:50%;transform:translate(-50%,-50%);transition:left .6s ease;width:16px;z-index:1}.wd-counts{font-feature-settings:"tnum";color:#8888a0;color:var(--muted);display:flex;font-size:11px;font-variant-numeric:tabular-nums;justify-content:space-between}.code-section{gap:8px}.code-box{background:#f7f7fb;background:var(--light);border:1px solid #e2e2ea;border:1px solid var(--rule);border-radius:8px;border-radius:var(--radius-sm);padding:14px 16px}.code-box code{color:#0f1117;color:var(--dark);font-family:SF Mono,Fira Code,monospace;font-size:13px;letter-spacing:.02em;word-break:break-all}.code-note{color:#8888a0;color:var(--muted);font-size:11px}.restart-btn{background:#fff;background:var(--white);border:1.5px solid #e2e2ea;border:1.5px solid var(--rule);border-radius:12px;border-radius:var(--radius);color:#4a4a5a;color:var(--mid);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;padding:14px;transition:all .15s;width:100%}.restart-btn:hover{border-color:#0f1117;border-color:var(--dark);color:#0f1117;color:var(--dark)}@media (max-width:400px){.stem-text{font-size:16px}.item-text{font-size:13px}.rank-btn{font-size:12px;height:32px}.rank-btn,.rank-header-num{width:32px}.partb-option{font-size:14px;padding:16px}}.radar-section{align-items:center}.radar-wrap{display:flex;justify-content:center;padding:8px 0}.radar-svg{overflow:visible}.rank-btn.used-elsewhere{cursor:pointer;opacity:.22;pointer-events:auto}.rank-btn.used-elsewhere:hover{border-color:#0f1117;border-color:var(--dark);opacity:.5}.copy-btn{background:#fff;background:var(--white);border:1.5px solid #0f1117;border:1.5px solid var(--dark);border-radius:8px;border-radius:var(--radius-sm);color:#0f1117;color:var(--dark);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;margin-top:4px;padding:12px;transition:all .2s;width:100%}.copy-btn.copied,.copy-btn:hover{background:#0f1117;background:var(--dark);color:#fff;color:var(--white)}.copy-btn.copied{border-color:#0f1117;border-color:var(--dark)}.code-box code{display:block;white-space:pre}.version-tag{bottom:12px;color:#e2e2ea;color:var(--rule);font-family:DM Sans,sans-serif;font-size:10px;left:0;letter-spacing:.12em;position:fixed;right:0;text-align:center}.wd-end-block{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;width:62px}.wd-end-block.right{align-items:flex-end}.wd-end-val{font-feature-settings:"tnum";color:#8888a0;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;margin-top:1px}.ra-score-display{margin-top:6px;text-align:center}.ra-score-num{font-feature-settings:"tnum";color:#0f1117;color:var(--dark);font-family:DM Sans,sans-serif;font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}
/*# sourceMappingURL=main.cc55909f.css.map*/