:root{--bg: oklch(.99 .003 95);--bg-soft: oklch(.97 .005 95);--bg-sunken: oklch(.95 .006 95);--line: oklch(.91 .006 95);--line-soft: oklch(.94 .005 95);--fg: oklch(.16 .01 95);--fg-muted: oklch(.48 .01 95);--fg-dim: oklch(.65 .008 95);--accent: oklch(.89 .22 128);--accent-ink: oklch(.22 .05 128);--accent-soft: oklch(.95 .1 128);--m-protein: oklch(.7 .18 30);--danger: var(--m-protein);--m-carbs: oklch(.78 .16 75);--m-fat: oklch(.72 .14 280);--f-sans: "Geist", "Inter", system-ui, sans-serif;--f-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--density: 1}:root[data-theme=dark]{--bg: oklch(.14 .005 95);--bg-soft: oklch(.18 .006 95);--bg-sunken: oklch(.21 .007 95);--line: oklch(.27 .008 95);--line-soft: oklch(.22 .007 95);--fg: oklch(.97 .005 95);--fg-muted: oklch(.72 .01 95);--fg-dim: oklch(.5 .01 95);--accent-ink: oklch(.1 .06 128);--accent-soft: oklch(.28 .08 128)}:root[data-accent=orange]{--accent: oklch(.78 .2 55);--accent-ink: oklch(.12 .04 55);--accent-soft: oklch(.95 .08 55)}:root[data-accent=electric]{--accent: oklch(.78 .2 250);--accent-ink: oklch(.99 .02 250);--accent-soft: oklch(.95 .06 250)}:root[data-accent=magenta]{--accent: oklch(.72 .24 340);--accent-ink: oklch(.99 .02 340);--accent-soft: oklch(.95 .07 340)}:root[data-accent=lime]{--accent: oklch(.89 .22 128);--accent-ink: oklch(.12 .05 128);--accent-soft: oklch(.95 .1 128)}:root[data-theme=dark][data-accent=lime]{--accent-ink: oklch(.1 .06 128);--accent-soft: oklch(.24 .12 128)}:root[data-theme=dark][data-accent=orange]{--accent-ink: oklch(.1 .04 55);--accent-soft: oklch(.24 .12 55)}:root[data-theme=dark][data-accent=electric]{--accent-ink: oklch(.99 .02 250);--accent-soft: oklch(.22 .12 250)}:root[data-theme=dark][data-accent=magenta]{--accent-ink: oklch(.99 .02 340);--accent-soft: oklch(.22 .12 340)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100vh;min-height:100dvh}html{overflow-x:clip}body{font-family:var(--f-sans);background:var(--bg);color:var(--fg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em;overscroll-behavior-y:none;overflow-x:hidden;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0;touch-action:manipulation}input,textarea{background:none;border:none;outline:none;font-size:16px}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.h-display{font-family:var(--f-sans);font-weight:900;letter-spacing:-.05em;line-height:.9;font-size:clamp(64px,11vw,168px)}.h-hero{font-weight:800;letter-spacing:-.035em;line-height:.95;font-size:clamp(40px,5vw,72px)}.h-section{font-weight:800;letter-spacing:-.03em;font-size:36px;line-height:1}.h-card{font-weight:700;letter-spacing:-.02em;font-size:22px;line-height:1.1}.h-data{font-family:var(--f-mono);font-weight:600;font-size:40px;letter-spacing:-.02em}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.mono{font-family:var(--f-mono)}.muted{color:var(--fg-muted)}.dim{color:var(--fg-dim)}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:calc(20px * var(--density))}.card.sunken{background:var(--bg-soft)}.card.flush{padding:0}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1 1 0}.spacer{flex:1}.divider{height:1px;background:var(--line);border:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:-.01em;border:1px solid transparent;transition:transform .12s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-soft)}.btn-dark{background:var(--fg);color:var(--bg)}.btn-dark:hover{filter:brightness(1.1)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.btn-sm{padding:9px 14px;font-size:13px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-family:var(--f-mono);font-size:12px;letter-spacing:.02em;color:var(--fg-muted)}.chip.solid{background:var(--accent);color:var(--accent-ink);border-color:transparent}.chip.dark{background:var(--fg);color:var(--bg);border-color:transparent}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.field-input{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;width:100%;transition:border-color .15s ease,background .15s ease}.field-input:focus{border-color:var(--fg);background:var(--bg)}.seg{display:inline-flex;padding:4px;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;gap:2px}.seg button{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--fg-muted)}.seg button.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #0000000f}.ph{position:relative;background:repeating-linear-gradient(135deg,var(--bg-soft) 0 10px,var(--bg-sunken) 10px 20px);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.ph:after{content:attr(data-label);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-muted);text-transform:lowercase;padding:4px 10px;background:var(--bg);border-radius:999px;border:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:-.02em}.brand-mark{width:28px;height:28px;background:var(--fg);border-radius:8px;position:relative;flex:none}.brand-mark:after{content:"";position:absolute;inset:auto 4px 4px auto;width:8px;height:8px;background:var(--accent);border-radius:50%}.brand-wordmark{display:flex;flex-direction:column;line-height:.95;letter-spacing:-.04em;font-weight:900;font-size:13px}.brand-wordmark span:last-child{color:var(--fg-muted);font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--accent);transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;min-height:100dvh}.sidebar{border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;color:var(--fg-muted);font-weight:500;font-size:14px;cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg-soft);color:var(--fg)}.nav-item.active{background:var(--fg);color:var(--bg)}.nav-item.active .nav-icon{background:var(--accent)}.nav-icon{width:8px;height:8px;border-radius:2px;background:var(--line);flex:none}.main{padding:32px 40px 80px;max-width:1400px;width:100%;min-width:0;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;z-index:200;animation:fadeIn .25s ease both;pointer-events:none;white-space:nowrap}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 16px 48px #0000001f;z-index:50;animation:fadeIn .18s ease both}.drag-over{outline:2px dashed var(--accent);outline-offset:-4px;background:var(--accent-soft)!important}.dragging{opacity:.4}@keyframes fadeIn{0%{opacity:.001}to{opacity:1}}.fade-in{animation:fadeIn .4s ease both}.full{width:100%}.center{display:flex;align-items:center;justify-content:center}.between{display:flex;align-items:center;justify-content:space-between}.stack-sm>*+*{margin-top:8px}.stack>*+*{margin-top:16px}.stack-lg>*+*{margin-top:28px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tag-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.auth-split{display:grid;grid-template-columns:1fr 480px;min-height:100vh;min-height:100dvh}.auth-split.wide{grid-template-columns:1fr 540px}.today-strip{display:grid;grid-template-columns:repeat(5,1fr)}.today-strip>button{text-align:left;padding:20px;border-right:1px solid var(--line);background:var(--bg);transition:background .15s;display:flex;flex-direction:column;gap:14px;min-height:200px}.today-strip>button:last-child{border-right:none}.today-strip>button.on{background:var(--accent-soft)}.meal-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.week-grid{display:grid;grid-template-columns:100px repeat(7,1fr)}.split-2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.landing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.landing-stats>div{padding:32px 24px;border-right:1px solid var(--line)}.landing-stats>div:last-child{border-right:none}.landing-cta{background:var(--accent);color:var(--accent-ink);border-radius:var(--r-xl);padding:80px 60px;position:relative;overflow:hidden}.marquee{display:flex;gap:32px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-muted);padding:14px 0;border-block:1px solid var(--line);overflow:hidden;white-space:nowrap}.marquee-inner{display:inline-flex;gap:32px;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-inner span:before{content:"●";color:var(--accent);margin-right:32px}.stepper{display:flex;gap:8px}.stepper>div{height:4px;flex:1;background:var(--line);border-radius:2px}.stepper>div.on{background:var(--accent)}.stepper>div.done{background:var(--fg)}.mobile-only{display:none}@media (max-width: 768px){body{font-size:15px}.desktop-only{display:none!important}.mobile-only{display:initial}.h-display{font-size:clamp(48px,14vw,80px)}.h-hero{font-size:clamp(32px,8vw,44px)!important}.h-section{font-size:28px}.h-data{font-size:32px}.h-card{font-size:18px}.card{padding:16px;border-radius:18px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr;gap:14px}.grid-4{grid-template-columns:1fr 1fr;gap:12px}.split-2{grid-template-columns:1fr}.landing-stats{grid-template-columns:1fr 1fr}.landing-stats>div{padding:22px 16px;border-right:none;border-bottom:1px solid var(--line)}.landing-stats>div:nth-child(odd){border-right:1px solid var(--line)}.app-shell{grid-template-columns:minmax(0,1fr);overflow-x:hidden;height:auto;overflow-y:visible}.main{min-width:0;overflow-x:hidden;height:auto;overflow-y:visible}.sidebar{position:fixed;bottom:0;left:0;right:0;height:auto;top:auto;overflow:visible;flex-direction:row;border-right:none;border-top:1px solid color-mix(in oklch,var(--line) 60%,transparent);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:0;z-index:20;background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.sidebar>div:first-child,.sidebar>div:last-child,.sidebar>.nav-item.logout{display:none}.sidebar nav{display:flex;flex-direction:row;flex:1;gap:0}.nav-item{flex:1;flex-direction:column;gap:3px;padding:8px 4px 6px;font-size:11px;text-align:center;align-items:center;justify-content:center;border-radius:10px;min-height:52px;position:relative;transition:color .15s ease,transform .1s ease}.nav-item:active{transform:scale(.92)}.nav-item.active{background:transparent;color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}.nav-item.active .nav-icon{background:transparent}.nav-item span{font-size:11px;letter-spacing:0}.nav-item svg{margin:0 auto}.nav-item svg+span{margin-top:1px}.nav-item .nav-icon{display:none}.nav-item>svg:last-child{display:none}.main{padding:20px 18px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom));max-width:100%}.topbar{padding-bottom:16px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.topbar>.row:first-child>span:nth-child(2){display:none}.calc-goal-grid{grid-template-columns:1fr 1fr!important}#calc .card>div:last-child>div[style*="gap: 0"]{flex-direction:column!important}#calc .card>div:last-child>div[style*="gap: 0"]>div{border-radius:12px!important;margin-bottom:8px!important}#calc .card>div:last-child>div[style*="grid-template-columns: 1fr auto"]{grid-template-columns:1fr!important}#calc .card .row{flex-wrap:wrap}.auth-split,.auth-split.wide{grid-template-columns:1fr!important;min-height:auto}.auth-split>div:first-child{padding:32px 24px!important;padding-top:calc(32px + env(safe-area-inset-top))!important;min-height:280px;border-right:none!important;border-bottom:1px solid var(--line)}.auth-split>div:last-child{padding:32px 24px!important}.today-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.today-strip>button{flex:0 0 75%;scroll-snap-align:start;border-right:1px solid var(--line);min-width:240px}.meal-row{grid-template-columns:1fr;gap:12px}.meal-row>div:first-child{display:flex;flex-direction:row!important;gap:12px;align-items:center}.meal-row .ph{width:100%!important;height:160px!important;aspect-ratio:auto}.meal-row>.col:last-child{flex-direction:row!important;min-width:0!important}.meal-row>.col:last-child .btn{flex:1}.week-grid{grid-template-columns:70px repeat(7,minmax(120px,1fr));min-width:max-content}body section{padding-left:20px!important;padding-right:20px!important}header nav{display:none!important}header{padding:14px 18px!important;padding-top:calc(14px + env(safe-area-inset-top))!important}.marquee-inner{gap:20px}.btn{padding:12px 16px;font-size:13px}.btn-sm{padding:8px 12px;font-size:12px}section .h-display{font-size:clamp(40px,11vw,64px)!important}.seg{flex-wrap:wrap}.ph{font-size:11px}.stepper{gap:4px}section[id=tdee]{padding:60px 20px!important}.landing-cta{padding:40px 24px!important}.twk-panel{bottom:calc(90px + env(safe-area-inset-bottom))!important;right:12px!important}}@media (max-width: 420px){.h-display{font-size:clamp(40px,13vw,64px)}.landing-stats{grid-template-columns:1fr}.landing-stats>div{border-right:none!important}.grid-4{grid-template-columns:1fr}.today-strip>button{flex-basis:85%}}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:99px;cursor:pointer;border:1px solid var(--line);background:var(--bg-soft);color:var(--fg-muted);transition:color .15s,border-color .15s,background .15s,transform .1s}.close-btn:hover{color:var(--fg);border-color:var(--fg-muted)}.close-btn:active{transform:scale(.92)}.close-btn.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:99px;white-space:nowrap;font-family:Geist Mono,monospace}.status-pill:before{content:"";width:6px;height:6px;border-radius:99px;background:currentColor}.st-good{background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.st-warn{background:color-mix(in srgb,#ffb020 16%,transparent);color:#b97a00;border:1px solid color-mix(in srgb,#ffb020 45%,transparent)}.st-bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent)}.st-ghost{background:var(--bg-soft);color:var(--fg-muted);border:1px solid var(--line)}[data-theme=dark] .st-warn{color:#ffc85e}.card.tappable{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.card.tappable:hover{transform:translateY(-2px);border-color:var(--fg-muted);box-shadow:0 10px 30px #0000001a}.card.tappable:active{transform:translateY(0)}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}@media (pointer: coarse){.close-btn{min-width:38px;min-height:38px}.seg button{min-height:36px}}body:has(.modal-overlay){overflow:hidden}.modal-overlay{overscroll-behavior:contain;touch-action:none}.modal-overlay>*{touch-action:auto}.modal-box{overscroll-behavior:contain}@media (max-width: 768px){.field-input,input,select,textarea{font-size:16px!important}}