:root{--bg: #f2f2f7;--card: #ffffff;--text: #111114;--muted: #6e6e76;--line: #e3e3e8;--accent: #0f9d76;--accent-soft: rgba(15, 157, 118, .12);--dot: #9a9aa3;--danger: #e5484d;--tabbar: rgba(249, 249, 251, .92);color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){:root{--bg: #000000;--card: #1c1c1e;--text: #f5f5f7;--muted: #9898a0;--line: #2c2c30;--accent: #2fd3a0;--accent-soft: rgba(47, 211, 160, .14);--dot: #6b6b73;--tabbar: rgba(22, 22, 24, .92)}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}.app main{padding:env(safe-area-inset-top) 16px calc(84px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 10px}.screen-header h1{font-size:32px;font-weight:750;letter-spacing:-.02em;margin:0}.icon-btn{width:36px;height:36px;border-radius:18px;background:var(--accent-soft);color:var(--accent);font-size:26px;line-height:34px;font-weight:400}.card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:12px}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0 0 12px;line-height:1.4}.muted{color:var(--muted)}.small{font-size:13px}code{font-size:12px;word-break:break-all}.hero-label{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hero-value{font-size:44px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero-value .unit{font-size:20px;font-weight:500;color:var(--muted)}.stat-row{display:flex;gap:8px;margin-top:10px}.stat{flex:1;background:var(--bg);border-radius:12px;padding:10px}.stat-value{font-weight:650;font-size:18px;font-variant-numeric:tabular-nums}.stat-label{color:var(--muted);font-size:12px}.empty h3{margin-top:4px}.segmented{display:flex;background:var(--bg);border-radius:10px;padding:2px;margin-bottom:8px}.segmented button{flex:1;padding:6px 0;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted)}.segmented button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000001f}.chart{width:100%;user-select:none;-webkit-user-select:none}.chart-readout{display:flex;justify-content:space-between;font-size:13px;min-height:20px;margin:4px 0;font-variant-numeric:tabular-nums}.chart-empty{padding:40px 0;text-align:center}.chart svg{display:block}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px}.chart .scale-dot{fill:var(--dot)}.chart .trend-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart .trend-dot{fill:var(--accent);stroke:var(--card);stroke-width:2}.chart .cursor{stroke:var(--muted);stroke-dasharray:3 3}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:6px}.swatch{display:inline-block;vertical-align:middle;margin-right:4px}.swatch.dot{width:7px;height:7px;border-radius:50%;background:var(--dot)}.swatch.line{width:14px;height:3px;border-radius:2px;background:var(--accent)}.sync-row{display:flex;justify-content:space-between;align-items:baseline;line-height:1.35;gap:12px;font-size:13px;padding:0 4px 12px}.link{color:var(--accent);font-weight:600;white-space:nowrap}.link:disabled{opacity:.5}.list{padding:8px 0}.list-title{padding:8px 16px 4px}.list-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 16px;border-top:1px solid var(--line);text-align:left;font-size:15px}.list-row:first-of-type{border-top:none}.list-row:active{background:var(--bg)}.row-values{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.list-more{display:block;width:100%;padding:12px;border-top:1px solid var(--line)}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;font-size:17px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);min-height:46px}.input-row{display:flex;gap:10px;align-items:center}.primary,.secondary,.danger{display:block;width:100%;padding:14px;border-radius:12px;font-weight:650;font-size:16px;margin-bottom:10px}.primary{background:var(--accent);color:#fff}.secondary{background:var(--accent-soft);color:var(--accent)}.danger{background:#e5484d1f;color:var(--danger)}.button-row{display:flex;gap:10px}.error{color:var(--danger);font-size:14px}.toast{text-align:center;color:var(--muted);font-size:14px}.detail{text-align:center;padding:8px 0 16px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade .2s ease}.sheet{width:100%;max-width:640px;background:var(--card);border-radius:16px 16px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));animation:rise .25s cubic-bezier(.2,.9,.3,1)}.sheet-grabber{width:36px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 8px}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-header h2{font-size:17px;margin:0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom));background:var(--tabbar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:10}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;color:var(--muted);min-width:72px}.tab.on{color:var(--accent)}