.fq{--accent: #2ec4b6;--accent-dim: rgba(46, 196, 182, .14);--good: #93e06a;--bad: #ff6a5e;position:absolute;inset:0;font-family:var(--mono);color:var(--text);background:radial-gradient(120% 80% at 50% -10%,rgba(46,196,182,.08),transparent 55%),var(--ink);overflow:hidden}.fq-screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(16px,3.5vw,30px);overflow-y:auto}.fq-center{justify-content:center;align-items:center;text-align:center;gap:16px}.fq-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.fq-go{align-self:center;padding:13px 34px;border:1px solid var(--accent);background:var(--accent-dim);color:#b9f3ec;font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:background .15s,box-shadow .15s}.fq-go:hover:not(:disabled){background:#2ec4b642;box-shadow:0 0 24px #2ec4b638}.fq-go:disabled{opacity:.5;cursor:not-allowed}.fq-go.ghost{border-color:var(--line-2);background:transparent;color:var(--text-dim)}.fq-go.ghost:hover{background:#ffffff0a;box-shadow:none}.fq-link{align-self:center;margin-top:12px;background:none;border:none;color:var(--text-faint);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fq-link:hover{color:var(--text-dim)}.fq-note{text-align:center;margin-top:4px;font-size:10px;line-height:1.5;color:var(--text-faint);letter-spacing:.03em;max-width:44ch}.fq-spin{width:42px;height:42px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:fq-rot .8s linear infinite}@keyframes fq-rot{to{transform:rotate(360deg)}}.fq-load-t{font-size:12px;letter-spacing:.2em;color:var(--text-dim)}.fq-load-s{font-size:10px;letter-spacing:.08em;color:var(--text-faint)}.fq-error{max-width:460px;margin:0 auto}.fq-err-t{font-size:13px;letter-spacing:.18em;color:var(--bad)}.fq-err-m{font-family:var(--sans);font-weight:300;font-size:13px;line-height:1.55;color:var(--text-dim)}.fq-start{justify-content:center;align-items:center;text-align:center;gap:18px;max-width:560px;margin:0 auto}.fq-brand{font-size:clamp(15px,3.4vw,20px);letter-spacing:.24em;color:var(--text)}.fq-mark{color:var(--accent);margin-right:8px;text-shadow:0 0 14px rgba(46,196,182,.5)}.fq-lede{font-family:var(--sans);font-weight:300;font-size:13px;line-height:1.6;color:var(--text-dim);max-width:46ch}.fq-field{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}.fq-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fq-region{display:flex;flex-direction:column;gap:3px;padding:11px 6px;background:var(--ink-2);border:1px solid var(--line);border-radius:2px;cursor:pointer;transition:border-color .12s,background .12s}.fq-region b{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.fq-region em{font-style:normal;font-size:9px;letter-spacing:.05em;color:var(--text-faint)}.fq-region:hover{border-color:var(--line-2)}.fq-region.on{border-color:var(--accent);background:var(--accent-dim)}.fq-region.on b{color:var(--accent)}.fq-play{gap:14px}.fq-hud{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.fq-hud-l{display:flex;align-items:baseline;gap:12px;min-width:0}.fq-q-no{font-family:var(--serif);font-size:22px;color:var(--text);line-height:1}.fq-q-no em{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--text-faint)}.fq-scope{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.fq-hud-r{display:flex;gap:18px}.fq-stat{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.fq-stat b{font-family:var(--serif);font-size:19px;color:var(--text);line-height:1;font-weight:500}.fq-stat b.hot{color:var(--accent)}.fq-stat b.fq-score{color:var(--signal)}.fq-progress{flex:0 0 auto;display:flex;gap:4px}.fq-pip{flex:1;height:2px;background:var(--line);border-radius:1px}.fq-pip.done{background:var(--text-faint)}.fq-pip.now{background:var(--accent)}.fq-flag-box{flex:0 0 auto;align-self:center;width:min(100%,360px);aspect-ratio:3 / 2;display:grid;place-items:center;padding:10px;background:repeating-conic-gradient(#0c0e14 0% 25%,#0a0c11 0% 50%) 50% / 22px 22px,var(--ink-1);border:1px solid var(--line-2);border-radius:4px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.fq-flag-box.revealed{border-color:var(--accent);box-shadow:0 0 30px -8px #2ec4b666}.fq-flag{max-width:100%;max-height:100%;object-fit:contain;border:1px solid rgba(0,0,0,.4);box-shadow:0 6px 22px #0000008c;animation:fq-flag-in .35s ease}@keyframes fq-flag-in{0%{opacity:0;transform:scale(.97)}}.fq-options{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center;min-height:0}.fq-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:12px 16px;text-align:left;background:var(--ink-1);border:1px solid var(--line-2);border-radius:3px;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.3;cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.fq-opt:hover:not(:disabled){border-color:var(--accent);background:#2ec4b612}.fq-opt:active:not(:disabled){transform:scale(.99)}.fq-opt:disabled{cursor:default}.fq-opt-txt{flex:1;min-width:0}.fq-tick{color:var(--good);font-size:15px}.fq-cross{color:var(--bad);font-size:14px}.fq-opt.fq-right{border-color:var(--good);background:#93e06a24;color:#d8f7c4;animation:fq-flash-good .45s ease}.fq-opt.fq-wrong{border-color:var(--bad);background:#ff6a5e24;color:#ffcfca;animation:fq-shake .32s ease}.fq-opt.fq-dim{opacity:.4}@keyframes fq-flash-good{0%{box-shadow:0 0 #93e06a80}to{box-shadow:0 0 20px #93e06a00}}@keyframes fq-shake{20%{transform:translate(-4px)}60%{transform:translate(4px)}to{transform:translate(0)}}.fq-feedback{flex:0 0 auto;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px}.fq-hint{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.fq-verdict{font-size:13px;letter-spacing:.1em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fq-verdict b{font-weight:600}.fq-verdict.good{color:var(--good)}.fq-verdict.bad{color:var(--bad)}.fq-feedback.show .fq-verdict{animation:fq-rise .3s ease}@keyframes fq-rise{0%{opacity:0;transform:translateY(5px)}}.fq-next{flex:0 0 auto;padding:9px 20px;border:1px solid var(--accent);background:var(--accent-dim);color:#b9f3ec;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:background .13s}.fq-next:hover{background:#2ec4b642}.fq-done{max-width:520px;margin:0 auto;gap:20px}.fq-grade-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.fq-grade{font-family:var(--serif);font-size:clamp(54px,13vw,84px);line-height:.9;color:var(--accent);text-shadow:0 0 30px rgba(46,196,182,.4)}.fq-grade-note{font-family:var(--sans);font-weight:300;font-size:13px;color:var(--text-dim)}.fq-final-score{display:flex;flex-direction:column;gap:2px;font-family:var(--serif);font-size:clamp(30px,7vw,44px);line-height:1;color:var(--signal)}.fq-final-score span{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--text-faint)}.fq-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.fq-summary div{background:var(--ink-2);border:1px solid var(--line);border-radius:2px;padding:10px 6px}.fq-summary dt{font-size:8px;letter-spacing:.12em;color:var(--text-faint);margin-bottom:3px}.fq-summary dd{font-family:var(--serif);font-size:20px;color:var(--text)}.fq-summary dd em{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--text-faint)}.fq-summary dd.fq-region-cell{font-size:14px}.fq-done-actions{display:flex;flex-direction:column;align-items:center}@media(max-width:540px){.fq-options{grid-template-columns:1fr}.fq-opt{min-height:44px;font-size:13px;padding:10px 13px}.fq-regions{grid-template-columns:repeat(2,1fr)}.fq-hud-r{gap:12px}.fq-q-no{font-size:18px}.fq-flag-box{width:min(100%,280px)}.fq-summary{grid-template-columns:1fr 1fr}.fq-verdict{font-size:12px}}