:root{--bg:#12151b;--surface:#1c2129;--border:#2f3641;--text:#eef1f5;--muted:#98a2b1;--accent:#6db3ff;--accent-ink:#0c1420;--good:#58d68d;--bad:#ff7b7b;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1{margin:0 0 4px;font-size:1.6rem}h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:600}p{margin:0}.muted{color:var(--muted)}.primary{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border:0;border-radius:8px;padding:12px 22px;font-weight:650}.settings{max-width:1040px;padding:calc(32px + var(--safe-top)) calc(16px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(16px + var(--safe-left));margin:0 auto}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.last-session{color:var(--accent);margin-top:8px}.groups{columns:290px 3;column-gap:16px}.group{break-inside:avoid;border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:16px;padding:16px}.check{align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:22px;height:22px}.check input,.slider input{accent-color:var(--accent)}.field{justify-content:space-between;align-items:center;min-height:52px;display:flex}.field input{border:1px solid var(--border);background:var(--bg);width:56px;height:44px;color:var(--text);text-align:center;border-radius:8px;font-size:18px}.slider{margin-bottom:14px;display:block}.slider:last-child{margin-bottom:0}.slider-label{justify-content:space-between;margin-bottom:4px;font-size:.92rem;display:flex}.slider-label output{color:var(--accent);font-variant-numeric:tabular-nums}.slider input{width:100%;height:32px;margin:0}.stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;position:fixed;inset:0;overflow:hidden}.hud{z-index:1;top:calc(4px + var(--safe-top));right:calc(16px + var(--safe-right));left:calc(16px + var(--safe-left));color:var(--muted);pointer-events:none;justify-content:space-between;align-items:center;font-size:.85rem;display:flex;position:absolute}.link{min-width:44px;min-height:44px;color:var(--muted);text-align:right;pointer-events:auto;background:0 0;border:0;padding:0}.centered{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fixation{background:var(--muted);border-radius:50%;width:10px;height:10px}.slot{border:max(1.5px, .03em) solid var(--muted);font-variant-numeric:tabular-nums;border-radius:.06em;flex:none;place-items:center;width:1em;height:1em;font-weight:600;line-height:1;display:grid}.strip{will-change:transform;align-items:center;display:flex;position:absolute;top:0;left:0}.strip-horizontal{width:max-content;height:100%}.strip-vertical{flex-direction:column;width:100%;height:max-content}.flash-grid{display:grid}.panel{padding:calc(48px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));gap:20px}.panel-info{flex-direction:column;align-items:center;gap:20px;display:flex}.prompt{color:var(--muted);font-size:1.15rem}.answer-row{gap:12px;display:flex}.answer-box{border:2px solid var(--border);border-radius:10px;place-items:center;width:76px;height:92px;font-size:3rem;font-weight:600;display:grid}.answer-box-active{border-color:var(--accent)}.box-good{border-color:var(--good);color:var(--good)}.box-bad{border-color:var(--bad);color:var(--bad)}.keypad{grid-template-rows:repeat(4,clamp(52px,9vh,72px));grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,320px);display:grid}.key{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;font-size:1.5rem}.key:active:not(:disabled){background:var(--border)}.key:disabled{cursor:default;opacity:.35}.key-delete{grid-area:4/3;font-size:.95rem}.verdict{font-size:1.9rem;font-weight:700}.good{color:var(--good)}.bad{color:var(--bad)}.time{font-variant-numeric:tabular-nums;font-size:1.5rem}@media (hover:none),(width<=600px){.key-hint{display:none}.settings{padding-bottom:calc(96px + var(--safe-bottom))}.start{z-index:2;right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));left:calc(16px + var(--safe-left));min-height:54px;position:fixed;box-shadow:0 6px 24px #00000080}.panel .primary{min-width:200px;min-height:54px}}@media (orientation:portrait) and (width<=600px){.panel-answer .panel-info{margin:auto 0}}@media (orientation:landscape) and (height<=500px){.panel{padding-top:calc(36px + var(--safe-top));gap:10px}.panel-answer{padding-top:calc(16px + var(--safe-top));flex-direction:row;gap:40px}.panel-answer .keypad{width:260px}.answer-box{width:60px;height:68px;font-size:2.2rem}.verdict{font-size:1.4rem}}