@font-face{font-family:DM;src:url(/fonts/dm-sans.woff2);font-display:swap}
@font-face{font-family:Instrument;src:url(/fonts/instrument-serif.woff2);font-display:swap}
button,a{-webkit-tap-highlight-color:transparent}
:root{color-scheme:dark;--bg:#1c1d21;--ink:#f2f2f7;--muted:#a5a5ae;--blue:#7cb8ff;--orange:#ffb13b;--raised:-3px -3px 6px #ffffff0f,3px 3px 6px #0009;--inset:inset -2px -2px 4px #ffffff0f,inset 2px 2px 4px #0009;font:14px/1.4 DM,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink);background:#131417}
*{box-sizing:border-box}body{margin:0;padding:28px 20px}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:active{transform:translateY(1px)}.symbols{position:absolute;width:0;height:0;overflow:hidden}.board{display:flex;justify-content:center;align-items:flex-start;gap:28px}.phone{width:390px;max-width:100%;padding:20px;border-radius:28px;background:var(--bg);box-shadow:0 16px 48px #0003;scroll-margin-top:12px}header{display:flex;align-items:center;justify-content:space-between;height:32px}.wordmark{font-size:11px;letter-spacing:.07em;padding:8px 12px;border-radius:18px;color:var(--muted);box-shadow:var(--inset);font-weight:650}.preview-label{font-size:10px;color:var(--muted)}.nav{display:flex;gap:27px;align-items:center;height:58px;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--muted);font-weight:600}.nav .active{position:relative;color:var(--blue)}.nav .active:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--blue)}.subtabs{display:flex;padding:4px;border-radius:15px;box-shadow:var(--inset);font-size:12px;color:var(--muted)}.subtabs span{flex:1;padding:9px;text-align:center}.subtabs .active{color:var(--blue);border-radius:12px;box-shadow:var(--raised);font-weight:600}.week{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px}.week h1{font:27px/1.15 Instrument,Georgia,serif;letter-spacing:-.02em}.week-arrow{color:var(--blue);font-size:24px;padding:0 12px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:18px}.days>span{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;font-weight:600}.days small{font-size:10px;font-weight:500;color:var(--muted)}.days .selected{box-shadow:var(--inset);color:var(--blue)}.days .selected small{color:var(--blue)}.days .selected:after{content:'';height:3px;width:3px;border-radius:50%;background:var(--blue)}.summary{box-shadow:var(--raised);padding:15px 16px;border-radius:20px}.summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-top h2{font-size:13px;font-weight:600}.summary-top>span{font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.label{color:var(--muted);font-size:11px}.metrics p{display:flex;gap:5px;align-items:baseline;margin-top:2px}.metrics b{font-weight:550;font-size:18px}.metrics small{font-size:10px;color:var(--muted)}.track{height:4px;background:#37383f;border-radius:4px;margin-top:6px}.track i{display:block;height:4px;border-radius:4px;background:var(--blue)}.meals{margin-top:16px}.meal{display:flex;align-items:center;gap:8px;padding:12px 0;min-height:83px}.meal-copy{flex:1;min-width:0}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.025em;margin-bottom:5px}.meal h2{font-size:15px;font-weight:600;margin-bottom:4px;line-height:1.3}.detail{font-size:11px;color:var(--muted);line-height:1.5}.chevron{font-size:19px;color:var(--muted);font-weight:400}.meal h2 .chevron{margin-left:5px}.empty{box-shadow:var(--inset);border-radius:16px;padding:14px;margin-top:8px;min-height:72px}.empty h2{color:var(--blue);margin:0}.tools{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:53px;color:var(--blue);font-size:12px}.poll{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;box-shadow:var(--inset);background:#ffb13b0c;color:var(--orange);padding:8px}.poll svg{width:30px;height:30px;overflow:visible}.poll-option{fill:currentColor;fill-opacity:.17}.poll-radio{fill:none;stroke:currentColor;stroke-width:1.4}.poll-selected{fill:currentColor}.poll-check{fill:none;stroke:#553410;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.poll-slash{display:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.poll[aria-pressed=false]{color:#8f909b;background:transparent;box-shadow:var(--raised)}.poll[aria-pressed=false] .poll-slash{display:block}.poll[aria-pressed=false] .poll-check{display:none}.poll[aria-pressed=false] .poll-selected{fill-opacity:.2}footer{padding-top:10px}.primary{width:100%;min-height:50px;padding:12px 16px;border-radius:17px;background:#0b6fe0;color:#fff;box-shadow:var(--raised);font-weight:650;font-size:14px}.editor-nav{display:flex;justify-content:space-between;align-items:center;min-height:38px}.back{display:flex;align-items:center;min-height:44px;color:var(--blue);font-size:13px}.editor-nav>span{font-size:12px;color:var(--muted)}.meal-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 22px}.meal-heading h1{font:31px/1.05 Instrument,Georgia,serif;letter-spacing:-.02em}.link{font-size:12px;color:var(--blue)}.portion{padding:17px;box-shadow:var(--raised);border-radius:20px}.portion-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.portion-row>span{font-size:14px}.stepper{display:flex;gap:7px;align-items:center}.stepper>span,.stepper>b{height:42px;display:grid;place-items:center;border-radius:13px}.stepper>span{width:38px;box-shadow:var(--raised);font-size:20px}.stepper>b{width:44px;box-shadow:var(--inset);font-weight:600}.portion .detail{margin-top:16px}.timing{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0 22px}.timing>div{display:flex;align-items:center;gap:10px}.time{color:var(--blue);font-size:12px}.time.off{color:var(--muted);text-decoration:line-through}.impact{border-radius:20px;box-shadow:var(--raised);padding:17px}.impact h2{font-size:13px;margin-bottom:11px;font-weight:600}.impact>div{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:31px;font-size:12px}.impact>div>span{color:var(--muted)}.impact b{font-weight:550}.impact small{font-size:11px;font-weight:400;color:var(--muted)}.recipe-details{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:12px;min-height:60px}.recipe-details span{font-size:20px}.study-note{text-align:center;color:var(--muted);font-size:10px;margin-top:20px}dialog{color:var(--ink);background:var(--bg);border:0;border-radius:24px;padding:22px;max-width:calc(100% - 32px);width:360px;box-shadow:var(--raised)}dialog::backdrop{background:#000a}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-head h2{font-size:18px}.close{width:44px;height:44px;font-size:25px}.review-row{display:flex;justify-content:space-between;align-items:center;min-height:46px;font-size:13px}.review-row time{color:var(--orange)}.dialog-note{font-size:12px;color:var(--muted);margin:16px 0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);border-radius:16px;background:#34353c;color:var(--ink);padding:12px 20px;font-size:12px;box-shadow:0 4px 20px #0005;max-width:calc(100% - 24px);text-align:center;z-index:10}
@media(max-width:850px){body{padding:12px 10px 24px}.board{flex-direction:column;align-items:center;gap:24px}.phone{padding:18px;width:390px}.nav{height:52px}.metrics{gap:10px 16px}.meal{min-height:81px}}@media(max-width:350px){.phone{padding:15px}.meal h2{font-size:14px}.detail{font-size:10px}.metrics small{font-size:9px}.timing>div{gap:7px}.stepper{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
