:root{--bg:#f5f7f5;--surface:#fffefc;--surface-2:#ecf0ec;--text:#3c4441;--text-soft:#5d6763;--muted:#8b958f;--line:#e0e6e0;--accent:#6f9d95;--accent-strong:#558079;--accent-soft:#e4efec;--ok:#7f9c73;--ok-soft:#e8efe4;--watch:#c8973f;--watch-soft:#f7eeda;--alert:#c4705c;--alert-soft:#f8e6e0;--chart-water:#6f9d95;--chart-breath:#c4705c;--chart-food:#c8973f;--chart-weight:#8f9bc0;--chart-grid:#e0e6e0;--r-xl:26px;--r-lg:20px;--r-md:14px;--r-sm:10px;--r-pill:999px;--shadow-sm:0 1px 2px #3c44410d, 0 3px 10px #3c44410b;--shadow-md:0 2px 6px #3c444112, 0 10px 24px #3c444112;--shadow-up:0 -2px 16px #3c444112;--tabbar-h:62px;--page-pad:16px;--max-w:560px;--font:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--font-num:ui-rounded, "SF Pro Rounded", "PingFang TC", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b211f;--surface:#242b29;--surface-2:#2f3734;--text:#e3e9e5;--text-soft:#bcc5c0;--muted:#8d968f;--line:#38403c;--accent:#79a89f;--accent-strong:#93bdb4;--accent-soft:#2b3835;--ok:#8fae82;--ok-soft:#29342a;--watch:#d6a95c;--watch-soft:#38301f;--alert:#d4836e;--alert-soft:#3b2a25;--chart-water:#79a89f;--chart-breath:#d4836e;--chart-food:#d6a95c;--chart-weight:#9aa5c8;--chart-grid:#38403c;--shadow-sm:0 1px 2px #00000040, 0 3px 10px #0003;--shadow-md:0 2px 6px #0000004d, 0 10px 24px #00000047;--shadow-up:0 -2px 16px #0000004d}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.55}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent-strong)}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;display:block}.app{flex-direction:column;min-height:100%;display:flex}.app-header{z-index:20;padding:max(env(safe-area-inset-top), 8px) max(var(--page-pad), calc((100% - var(--max-w)) / 2)) 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:4px;display:flex;position:sticky;top:0}.app-title{letter-spacing:.02em;font-size:19px;font-weight:700}.app-subtitle{color:var(--muted);margin-left:auto;font-size:12.5px}.header-back{color:var(--accent-strong);background:0 0;border:0;padding:0 6px 4px 0;font-size:30px;line-height:1}.app-main{width:100%;max-width:var(--max-w);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);flex:1;margin:0 auto}.page{padding:var(--page-pad);flex-direction:column;gap:14px;display:flex}.tabbar{z-index:30;padding:6px max(8px, calc((100% - var(--max-w)) / 2)) calc(env(safe-area-inset-bottom) + 6px);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);border-top:1px solid var(--line);box-shadow:var(--shadow-up);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{border-radius:var(--r-md);color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:6px 2px;font-size:11px;display:flex}.tab-on{color:var(--accent-strong);background:var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.card-title{color:var(--text-soft);letter-spacing:.03em;align-items:baseline;gap:8px;font-size:14px;font-weight:700;display:flex}.card-title .card-note{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.btn{border-radius:var(--r-pill);border:1px solid #0000;min-height:44px;padding:11px 18px;font-size:15px;font-weight:600;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.btn-primary{color:#1b211f}}.btn-soft{background:var(--surface-2);color:var(--text);border-color:var(--line)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-danger{background:var(--alert);color:#fff}.btn-tiny{align-self:flex-start;min-height:32px;padding:4px 12px;font-size:13px}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-row>.btn{flex:auto}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-height:82px;box-shadow:var(--shadow-sm);color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-size:13px;font-weight:600;transition:transform 80ms;display:flex}.quick:active{transform:scale(.96)}.quick-emoji{font-size:25px;line-height:1.1}.quick-sub{color:var(--muted);font-size:11px;font-weight:400}.quick-med{border-left:4px solid var(--med-color,var(--accent))}.quick-done{background:var(--ok-soft);border-color:#0000}.quick-wide{flex-direction:row;grid-column:span 3;gap:8px;min-height:52px}.dash-row{align-items:center;gap:14px;display:flex}.ring{flex:none}.ring-label{flex-direction:column;gap:2px;display:flex}.ring-big{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.ring-sub{color:var(--muted);font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.stat{border-radius:var(--r-md);background:var(--surface-2);flex-direction:column;gap:1px;padding:10px 12px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;line-height:1.2}.stat-unit{color:var(--muted);margin-left:2px;font-size:12px;font-weight:600}.stat-label{color:var(--muted);font-size:12px}.stat-ok{background:var(--ok-soft)}.stat-watch{background:var(--watch-soft)}.stat-alert{background:var(--alert-soft)}.med-rows{flex-direction:column;gap:8px;display:flex}.med-row{align-items:center;gap:10px;display:flex}.med-dot{border-radius:50%;flex:none;width:10px;height:10px}.med-name{font-size:14px;font-weight:600}.med-dose{color:var(--muted);font-size:12px}.med-count{font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px;font-weight:700}.med-pips{gap:3px;display:flex}.pip{border:1.5px solid var(--line);border-radius:50%;width:9px;height:9px}.pip-on{background:var(--pip-color,var(--accent));border-color:#0000}.advice{border-left:4px solid var(--advice-color,var(--ok))}.advice-head{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.advice-body{white-space:pre-wrap;font-size:14.5px;line-height:1.7}.advice-points{flex-direction:column;gap:6px;display:flex}.advice-point{align-items:baseline;gap:8px;font-size:13.5px;line-height:1.6;display:flex}.dot{border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-1px)}.dot-ok{background:var(--ok)}.dot-watch{background:var(--watch)}.dot-alert{background:var(--alert)}.disclaimer{color:var(--muted);border-top:1px solid var(--line);padding-top:8px;font-size:11.5px;line-height:1.6}.day-head{color:var(--text-soft);align-items:baseline;gap:8px;padding:4px 2px;font-size:13px;font-weight:700;display:flex}.day-head .day-sum{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:400}.timeline{flex-direction:column;display:flex}.tl-item{text-align:left;border-radius:var(--r-md);background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;display:flex}.tl-item:active{background:var(--surface-2)}.tl-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:40px;padding-top:2px;font-size:12.5px}.tl-emoji{font-size:17px;line-height:1.3}.tl-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tl-label{word-break:break-word;font-size:14.5px;line-height:1.4}.tl-meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:11.5px;display:flex}.chip{border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-soft);padding:2px 8px;font-size:11px}.chip-water{background:var(--accent-soft);color:var(--accent-strong)}.chip-alert{background:var(--alert-soft);color:var(--alert)}.chip-watch{background:var(--watch-soft);color:var(--watch)}.chip-ok{background:var(--ok-soft);color:var(--ok)}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.field input,.field select,.textarea,.search-input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);width:100%;min-height:44px;padding:11px 13px;font-size:16px}.field input:focus,.field select:focus,.textarea:focus,.search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.textarea{resize:vertical;line-height:1.6}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);gap:4px;padding:4px;display:flex}.seg-btn{border-radius:var(--r-pill);color:var(--muted);background:0 0;border:0;flex:1;min-height:38px;padding:8px 6px;font-size:14px}.seg-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);color:var(--text-soft);min-height:36px;padding:7px 14px;font-size:13px}.pill-on{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent);font-weight:600}.breath-timer{flex-direction:column;align-items:center;gap:14px;padding:8px 0 4px;display:flex}.breath-count{font-variant-numeric:tabular-nums;font-size:62px;font-weight:700;line-height:1}.breath-remain{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.breath-tap{border-radius:var(--r-xl);border:2px dashed var(--accent);background:var(--accent-soft);width:100%;min-height:128px;color:var(--accent-strong);font-size:18px;font-weight:700}.breath-tap:active{background:var(--accent);color:#fff}.breath-tap:disabled{opacity:.5;border-style:solid}.breath-result{text-align:center;font-size:15px;line-height:1.6}.breath-big{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.chart-wrap{width:100%;overflow-x:auto}.chart{width:100%;height:auto;display:block}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-swatch{border-radius:2px;width:12px;height:3px}.legend-dash{border-top:2px dashed;width:12px;height:0}.import-rows{flex-direction:column;gap:6px;max-height:60vh;padding-right:2px;display:flex;overflow-y:auto}.import-row{border-radius:var(--r-md);background:var(--surface-2);align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;display:flex}.import-warn{background:var(--watch-soft)}.import-skip{opacity:.4}.import-no{color:var(--muted);font-variant-numeric:tabular-nums;min-width:30px;padding-top:2px;font-size:11px}.import-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.import-note{color:var(--watch);font-size:11.5px;line-height:1.5}.import-toggle{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:18px}.lab-values{flex-direction:column;display:flex}.lab-row{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:8px 0;font-size:14px;display:flex}.lab-row:last-child{border-bottom:0}.lab-name{flex:1;min-width:0}.lab-key{color:var(--muted);margin-left:5px;font-size:11px}.lab-value{font-variant-numeric:tabular-nums;font-weight:700}.lab-ref{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:74px;font-size:11.5px}.lab-high{color:var(--alert)}.lab-low{color:var(--accent-strong)}.photo-row{flex-wrap:wrap;gap:8px;display:flex}.photo-thumb{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line);width:74px;height:74px}.inline-msg{border-radius:var(--r-md);flex-direction:column;gap:3px;padding:10px 12px;font-size:13.5px;line-height:1.55;display:flex}.inline-ok{background:var(--ok-soft);color:var(--text)}.inline-err{background:var(--alert-soft);color:var(--text)}.inline-warn{background:var(--watch-soft);color:var(--text)}.banner{margin:var(--page-pad) var(--page-pad) 0;border-radius:var(--r-lg);background:var(--watch-soft);border:1px solid var(--watch);flex-direction:column;gap:6px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.banner-accent{background:var(--accent-soft);border-color:var(--accent)}.sheet-backdrop{z-index:50;background:#1e242273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:var(--max-w);background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:18px var(--page-pad) calc(env(safe-area-inset-bottom) + 18px);flex-direction:column;gap:12px;max-height:88vh;display:flex;overflow:auto}.sheet-title{font-size:17px;font-weight:700}.setting-list{flex-direction:column;display:flex}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row .btn{margin-left:auto}.muted-note{color:var(--muted);font-size:12.5px;line-height:1.65}.loading{padding:40px var(--page-pad);text-align:center;color:var(--muted)}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.empty-emoji{font-size:40px}