:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--teal:#0f766e;--teal-soft:#14b8a6;--bg:#f6f7f8;--fg:#1a1a1a;--card:#fff;--muted:#6b7280;--border:#e5e7eb;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--sh-1:0 1px 2px #0000000f;--sh-2:0 2px 8px #00000014;--sh-3:0 8px 24px #0000001f;--t-xs:.75rem;--t-sm:.85rem;--t-base:1rem;--t-lg:1.15rem;--t-xl:1.4rem;--t-2xl:1.75rem;--dur-instant:80ms;--dur-fast:.15s;--dur-normal:.2s;--dur-sheet:.3s;--dur-slow:.45s;--ease-enter:cubic-bezier(.16,1,.3,1);--ease-exit:cubic-bezier(.7,0,.84,0);--ease-move:cubic-bezier(.65,0,.35,1);--ease-sheet:cubic-bezier(.32,.72,0,1);--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#0891b2;--teal-ghost:#14b8a61f;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--fg:#e5e7eb;--card:#1c1d20;--muted:#9ca3af;--border:#2e2f33;--sh-1:0 1px 2px #0006;--sh-2:0 2px 8px #00000080;--sh-3:0 8px 24px #0009;--teal-ghost:#14b8a629}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--fg:#e5e7eb;--card:#1c1d20;--muted:#9ca3af;--border:#2e2f33;--sh-1:0 1px 2px #0006;--sh-2:0 2px 8px #00000080;--sh-3:0 8px 24px #0009;--teal-ghost:#14b8a629}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--teal-soft);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{background:var(--bg);color:var(--fg);margin:0}.page{max-width:640px;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(env(safe-area-inset-bottom) + 76px);margin:0 auto}h1{color:var(--teal-soft);margin:12px 0;font-size:1.5rem}h2{margin:0 0 8px;font-size:1.05rem}.card{background:var(--card);border-radius:var(--r-md);box-shadow:var(--sh-1);transition:background-color var(--dur-normal) var(--ease-move), border-color var(--dur-normal) var(--ease-move), box-shadow var(--dur-normal) var(--ease-move);margin-bottom:12px;padding:14px}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--danger)}.ok{color:var(--success)}.row{align-items:flex-end;gap:8px;margin-top:10px;display:flex}.row.wrap{flex-wrap:wrap;align-items:center}.row.center{justify-content:center;align-items:center}.row.between{justify-content:space-between;align-items:center;margin-top:0}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input,select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);width:100%;min-width:0;transition:background-color var(--dur-normal) var(--ease-move), border-color var(--dur-normal) var(--ease-move), box-shadow var(--dur-normal) var(--ease-move);padding:10px;font-size:1rem}select{width:100%;margin-top:4px}input[type=number]{width:90px}input[type=range]{width:100%;accent-color:var(--teal-soft);padding:0}button{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);color:var(--fg);cursor:pointer;white-space:nowrap;transition:transform var(--dur-instant) var(--ease-move), background-color var(--dur-normal) var(--ease-move), border-color var(--dur-normal) var(--ease-move), box-shadow var(--dur-normal) var(--ease-move);padding:10px 16px;font-size:1rem}button.primary{background:var(--teal);border-color:var(--teal);color:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.big{padding:14px 28px;font-size:1.2rem}button.wide{width:100%;margin-top:10px}button.active{border-color:var(--teal-soft);color:var(--teal-soft)}button.link{color:var(--muted);background:0 0;border:none;padding:2px 6px;font-size:.8rem}button:disabled{opacity:.5}button:active:not(:disabled){transform:scale(.96)}.theme-seg{border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);display:flex;overflow:hidden}.theme-seg button{height:44px;padding:0 var(--sp-3);color:var(--muted);background:0 0;border:0;border-radius:0;flex:1}.theme-seg button+button{border-left:1px solid var(--border)}.theme-seg button.active,.theme-seg button[aria-pressed=true]{background:var(--teal-ghost);color:var(--teal)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:60;align-items:center;gap:var(--sp-3);max-width:min(100vw - 32px,420px);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--fg);box-shadow:var(--sh-3);animation:toast-in var(--dur-normal) var(--ease-enter);display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--teal);background:0 0;border:0;padding:0;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.stepper{align-items:center;gap:var(--sp-2);display:inline-flex}.stepper button{border-radius:var(--r-md);place-items:center;width:44px;height:44px;padding:0;display:grid}.stepper>:not(button){text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.empty-state{justify-content:center;align-items:center;gap:var(--sp-3);min-height:160px;padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--muted);flex-direction:column;display:flex}.empty-state-icon{background:var(--teal-ghost);width:48px;height:48px;color:var(--teal-soft);font-size:var(--t-2xl);border-radius:50%;place-items:center;display:grid}.empty-state>svg{width:56px;height:56px;color:var(--teal-soft)}.empty-state h3,.empty-state-title{color:var(--fg);font-size:var(--t-lg);margin:0}.empty-state p,.empty-state-text{max-width:24rem;margin:0;line-height:1.5}.empty-state button{margin-top:var(--sp-2)}.section-title{margin:var(--sp-6) 0 var(--sp-3);color:var(--muted);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1.25}.iop-note{border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:.85rem}.iop-caution{color:#b45309;background:#f59e0b26}.iop-avoid{color:#dc2626;background:#dc262626}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .iop-caution{color:#fbbf24}:root:not([data-theme=light]) .iop-avoid{color:#f87171}}:root[data-theme=dark] .iop-caution{color:#fbbf24}:root[data-theme=dark] .iop-avoid{color:#f87171}.set-list{margin:10px 0 0;padding:0;list-style:none}.set-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;display:flex}.set-list li:last-child{border-bottom:none}.rest-timer{align-items:center;gap:8px;margin-top:12px;font-size:.9rem;display:flex}.rest-remaining{font-variant-numeric:tabular-nums;color:var(--teal-soft);min-width:70px;font-size:1.6rem}.jog-card{text-align:center}.jog-time{font-variant-numeric:tabular-nums;margin:8px 0 16px;font-size:3.5rem;font-weight:700}.bpm-row{text-align:left;align-items:flex-end;gap:12px;margin-top:18px;display:flex}.bpm-row label{flex:1}.stat-cards2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.streak-card{text-align:center}.streak-num{color:var(--teal-soft);font-size:3rem;font-weight:700}.streak-num.alt{color:var(--muted)}.stat-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px;display:grid}.stat-grid>div{flex-direction:column;gap:2px;display:flex}.stat-grid b{color:var(--teal-soft);font-size:1.4rem}.stat-grid span{color:var(--muted);font-size:.75rem}.dots{grid-template-columns:repeat(14,1fr);gap:6px;display:grid}.dot{background:var(--border);border-radius:50%;justify-self:center;width:14px;height:14px;display:inline-block}.dot.w{background:var(--teal)}.dot.j{background:var(--teal-soft)}.dot.both{background:linear-gradient(135deg, var(--teal) 50%, var(--teal-soft) 50%)}.legend{align-items:center;gap:6px;margin-top:10px;display:flex}.legend .dot{width:11px;height:11px}.legend-chips{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.legend-chip{--chip-color:var(--teal-soft);align-items:center;gap:var(--sp-2);min-height:32px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:var(--t-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;display:inline-flex}.legend-chip:before{content:"";background:var(--chip-color);border-radius:50%;width:10px;height:10px}.legend-chip[aria-pressed=false]{opacity:.55}input.weight-input{width:160px}input.weight-date{flex:130px;width:auto}input.fat-input{width:130px}.ingest-steps{padding-left:18px}.ingest-steps li{margin-bottom:8px}.weight-latest{margin-top:10px}.weight-latest b{color:var(--teal-soft);font-size:1.3rem}.range-row button{padding:4px 10px;font-size:.8rem}.trend-chart{cursor:crosshair;touch-action:manipulation;width:100%;height:auto;margin-top:6px;display:block}.chart-label{font-size:9px}.trend-sel{margin:2px 0 0}.trend-sel b{color:var(--teal-soft)}.range-stats{margin:6px 0 0;line-height:1.6}.range-stats b{color:var(--fg)}.bars{align-items:flex-end;gap:6px;height:120px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.bar{background:var(--teal);border-radius:4px 4px 0 0;width:100%;min-height:2px}.bar.jog{background:var(--teal-soft)}.bar-val{color:var(--muted);font-size:.7rem}.bar-label{color:var(--muted);font-size:.65rem}.auth-page{flex-direction:column;justify-content:center;min-height:80vh;display:flex}.auth-hero{text-align:center;margin-bottom:8px}.auth-hero h1{margin-bottom:0;font-size:2.2rem}.auth-form{flex-direction:column;gap:10px;margin:10px 0;display:flex}.profile-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin:16px 0 20px;display:flex}.profile-item{background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:.95rem;display:flex}.profile-avatar{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:700;display:inline-flex}.profile-avatar.small{vertical-align:middle;border-radius:8px;width:28px;height:28px;font-size:.9rem}.color-dot{border:3px solid #0000;border-radius:50%;width:32px;height:32px;padding:0}.color-dot.active{border-color:var(--fg)}.center-text{text-align:center}.ex-select{justify-content:flex-start;align-items:center;gap:10px;width:100%;margin-top:4px;padding:12px;display:flex}.ex-select-icon svg{width:32px;height:32px;color:var(--teal-soft);display:block}.overlay{z-index:50;animation:overlay-fade var(--dur-slow) var(--ease-enter);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay-body{background:var(--bg);width:100%;max-width:640px;max-height:88vh;padding:14px 16px calc(env(safe-area-inset-bottom) + 20px);animation:sheet-in var(--dur-slow) var(--ease-sheet);border-radius:16px 16px 0 0;overflow-y:auto}.overlay-head{background:var(--bg);z-index:1;padding:4px 0 8px;position:sticky;top:0}.overlay-body h3{margin:14px 0 8px;font-size:.85rem;font-weight:600}@keyframes overlay-fade{0%{background:0 0}to{background:#0000008c}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ex-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ex-card{position:relative}.ex-card-main{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 6px 10px;display:flex}.ex-card.avoid .ex-card-main{opacity:.55}.ex-card-icon svg{width:44px;height:44px;color:var(--teal-soft);display:block}.ex-card-name{text-align:center;font-size:.8rem;line-height:1.2}.ex-card-info{color:var(--muted);background:0 0;border:none;padding:2px 8px;font-size:.85rem;position:absolute;top:4px;right:4px}.overlay-body.detail{text-align:left}.detail-icon{text-align:center;margin:8px 0}.detail-icon svg{width:88px;height:88px;color:var(--teal-soft)}.instructions{margin:12px 0;padding-left:22px}.instructions li{margin-bottom:8px;line-height:1.5}.mode-row{flex-wrap:wrap;margin-bottom:8px}.min-input{text-align:center;width:70px}.sound-select{width:auto;min-width:76px}.tabbar{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;min-height:44px;padding:10px 0 8px;font-size:.75rem;display:flex;position:relative}.tabbar button.active{color:var(--teal-soft)}.tabbar button.active:before{content:"";background:var(--teal-soft);border-radius:999px;height:2px;position:absolute;top:0;left:22%;right:22%}.tab-icon{justify-content:center;align-items:center;height:24px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}