:root{--bg:#f4f6f8;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#16a34a;--accent-text:#fff;--danger:#dc2626;--warn-bg:#fef3c7;--warn-text:#92400e;--bad-bg:#fee2e2;--bad-text:#991b1b;--radius:16px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--card:#111827;--text:#f1f5f9;--muted:#94a3b8;--line:#1f2937;--accent:#22c55e;--accent-text:#052e16;--danger:#f87171;--warn-bg:#422006;--warn-text:#fde68a;--bad-bg:#450a0a;--bad-text:#fecaca}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:12px;min-height:48px;padding:14px 18px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-text);border:none;width:100%;min-height:60px;font-size:1.15rem;font-weight:700}button.danger{color:var(--danger);border-color:var(--danger)}button.link{color:var(--muted);background:0 0;border:none;min-height:44px;text-decoration:underline}.app{max-width:520px;padding:env(safe-area-inset-top) 16px calc(88px + env(safe-area-inset-bottom));margin:0 auto}.content{flex-direction:column;gap:16px;padding-top:16px;display:flex}.card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 1px 2px #0000000f}.card h2{margin:0;font-size:1.4rem}.card h3{margin:0;font-size:1.05rem}.hero{text-align:center;align-items:center;padding:40px 20px}.muted{color:var(--muted);margin:0}.center{text-align:center}.label{margin:4px 0 0;font-weight:600}.big-input{border:2px solid var(--line);background:var(--bg);color:var(--text);text-align:center;border-radius:12px;width:100%;padding:12px 16px;font-size:2rem}input[type=range]{width:100%;accent-color:var(--accent);height:32px}.car-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.car-btn{border:3px solid var(--line);min-height:72px;font-size:1.3rem;font-weight:700}.car-btn.selected{border-color:var(--car);background:color-mix(in srgb, var(--car) 15%, var(--card))}.preview{margin:0;font-size:1.05rem}.error{color:var(--danger);margin:0;font-weight:600}.note{background:var(--warn-bg);color:var(--warn-text);border-radius:12px;margin:0;padding:12px}.banner{z-index:10;margin:0 -16px;padding:12px 16px;font-weight:600;position:sticky;top:0}.banner-bad{background:var(--bad-bg);color:var(--bad-text)}.banner-warn{background:var(--warn-bg);color:var(--warn-text)}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions>button{flex:1}.facts{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:1.05rem;display:grid}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0;font-weight:600}.inline-form{flex-direction:column;gap:10px;display:flex}.ring{align-self:center;width:220px;height:220px}.ring-track{fill:none;stroke:var(--line);stroke-width:16px}.ring-fill{fill:none;stroke-width:16px;stroke-linecap:round;transition:stroke-dasharray .6s}.ring-target{fill:var(--text)}.ring-pct{text-anchor:middle;fill:var(--text);font-size:40px;font-weight:800}.ring-sub{text-anchor:middle;fill:var(--muted);font-size:15px}.tabs{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{min-height:60px;color:var(--muted);background:0 0;border:none;border-radius:0;font-weight:600}.tabs button.active{color:var(--accent)}.month-picker{justify-content:space-between;align-items:center;display:flex}.month-picker h2{margin:0;font-size:1.3rem}.month-picker button{min-width:56px;font-size:1.4rem}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{box-shadow:inset 0 6px 0 var(--car,var(--muted)), 0 1px 2px #0000000f;gap:4px;padding-top:24px}.stat p{margin:0}.stat-big{font-size:1.5rem;font-weight:800}.stat.total{grid-column:1/-1}.session-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.session-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.session-list li:last-child{border-bottom:none}.dot{background:var(--car);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin:0;font-size:.9rem;display:flex}.bars{width:100%;height:auto}.bars text{fill:var(--muted);font-size:10px}.field{flex-direction:column;gap:6px;display:flex}.field input,.field select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px;font-size:1.1rem}.signin{place-items:center;min-height:100dvh;padding:16px;display:grid}.signin .card{width:100%;max-width:400px}.signin h1{margin:0}.bars-axis{stroke:var(--line);stroke-width:1px}.bars rect[role=button]{cursor:pointer;outline:none}.bars-readout{margin:0;font-size:.95rem}