:root{color-scheme:dark;--bg: #0d120e;--panel: #141b15;--panel-border: rgba(114, 222, 158, .18);--text: #eef5ee;--text-dim: rgba(238, 245, 238, .64);--accent: #58d68d;--accent-strong: #35c473;--danger: #ff5d5d;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 500px at 80% -10%,rgba(88,214,141,.12),transparent),radial-gradient(900px 420px at 0% 110%,rgba(88,214,141,.08),transparent),var(--bg);color:var(--text)}.app-shell{display:flex;justify-content:center;padding:40px 18px 72px}.start-panel,.quiz-panel,.result-panel{width:min(640px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:34px 30px 40px;box-shadow:0 24px 60px #0006}.eyebrow{margin:0 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1{margin:0 0 14px;font-size:clamp(28px,6vw,40px);line-height:1.2}.lede{margin:0 0 22px;color:var(--text-dim);line-height:1.75;font-size:16px}.start-notes{margin:0 0 30px;padding:0;list-style:none;display:grid;gap:10px}.start-notes li{color:var(--text-dim);font-size:14px;padding-left:20px;position:relative}.start-notes li:before{content:"·";position:absolute;left:4px;color:var(--accent);font-weight:700}.primary-button{display:inline-block;border:none;border-radius:14px;padding:15px 34px;font-size:17px;font-weight:700;color:#0a130c;background:linear-gradient(135deg,var(--accent),var(--accent-strong));cursor:pointer;text-decoration:none;text-align:center;transition:transform .12s ease,filter .12s ease}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.primary-button.compact{padding:12px 26px;font-size:15px}.ghost-button{border:1px solid rgba(238,245,238,.24);border-radius:14px;padding:12px 26px;font-size:15px;background:transparent;color:var(--text);cursor:pointer;transition:border-color .12s ease}.ghost-button:hover{border-color:var(--accent)}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.quiz-topbar .eyebrow{margin:0}.question-count{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:14px}.progress-track{height:6px;border-radius:999px;background:#eef5ee1a;overflow:hidden;margin-bottom:26px}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .25s ease}.question-card h2{margin:0 0 22px;font-size:19px;line-height:1.7;font-weight:600}.choice-grid{display:grid;gap:12px}.choice-button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid rgba(238,245,238,.16);border-radius:16px;background:#ffffff08;color:var(--text);padding:15px 16px;font-size:15px;line-height:1.55;cursor:pointer;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.choice-button span{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#58d68d24;color:var(--accent);font-weight:700;font-size:14px}.choice-button:not(:disabled):hover{border-color:var(--accent);background:#58d68d14}.choice-button.is-picked{border-color:var(--accent);background:#58d68d1f}.choice-button.is-dimmed{opacity:.4}.choice-button:disabled{cursor:default}.feedback{margin-top:22px;border:1px solid var(--panel-border);border-radius:18px;padding:20px;background:#58d68d0d;display:grid;gap:14px;justify-items:start}.feedback-comment{margin:0;font-size:16px;line-height:1.75;font-weight:600}.feedback-concept{margin:0;color:var(--text-dim);font-size:14px;line-height:1.7}.feedback-concept span{display:block;color:var(--accent);font-weight:700;margin-bottom:4px;font-size:13px;letter-spacing:.04em}.result-panel{text-align:center}.rank-card{display:grid;gap:14px;justify-items:center;margin:18px 0 24px}.alias-box{width:100%;display:grid;gap:10px;justify-items:center;margin-bottom:8px}.alias-box label{font-size:13px;color:var(--text-dim)}.alias-box input{width:min(320px,100%);border:1px solid rgba(238,245,238,.24);border-radius:12px;background:#ffffff0a;color:var(--text);padding:12px 16px;font-size:16px;text-align:center;outline:none;transition:border-color .12s ease}.alias-box input:focus{border-color:var(--accent)}.alias-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.alias-chip{border:1px solid rgba(238,245,238,.2);border-radius:999px;background:transparent;color:var(--text-dim);padding:7px 14px;font-size:13px;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.alias-chip:hover{border-color:var(--accent);color:var(--text)}.alias-chip.is-active{border-color:var(--accent);background:#58d68d1f;color:var(--accent)}.rank-card-image{width:min(400px,100%);border-radius:20px;box-shadow:0 22px 50px #00000080}.save-hint{margin:0;color:var(--text-dim);font-size:13px}.card-loading{color:var(--text-dim)}@media(max-width:480px){.app-shell{padding:18px 10px 48px}.start-panel,.quiz-panel,.result-panel{padding:26px 18px 30px;border-radius:18px}}