@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--paper:#f7f8f8;--paper2:#f0f1f2;--card:#ffffff;--ink:#1d1d20;--ink-2:#52555c;--ink-soft:#9499a0;--line:#eeeef0;--line-soft:#f4f5f6;--accent:#2f7355;--accent-2:#2f8a64;--accent-deep:#234f3d;--accent-deep-rgb:35,79,61;--ok:#2f8a64;--ok-bg:#eaf4ef;--warn:#e8920c;--warn-bg:#fcf2e0;--bad:#d63a4c;--bad-bg:#fbeced;--gate:#9499a0;--btn:#3e8f6f;--ok-soft:#5ea88a;--bad-soft:#df8590;--grad-member:linear-gradient(135deg,#2f8a64 0%,#234f3d 100%);--d:"Fraunces","Songti SC",Georgia,serif;--b:"Noto Sans SC",-apple-system,system-ui,sans-serif;--m:"JetBrains Mono",ui-monospace,Menlo,monospace;--sh:0 1px 2px rgba(20,22,26,.05),0 10px 28px -22px rgba(20,22,26,.2);--sh-h:0 2px 6px rgba(20,22,26,.07),0 18px 40px -26px rgba(20,22,26,.3)}.dark,.phone.dark{--paper:#14161a;--paper2:#1e2127;--card:#1b1e23;--ink:#eceef1;--ink-2:#c2c6cc;--ink-soft:#888e97;--line:#2b2f36;--line-soft:#23262c;--ok-bg:#16302a;--warn-bg:#33280f;--bad-bg:#371f23;--sh:0 1px 2px rgba(0,0,0,.5),0 10px 28px -20px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--b);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased;background:var(--paper)}.mono{font-family:var(--m)}.serif{font-family:var(--d)}.skel{height:14px;border-radius:8px;background:linear-gradient(90deg,var(--paper2) 25%,var(--line-soft) 37%,var(--paper2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rkpop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:none}}.state-wrap{text-align:center;padding:42px 0}.state-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;font-family:var(--b);font-weight:600;font-size:14px;padding:11px 16px;cursor:pointer;transition:.15s;background:var(--paper2);color:var(--ink-2);box-shadow:var(--sh)}.btn:active{transform:scale(.985)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--btn);color:#fff}.btn.primary:hover{background:var(--accent)}.btn.accent{background:var(--accent);color:#fff}.btn.accent:hover{background:var(--accent-deep)}.btn.ghost{background:var(--paper2);color:var(--ink-2);box-shadow:none}.btn.ghost:hover{background:var(--line)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh)}.q-row{cursor:pointer;transition:background .12s}.q-row:hover{background:var(--line-soft)}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:14px;margin-bottom:11px;font-size:15px;color:var(--ink-2);cursor:pointer;transition:.12s;font-family:var(--b)}.opt:hover:not(:disabled){border-color:var(--accent-2)}.opt:disabled{cursor:default}.opt .ch{width:28px;height:28px;border-radius:9px;background:var(--paper2);display:grid;place-items:center;font-family:var(--m);font-weight:700;font-size:13px;flex-shrink:0;transition:.12s}.opt.sel{border-color:var(--accent);background:var(--ok-bg);color:var(--ink)}.opt.sel .ch{background:var(--accent);color:#fff}.opt.correct{border-color:var(--ok-soft);background:var(--ok-bg);color:var(--ink)}.opt.correct .ch{background:var(--ok);color:#fff}.opt.wrong{border-color:var(--bad-soft);background:var(--bad-bg);color:var(--ink)}.opt.wrong .ch{background:var(--bad);color:#fff}.anabox{background:var(--ok-bg);border:1px solid rgba(var(--accent-deep-rgb),.18);border-radius:14px;padding:16px;margin-top:6px}.anabox h4{font-family:var(--m);font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.gatebox{display:flex;align-items:center;gap:14px;background:var(--ok-bg);border:1px solid rgba(var(--accent-deep-rgb),.18);border-radius:14px;padding:16px}.modecard{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:14px;cursor:pointer;transition:.15s}.modecard.on{border-color:var(--accent);background:var(--ok-bg)}.resultline{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;margin-top:14px}.subq{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:13px}
