:root{--bg: #e9edf3;--studio: #dfe4ec;--card: #ffffff;--card-2: #f5f7fa;--ink: #1d2531;--ink-2: #59616f;--ink-3: #8b94a3;--line: #e6eaf0;--line-2: #d5dbe4;--accent: #12a5a0;--accent-soft: rgba(18, 165, 160, .1);--protein: #e85c43;--carb: #2c93d5;--fat: #e7971c;--micro: #7a57d1;--fiber: #4ca53c;--water: #3fb6c6;--body: #d7deea;--body-line: #aeb9cc;--danger: #d64545;--radius: 12px;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", "Roboto Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--studio);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{width:100%;max-width:440px;height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}@media(min-width:480px){.app-shell{height:min(880px,96dvh);margin:max(0px,calc((100dvh - 880px)/2)) auto;border-radius:30px;box-shadow:0 30px 70px -28px #141e3773;border:1px solid var(--line-2)}}.views{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.views::-webkit-scrollbar{width:0}.view{padding:calc(env(safe-area-inset-top,0px) + 20px) 18px 20px;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.view{animation:none}}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.logo{font-size:15px;font-weight:600;letter-spacing:.32em;color:var(--ink)}.logo span{color:var(--protein)}.head-title{font-size:17px;font-weight:600;color:var(--ink)}.head-sub{font-size:11px;color:var(--ink-3);margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--card);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-2);cursor:pointer}.eyebrow{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 9px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pill{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:9px 12px}.pill .k{color:var(--ink-3);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:2px}.pill .v{color:var(--ink);font-size:13.5px;font-weight:500}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:9px;transition:.2s}.toggle .dot{width:10px;height:10px;border-radius:50%;background:var(--line-2);flex:none;transition:.2s}.toggle[aria-pressed=true]{border-color:#12a5a073;background:var(--accent-soft)}.toggle[aria-pressed=true] .dot{background:var(--accent)}.toggle[aria-pressed=true] .v{color:var(--accent)}.seg{display:flex;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;border:0;background:transparent;font-size:13px;color:var(--ink-2);padding:8px;border-radius:9px;cursor:pointer;transition:.2s}.seg button[aria-selected=true]{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 1px 2px #141e3214}.btn{border:1px solid var(--line-2);background:var(--card);color:var(--ink);border-radius:var(--radius);padding:11px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:.15s}.btn:hover{background:var(--card-2)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#0e938e}.btn-block{width:100%}input,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;width:100%}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[type=range]{padding:0;border:0;accent-color:var(--accent)}.bar{margin-bottom:11px}.barhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.barname{font-size:12.5px;color:var(--ink)}.barval{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.track{height:8px;border-radius:6px;background:var(--card-2);border:1px solid var(--line);overflow:hidden}.fill{height:100%;border-radius:6px;transition:width .55s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.fill{transition:none}}.bricks{display:flex;flex-wrap:wrap;gap:3px}.brick{width:16px;height:11px;border-radius:2px}.tabbar{flex:none;display:flex;background:var(--card);border-top:1px solid var(--line);padding:8px 6px calc(env(safe-area-inset-bottom,0px) + 10px)}.tabbtn{flex:1;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink-3);padding:4px 0;transition:.2s}.tabbtn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabbtn .tl{font-size:10.5px}.tabbtn[aria-selected=true]{color:var(--accent)}.tabbtn:active{transform:scale(.92)}button.avatar{font-family:var(--sans);padding:0;transition:.15s}button.avatar:active{transform:scale(.92)}.seg button:active{transform:scale(.97)}.mtab:active,.pill.toggle:active{transform:scale(.985)}.section{margin:22px 0}.stationhdr{display:flex;align-items:center;gap:10px;margin-bottom:13px}.stnum{width:22px;height:22px;border-radius:7px;background:var(--card);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--ink-2);flex:none}.sttitle{font-size:14px;font-weight:500;color:var(--ink)}.stsub{font-size:11px;color:var(--ink-3);margin-left:auto}.note{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:9px;font-size:11px;line-height:1.55;color:var(--ink-3)}.note b{color:var(--ink-2);font-weight:500}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}