:root{--bg: #0a0a0a;--surface: #0f0f0f;--surface-2: #141414;--text: #ffffff;--text-2: rgba(255,255,255,.7);--text-3: rgba(255,255,255,.5);--border: rgba(255,255,255,.12);--hover: rgba(255,255,255,.04);--active: rgba(255,255,255,.06);--select: rgba(255,255,255,.08);--accent: #4a90e2;--success: #2e7d32;--warning: #b26a00;--danger: #b71c1c;--font: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-24: 24px;--fs-36: 36px;--lh-tight: 1.2;--lh-normal: 1.4;--s-2: 2px;--s-4: 4px;--s-6: 6px;--s-8: 8px;--s-10: 10px;--s-12: 12px;--s-16: 16px;--s-20: 20px;--s-24: 24px;--s-32: 32px;--s-40: 40px;--r-2: 2px;--r-3: 3px;--r-4: 4px;--r-6: 6px;--r-8: 8px;--shadow-1: 0 4px 12px rgba(0,0,0,.25);--shadow-2: 0 10px 20px rgba(0,0,0,.35);--shadow-3: 0 18px 40px rgba(0,0,0,.45);--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-14);line-height:var(--lh-normal);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:lowercase}.container{max-width:720px;margin:0 auto;padding:var(--s-16)}.row{display:flex;align-items:center}.row.center{justify-content:center}.space-between{justify-content:space-between}.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.title{font-size:var(--fs-24);line-height:var(--lh-tight);font-weight:500;margin:0}.headline,.hero-title{font-size:var(--fs-20);line-height:var(--lh-tight);font-weight:500;margin:0}.kicker{font-size:var(--fs-12);color:var(--text-3);letter-spacing:.02em}.accent{color:var(--accent)}.text-sm{font-size:var(--fs-13)}.text-xs{font-size:var(--fs-12)}.progress{height:4px;background:#ffffff1a;border-radius:var(--r-2);overflow:hidden}.progress>.bar{height:100%;background:#fff;width:0%;transition:width var(--dur-base) linear}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-6);box-shadow:var(--shadow-1);padding:var(--s-20)}.btn{display:inline-flex;align-items:center;gap:var(--s-8);height:36px;padding:0 var(--s-12);font-family:inherit;font-size:var(--fs-12);line-height:1.2;border-radius:var(--r-4);border:1px solid var(--border);color:var(--text-2);background:transparent;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.btn:hover{background:var(--hover);color:var(--text);border-color:#ffffff4d}.btn:focus{outline:none;box-shadow:0 0 0 2px #4a90e259;border-color:#ffffff59}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--bg);border-color:transparent}.btn.primary:hover{background:#ffffffe6}.btn.danger{background:var(--danger);border-color:#ffffff26;color:#fff}.btn.danger:hover{filter:brightness(1.05)}.input{width:100%;height:36px;padding:0 var(--s-10);font-family:inherit;font-size:var(--fs-12);border-radius:var(--r-4);background:#ffffff05;border:1px solid var(--border);color:var(--text)}.input::placeholder{color:#ffffff59}.input:focus{outline:none;border-color:#ffffff26;box-shadow:0 0 0 2px #4a90e259}.mono{font-family:var(--font)}@media (max-width: 768px){.title,.hero-title{font-size:var(--fs-20)}.headline{font-size:18px}.container{padding:var(--s-12)}}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--s-8);font-weight:500;font-size:var(--fs-14)}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.app-main{flex:1}.hero{padding:var(--s-32) 0 var(--s-24);display:flex;justify-content:center;align-items:center;min-height:60vh}.hero-card{display:flex;flex-direction:column;gap:var(--s-12);align-items:center;text-align:center;max-width:320px;width:100%}.hero-actions{margin-top:var(--s-16)}.stack{display:flex;flex-direction:column;gap:var(--s-12)}.stack-lg{display:flex;flex-direction:column;gap:var(--s-20)}.results-card{min-height:100px}.test-title{font-size:var(--fs-12);font-weight:500;line-height:var(--lh-tight)}.kbd{display:inline-block;padding:var(--s-2) var(--s-6);border-radius:4px;border:1px solid var(--border);background:var(--hover);font-family:var(--font);font-size:.95em}.input{width:100%;padding:0 var(--s-12);border-radius:var(--r-4);border:1px solid var(--border);background:#ffffff05;color:var(--text);outline:none;font-family:inherit}.input:focus{border-color:#ffffff26;box-shadow:0 0 0 2px #4a90e259}.grid{display:grid;grid-template-columns:1fr;gap:var(--s-16)}.grid>.col-6,.grid>.col-12{grid-column:span 1}.vis-panel{border-radius:var(--r-6);border:1px solid var(--border);background:var(--surface);padding:var(--s-20);text-align:center}.math-panel{border:1px solid var(--border);border-radius:var(--r-6);background:#ffffff05;padding:var(--s-16);transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.math-panel.correct{border-color:#2e7d32b3;background:#2e7d321f}.math-panel.wrong{border-color:#b71c1cb3;background:#b71c1c1f}.results-block{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-6);padding:var(--s-16);box-shadow:var(--shadow-1);font-size:var(--fs-12);line-height:var(--lh-normal)}.card .muted,.card .subtle{font-size:var(--fs-12);line-height:var(--lh-normal)}.chip{display:inline-flex;align-items:center;gap:var(--s-4);padding:0;border:0;background:transparent;color:var(--text-3);font-size:var(--fs-12)}.stat{display:inline-flex;align-items:baseline;gap:var(--s-6);color:var(--text-2);font-size:var(--fs-12)}.stat strong{font-size:var(--fs-12);font-weight:500;color:var(--text)}.dots{letter-spacing:.2em}.timer{font-variant-numeric:tabular-nums}.hidden{visibility:hidden}.big-number{font-size:40px;font-weight:500;letter-spacing:.04em}.reaction-screen{border-radius:var(--r-6);height:280px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);border:1px solid var(--border)}.reaction-screen.wait{background:#ef444414;border-color:#ef444466}.reaction-screen.ready{background:#22c55e14;border-color:#22c55e66}.reaction-screen.idle{background:#ffffff0a}.score-badge{display:inline-flex;align-items:center;gap:var(--s-6);padding:0;border:0;color:var(--text-2);font-size:var(--fs-12)}.score-badge strong{font-weight:500;font-size:var(--fs-12);color:var(--text)}@media (min-width: 1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.hero{padding:var(--s-24) 0 var(--s-20)}.hero-card{max-width:100%}}