:root{--ink:#0e2a23;--ink-soft:#3c504a;--ink-faint:#6e7e78;--paper:#f4f6f1;--paper-2:#eaf0ea;--white:#fff;--range:#16a57b;--range-bright:#21c499;--pine:#0c5e4e;--apricot:#f4a368;--apricot-deep:#e0884a;--clay:#de6a52;--mist:#d8e2db;--ff-display:"Bricolage Grotesque",system-ui,sans-serif;--ff:"Hanken Grotesk",system-ui,sans-serif;--ff-mono:"JetBrains Mono",ui-monospace,monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--ff);color:var(--ink);-webkit-font-smoothing:antialiased;background:#0a1f19;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}svg{display:block}input{font-family:inherit}::selection{background:var(--range);color:#fff}.stage{background:radial-gradient(120% 80% at 50% 0,#11342a,#0a1f19 60%);place-items:center;height:100dvh;padding:28px;display:grid}.device{background:#0a1f19;border-radius:48px;width:392px;max-width:100%;height:844px;max-height:calc(100dvh - 56px);padding:12px;position:relative;box-shadow:0 50px 100px -30px #000000a6,0 0 0 2px #1c3a31}.device:after{content:"";z-index:30;background:#0a1f19;border-radius:0 0 16px 16px;width:34%;height:24px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.app{background:linear-gradient(#fbfdfb,#f1f6f2);border-radius:38px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.statusbar{font-family:var(--ff-mono);color:var(--ink);z-index:20;flex:none;justify-content:space-between;align-items:center;padding:1rem 1.5rem .5rem;font-size:.78rem;font-weight:600;display:flex}.statusbar .right{align-items:center;gap:7px;display:flex}.statusbar svg{width:16px;height:12px}.screens{flex:auto;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;padding:.4rem 1.15rem 5.5rem;transition:opacity .26s,transform .26s;position:absolute;inset:0;overflow-y:auto;transform:translateY(10px)}.screen.active{opacity:1;pointer-events:auto;transform:none}.screen::-webkit-scrollbar{display:none}.overlay{z-index:25;background:linear-gradient(#fbfdfb,#f1f6f2);padding:.4rem 1.15rem 1.2rem;transition:transform .3s;position:absolute;inset:0;overflow-y:auto;transform:translateY(100%)}.overlay.active{transform:translateY(0)}.shead{padding:.5rem 0 1rem}.shead .eyebrow{color:var(--ink-faint);font-size:.7rem;font-weight:600}.shead h1{font-family:var(--ff-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.1}.ohead{align-items:center;gap:.7rem;padding:.4rem 0 1rem;display:flex}.ohead h2{font-family:var(--ff-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.iconbtn{background:var(--paper-2);width:38px;height:38px;color:var(--ink);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.iconbtn svg{width:20px;height:20px}.ohead .iconbtn.right{margin-left:auto}.ac{background:var(--white);border:1px solid #eaf0ec;border-radius:20px;margin-bottom:.85rem;padding:1rem 1.1rem;box-shadow:0 8px 22px -16px #0e2a2380}.ac__label{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:.66rem;font-weight:700}.gl-card{color:#fff;background:linear-gradient(160deg,#0c5e4e,#0a1f19);border:none}.gl-card .ac__label{color:#9fd8c6}.reading{align-items:flex-end;gap:.4rem;margin-top:.45rem;display:flex}.reading b{font-family:var(--ff-mono);letter-spacing:-.02em;font-size:2.9rem;font-weight:700;line-height:.85}.reading .unit{color:#9fd8c6;margin-bottom:.45rem;font-size:.8rem}.reading .arr{font-size:.72rem;font-family:var(--ff-mono);color:#cff3e6;background:#ffffff24;border-radius:999px;align-items:center;gap:.3rem;margin-left:auto;padding:.28rem .6rem;display:inline-flex}.spark{width:100%;height:54px;margin-top:.7rem}.tir{align-items:center;gap:1.1rem;display:flex}.tir__ring{flex:none;width:88px;height:88px;position:relative}.tir__ring b{font-family:var(--ff-mono);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;position:absolute;inset:0}.tir__legend{color:var(--ink-soft);flex-direction:column;gap:.4rem;font-size:.78rem;font-weight:500;display:flex}.tir__legend i{border-radius:3px;width:9px;height:9px;margin-right:8px;display:inline-block}.tir__legend .v{font-family:var(--ff-mono);color:var(--ink);margin-left:5px;font-weight:700}.rowi{align-items:center;gap:.8rem;display:flex}.rowi+.rowi{margin-top:.8rem}.rowi__ic{background:var(--paper-2);width:40px;height:40px;color:var(--pine);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.rowi__ic svg{width:20px;height:20px}.rowi__t{font-size:.92rem;font-weight:600;line-height:1.2}.rowi__s{color:var(--ink-faint);font-size:.74rem;font-family:var(--ff-mono);margin-top:1px}.rowi .rmono{font-family:var(--ff-mono);margin-left:auto;font-size:.92rem;font-weight:700}.toggle{background:var(--range);border:none;border-radius:999px;flex:none;width:42px;height:25px;margin-left:auto;transition:background .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2.5px;right:2.5px}.toggle.off{background:#cbd8d1}.toggle.off:after{left:2.5px;right:auto}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--white);color:var(--pine);border:1px solid var(--mist);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.chip svg{width:16px;height:16px}.chip--accent{background:var(--range);color:#04241b;border-color:#0000}.chip--warm{color:var(--apricot-deep);background:#f4a36833;border-color:#0000}.chip:active{transform:scale(.96)}.bars{align-items:flex-end;gap:6px;height:80px;margin-top:.6rem;display:flex}.bars .col{border-radius:5px;flex-direction:column;flex:1;justify-content:flex-end;gap:2px;display:flex;overflow:hidden}.seg{width:100%}.seg--g{background:var(--range)}.seg--a{background:var(--apricot)}.seg--r{background:var(--clay)}.btn{background:var(--range);color:#04241b;border-radius:15px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem;font-size:1rem;font-weight:600;transition:transform .15s,background .2s;display:flex}.btn:active{transform:scale(.985)}.btn--ink{background:var(--ink);color:#fff}.btn:disabled{opacity:.5}.btn svg{width:19px;height:19px}.foodtile{background:radial-gradient(circle at 32% 30%,#f4c98a,#e0884a 70%);border-radius:14px;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.foodtile:after{content:"";background:#ffffff8c;border-radius:50%;width:16px;height:16px;position:absolute;top:10px;left:9px}.predict{background:var(--paper);border-radius:14px;margin-top:.7rem;padding:.7rem .8rem}.seg-ctl{background:var(--paper-2);border-radius:14px;gap:.3rem;margin-bottom:.9rem;padding:.3rem;display:flex}.seg-ctl button{color:var(--ink-soft);border-radius:11px;flex:1;padding:.6rem;font-size:.86rem;font-weight:600}.seg-ctl button.on{background:var(--white);color:var(--ink);box-shadow:0 4px 10px -6px #0e2a2366}.numfield{align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.numfield input{border:1px solid var(--mist);min-width:0;font-size:1.1rem;font-family:var(--ff-mono);color:var(--ink);background:var(--white);border-radius:12px;flex:1;padding:.7rem .8rem}.numfield input:focus{outline:2px solid var(--range);outline-offset:1px}.statline{gap:.55rem;display:flex}.statbox{text-align:center;background:var(--white);border:1px solid #eaf0ec;border-radius:16px;flex:1;padding:.8rem .4rem}.statbox b{font-family:var(--ff-mono);font-size:1.35rem;font-weight:700;display:block}.statbox span{color:var(--ink-faint);font-size:.64rem}.profile{align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.avatar{color:#fff;width:54px;height:54px;font-family:var(--ff-display);background:linear-gradient(150deg,#16a57b,#0c5e4e);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.profile b{font-family:var(--ff-display);font-size:1.2rem;display:block}.profile span{color:var(--ink-faint);font-size:.8rem}.tabbar{padding:.55rem .5rem calc(.55rem + env(safe-area-inset-bottom,0));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--mist);z-index:28;background:#ffffffdb;flex:none;justify-content:space-around;align-items:center;display:flex}.tab{color:#9aaaa2;letter-spacing:.02em;flex-direction:column;align-items:center;gap:3px;min-width:48px;padding:.2rem .5rem;font-size:.58rem;font-weight:600;display:flex}.tab svg{width:23px;height:23px}.tab.on{color:var(--range)}.tab--add{background:var(--range);color:#fff;border-radius:16px;justify-content:center;width:48px;height:48px;margin-top:-16px;box-shadow:0 12px 22px -8px #16a57bd9}.tab--add svg{width:24px;height:24px}.tab--add:active{transform:scale(.94)}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:40;white-space:nowrap;border-radius:14px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%,16px);box-shadow:0 18px 40px -16px #00000080}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{width:18px;height:18px;color:var(--range-bright)}.onboarding{z-index:60;color:#fff;padding:2rem 1.6rem calc(2rem + env(safe-area-inset-bottom,0));background:linear-gradient(#0e2a23,#0a1f19);flex-direction:column;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0}.onboarding.done{opacity:0;pointer-events:none;transform:translateY(-12px)}.ob-top{align-items:center;gap:.8rem;min-height:38px;margin-bottom:1.4rem;display:flex}.ob-back{color:#fff;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ob-dots{gap:6px;margin-left:auto;display:flex}.ob-dots i{background:#ffffff38;border-radius:50%;width:7px;height:7px;transition:all .3s}.ob-dots i.on{background:var(--range-bright);border-radius:4px;width:20px}.ob-mark{width:72px;height:56px;margin:1rem 0 1.2rem}.onboarding h2{font-family:var(--ff-display);letter-spacing:-.025em;margin-bottom:.75rem;font-size:1.85rem;font-weight:700;line-height:1.08}.onboarding p{color:#bfd2c9;max-width:30ch;margin-bottom:1.5rem;font-size:1rem;line-height:1.55}.ob-spacer{flex:1;min-height:1rem}.ob-skip{text-align:center;color:#9fd8c6;width:100%;margin-top:.9rem;padding:.5rem;font-size:.88rem;font-weight:600;display:block}.ob-conn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:.8rem;margin-bottom:.7rem;padding:.85rem .95rem;display:flex}.ob-conn__ic{width:42px;height:42px;color:var(--range-bright);background:#ffffff14;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.ob-conn__ic svg{width:22px;height:22px}.ob-conn b{font-size:.95rem;line-height:1.1;display:block}.ob-conn span{color:#9fd8c6;font-size:.74rem}.ob-conn__btn{background:var(--range);color:#04241b;border-radius:999px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:.45rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.ob-conn.connected .ob-conn__btn{color:var(--range-bright);background:#21c49a2e}.ob-band{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:1.3rem}.ob-band .rng{font-family:var(--ff-mono);letter-spacing:-.02em;margin-top:.3rem;font-size:2.2rem;font-weight:700}.ob-band .rng small{color:#9fd8c6;font-size:.85rem;font-weight:500}.you-replay{width:100%;color:var(--ink-soft);align-items:center;gap:.7rem;margin-top:.3rem;padding:.9rem 0;font-size:.88rem;font-weight:600;display:flex}.you-replay svg{width:18px;height:18px;color:var(--ink-faint)}.alert{border-radius:18px;align-items:flex-start;gap:.7rem;margin-bottom:.85rem;padding:.9rem 1rem;display:flex}.alert--high{background:#f4a36829;border:1px solid #f4a36880}.alert--low{background:#de6a5224;border:1px solid #de6a5280}.alert__ic{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.alert--high .alert__ic{color:var(--apricot-deep);background:#f4a36840}.alert--low .alert__ic{color:var(--clay);background:#de6a5233}.alert__ic svg{width:18px;height:18px}.alert b{color:var(--ink);font-size:.9rem;display:block}.alert p{color:var(--ink-soft);margin-top:2px;font-size:.8rem;line-height:1.45}.empty{text-align:center;color:var(--ink-faint);padding:2.6rem 1rem 1rem}.empty .em-ic{background:var(--paper-2);width:54px;height:54px;color:var(--pine);border-radius:16px;justify-content:center;align-items:center;margin:0 auto .9rem;display:flex}.empty .em-ic svg{width:26px;height:26px}.empty b{color:var(--ink);font-size:1rem;font-family:var(--ff-display);margin-bottom:.3rem;display:block}.empty span{font-size:.85rem}.privacy-row{width:100%;color:var(--ink);align-items:center;gap:.8rem;padding:.75rem 0;font-size:.92rem;font-weight:600;display:flex}.privacy-row+.privacy-row{border-top:1px solid var(--paper-2)}.privacy-row svg{width:20px;height:20px;color:var(--pine);flex:none}.privacy-row.danger,.privacy-row.danger svg{color:var(--clay)}.barwrap{margin-top:.2rem}.bars__labels{gap:6px;margin-top:.45rem;display:flex}.bars__labels span{text-align:center;color:var(--ink-faint);letter-spacing:.01em;flex:1;font-size:.6rem}.seg--empty{background:var(--mist);border-radius:2px}:focus-visible{outline:2px solid var(--range);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=480px){.stage{background:0 0;padding:0}.device{width:100vw;height:100dvh;max-height:none;box-shadow:none;border-radius:0;padding:0}.device:after{display:none}.app{border-radius:0}.statusbar{padding-top:max(1rem,env(safe-area-inset-top))}}