#knm-app{--knm-bg: var(--color-night);--knm-panel: var(--color-panel);--knm-ink: var(--color-ink);--knm-muted: var(--color-muted);--knm-rule: var(--color-rule);font-family:var(--font-serif)}#knm-app button{font-family:inherit;cursor:pointer}#knm-app .header{position:sticky;top:4.5rem;z-index:30;width:100%;border-bottom:1px solid var(--knm-rule);background:var(--knm-bg);box-shadow:0 1px color-mix(in oklch,var(--knm-rule) 65%,transparent)}#knm-app .header-inner{width:100%;max-width:72rem;margin-inline:auto;padding:1.5rem 1.5rem 1rem}@media(min-width:640px){#knm-app .header-inner{padding:2rem 2rem 1.25rem}}@media(min-width:768px){#knm-app .header-inner{padding-inline:2.5rem;padding-bottom:1.5rem}}#knm-app .header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem}#knm-app .header-title{flex:1;min-width:0}#knm-app .tagline{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.14em;color:var(--color-coral-soft);text-transform:uppercase;font-weight:700;line-height:1.4}#knm-app .app-title{margin-top:.5rem;margin-bottom:0;font-family:var(--font-display);font-size:clamp(1.375rem,4vw,2rem);font-weight:700;color:var(--knm-ink);line-height:1.25;letter-spacing:-.02em}#knm-app .subtitle{margin-top:.625rem;font-family:var(--font-sans);font-size:1rem;line-height:1.55;color:var(--color-ink-soft)}#knm-app .tabs{display:flex;gap:.5rem;margin-top:.5rem;margin-inline:-.5rem;padding-block:.375rem .5rem;padding-inline:.5rem;overflow-x:auto;scroll-padding-inline:.5rem;scrollbar-width:none}#knm-app .tabs::-webkit-scrollbar{display:none}#knm-app .tab-btn{min-height:3rem;padding:.75rem 1.25rem;border:none;border-radius:.625rem;background:transparent;color:var(--color-ink-soft);font-family:var(--font-sans);font-size:1rem;font-weight:600;line-height:1.3;white-space:nowrap}#knm-app .tab-btn.active,#knm-app .tab-btn[aria-selected=true]{background:var(--color-coral);color:#fff}#knm-app .tab-btn:focus-visible{outline:3px solid var(--color-coral);outline-offset:2px}#knm-app .tab-btn.active:focus-visible{outline-color:var(--knm-ink)}#knm-app .main{width:100%;max-width:72rem;margin:0 auto;padding:1.75rem 1.5rem 3rem}@media(min-width:640px){#knm-app .main{padding:2rem 2rem 3.5rem}}@media(min-width:768px){#knm-app .main{padding-inline:2.5rem}}#knm-app .card{background:var(--knm-panel);border:1px solid var(--knm-rule);border-radius:var(--radius-card);padding:1.125rem;margin-bottom:.875rem}#knm-app .mono{font-family:var(--font-mono)}#knm-app .red{color:var(--color-coral)}#knm-app .green{color:var(--color-teal)}#knm-app .blue{color:var(--color-sky)}#knm-app .muted{color:var(--knm-muted)}#knm-app .dim{color:var(--color-ink-soft)}#knm-app .white{color:var(--knm-ink)}#knm-app .grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){#knm-app .grid4{grid-template-columns:repeat(4,1fr)}}#knm-app .text-center{text-align:center}#knm-app .option-btn{display:flex;width:100%;min-height:3.25rem;margin-bottom:.5rem;padding:.875rem 1rem;border:1px solid var(--knm-rule);border-radius:var(--radius-card);background:var(--knm-panel);color:var(--color-ink-soft);font-size:1rem;line-height:1.45;text-align:left}#knm-app .option-btn.selected{border-color:var(--color-sky);background:var(--color-panel-raised);color:var(--knm-ink)}#knm-app .option-btn.correct{border-color:var(--color-teal);background:#1a2e20;color:var(--color-teal)}#knm-app .option-btn.wrong{border-color:var(--color-coral);background:#2e1a1a;color:var(--color-coral)}#knm-app .nav-grid{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}#knm-app .nav-btn{width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:.375rem;background:var(--knm-rule);color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:700}#knm-app .nav-btn.answered{background:var(--color-teal)}#knm-app .nav-btn.current{background:var(--color-coral)}#knm-app .big-btn{width:100%;min-height:3rem;margin-top:.5rem;padding:.875rem 1rem;border:none;border-radius:var(--radius-card);color:#fff;font-size:1rem;font-weight:600}#knm-app .row-btns{display:flex;gap:.5rem;margin-top:.75rem}#knm-app .row-btns .big-btn{margin-top:0}#knm-app .half-btn:disabled{opacity:.4;cursor:not-allowed}#knm-app .half-btn{flex:1;min-height:3rem;padding:.75rem;border:none;border-radius:.5rem;color:#fff;font-size:.9375rem;font-weight:600}#knm-app .result-card{border:1px solid var(--knm-rule);border-radius:var(--radius-card);padding:1rem;margin-bottom:.75rem}#knm-app .result-card.correct-card{border-color:var(--color-teal)}#knm-app .result-card.wrong-card{border-color:var(--color-coral)}#knm-app .back-btn{min-height:2.75rem;margin-bottom:.75rem;padding:0;border:none;background:none;color:var(--color-coral);font-size:.9375rem;font-weight:600}#knm-app .bold-highlight{color:var(--knm-ink);font-weight:700}#knm-app .spacer{height:1.5rem}#knm-app ul{padding-left:1.25rem}