:root{--brand: #ff385c;--brand-dark: #e00b41;--ink: #222222;--ink-soft: #717171;--bg: #f7f7f7;--card: #ffffff;--line: #ebebeb;--line-strong: #dddddd;--correct: #008489;--wrong: #c13515;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--radius: 12px;--radius-sm: 8px;--mono: "SFMono-Regular", "Roboto Mono", "DejaVu Sans Mono", ui-monospace, monospace;--sans: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}a{color:var(--brand);text-decoration:none;cursor:pointer}button{font-family:inherit;cursor:pointer;border:none;background:none}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--card);position:relative}.app-main{flex:1;padding:16px 16px 92px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:10}.topbar h1{font-size:17px;font-weight:600}.topbar .back{font-size:24px;color:var(--ink);line-height:1}.topbar .spacer{flex:1}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft);font-size:11px}.tabbar a.active{color:var(--brand)}.tabbar .ico{font-size:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.btn{display:block;width:100%;padding:14px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-align:center;background:var(--brand);color:#fff;transition:transform .05s ease,background .2s,opacity .2s}.btn:active{transform:scale(.985)}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.45}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--ink)}.btn.secondary:hover{background:#f7f7f7}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}.btn.ghost:hover{background:#f7f7f7}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:6px}.field input{width:100%;padding:12px 14px;font-size:16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}.field input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 2px #22222214}.error-msg{color:var(--wrong);font-size:13px;margin:6px 0}.muted{color:var(--ink-soft);font-size:13px}.center{text-align:center}.ox-row{display:flex;gap:14px;margin-top:18px}.ox-btn{flex:1;aspect-ratio:1.6/1;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:700;border-radius:var(--radius);border:2.5px solid;background:var(--card)}.ox-btn.o{color:var(--correct);border-color:var(--correct)}.ox-btn.x{color:var(--wrong);border-color:var(--wrong)}.ox-btn.o.sel{background:var(--correct);color:#fff}.ox-btn.x.sel{background:var(--wrong);color:#fff}.ox-btn.correct{background:var(--correct);color:#fff}.ox-btn.wrong{background:var(--wrong);color:#fff}.countdown{font-family:var(--mono);font-size:18px;font-weight:700;padding:3px 10px;border-radius:8px;background:#fff;border:1px solid var(--line-strong)}.countdown.warn{color:var(--wrong);border-color:var(--wrong)}.answer-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.acell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:14px;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--ink-soft)}.acell.answered{background:var(--brand);color:#fff;border-color:var(--brand)}.acell.current{outline:2px solid var(--ink)}.stamp{display:inline-flex;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;border:5px solid;font-size:30px;font-weight:800;letter-spacing:2px;transform:rotate(-12deg);opacity:.95}.stamp.pass{color:var(--correct);border-color:var(--correct)}.stamp.fail{color:var(--wrong);border-color:var(--wrong)}.score-big{font-family:var(--mono);font-size:40px;font-weight:800}.q-content{font-size:17px;line-height:1.7;margin:8px 0}.review-item{border-left:4px solid var(--line-strong);padding:10px 12px;margin-bottom:10px;background:#fafafa;border-radius:0 8px 8px 0}.review-item.ok{border-left-color:var(--correct)}.review-item.bad{border-left-color:var(--wrong)}.badge{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px}.badge.ok{background:#0084891f;color:var(--correct)}.badge.bad{background:#c135151f;color:var(--wrong)}.list-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.rank-no{font-family:var(--mono);font-weight:700;width:30px;text-align:center}.rank-no.top{color:var(--brand)}.grow{flex:1}.spinner{text-align:center;padding:40px;color:var(--ink-soft)}