:root{color-scheme:light;--surface-1: #fcfcfb;--plane: #f9f9f7;--raised: #ffffff;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--border-strong: rgba(11, 11, 11, .16);--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--good: #0ca30c;--warning: #fab219;--serious: #ec835a;--critical: #d03b3b;--success-text: #006300;--accent: #2a78d6;--accent-ink: #ffffff;--ghost: rgba(11, 11, 11, .05);--radius: 14px;--radius-sm: 10px;--tabbar: 62px}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-1: #1a1a19;--plane: #0d0d0d;--raised: #232322;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--success-text: #0ca30c;--accent: #3987e5;--ghost: rgba(255, 255, 255, .07)}}:root[data-theme=dark]{color-scheme:dark;--surface-1: #1a1a19;--plane: #0d0d0d;--raised: #232322;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--success-text: #0ca30c;--accent: #3987e5;--ghost: rgba(255, 255, 255, .07)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--plane);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:21px}h2{font-size:16px}h3{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;width:100%;min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app{display:flex;flex-direction:column;height:100%;max-width:620px;margin:0 auto;background:var(--plane)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(10px,env(safe-area-inset-top)) 16px 10px;background:var(--plane);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.screen{flex:1;overflow-y:auto;padding:14px 14px calc(var(--tabbar) + env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:14px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface-1);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);max-width:620px;margin:0 auto}.tab{background:none;border:0;padding:8px 2px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.01em}.tab[aria-current=page]{color:var(--accent)}.tab svg{width:22px;height:22px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px}.card.tight{gap:8px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:10px}.stack.tight{gap:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.small{font-size:12.5px}.tiny{font-size:11.5px}.num{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{font-size:40px;font-weight:680;line-height:1;letter-spacing:-.03em}.hero-unit{font-size:15px;font-weight:550;color:var(--text-secondary);letter-spacing:0}.stat-label{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:19px;font-weight:650;letter-spacing:-.02em}.delta-good{color:var(--success-text)}.delta-bad{color:var(--critical)}.btn{border:1px solid var(--border-strong);background:var(--surface-1);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;font-weight:570;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px}.btn:active{background:var(--ghost)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--critical);border-color:var(--border-strong)}.btn.sm{padding:6px 10px;min-height:34px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:default}.chip{border:1px solid var(--border-strong);background:var(--surface-1);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:550;white-space:nowrap}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.iconbtn{border:0;background:transparent;padding:8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);min-width:40px;min-height:40px}.iconbtn:active{background:var(--ghost)}.scroll-x{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;margin:0 -14px;padding-inline:14px}.scroll-x::-webkit-scrollbar{display:none}.item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--grid);text-align:left;background:none;border-left:0;border-right:0;border-top:0;width:100%}.item:last-child{border-bottom:0}.item-title{font-weight:550;font-size:14.5px}.empty{text-align:center;color:var(--text-muted);font-size:13px;padding:18px 8px}.meter{height:8px;border-radius:999px;background:var(--grid);overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .35s ease}.macrobar{display:flex;gap:2px;height:10px}.macrobar>span{display:block;border-radius:3px;min-width:2px;transition:flex-grow .3s ease}.swatch{width:9px;height:9px;border-radius:3px;flex:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{background:var(--plane);width:100%;max-width:620px;max-height:92vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;animation:slideup .2s ease;overflow:hidden}.sheet-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.sheet-body{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(14px)}}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12px;font-weight:600;color:var(--text-secondary)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 14px);background:var(--text-primary);color:var(--plane);padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:550;z-index:60;animation:fade .15s ease;max-width:90vw;text-align:center}.chart{width:100%;display:block;touch-action:pan-y}.chart text{font-size:10.5px;fill:var(--text-muted);font-variant-numeric:tabular-nums}.chart .gridline{stroke:var(--grid);stroke-width:1}.chart .axisline{stroke:var(--axis);stroke-width:1}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-secondary)}.legend>span{display:inline-flex;align-items:center;gap:6px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}