:root{--bg:#111114;--surface:#1b1b21;--surface-2:#26262e;--border:#2e2e38;--text:#f4f4f6;--muted:#9a9aa6;--accent:#ff5a1f;--accent-dim:#b23f14;--accent-soft:#ff5a1f29;--cyan:#22d3ee;--cyan-soft:#22d3ee29;--green:#4ade80;--red:#f87171;--yellow:#fbbf24;--gold:#ffd166;--radius:14px;--tap:48px;--font-display:"Bebas Neue", "Arial Narrow", Impact, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px}body{overscroll-behavior-y:contain}html,body{touch-action:manipulation;overflow-x:clip}.recharts-responsive-container{max-width:100%!important}.tabbar{width:100%;max-width:100vw}.section-title select{max-width:60vw}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-weight:400}h1{font-size:34px}h2{font-size:26px}h3{color:var(--muted);font-size:20px}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100dvh;display:flex}.screen{padding:12px 16px calc(84px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;margin:0 auto;display:flex}.header{padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:30px}.header .title{font-family:var(--font-display);font-size:30px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.card-button{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);cursor:pointer;width:100%;padding:14px}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.muted{color:var(--muted);font-size:14px}.divider{background:var(--border);height:1px;margin:4px 0}.btn{min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#111;font-family:var(--font-display);letter-spacing:.06em;font-size:22px}.btn-ghost{background:0 0}.btn-danger{border-color:var(--red);color:var(--red);background:0 0}.btn-block{width:100%}.btn-sm{min-height:var(--tap);padding:0 12px;font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.input{min-height:var(--tap);background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px;width:100%;padding:0 14px;font-size:18px}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.input-big{font-family:var(--font-display);text-align:center;min-height:64px;font-size:34px}textarea.input{resize:vertical;min-height:96px;padding:12px 14px}.input-suffix{position:relative}.input-suffix span{color:var(--muted);font-size:14px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;padding:0 14px;font-size:14px;font-weight:600}.chip-on{background:var(--accent);border-color:var(--accent);color:#111}.chip-cyan.chip-on{background:var(--cyan);border-color:var(--cyan)}.variation-chip{align-items:center;gap:6px;padding-right:6px;display:inline-flex}.chip-x{min-width:var(--tap);min-height:var(--tap);color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;margin:-8px -6px -8px 0;font-size:18px}.big-number{flex-direction:column;align-items:flex-start;display:flex}.big-number-value{font-family:var(--font-display);color:var(--text);font-size:44px;line-height:1}.big-number-value small{color:var(--muted);margin-left:4px;font-size:20px}.big-number-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.big-number-accent .big-number-value{color:var(--accent)}.big-number-cyan .big-number-value{color:var(--cyan)}.section{flex-direction:column;gap:8px;display:flex}.section-title{justify-content:space-between;align-items:baseline;display:flex}.list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--surface);border:1px solid var(--border);min-height:var(--tap);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.pill-pr{background:var(--gold);color:#111}.star{color:var(--gold);font-size:22px;line-height:1}.superset{border:1px dashed var(--cyan);border-radius:18px;flex-direction:column;gap:10px;padding:8px;display:flex}.superset-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);padding:0 8px;font-size:11px;font-weight:700}.superset-marker{font-family:var(--font-display);color:var(--cyan);margin-right:6px;font-size:18px}.pill-pain{background:var(--red);color:#111}.pill-trainer{background:var(--cyan-soft);color:var(--cyan)}.pill-solo{background:var(--surface-2);color:var(--muted)}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-synced{background:var(--green)}.status-pending{background:var(--yellow)}.status-error{background:var(--red)}.status-not_set_up{background:var(--muted)}.banner{background:var(--accent-soft);color:var(--text);border-radius:12px;padding:12px 14px;font-size:14px}.banner-error{background:#f8717129}.toast{left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:41;background:var(--surface);border:1px solid var(--accent);max-width:608px;margin:0 auto;position:fixed;box-shadow:0 6px 24px #00000073}.sheet-backdrop{z-index:50;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:12px;width:100%;max-width:640px;max-height:88dvh;margin:0 auto;display:flex;overflow-y:auto}.sheet-title{font-family:var(--font-display);font-size:26px}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:40;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:64px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.tab svg{width:24px;height:24px}.tab-on{color:var(--accent)}.set-row{grid-template-columns:32px 1fr 1fr 56px var(--tap);align-items:center;gap:8px;display:grid}.set-row-carry{grid-template-columns:26px 1fr 1fr 1fr 44px var(--tap);gap:6px}.set-row .set-index{color:var(--muted);font-family:var(--font-display);text-align:center;font-size:20px}.set-input{min-height:var(--tap);text-align:center;font-family:var(--font-display);background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px;width:100%;font-size:26px}.set-input:focus{outline:2px solid var(--accent)}.warmup-toggle{min-height:var(--tap);border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:12px;font-size:12px;font-weight:700}.warmup-toggle.on{color:var(--cyan);border-color:var(--cyan)}.icon-btn{min-width:var(--tap);min-height:var(--tap);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;font-size:20px}@keyframes pr-pulse{0%{box-shadow:0 0 #ffd166cc}to{box-shadow:0 0 0 16px #ffd16600}}.pr-pulse{animation:.9s ease-out 2 pr-pulse}.recharts-text{fill:var(--muted);font-size:12px}.chart-tip{border:1px solid var(--border);color:var(--text);background:#1b1b21;border-radius:10px;max-width:220px;padding:8px 10px;font-size:13px;box-shadow:0 8px 24px #0009}.chart-tip-title{margin-bottom:4px;font-weight:700}.chart-tip-row{align-items:center;gap:6px;line-height:1.5;display:flex}.chart-tip-dot{border-radius:50%;flex:none;width:8px;height:8px}.chart-tip-name{color:var(--muted)}.chart-tip-value{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.recharts-cartesian-grid line{stroke:var(--border)}.meter{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:999px;height:100%}.meter-fill.meter-cyan{background:var(--cyan)}.meter-fill.meter-over{background:var(--red)}.meter-value{font-family:var(--font-display);font-size:40px;line-height:1}.meter-value small{font-family:var(--font-body);color:var(--muted);margin-left:6px;font-size:13px}.item-row{grid-template-columns:minmax(0, 1fr) 84px 72px var(--tap);align-items:end;gap:6px;display:grid}.item-row .field{margin:0}.meal-row{min-height:var(--tap);justify-content:space-between;align-items:center;gap:8px;display:flex}.meal-row .meal-main{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.meal-time{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:700}.check-row{min-height:var(--tap);align-items:center;gap:10px;display:flex}.water-read{flex:1;margin:0 12px}.bar{background:var(--border);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar-fill{background:var(--cyan);height:100%}