.quiz-app{--console-bg:#0b1220;--console-panel:#121b2e;--console-border:#22304a;--console-text:#e7ecf3;--console-dim:#8ca0c2;--accent-easy:#6ea8fe;--accent-medium:#f5c26b;--accent-hard:#c792ea;--accent-correct:#5fd9a4;--accent-incorrect:#f2777a;margin-top:var(--space-md);font-family:IBM Plex Sans,system-ui,sans-serif}.quiz-lede{margin:0 0 var(--space-sm);color:#444}.difficulty-tables{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.diff-table{background:var(--console-bg);color:var(--console-text);border:1px solid var(--console-border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;font-family:IBM Plex Mono,monospace;transition:border-color .15s,transform .15s;display:flex}.diff-table:hover{border-color:var(--console-dim);transform:translateY(-2px)}.diff-table:focus-visible{outline:2px solid var(--console-dim);outline-offset:2px}.diff-table-name{font-size:1rem;font-weight:600}.diff-table-name:before{content:"▸ ";color:var(--console-dim)}.diff-table-meta{color:var(--console-dim);font-size:.8rem}.tag{border-radius:999px;margin-top:.25rem;padding:.15rem .55rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600}.tag-easy{color:var(--accent-easy);background:#6ea8fe26}.tag-medium{color:var(--accent-medium);background:#f5c26b26}.tag-hard{color:var(--accent-hard);background:#c792ea26}.diff-table[data-difficulty=easy]:hover{box-shadow:0 10px 24px #6ea8fe29}.diff-table[data-difficulty=medium]:hover{box-shadow:0 10px 24px #f5c26b29}.diff-table[data-difficulty=hard]:hover{box-shadow:0 10px 24px #c792ea29}.console{background:radial-gradient(120% 140% at 50% -10%, #6ea8fe12, transparent 60%), var(--console-bg);border:1px solid var(--console-border);border-radius:var(--radius);color:var(--console-text);overflow:hidden}.console-titlebar{background:var(--console-panel);border-bottom:1px solid var(--console-border);color:var(--console-dim);align-items:center;gap:.75rem;padding:.65rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.8rem;display:flex}.console-dots{gap:.35rem;display:flex}.console-dots span{background:var(--console-border);border-radius:50%;width:9px;height:9px}.console-name{flex:1}.console-tag{margin-top:0}.console-tag:empty{display:none}.console-progress{color:var(--console-text)}.console-body{padding:1.5rem}.console-progressbar{background:var(--console-border);border-radius:2px;height:4px;margin-bottom:1.25rem;overflow:hidden}.progress-fill{background:var(--accent-easy);width:0%;height:100%;transition:width .25s,background .25s}.console-prompt{color:var(--accent-easy);align-items:center;gap:.4rem;margin-bottom:.75rem;font-family:IBM Plex Mono,monospace;font-size:.9rem;display:flex}.prompt-cursor{background:var(--console-text);width:8px;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.prompt-cursor{opacity:1;animation:none}}.quiz-question{margin:0 0 1.25rem;font-family:IBM Plex Mono,monospace;font-size:1.05rem;line-height:1.6}.quiz-question:before{content:"-- ";color:var(--console-dim)}.options-header{color:var(--console-dim);justify-content:space-between;margin-bottom:.4rem;padding:0 1rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:flex}.options-header span:last-child{flex:1;margin-left:2.25rem}.quiz-options{flex-direction:column;gap:.5rem;margin-bottom:.6rem;display:flex}.options-hint{color:var(--console-dim);margin:0 0 1.25rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}.quiz-option{background:var(--console-panel);border:1px solid var(--console-border);width:100%;color:var(--console-text);text-align:left;cursor:pointer;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.92rem;transition:background .15s,border-color .15s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--console-dim)}.quiz-option:focus-visible{outline:2px solid var(--console-dim);outline-offset:2px}.quiz-option:disabled{cursor:default}.option-row-id{color:var(--console-dim);flex-shrink:0}.quiz-option.is-correct{border-color:var(--accent-correct);background:#5fd9a41f}.quiz-option.is-incorrect{border-color:var(--accent-incorrect);background:#f2777a1f}.quiz-option.is-muted{opacity:.55}.quiz-feedback{border:1px solid var(--console-border);border-radius:8px;margin-bottom:1.25rem;padding:.9rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.88rem;line-height:1.6}.quiz-feedback.feedback-correct{border-color:var(--accent-correct);color:var(--accent-correct)}.quiz-feedback.feedback-incorrect{border-color:var(--accent-incorrect);color:var(--accent-incorrect)}.quiz-feedback .feedback-explain{color:var(--console-text);margin-top:.4rem;display:block}.console-actions{flex-wrap:wrap;gap:.75rem;display:flex}.console-button{background:var(--console-text);color:var(--console-bg);border:1px solid var(--console-text);cursor:pointer;border-radius:8px;padding:.65rem 1.1rem;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;transition:opacity .15s}.console-button:hover{opacity:.85}.console-button.ghost{color:var(--console-text);background:0 0}.results-query{color:var(--console-dim);margin:0 0 1rem;font-family:IBM Plex Mono,monospace}.results-score{margin-bottom:.5rem;font-family:IBM Plex Mono,monospace;font-size:2.5rem;font-weight:600}.results-message{color:var(--console-text);margin:0 0 1.5rem;font-family:IBM Plex Sans,sans-serif}.results-grid{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.result-cell{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:600;display:flex}.result-cell.correct{border:1px solid var(--accent-correct);color:var(--accent-correct);background:#5fd9a41f}.result-cell.incorrect{border:1px solid var(--accent-incorrect);color:var(--accent-incorrect);background:#f2777a1f}.quiz-about{max-width:var(--content-width);margin:var(--space-xl) auto 0;font-family:IBM Plex Sans,system-ui,sans-serif}.quiz-about h2{margin:1.75rem 0 .5rem;font-size:1.15rem}.quiz-about h2:first-child{margin-top:0}.quiz-about p{color:#333;margin:0 0 .75rem}@media (width<=700px){.console-body{padding:1.1rem}.results-score{font-size:2rem}}