:root{--paper: #FFFFFF;--paper-2: #F2F9F4;--paper-3: #E8F1EB;--ink: #1A1A1A;--ink-soft: #333333;--ink-mute: #6B7280;--rule: #D6E2DA;--rule-soft: #ECEFED;--green: #2F8F5C;--green-d: #1F6643;--green-dd: #134029;--green-l: #D6F0E0;--green-bg: #ECF7F0;--green-bd: #A8D9BB;--red-l: #FEE2E2;--red-d: #991B1B;--inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", "SF Mono", Menlo, Monaco, monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper-2);color:var(--ink);font-family:var(--inter);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding:24px 18px 48px}.brand{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:18px}.card{background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:22px;margin-bottom:16px}.meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;color:var(--ink-mute);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule-soft)}.meta-id{font-weight:600;color:var(--ink-soft)}.scenario,.stem{font-size:16px;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.hint{font-size:12.5px;color:var(--ink-mute);font-style:italic;margin:4px 0 10px}.opts{display:flex;flex-direction:column;gap:8px;margin:12px 0 18px}.opt{display:grid;grid-template-columns:30px 26px 1fr 26px;align-items:start;gap:8px;padding:14px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;font-family:inherit;font-size:15px;color:var(--ink);cursor:pointer;text-align:left;transition:background .1s ease,border-color .1s ease}.opt:hover:not(:disabled){background:var(--paper-2);border-color:var(--green-bd)}.opt.selected{background:var(--paper-2);border-color:var(--green-bd)}.opt.correct{background:var(--green-l);border-color:var(--green-bd);color:var(--green-d)}.opt.wrong{background:var(--red-l);border-color:var(--red-d);color:var(--red-d)}.opt:disabled{cursor:default;opacity:.95}.opt-mark{font-family:var(--mono);font-size:16px;color:var(--ink-mute);font-weight:500}.opt.selected .opt-mark,.opt.correct .opt-mark{color:var(--green-d)}.opt.wrong .opt-mark{color:var(--red-d)}.opt-l{font-family:var(--mono);font-weight:600;font-size:14px}.opt-c,.opt-x{font-weight:700;text-align:right}.opt-c{color:var(--green-d)}.opt-x{color:var(--red-d)}.btn{display:block;width:100%;padding:14px 18px;background:var(--green);color:#fff;border:1px solid var(--green-d);border-radius:4px;font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;text-align:center}.btn:hover:not(:disabled){background:var(--green-d)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--paper);color:var(--ink-soft);border:1px solid var(--rule)}.btn-secondary:hover:not(:disabled){background:var(--paper-2);border-color:var(--green-bd)}.verdict{font-size:18px;font-weight:600;padding:12px 16px;border-radius:4px;margin-bottom:12px;text-align:center}.verdict.good{background:var(--green-l);color:var(--green-d)}.verdict.bad{background:var(--red-l);color:var(--red-d)}.rats{margin-top:14px}.rat{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:8px 0;font-size:14px;line-height:1.55;border-bottom:1px solid var(--rule-soft)}.rat:last-child{border-bottom:none}.rat-l{font-family:var(--mono);font-weight:600;color:var(--ink-mute)}.tip{margin-top:14px;padding:12px 14px;background:var(--paper-2);border-left:3px solid var(--green);font-size:14px;line-height:1.5}.tip-label{display:block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px}.error{padding:16px;background:var(--red-l);color:var(--red-d);border-radius:4px;font-size:14px;text-align:center}.loading{padding:60px 24px;text-align:center;color:var(--ink-mute);font-size:14px}