*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark:#0f1117;--mid:#4a4a5a;--muted:#8888a0;--rule:#e2e2ea;--light:#f7f7fb;--white:#fff;--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{background:#fff;background:var(--white);display:flex;flex-direction:column;margin:0 auto;max-width:540px;min-height:100vh;position:relative}.lang-toggle{align-items:center;display:flex;gap:6px}.lang-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;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;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)}.welcome-screen{background:#fff;background:var(--white);justify-content:center}.welcome-inner{display:flex;flex-direction:column;gap:36px;padding:48px 28px 40px}.welcome-top-row{display:flex;justify-content:flex-end}.welcome-titles{text-align:center}.welcome-title-main,.welcome-title-sub{color:#0f1117;color:var(--dark);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}.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}.password-error{color:#c0392b;font-size:12px;margin-top:-12px}.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}.progress-count{font-feature-settings:"tnum";color:#8888a0;color:var(--muted);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-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(.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.used-elsewhere{cursor:pointer;opacity:.22;pointer-events:auto}.rank-btn.used-elsewhere:hover{border-color:#0f1117;border-color:var(--dark);opacity:.5}.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{align-items:flex-start;border-bottom:1px solid #e2e2ea;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;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}.radar-section{align-items:center}.radar-wrap{display:flex;justify-content:center;padding:8px 0}.radar-svg{overflow:visible}.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-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}.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);display:block;font-family:SF Mono,Fira Code,monospace;font-size:13px;letter-spacing:.02em;white-space:pre;word-break:break-all}.code-note{color:#8888a0;color:var(--muted);font-size:11px}.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)}.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)}.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}@media (max-width:400px){.stem-text{font-size:15px}.item-text{font-size:13px}.rank-btn{font-size:12px;height:32px;width:32px}}
/*# sourceMappingURL=main.aa0ac0a0.css.map*/