:root{color:#18181b;font-synthesis:none;text-rendering:optimizelegibility;background:#fafafa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #18181b}.site-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafafaf0;border-bottom:1px solid #e4e4e7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:68px;margin:auto;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;letter-spacing:.04em;background:#18181b;border-radius:8px;place-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:14px;line-height:1.25}.brand small{color:#71717a;font-size:11px}.page-grid{grid-template-columns:230px minmax(0,780px);gap:52px;width:min(1060px,100% - 40px);margin:54px auto 90px;display:grid}.sidebar{align-self:start;position:sticky;top:112px}.eyebrow{color:#71717a;letter-spacing:.11em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:22px;font-size:23px;line-height:1.25}h2{letter-spacing:-.01em;font-size:16px}.mode-list{gap:3px;display:grid}.mode-button{color:#52525b;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;width:100%;padding:9px 11px;font-size:13px;display:flex}.mode-button span:last-child{color:#a1a1aa;font-variant-numeric:tabular-nums}.mode-button:hover{color:#18181b;background:#f4f4f5}.mode-button[aria-pressed=true]{color:#18181b;background:#e4e4e7;font-weight:600}.shuffle-toggle{color:#52525b;cursor:pointer;text-align:left;background:#fff;border:1px solid #e4e4e7;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;margin-top:12px;padding:9px 11px;font-size:12px;display:grid}.shuffle-toggle:hover{border-color:#a1a1aa}.shuffle-toggle[aria-pressed=true]{color:#18181b;background:#f4f4f5;border-color:#a1a1aa}.toggle-state{color:#a1a1aa;font-variant-numeric:tabular-nums}.sidebar-stats{border-top:1px solid #e4e4e7;margin-top:40px;padding-top:24px}.section-row{justify-content:space-between;align-items:baseline;display:flex}.section-row h2{margin-bottom:12px}.section-row span{color:#71717a;font-size:12px}.compact-stats{gap:8px;margin:18px 0 0;font-size:12px;display:grid}.compact-stats div{justify-content:space-between;display:flex}.compact-stats dt{color:#71717a}.compact-stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.content-column{min-width:0}.card{background:#fff;border:1px solid #e4e4e7;border-radius:11px;overflow:hidden;box-shadow:0 1px 2px #00000009}.card-header{border-bottom:1px solid #f4f4f5;padding:24px 28px 20px}.card-content{padding:28px}.question-meta{color:#71717a;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.badge{color:#52525b;background:#fafafa;border:1px solid #e4e4e7;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.progress{background:#e4e4e7;border-radius:999px;width:100%;height:5px;overflow:hidden}.progress span{border-radius:inherit;background:#27272a;height:100%;transition:width .25s;display:block}.question-fieldset{border:0;min-width:0;margin:0;padding:0}.question-fieldset legend{letter-spacing:-.02em;width:100%;margin-bottom:24px;font-size:clamp(18px,2.4vw,23px);font-weight:650;line-height:1.4}.answer-list{gap:10px;display:grid}.answer{cursor:pointer;border:1px solid #e4e4e7;border-radius:8px;grid-template-columns:27px 1fr auto;align-items:center;gap:12px;min-height:54px;padding:10px 14px;font-size:14px;transition:border-color .12s,background .12s;display:grid}.answer:hover{background:#fafafa;border-color:#a1a1aa}.answer:has(input:checked){background:#fafafa;border-color:#52525b;box-shadow:inset 0 0 0 1px #52525b}.answer input{opacity:0;pointer-events:none;position:absolute}.answer-letter{color:#71717a;border:1px solid #d4d4d8;border-radius:6px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}:is(.answer-correct,.answer-correct:has(input:checked)){background:#f3f8f4;border-color:#86a98e;box-shadow:inset 0 0 0 1px #86a98e}:is(.answer-wrong,.answer-wrong:has(input:checked)){background:#fbf5f5;border-color:#c99a98;box-shadow:inset 0 0 0 1px #c99a98}.answer-icon{color:#3f6949}.answer-wrong .answer-icon{color:#963f3b}.keyboard-hint{color:#71717a;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:13px 0 0;font-size:11px;display:flex}.keyboard-hint span{align-items:center;gap:5px;display:inline-flex}kbd{color:#52525b;text-align:center;background:#fafafa;border:1px solid #d4d4d8;border-bottom-width:2px;border-radius:4px;min-width:20px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:600;line-height:17px}.feedback{background:#f6faf6;border:1px solid #d9e6db;border-radius:8px;margin-top:20px;padding:16px 18px;font-size:13px}.feedback-wrong{background:#fcf7f7;border-color:#ead8d7}.feedback-title{color:#31583a;align-items:center;gap:8px;margin-bottom:7px;display:flex}.feedback-wrong .feedback-title{color:#853b37}.feedback p{margin-bottom:7px}.feedback p:last-child{margin-bottom:0}.reference{color:#71717a;font-size:12px}.question-actions{justify-content:space-between;margin-top:26px;display:flex}.button{color:#fafafa;cursor:pointer;white-space:nowrap;background:#18181b;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:#27272a}.button:disabled{cursor:not-allowed;opacity:.45}.button-outline{color:#27272a;background:#fff;border-color:#d4d4d8}.button-outline:hover:not(:disabled){background:#f4f4f5}.button-ghost{color:#27272a;background:0 0}.button-destructive{background:#b42318}.button-destructive:hover:not(:disabled){background:#912018}.button-sm{min-height:34px;padding:0 12px;font-size:12px}.button-icon{width:38px;padding:0}.notice{color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 13px;font-size:12px;display:flex}.notice svg{flex:none;margin-top:1px}.empty-state{color:#71717a;text-align:center;padding-block:65px}.empty-state h2{color:#27272a;margin-bottom:8px;font-size:20px}.empty-state p{margin-bottom:20px}.overview{margin-top:45px}.overview-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.overview-heading h2{margin:0;font-size:20px}.overview-heading>span{color:#71717a;font-size:12px}.status-panel{background:#fff;border:1px solid #e4e4e7;border-radius:9px;padding:17px}.status-legend{color:#71717a;flex-wrap:wrap;gap:10px 18px;margin-bottom:15px;font-size:11px;display:flex}.status-legend span{align-items:center;gap:6px;display:inline-flex}.status-legend i{background:#fafafa;border:1px solid #d4d4d8;border-radius:2px;width:9px;height:9px}.status-legend .legend-correct{background:#dcebdd;border-color:#86a98e}.status-legend .legend-incorrect{background:#f0d9d7;border-color:#c99a98}.status-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;display:grid}.status-cell{color:#71717a;cursor:pointer;font-variant-numeric:tabular-nums;background:#fafafa;border:1px solid #d4d4d8;border-radius:5px;place-items:center;min-width:0;height:32px;padding:0;font-size:10px;display:grid}.status-cell:hover{color:#18181b;border-color:#71717a}.status-cell-correct{color:#31583a;background:#eaf3eb;border-color:#86a98e}.status-cell-incorrect{color:#853b37;background:#f7e9e8;border-color:#c99a98}.status-cell[aria-current=true]{outline-offset:1px;outline:2px solid #18181b}.status-empty{color:#71717a;text-align:center;margin:0;padding:12px;font-size:13px}.reset-dialog{border:1px solid #d4d4d8;border-radius:11px;width:min(430px,100% - 32px);padding:0;box-shadow:0 20px 45px #00000029}.reset-dialog::backdrop{background:#18181b6b}.reset-dialog form{padding:25px}.reset-dialog h2{margin-bottom:8px;font-size:19px}.reset-dialog p{color:#71717a;font-size:13px}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}@media (width<=760px){.header-inner{width:min(100% - 28px,600px)}.header-inner .button svg{display:none}.page-grid{width:min(100% - 28px,600px);margin-top:30px;display:block}.sidebar{position:static}.sidebar h1{margin-bottom:15px}.mode-list{grid-template-columns:1fr 1fr}.sidebar-stats{margin:25px 0 30px;padding-top:20px}.compact-stats{grid-template-columns:repeat(3,1fr);gap:12px}.compact-stats div{display:block}.compact-stats dd{margin-top:2px;font-size:16px}.card-header,.card-content{padding:20px}.overview{margin-top:34px}}@media (width<=480px){.brand small{display:none}.header-inner .button{padding-inline:10px}.mode-button{font-size:12px}.compact-stats{font-size:11px}.answer{grid-template-columns:25px 1fr auto;padding:10px 11px;font-size:13px}.question-actions .button{padding-inline:11px}.status-panel{padding:13px}.status-grid{grid-template-columns:repeat(auto-fill,minmax(31px,1fr));gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}