:root{--fb-bg:#f0f2f5;--fb-card:#fff;--fb-text:#111418;--fb-hint:#5f6873;--fb-link:#2f6db0;--fb-accent:#3e77b5;--fb-accent-text:#fff;--fb-separator:#e6e9ed;--fb-destructive:#c93a3a}@media (prefers-color-scheme:dark){:root{--fb-bg:#18222d;--fb-card:#212d3b;--fb-text:#f5f6f7;--fb-hint:#8b9aab;--fb-link:#6aa6e6;--fb-accent:#3e77b5;--fb-accent-text:#fff;--fb-separator:#2c3a4a;--fb-destructive:#ff8a80}}:root{--bg:var(--tg-theme-secondary-bg-color,var(--fb-bg));--card:var(--tg-theme-section-bg-color,var(--tg-theme-bg-color,var(--fb-card)));--text:var(--tg-theme-text-color,var(--fb-text));--hint:var(--tg-theme-hint-color,var(--fb-hint));--link:var(--tg-theme-link-color,var(--fb-link));--accent:var(--tg-theme-button-color,var(--fb-accent));--accent-text:var(--tg-theme-button-text-color,var(--fb-accent-text));--separator:var(--tg-theme-section-separator-color,var(--fb-separator));--destructive:var(--tg-theme-destructive-text-color,var(--fb-destructive));--muted:color-mix(in srgb, var(--text) 14%, var(--card));--soft:color-mix(in srgb, var(--text) 7%, var(--card));--radius:14px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.45;cursor:default}input{font:inherit;color:inherit}.screen{min-height:100dvh;padding:20px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;display:flex}.screen.with-tabs{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.spacer{flex:auto}.hint{color:var(--hint)}.caption{color:var(--hint);font-size:13px}.section-title{color:var(--hint);text-transform:uppercase;letter-spacing:.04em;padding:0 4px;font-size:13px;font-weight:500}.card{background:var(--card);border-radius:var(--radius)}.card-pad{padding:14px 16px}.divider{background:var(--separator);height:1px;margin-left:16px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.num{font-variant-numeric:tabular-nums}.btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-size:16px;font-weight:600;display:flex}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:var(--card);color:var(--link)}.btn-small{background:var(--soft);height:40px;color:var(--link);border-radius:10px;flex:none;padding:0 14px;font-size:14px;font-weight:600}.chip-btn{background:var(--card);border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.segments{gap:4px;display:flex}.segments>div{background:var(--muted);border-radius:3px;flex:1 1 0;height:6px}.segments>div.on{background:var(--text)}.tabs{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--separator);z-index:10;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--hint);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.tabs button.active{color:var(--link);font-weight:600}.sheet-backdrop{z-index:20;background:#00000073;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-height:85vh;padding:10px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:14px;animation:.2s ease-out rise;display:flex;overflow-y:auto}.sheet>*{flex-shrink:0}.sheet-handle{background:var(--muted);border-radius:3px;align-self:center;width:40px;height:5px}.sheet h2{margin:0;font-size:20px;font-weight:700}.choice-group{flex-wrap:wrap;gap:8px;display:flex}.choice{background:var(--soft);text-align:left;border-radius:12px;min-height:44px;padding:0 14px;font-size:15px;font-weight:500}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(40px)}}.big-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.big-btn{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:min(210px,26vh);font-size:18px;font-weight:600;transition:transform 80ms ease-out;display:flex}.big-btn:active{transform:scale(.97)}.big-btn.miss{background:var(--card);color:var(--text)}.big-btn.hit{background:var(--accent);color:var(--accent-text)}.recent{gap:5px;display:flex}.recent>div{background:var(--soft);border-radius:5px;flex:1 1 0;height:20px}.recent>div.hit{background:var(--text)}.recent>div.miss{box-shadow:inset 0 0 0 1.5px var(--hint);background:0 0}.toast{left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--text);color:var(--card);z-index:30;border-radius:12px;padding:12px 14px;font-size:14px;animation:.2s ease-out rise;position:fixed}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--hint);padding:0 4px;font-size:13px}.field input{background:var(--card);border:none;border-radius:12px;outline:none;height:48px;padding:0 14px;font-size:16px}.field input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.center-msg{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}