.qcard .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.qcard .whybody{display:grid}.qcard .whybody>*{grid-area:1/1;min-width:0}.qcard .whybody .ghost{visibility:hidden;pointer-events:none}.qcard .why .wait{color:var(--muted);margin:0;font-style:italic}.qcard .why .body{animation:.22s qin}@keyframes qin{0%{opacity:0}to{opacity:1}}.qcard .verdict.good{color:var(--correct)}.qcard .verdict.bad{color:var(--wrong)}.qcard .rubric{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.qcard .rubric li{gap:10px;display:flex}.qcard .rubric i{background:var(--correct);border-radius:50%;flex:none;width:7px;height:7px;margin-top:9px}.qcard .selfgrade{flex-wrap:wrap;gap:10px;margin:4px 0 16px;display:flex}.qcard .selfgrade button{border:1px solid var(--rule-strong);background:var(--surface);min-height:46px;color:var(--ink);cursor:pointer;font:600 14.5px var(--sans);border-radius:4px;flex:140px}.qcard .selfgrade button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.qcard .options{margin:0;padding:0;list-style:none;display:grid}.qcard .opt{text-align:left;width:100%;color:var(--ink);background:var(--surface);border:1.5px solid var(--rule-strong);cursor:pointer;border-radius:5px;align-items:center;transition:background .18s,border-color .18s,opacity .18s;display:flex;position:relative}.qcard .opt:hover{border-color:var(--accent)}.qcard .opt .key{border-radius:50%;flex:none;place-items:center;transition:all .18s;display:grid}.qcard .opt .txt{flex:1;min-width:0}.qcard .opt .mark{white-space:nowrap;color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.qcard .sa textarea{resize:vertical;border:1px solid var(--rule-strong);background:var(--surface);width:100%;min-height:150px;color:var(--ink);font:400 17px/1.6 var(--serif);border-radius:4px;padding:14px 16px}.qcard .sa textarea:focus{border-color:var(--accent);outline:none}.qcard .sa textarea[readonly]{background:var(--sunk)}.qcard .actions .btn{border:1px solid var(--accent);background:var(--accent);min-height:52px;color:var(--accent-ink);font:600 16px var(--sans);cursor:pointer;box-shadow:2px 2px 0 var(--press);border-radius:5px;transition:transform 80ms,box-shadow 80ms}.qcard .actions .btn:active{box-shadow:0 0 0 var(--press);transform:translate(2px,2px)}.qcard .actions .btn[disabled]{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--muted);box-shadow:none;cursor:not-allowed}.qcard .qc-meta{color:var(--muted);margin:0 0 8px;font-size:13px}.qcard .qc-meta b{color:var(--ink);font-weight:650}.qcard:not(.practice) .stem{font:500 17px/1.45 var(--serif);margin:0 0 12px}.qcard:not(.practice) .options{gap:8px}.qcard:not(.practice) .opt{min-height:50px;font:400 16px/1.4 var(--serif);gap:11px;padding:11px 46px 11px 14px}.qcard:not(.practice) .opt .key{background:var(--sunk);border:1px solid var(--line);width:26px;height:26px;font:650 12.5px var(--sans)}.qcard:not(.practice) .opt .mark{font:600 12px var(--sans);right:12px}.qcard:not(.practice) .why{background:var(--sunk);font:400 15.5px/1.6 var(--serif);border-radius:5px;margin-top:14px;padding:14px 16px}.qcard:not(.practice) .verdict{margin:0 0 3px;font-weight:600;display:block}.qcard:not(.practice) .why p{margin:0 0 8px}.qcard:not(.practice) .about{background:var(--surface);border-radius:5px;margin:0 0 8px;padding:10px 12px;font-size:15px;line-height:1.55}.qcard:not(.practice) .about b{font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;display:block}.qcard:not(.practice) .tiphint{color:var(--muted);margin:6px 0 0;font-size:13px;font-style:italic}.qcard:not(.practice) .actions{margin-top:14px}.qcard:not(.practice) .actions .btn{width:100%}.qcard.practice{gap:18px;display:grid}@media (width>=980px){.qcard.practice{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px}.qcard.practice .qside{position:sticky;top:84px}}.qcard.practice .sheet{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:6px;padding:22px 20px}@media (width>=980px){.qcard.practice .sheet{padding:30px 36px}}.qcard .qmeta{flex-wrap:wrap;align-items:center;gap:0 6px;margin-bottom:10px;display:flex}.qcard .qmeta .label{font:400 13px var(--sans);color:var(--muted)}.qcard .qmeta em{color:var(--muted);font-size:13px;font-style:italic}.qcard .qmeta>*+:before{content:"· ";color:var(--muted);font-style:normal}.qcard.practice .stem{font:400 21px/1.42 var(--serif);margin:0 0 20px}@media (width>=980px){.qcard.practice .stem{font-size:24px}}.qcard.practice .options{gap:10px}.qcard.practice .opt{min-height:var(--tap,54px);gap:14px;padding:12px 60px 12px 16px}.qcard.practice .opt .key{border:1px solid var(--rule-strong);width:28px;height:28px;font:600 14px/1 var(--sans);color:var(--muted)}.qcard.practice .opt .txt{font:400 16.5px/1.45 var(--serif)}.qcard.practice .opt .mark{font:600 12.5px var(--sans);right:14px}.qcard.practice .actions{align-items:center;gap:12px;margin-top:20px;display:flex}.qcard.practice .actions .btn{border-radius:4px;width:auto;min-width:200px;min-height:54px;padding:0 28px;font-size:16.5px}.qcard.practice .bstate{display:none}.qcard.practice .keys{color:var(--muted);margin-left:auto;font-size:12.5px}.qcard.practice .keys kbd{font:600 11px var(--sans);border:1px solid var(--rule-strong);border-bottom-width:2px;border-radius:4px;padding:1px 5px}.qcard.practice .why{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:6px;min-height:260px;padding:20px 22px}.qcard.practice .why h2{font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.qcard.practice .why .wait{font:400 15.5px/1.6 var(--serif);font-style:italic}.qcard.practice .verdict{font:600 19px/1.35 var(--serif);margin:0 0 10px}.qcard.practice .why p{font:400 16.5px/1.62 var(--serif);margin:0 0 14px}.qcard.practice .about{background:var(--sunk);font:400 15.5px/1.58 var(--serif);border-radius:5px;margin:4px 0 14px;padding:12px 14px}.qcard.practice .about b{font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.qcard.practice .tiphint{color:var(--muted);margin:0 0 14px;font-size:13px}.qcard.practice .rubric li{font:400 15.5px/1.5 var(--serif)}@media (width<=979px){.qcard.practice .why{min-height:0}.qcard.practice .why .wait{font-size:14.5px}.qcard.practice .actions{z-index:40;background:var(--surface);border-top:1px solid var(--rule);padding:10px 14px calc(env(safe-area-inset-bottom) + 10px);margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0000000f}.qcard.practice .actions .btn{flex:1;min-width:0}.qcard.practice .keys{display:none}.qcard.practice .bstate{min-width:0;font:600 15px/1.25 var(--serif);flex:0 0 38%;display:block}.qcard.practice .bstate a{font:400 13px var(--sans);color:var(--accent);margin-top:2px;display:block}}.qcard .opt[aria-pressed=true],.qcard .opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.qcard .opt[aria-pressed=true] .key,.qcard .opt[aria-checked=true] .key{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.qcard.answered .opt:hover{border-color:var(--rule-strong)}.qcard .opt.is-correct,.qcard.answered .opt.is-correct:hover{border-color:var(--correct-line);background:var(--correct-bg)}.qcard .opt.is-correct .key{background:var(--correct);color:var(--surface);border-color:var(--correct)}.qcard .opt.is-wrong,.qcard.answered .opt.is-wrong:hover{border-color:var(--wrong-line);background:var(--wrong-bg)}.qcard .opt.is-wrong .key{background:var(--wrong);color:var(--surface);border-color:var(--wrong)}.qcard .opt.is-dim{opacity:.62}.qcard .opt.viewing{box-shadow:inset 4px 0 0 var(--accent)}
