.breadcrumbs{margin-bottom:18px;font-size:.82rem}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--muted);margin:0 8px}.breadcrumbs a{color:var(--purple-dark);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current]{color:var(--ink);font-weight:600}.q-chip{background:var(--app-accent-soft);color:var(--app-accent-text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}a.q-chip:hover{color:var(--app-accent-deep);text-decoration:underline}.q-chip__of{opacity:.8;font-weight:500}.q-state{background:var(--app-surface2);color:var(--app-text2);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.q-state[data-state=mastered]{background:var(--app-correct-soft);color:var(--app-correct-text)}.q-state[data-state=wrong]{background:var(--app-wrong-soft);color:var(--app-wrong-text)}.q-state[data-state=pending]{box-shadow:inset 0 0 0 1.5px var(--app-accent);color:var(--app-accent-text);background:0 0}.state-dot{background:var(--app-border);border-radius:50%;flex:none;width:10px;height:10px;margin-top:7px}.state-dot[data-state=mastered]{background:var(--app-correct)}.state-dot[data-state=wrong]{background:var(--app-wrong)}.state-dot[data-state=pending]{box-shadow:inset 0 0 0 2px var(--app-accent);background:0 0}.q-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.q-filter{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:600}.q-filter[aria-pressed=true]{border-color:var(--purple);background:var(--purple);color:#fff}.q-filter__count{opacity:.75;font-weight:500}:root[data-theme=dark]{color-scheme:dark;--app-bg:#0f0b1e;--app-surface:#18132e;--app-surface2:#211a3d;--app-border:#2a2248;--app-text:#f3f0ff;--app-text2:#a39bc4;--app-accent:#8f75ff;--app-accent-text:#a893ff;--app-on-accent:#0f0b1e;--app-accent-soft:#2a2152;--app-accent-deep:#5b45c9;--app-correct:#3ecf8e;--app-correct-text:#3ecf8e;--app-correct-soft:#15302b;--app-wrong:#f16c7a;--app-wrong-text:#f16c7a;--app-wrong-soft:#36203a;--app-on-feedback:#0f0b1e;--ink:#f3f0ff;--muted:#a39bc4;--line:#2a2248;--page:#0f0b1e;--surface:#18132e;--lilac:#211a3d;--purple:#8f75ff;--purple-dark:#a893ff;--violet-shadow:#2a2152;--gold:#4a3a14;--shadow:0 18px 38px #00000059}:root[data-theme=dark] .site-header{border-bottom-color:var(--line);background:#0f0b1ee0}:root[data-theme=dark] .desktop-nav a{color:var(--muted)}:root[data-theme=dark] .desktop-nav a:hover{color:var(--ink)}:root[data-theme=dark] .mobile-nav nav{background:var(--surface)}:root[data-theme=dark] .skip-link{color:var(--page)}:root[data-theme=dark] .source-note{color:var(--muted);background:var(--surface)}:root[data-theme=dark] :is(.button,.q-cta){color:var(--app-on-accent);box-shadow:none}:root[data-theme=dark] :is(.button,.q-cta):hover{color:var(--app-on-accent);background:var(--purple-dark)}:root[data-theme=dark] :is(.q-toggle[aria-pressed=true],.q-toggle:hover,.q-filter[aria-pressed=true],.group-nav__list a[aria-current=page]){color:var(--app-on-accent)}:root[data-theme=dark] .runner__streak{color:#ffd27a}:root[data-theme=dark] .brand img{box-shadow:none}.choice{--c-border:var(--line);--c-bg:var(--surface);--c-key-bg:var(--lilac);--c-key:var(--purple-dark);border:2px solid var(--c-border);background:var(--c-bg);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;font-size:1rem;line-height:1.5;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:grid}.choice__key{background:var(--c-key-bg);width:38px;height:38px;color:var(--c-key);border-radius:12px;place-items:center;font-size:1.05rem;font-weight:800;transition:background-color .16s,color .16s,transform .16s;display:grid}.choice__end{align-items:center;gap:8px;display:flex}.choice__kbd{border:1px solid var(--line);min-width:22px;color:var(--muted);text-align:center;border-radius:6px;padding:1px 6px;font-size:.72rem;font-weight:700}.choice__mark{border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:none}@media (hover:hover){.choice[data-look=idle]:not([aria-disabled=true]):hover{--c-border:var(--purple);--c-bg:var(--page);box-shadow:6px 8px 0 var(--violet-shadow);transform:translateY(-2px)}.choice[data-look=idle]:not([aria-disabled=true]):hover .choice__key{background:var(--purple);color:#fff;transform:rotate(-6deg)}}.choice[data-look=idle]:active{box-shadow:none;transform:translateY(1px)}.choice[aria-pressed=true]{--c-border:var(--purple);--c-bg:var(--lilac);--c-key-bg:var(--purple);--c-key:#fff;box-shadow:6px 8px 0 var(--violet-shadow)}.choice:is([data-look=correct],[data-look=revealed]){--c-border:var(--app-correct);--c-bg:var(--app-correct-soft);--c-key-bg:var(--app-correct);--c-key:var(--app-on-feedback)}.choice[data-look=wrong]{--c-border:var(--app-wrong);--c-bg:var(--app-wrong-soft);--c-key-bg:var(--app-wrong);--c-key:var(--app-on-feedback)}.choice[data-look=muted]{opacity:.55}.choice:is([data-look=correct],[data-look=revealed],[data-look=wrong]) .choice__kbd{display:none}.choice:is([data-look=correct],[data-look=revealed],[data-look=wrong]) .choice__mark{color:var(--app-on-feedback);display:grid}.choice:is([data-look=correct],[data-look=revealed]) .choice__mark{background:var(--app-correct)}.choice:is([data-look=correct],[data-look=revealed]) .choice__mark:before{content:"✓"}.choice[data-look=wrong] .choice__mark{background:var(--app-wrong)}.choice[data-look=wrong] .choice__mark:before{content:"✕"}.choice[data-look=correct]{animation:.42s cubic-bezier(.2,.8,.2,1) choicePop}.choice[data-look=wrong]{animation:.38s ease-in-out optionShake}.choice[aria-disabled=true]{cursor:default}@keyframes choicePop{40%{transform:scale(1.025)}}.verdict{border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 14px;font-weight:800;display:inline-flex}.verdict__icon{width:26px;height:26px;color:var(--app-on-feedback);border-radius:50%;place-items:center;display:grid}.verdict[data-result=correct]{background:var(--app-correct-soft);color:var(--app-correct-text)}.verdict[data-result=correct] .verdict__icon{background:var(--app-correct)}.verdict[data-result=wrong]{background:var(--app-wrong-soft);color:var(--app-wrong-text)}.verdict[data-result=wrong] .verdict__icon{background:var(--app-wrong)}.burst{z-index:1000;pointer-events:none;border-radius:2px;width:8px;height:8px;position:fixed}@media (width<=560px){.choice{grid-template-columns:32px minmax(0,1fr) auto;gap:11px;padding:12px 13px;font-size:.96rem}.choice__key{border-radius:10px;width:32px;height:32px}.choice__kbd{display:none}}@media (prefers-reduced-motion:reduce){.choice,.choice__key{transition:none}.choice[data-look=correct],.choice[data-look=wrong]{animation:none}}
