:root{--bg: hsl(240 33% 98%);--surface: hsl(0 0% 100%);--border: hsl(240 20% 88%);--text: hsl(240 25% 14%);--text-dim: hsl(240 12% 45%);--accent: hsl(235 55% 48%);--level-0-bg: hsl(235 45% 95%);--level-1-bg: hsl(235 45% 89%);--level-2-bg: hsl(235 45% 81%);--level-3-bg: hsl(235 45% 69%);--level-4-bg: hsl(235 48% 56%);--level-5-bg: hsl(235 52% 45%);--level-6-bg: hsl(235 58% 35%);--level-0-fg: hsl(235 40% 25%);--level-1-fg: hsl(235 40% 24%);--level-2-fg: hsl(235 45% 22%);--level-3-fg: hsl(235 50% 15%);--level-4-fg: hsl(0 0% 100%);--level-5-fg: hsl(0 0% 100%);--level-6-fg: hsl(0 0% 100%);--radius: 14px;--tap: 56px;--dot-0: #797fc3;--dot-1: #5f67bf;--dot-2: #444ebb;--dot-3: #3842ad;--dot-4: #2d369a;--dot-5: #222a87;--dot-6: #171f72;--grid: hsl(240 18% 90%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--dot-0: #5760c7;--dot-1: #6069d2;--dot-2: #6973dd;--dot-3: #737de7;--dot-4: #7d87f2;--dot-5: #8993fa;--dot-6: #99a2ff;--grid: hsl(240 15% 22%)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: hsl(240 20% 8%);--surface: hsl(240 18% 13%);--border: hsl(240 15% 24%);--text: hsl(240 20% 94%);--text-dim: hsl(240 12% 62%);--accent: hsl(235 70% 70%);--level-0-bg: hsl(235 18% 20%);--level-1-bg: hsl(235 24% 26%);--level-2-bg: hsl(235 30% 33%);--level-3-bg: hsl(235 38% 42%);--level-4-bg: hsl(235 46% 52%);--level-5-bg: hsl(235 56% 61%);--level-6-bg: hsl(235 66% 70%);--level-0-fg: hsl(235 25% 82%);--level-1-fg: hsl(235 28% 88%);--level-2-fg: hsl(235 30% 93%);--level-3-fg: hsl(0 0% 100%);--level-4-fg: hsl(0 0% 100%);--level-5-fg: hsl(235 60% 10%);--level-6-fg: hsl(235 60% 10%)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{min-height:100%;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 18px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 18px);max-width:560px;margin:0 auto}h1{font-size:1.45rem;font-weight:600;line-height:1.25;margin:0 0 4px;letter-spacing:-.01em}.subtle{color:var(--text-dim);font-size:.9rem;margin:0}.choices{display:flex;flex-direction:column;gap:8px;margin:24px 0 0;padding:0;list-style:none}.choice{display:flex;align-items:center;gap:14px;width:100%;min-height:var(--tap);padding:12px 14px;border:2px solid transparent;border-radius:var(--radius);font:inherit;text-align:left;cursor:pointer;transition:transform .08s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.choice:active{transform:scale(.985)}.choice[data-level="0"]{background:var(--level-0-bg);color:var(--level-0-fg)}.choice[data-level="1"]{background:var(--level-1-bg);color:var(--level-1-fg)}.choice[data-level="2"]{background:var(--level-2-bg);color:var(--level-2-fg)}.choice[data-level="3"]{background:var(--level-3-bg);color:var(--level-3-fg)}.choice[data-level="4"]{background:var(--level-4-bg);color:var(--level-4-fg)}.choice[data-level="5"]{background:var(--level-5-bg);color:var(--level-5-fg)}.choice[data-level="6"]{background:var(--level-6-bg);color:var(--level-6-fg)}.choice[aria-pressed=true]{border-color:var(--text)}.choice__num{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff59;font-weight:650;font-variant-numeric:tabular-nums;font-size:1.05rem}.choice[data-level="4"] .choice__num,.choice[data-level="5"] .choice__num,.choice[data-level="6"] .choice__num{background:#00000038}.choice__text{font-size:.95rem;line-height:1.35}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn--ghost{background:transparent;color:var(--accent);border:1.5px solid var(--border)}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.tabs{display:flex;gap:4px;padding:4px;margin-bottom:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.tabs__btn{flex:1;min-height:40px;border:none;border-radius:10px;background:transparent;color:var(--text-dim);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.tabs__btn[aria-current=true]{background:var(--accent);color:#fff}.filters{display:flex;gap:6px;margin:18px 0 14px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters__btn{flex:0 0 auto;min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:.86rem;font-weight:600;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.filters__btn[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.chart{display:block;width:100%;height:auto;margin-bottom:14px;touch-action:pan-y}.chart__axis{fill:var(--text-dim);font-size:9px;font-family:inherit;font-variant-numeric:tabular-nums}.chart__hint{text-align:center;font-size:.85rem;padding:10px 0}.field{width:100%;min-height:var(--tap);padding:0 14px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:17px}.field:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.legend{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--text-dim);font-size:.82rem}.legend__key{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--dot-2)}.legend__key--self{box-shadow:0 0 0 1.25px var(--text-dim);background:var(--dot-2);border:2px solid var(--bg)}.legend__key--missed{display:grid;place-items:center;background:none;color:var(--text-dim);font-size:13px;line-height:1}.choice--missed{background:transparent;border:1.5px dashed var(--border);color:var(--text-dim)}.choice--missed .choice__num{background:transparent;border:1.5px solid var(--border);font-size:.9rem}.footer{margin:40px 0 0;text-align:center;color:var(--text-dim);font-size:.78rem}.footer__link{border:none;background:none;padding:2px 4px;color:var(--text-dim);font:inherit;text-decoration:underline;cursor:pointer}.section__title{margin:0 0 6px;font-size:1.02rem;font-weight:600}.toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:var(--tap);padding:6px 0;cursor:pointer}.toggle--off{opacity:.55}.toggle__text{display:flex;flex-direction:column;gap:2px}.toggle__label{font-size:.95rem;font-weight:550}.toggle__hint{color:var(--text-dim);font-size:.8rem;line-height:1.3}.toggle input[type=checkbox]{flex:0 0 auto;width:50px;height:30px;accent-color:var(--accent);cursor:pointer}.schedule{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:4px}.schedule:first-of-type{border-top:none}.schedule .toggle{flex:1}.field--time{width:auto;min-width:116px;min-height:44px;text-align:center;font-variant-numeric:tabular-nums}.field--time:disabled{opacity:.45}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}