@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600&family=JetBrains+Mono:wght@300;400&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}:root{--sano-bg:#0e0e0e;--sano-bg-2:#131313;--sano-bg-3:#181818;--sano-card:#ffffff09;--sano-card-strong:#ffffff0e;--sano-hairline:#ffffff14;--sano-hairline-soft:#ffffff0d;--sano-divider:#ffffff0f;--sano-ivory:#f2ebdf;--sano-text:#f2ebdfeb;--sano-muted:#f2ebdf8c;--sano-faint:#f2ebdf61;--sano-ghost:#f2ebdf38;--sano-gold:oklch(80% .075 78);--sano-gold-deep:oklch(62% .07 75);--sano-gold-soft:oklch(80% .075 78/.16);--sano-sage:oklch(74% .045 152);--sano-sage-soft:oklch(74% .045 152/.18);--sano-coral:oklch(74% .085 32);--sano-coral-soft:oklch(74% .085 32/.18);--sano-amber:oklch(80% .075 68);--sano-rose:oklch(72% .065 18);--macro-protein:oklch(78% .075 78);--macro-carbs:oklch(80% .075 65);--macro-fat:oklch(72% .065 18);--macro-fiber:oklch(72% .045 152);--sano-track:#ffffff0f;--sano-input:#ffffff06;--sano-sheet-grad:linear-gradient(180deg, #161616, #0e0e0e);--sano-sheet-dim:#080808;--sano-grain:#ffffff05;--sano-grain-blend:overlay;--sano-toggle-thumb:#ffffffe0;--sano-font:"Outfit", -apple-system, system-ui, sans-serif;--sano-mono:"JetBrains Mono", ui-monospace, monospace}html.sano-light{--sano-bg:#f2ece0;--sano-bg-2:#ece4d2;--sano-bg-3:#e4dac5;--sano-card:#fffdf79e;--sano-card-strong:#fffdf7e0;--sano-hairline:#3a2a161f;--sano-hairline-soft:#3a2a1612;--sano-divider:#3a2a161a;--sano-ivory:#1a1610;--sano-text:#201a12eb;--sano-muted:#201a1294;--sano-faint:#201a1266;--sano-ghost:#201a1238;--sano-gold:oklch(56% .085 65);--sano-gold-deep:oklch(44% .08 60);--sano-gold-soft:oklch(56% .085 65/.12);--sano-sage:oklch(50% .06 152);--sano-sage-soft:oklch(50% .06 152/.12);--sano-coral:oklch(55% .1 32);--sano-coral-soft:oklch(55% .1 32/.12);--sano-amber:oklch(58% .085 65);--sano-rose:oklch(55% .08 18);--macro-protein:oklch(56% .085 70);--macro-carbs:oklch(58% .09 58);--macro-fat:oklch(55% .08 20);--macro-fiber:oklch(50% .06 152);--sano-track:#3a2a1614;--sano-input:#3a2a160a;--sano-sheet-grad:linear-gradient(180deg, #faf5ea, #efe7d5);--sano-sheet-dim:#dcd3bf;--sano-grain:#3c28140a;--sano-grain-blend:multiply;--sano-toggle-thumb:#f5efe0}html.sano-light .sano-bg,html.sano-light.sano-bg{background:radial-gradient(120% 60% at 50% -10%, #8c642814, transparent 60%), radial-gradient(80% 40% at 50% 110%, #8c64280d, transparent 60%), var(--sano-bg)}#root{font-family:var(--sano-font);color:var(--sano-text);background:var(--sano-bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-feature-settings:"ss01","tnum";min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden}.sano-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--sano-faint);font-size:10px;font-weight:500}.sano-label{letter-spacing:.16em;text-transform:uppercase;color:var(--sano-muted);font-size:11px;font-weight:400}.sano-card{background:var(--sano-card);border:1px solid var(--sano-hairline);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:18px}.sano-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.sano-bg{background:radial-gradient(120% 60% at 50% -10%, #d4b7910f, transparent 60%), radial-gradient(80% 40% at 50% 110%, #d4b7910a, transparent 60%), var(--sano-bg);min-height:100dvh;position:relative}.sano-bg:before{content:"";background-image:radial-gradient(var(--sano-grain) 1px, transparent 1px);pointer-events:none;mix-blend-mode:var(--sano-grain-blend);z-index:0;background-size:3px 3px;position:fixed;inset:0}@keyframes sano-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sano-ring-fill{0%{stroke-dashoffset:var(--ring-start)}to{stroke-dashoffset:var(--ring-end)}}@keyframes sano-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(var(--bar-w,1))}}@keyframes sano-shimmer{0%{box-shadow:0 0 oklch(80% .075 78/.6)}to{box-shadow:0 0 0 14px oklch(80% .075 78/0)}}@keyframes sano-pulse{0%,to{opacity:1}50%{opacity:.4}}.sano-fade-up{animation:.6s cubic-bezier(.2,.7,.3,1) both sano-fade-up}@keyframes sano-flash{0%{opacity:1}to{opacity:0}}@keyframes sano-scan-line{0%{top:8%}50%{top:86%}to{top:8%}}@keyframes sano-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes sano-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12%)}}@keyframes sano-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sano-slide-in{animation:.34s cubic-bezier(.25,.8,.25,1) both sano-slide-in}.sano-slide-out{animation:.28s cubic-bezier(.4,0,1,1) both sano-slide-out}.sano-shimmer{animation:.6s ease-out both sano-shimmer}::-webkit-scrollbar{display:none}*{scrollbar-width:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-appearance:none;outline:none}button:active,[role=button]:active{transition:transform 80ms ease-out;transform:scale(.96)}button.no-scale:active{transform:none}button{transition:color .2s,background .2s,border-color .2s,opacity .2s,transform .12s}.sano-settings-row{transition:background .2s}.sano-settings-row:active{background:#ffffff08}.app-root{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{position:absolute;inset:0;overflow:hidden auto}.bottom-nav{width:100%;max-width:430px;padding:0 24px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--sano-bg) 60%, transparent);z-index:100;pointer-events:none;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav>*{pointer-events:all}.pressable{transition:transform .15s cubic-bezier(.2,.7,.3,1),opacity .15s}.pressable:active{opacity:.85;transform:scale(.97)}