:root{--pv-bg:#fff;--pv-ink:#2e2a29;--pv-ink-soft:#857a78;--pv-pink-50:#fdf3f3;--pv-pink-200:#f6d3d3;--pv-pink-400:#e8a3a8;--pv-pink-700:#b0535f;--pv-sage-50:#f3f6f0;--pv-sage-200:#d5e0cd;--pv-sage-400:#a9bf9d;--pv-sage-700:#5d7553;--pv-blue-50:#f0f5fa;--pv-blue-200:#cfdeec;--pv-blue-400:#9dbcd9;--pv-blue-700:#4f7598;--pv-line:#e3cfd0;--pv-protein:var(--pv-pink-400);--pv-carbs:var(--pv-sage-400);--pv-fat:var(--pv-blue-400);--pv-font:"Noto Serif", Georgia, serif}.pv{font-family:var(--pv-font);color:var(--pv-ink);container-type:inline-size}.pv-stage{-webkit-user-select:none;user-select:none;width:100%;position:relative}.pv-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pv-svg--over{pointer-events:none}.pv-food{height:auto;transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scaleX(var(--flip,1));filter:drop-shadow(0 1px 1.5px #32231c24)drop-shadow(0 3px 6px #50372d0f);position:absolute}.pv-food--bowl{filter:drop-shadow(0 2px 3px #32231c1f)drop-shadow(0 6px 10px #50372d14)}.pv-food--missing{aspect-ratio:1;background:var(--pv-pink-50);color:var(--pv-ink-soft);text-align:center;border-radius:50%;place-items:center;font-size:clamp(10px,1.3cqw,13px);font-style:italic;display:grid}.pv-leader{fill:none;stroke:var(--pv-line);stroke-width:1.2px;stroke-linejoin:round}.pv-dot{fill:#fff;stroke:var(--pv-pink-400);stroke-width:1.6px}.pv-label{max-width:17%;font-size:clamp(12px,1.85cqw,19px);line-height:1.35;position:absolute;transform:translateY(-.68em)}.pv-label--left{text-align:right}.pv-name{letter-spacing:-.005em;font-weight:500}.pv-meta{color:var(--pv-ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.3em .5em;margin-top:.3em;font-size:.72em;display:flex}.pv-label--left .pv-meta{justify-content:flex-end}.pv-cal{color:var(--pv-pink-700);background:var(--pv-pink-50);border-radius:999px;padding:.05em .6em;font-weight:600}.pv-servings{color:var(--pv-sage-700);background:var(--pv-sage-50);border-radius:999px;padding:.05em .6em}.pv-macros{flex-wrap:wrap;flex-basis:100%;gap:.15em .6em;display:flex}.pv-label--left .pv-macros{justify-content:flex-end}.pv-macro:before{content:"";vertical-align:.04em;border-radius:50%;width:.55em;height:.55em;margin-right:.3em;display:inline-block}.pv-p:before{background:var(--pv-protein)}.pv-c:before{background:var(--pv-carbs)}.pv-f:before{background:var(--pv-fat)}.pv-pin circle{fill:#fff;stroke:var(--pv-pink-400);stroke-width:2px}.pv-pin text{font:600 17px var(--pv-font);fill:var(--pv-pink-700);text-anchor:middle;dominant-baseline:central}.pv-legend{margin:8px 0 0;padding:0;list-style:none;display:none}.pv--compact .pv-legend{gap:14px;display:grid}.pv-legend li{align-items:flex-start;gap:12px;font-size:15px;line-height:1.35;display:flex}.pv-legend .pv-meta{font-size:12.5px}.pv-num{border:1.5px solid var(--pv-pink-400);width:24px;height:24px;color:var(--pv-pink-700);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:600;display:grid}.pv-enter--slow{--pv-dur:1.6s;--pv-stagger:.45s;--pv-dist:90}.pv-enter--fast{--pv-dur:1s;--pv-stagger:.22s;--pv-dist:50}.pv-enter .pv-food,.pv-enter .pv-label{animation:pv-slide-in var(--pv-dur) cubic-bezier(.22, .8, .3, 1) both;animation-delay:calc(var(--i,0) * var(--pv-stagger))}.pv-enter .pv-callout{animation:pv-slide-in-svg var(--pv-dur) cubic-bezier(.22, .8, .3, 1) both;animation-delay:calc(var(--i,0) * var(--pv-stagger))}@keyframes pv-slide-in{0%{opacity:0;translate:calc(var(--from,-1) * var(--pv-dist) * 1px) 0}}@keyframes pv-slide-in-svg{0%{opacity:0;translate:calc(var(--from,-1) * var(--pv-dist) * var(--pv-svg-scale,1) * 1px) 0}}@media (prefers-reduced-motion:reduce){.pv-enter .pv-food,.pv-enter .pv-label,.pv-enter .pv-callout{animation:none}}.app-loading{background:var(--white);min-height:100vh}.logo{align-items:center;gap:12px;display:flex}.logo-mark{flex:none;width:44px;height:44px;display:block}.logo-name{letter-spacing:-.03em;color:var(--ink);font-size:24px;font-weight:600}.logo--compact .logo-mark{width:36px;height:36px}.logo--compact .logo-name{font-size:20px}.ob-primary-button,.ob-back-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.ob-primary-button{min-height:50px;color:var(--pink-ink);background:var(--pink);border:1px solid var(--pink);padding:0 24px;box-shadow:0 8px 24px #b15b5024}.ob-primary-button:hover:not(:disabled){background:#dc8175;transform:translateY(-1px)}.ob-primary-button:disabled{cursor:not-allowed;opacity:.5}.ob-back-button{color:#656a62;background:0 0;border:0;padding:0}.ob-wide-button{width:100%}button.ob-primary-button:focus-visible,.ob-back-button:focus-visible,.ob-chip:focus-visible,.ob-link-button:focus-visible,.ob-field-action:focus-visible{outline-offset:2px;outline:3px solid #a9bf9d61}.ob-welcome{background:var(--white);min-height:100vh;position:relative;overflow:hidden}.ob-welcome-blob{border-radius:50%;position:absolute}.ob-welcome-blob--sage{background:var(--sage-pale);width:360px;height:360px;top:-140px;left:-120px}.ob-welcome-blob--pink{background:var(--pink-pale);width:390px;height:390px;bottom:-170px;right:-100px}.ob-welcome-inner{grid-template-columns:1fr 1fr;align-items:center;gap:24px;max-width:1320px;min-height:100vh;margin:0 auto;padding:40px 32px 88px;display:grid;position:relative}.ob-welcome-copy{max-width:620px}.ob-display-title{letter-spacing:-.05em;color:var(--ink);margin:0;font-size:72px;font-weight:600;line-height:1.02}.ob-welcome-text{max-width:610px;color:var(--ink-soft);margin:24px 0 0;font-size:18px;line-height:32px}.ob-welcome-start{min-width:174px;margin-top:32px}.ob-welcome-art{place-items:center;min-height:620px;display:grid;position:relative}.ob-welcome-disc{border:1px solid var(--sage-line);background:var(--sage-wash);border-radius:50%;width:510px;height:510px;position:absolute}.ob-welcome-garland{z-index:10;mix-blend-mode:multiply;width:570px;position:absolute;bottom:-55px;left:50%;transform:translate(-50%)}.ob-food-cutout{z-index:1;filter:drop-shadow(0 20px 30px #464c421c);width:610px;height:510px;position:relative}.ob-food-cutout img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.ob-screen{background:var(--white);flex-direction:column;min-height:100vh;display:flex}.ob-progress-header,.ob-login-header{align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:32px 40px 0;display:flex}.ob-progress-header{gap:32px}.ob-login-header{justify-content:space-between}.ob-progress-track{background:var(--track-warm);border-radius:999px;flex:1;height:6px;overflow:hidden}.ob-progress-fill{background:var(--pink);border-radius:999px;height:100%;transition:width .5s}.ob-progress-count{text-align:right;width:72px;color:var(--ink-soft);font-size:14px}.ob-content{width:100%;max-width:620px;margin:0 auto;padding:64px 28px 48px}.ob-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--sage-deep);margin:0;font-size:12px;font-weight:700}.ob-screen-title{letter-spacing:-.04em;margin:6px 0 0;font-size:42px;font-weight:600;line-height:1.16}.ob-screen-copy{color:var(--ink-soft);margin:10px 0 0;line-height:1.65}.ob-section-title{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.ob-form-fields{gap:20px;margin-top:36px;display:grid}.ob-field{display:block}.ob-field-label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.ob-field-control{display:block;position:relative}.ob-input{width:100%;height:51px;font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--field-border);border-radius:12px;padding:0 16px;transition:border .15s,box-shadow .15s}.ob-input::placeholder{color:var(--placeholder)}.ob-input:focus{border-color:#8ca17f;outline:none;box-shadow:0 0 0 3px #a9bf9d2e}.ob-input--with-action{padding-right:48px}.ob-input--error,.ob-input--error:focus{border-color:var(--error-border)}.ob-field-action{color:#777b73;cursor:pointer;background:0 0;border:0;padding:0;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ob-field-error{color:var(--error);margin-top:6px;font-size:12px;font-weight:500;display:block}.ob-form-error{color:var(--error);margin:16px 0 0;font-size:14px;font-weight:500}.ob-switch-auth{text-align:center;color:var(--ink-soft);margin:28px 0 0;font-size:14px}.ob-link-button{font:inherit;color:var(--link);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.ob-switch-auth+.ob-wide-button{margin-top:24px}.ob-login-submit{margin-top:8px}.ob-restrictions{margin-top:36px}.ob-chips{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.ob-chip{color:#50544e;background:var(--white);border:1px solid var(--field-border);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.ob-chip:hover{border-color:var(--sage)}.ob-chip--selected{color:#506847;background:var(--sage-pale);border-color:var(--sage)}.ob-divider{background:var(--line);height:1px;margin:32px 0}.ob-goal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ob-goal-card{border-radius:22px;padding:24px}.ob-goal-card--calories{background:var(--surface-warm)}.ob-goal-card--protein{background:var(--pink-wash)}.ob-goal-label{color:var(--ink-soft);font-size:14px;font-weight:600}.ob-goal-card--protein .ob-goal-label{color:var(--pink)}.ob-goal-row{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.ob-goal-input{width:112px;font-family:var(--font-serif);letter-spacing:-.04em;color:var(--ink);background:0 0;border:0;border-bottom:2px solid #d8d5cf;border-radius:0;outline:none;padding:0;font-size:36px;font-weight:600}.ob-goal-input:focus{border-bottom-color:var(--pink)}.ob-goal-input[aria-invalid=true]{border-bottom-color:var(--error-border)}.ob-goal-unit{color:var(--ink-soft);margin-bottom:3px;font-size:23px;font-weight:500;line-height:1.4}.ob-goals-continue{min-width:168px;margin-top:28px}@media (width<=900px){.ob-welcome-inner{grid-template-columns:1fr;gap:8px;padding:72px 24px 64px}.ob-display-title{font-size:clamp(44px,12vw,72px)}.ob-welcome-text{font-size:16px;line-height:28px}.ob-welcome-art{height:min(92vw,520px);min-height:0}.ob-welcome-disc{aspect-ratio:1;width:84%;height:auto}.ob-food-cutout{width:100%;height:100%}.ob-welcome-garland{width:94%;bottom:-6%}}@media (width<=760px){.ob-progress-header,.ob-login-header{padding:24px 20px 0}.ob-progress-header{gap:16px}.ob-progress-count{width:auto}.ob-content{padding:40px 20px}.ob-screen-title{font-size:34px}.ob-goal-grid{grid-template-columns:1fr}.ob-goals-continue{width:100%}}:root{--pink:#e58f83;--pink-deep:#bd6258;--pink-soft:#fff1ed;--sage:#a9bf9d;--sage-deep:#617957;--sage-soft:#f0f5ed;--blue:#9dbcd9;--blue-soft:#eff6fb;--coral:#e5a07b;--teal:#82b8ad;--gold:#e3c777;--lavender:#b2a2cf;--ink:#283029;--ink-soft:#657067;--ink-faint:#9a9f9a;--cream:#f5f5f7;--line:#e9e5dd;--line-soft:#f0ede7;--track:#f0eee9;--surface-muted:#fafafa;--white:#fff;--pink-ink:#442722;--pink-pale:#f9e3df;--pink-wash:#fdf2f0;--sage-pale:#eaf0e6;--sage-wash:#eef3ea;--sage-line:#dfe8d9;--surface-warm:#f7f7f4;--track-warm:#eeece8;--field-border:#dcd9d2;--placeholder:#aaa99f;--link:#a8544a;--error:#b65349;--error-border:#d16b60;--font-serif:"Noto Serif", Georgia, serif;--font-ui:Arial, sans-serif;font-family:var(--font-serif);color:var(--ink);background:var(--white);font-synthesis:none}*{box-sizing:border-box}body{background:var(--white);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #9dbcd9b3}h1,h2,p{margin-top:0}.app-shell{min-height:100vh}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffe0;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,5vw,76px);display:flex;position:sticky;top:0}.preferences-button{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;transition:all .16s;display:flex}.preferences-button:hover{border-color:var(--sage);background:var(--sage-soft)}.app-shell>main{width:min(1480px,100% - 48px);margin:0 auto;padding:52px 0 60px}.intro{justify-content:flex-start;align-items:center;min-height:64px;margin-bottom:26px;padding-inline:30px;display:flex}.meal-period-picker{touch-action:pan-y;align-items:baseline;gap:24px;display:flex}.meal-period-option{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:8px 0 12px;font-size:clamp(18px,2vw,24px);transition:color .18s,font-size .18s;position:relative}.meal-period-option:after{content:"";background:var(--pink);opacity:0;border-radius:999px;height:3px;transition:all .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(.5)}.meal-period-option:hover{color:var(--ink)}.meal-period-option.active{color:var(--ink);letter-spacing:-.04em;font-size:clamp(38px,4vw,56px);font-weight:500}.meal-period-option.active:after{opacity:1;transform:scaleX(1)}.hall-tabs{background:var(--white);border:1px solid var(--line);border-radius:999px;gap:6px;padding:5px;display:flex;box-shadow:0 8px 30px #3e3e2e0d}.hall-tab{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:10px 18px;transition:all .18s}.hall-tab:hover{color:var(--ink);background:var(--cream)}.hall-tab.active{color:var(--pink-deep);background:var(--pink-soft);box-shadow:inset 0 0 0 1px #e58f838c}.meal-layout{position:relative}.meal-card{background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 38px #1e1e1e0f}.meal-card-header{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(220px,1fr) auto minmax(76px,1fr);align-items:center;gap:20px;min-height:106px;padding:23px 30px 17px;display:grid}.meal-card-header h2{letter-spacing:-.025em;margin-bottom:0;font-size:clamp(21px,2vw,29px);font-weight:500;line-height:1.18}.meal-title{min-width:0}.header-hall-tabs{justify-self:center}.header-actions{align-items:center;gap:10px;display:flex}.mark-consumed-button{white-space:nowrap;color:var(--sage-deep);background:var(--sage-soft);border:1px solid var(--sage);cursor:pointer;border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:10px 16px;transition:all .16s;display:flex}.mark-consumed-button:hover:not(:disabled){color:var(--white);background:var(--sage-deep);border-color:var(--sage-deep)}.mark-consumed-button:disabled{cursor:default;opacity:.5}.mark-consumed-button.is-consumed{color:var(--white);background:var(--sage-deep);border-color:var(--sage-deep)}.mark-consumed-button.is-consumed:hover:not(:disabled){background:#52694a;border-color:#52694a}.toast{z-index:60;max-width:calc(100% - 32px);color:var(--white);background:var(--ink);border-radius:14px;align-items:center;gap:14px;padding:12px 12px 12px 18px;font-size:14px;animation:.2s toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1e1e1e33}.toast-close{color:#ffffffb3;cursor:pointer;background:0 0;border:0;padding:4px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.visualizer-area{background:var(--white);place-items:center;min-height:650px;padding:0 84px;transition:opacity .2s;display:grid;position:relative;overflow:hidden}.visualizer-area.is-loading{opacity:.45}.visualizer-shell{width:min(100%,960px);animation:.28s both plate-enter;position:relative}.visualizer-message{text-align:center;max-width:420px;color:var(--ink-soft);margin:0;font-style:italic}@keyframes plate-enter{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.arrow-button{z-index:3;width:48px;height:48px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fffffff2;border-radius:50%;place-items:center;transition:all .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #35342d1f}.arrow-button:hover:not(:disabled){color:var(--white);background:var(--pink);border-color:var(--pink);transform:translateY(-50%)scale(1.05)}.arrow-button:disabled{color:#c9c6c0;background:var(--surface-muted);box-shadow:none;cursor:default}.arrow-left{left:18px}.arrow-right{right:18px}.visualizer-pagination{background:var(--white);justify-content:center;align-items:center;min-height:42px;display:flex}.meal-dots{gap:6px;display:flex}.meal-dot{cursor:pointer;background:#ddd9d0;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:all .18s}.meal-dot.active{background:var(--pink);width:22px}.meal-dot:disabled{cursor:default;opacity:.4}.meal-footer{background:var(--surface-muted);border-top:1px solid var(--line-soft);justify-content:flex-end;align-items:center;gap:18px;min-height:64px;padding:13px 28px;display:flex}.availability{font-family:var(--font-ui);color:var(--ink-soft);justify-content:flex-end;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.availability span{background:#80aa6e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #80aa6e21}.nutrition-dashboard{background:var(--white);border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) 300px;gap:34px;padding:26px 30px 30px;display:grid}.daily-progress{min-width:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.section-heading div>span{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--pink-deep);margin-bottom:3px;font-size:10px;font-weight:700;display:block}.section-heading h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.section-heading>span{font-family:var(--font-ui);color:var(--ink-soft);font-size:10px}.daily-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;display:grid}.nutrition-metric{min-width:0}.progress-label{justify-content:space-between;align-items:baseline;margin-bottom:11px;font-size:16px;font-weight:600;display:flex}.progress-value{font-family:var(--font-ui);font-size:14px;font-weight:700}.progress-value span{color:#9b9f9b;font-weight:400}.progress-track{background:var(--track);border-radius:999px;height:10px;display:flex;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;transition:width .4s}.progress-fill--joined{border-radius:999px 0 0 999px}.progress-fill--preview{opacity:.4;border-radius:0 999px 999px 0}.progress-fill--preview:only-child,.progress-fill:first-child[style*="width: 0%"]+.progress-fill--preview{border-radius:999px}.progress-added{color:var(--ink-soft);font-style:normal;font-weight:700}.progress-key{align-items:center;gap:6px;display:flex}.progress-key-swatch{background:var(--ink-faint);border-radius:999px;width:14px;height:6px;display:inline-block}.progress-key-swatch--preview{opacity:.4;margin-left:8px}.progress-fill.pink{background:var(--pink)}.progress-fill.sage{background:var(--sage)}.progress-fill.blue{background:var(--blue)}.progress-fill.coral{background:var(--coral)}.progress-fill.teal{background:var(--teal)}.progress-fill.gold{background:var(--gold)}.progress-fill.lavender{background:var(--lavender)}.meal-breakdown{background:var(--surface-muted);border:1px solid #ece9e3;border-radius:18px;align-self:stretch;padding:20px}.meal-breakdown .section-heading{margin-bottom:17px}.meal-breakdown .section-heading h3{font-size:17px}.chart-row{align-items:center;gap:18px;display:flex}.macro-chart{border-radius:50%;flex:none;place-items:center;width:112px;height:112px;padding:13px;display:grid}.macro-chart>div{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.macro-chart strong{font-family:var(--font-ui);font-size:17px}.macro-chart span{font-family:var(--font-ui);color:var(--ink-soft);margin-top:2px;font-size:8px}.macro-legend{flex:1;min-width:0}.macro-legend p{font-family:var(--font-ui);color:var(--ink-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:0 0 9px;font-size:10px;display:grid}.macro-legend p:last-child{margin-bottom:0}.macro-legend strong{color:var(--ink)}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.pink{background:var(--pink)}.legend-dot.blue{background:var(--blue)}.legend-dot.sage{background:var(--sage)}.micro-list{border-top:1px solid #e8e4dc;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px;padding-top:15px;display:grid}.micro-list span{font-family:var(--font-ui);color:var(--ink-soft);flex-direction:column;gap:3px;font-size:9px;display:flex}.micro-list strong{color:var(--ink);font-size:11px}.primary-button{width:100%;color:var(--white);background:var(--pink-deep);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;transition:all .16s;display:flex;box-shadow:0 8px 18px #bd625833}.primary-button:hover{background:#a94f47;transform:translateY(-1px)}.icon-button{cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button.soft{color:var(--ink-soft);background:var(--cream)}.panel-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20262145;justify-content:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}.preferences-panel{background:var(--white);width:min(440px,100%);height:100%;padding:36px;animation:.22s panel-in;overflow-y:auto;box-shadow:-20px 0 60px #262b2629}@keyframes fade-in{0%{opacity:0}}@keyframes panel-in{0%{opacity:0;transform:translate(30px)}}.panel-top{justify-content:space-between;align-items:flex-start;display:flex}.panel-top h2{margin-bottom:0;font-size:29px;font-weight:500}.panel-top+fieldset{margin-top:32px}fieldset{border:0;margin:0 0 30px;padding:0}legend{margin-bottom:12px;font-size:14px;font-weight:600}.choice-grid,.field-grid{grid-template-columns:1fr 1fr;display:grid}.choice-grid{gap:9px}.field-grid{gap:10px}.number-field{font-family:var(--font-ui);color:var(--ink-soft);flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.number-field>div{background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:6px;height:48px;padding:0 13px;transition:all .16s;display:flex}.number-field>div:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-soft)}.number-field input{width:100%;min-width:0;font:inherit;color:var(--ink);appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:15px}.number-field input::-webkit-inner-spin-button{appearance:none;margin:0}.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-field>div>span{color:#929792;font-size:11px;font-weight:400}.choice-chip{color:var(--ink-soft);background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:12px}.choice-chip.selected{color:#42523d;background:var(--sage-soft);border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage)}.allergy-note{color:var(--sage-deep);background:var(--sage-soft);border-radius:14px;gap:11px;margin-top:5px;padding:14px;display:flex}.allergy-note p{margin:0;font-size:11px;line-height:1.55}.panel-save{margin-top:28px}.secondary-button{width:100%;color:var(--ink-soft);background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:12px 16px;transition:all .16s}.secondary-button:hover{color:var(--ink);border-color:var(--sage)}.panel-logout{margin-top:12px}@media (width<=760px){.site-header{height:68px;padding:0 18px}.preferences-button{padding:10px}.preferences-button span{display:none}.header-actions{gap:8px}.mark-consumed-button{padding:8px 12px;font-size:13px}.app-shell>main{width:calc(100% - 28px);padding:30px 0 40px}.intro{padding-inline:20px}.meal-period-picker{justify-content:space-between;gap:16px;width:100%}.meal-period-option{font-size:15px}.meal-period-option.active{font-size:34px}.hall-tab{flex:1 0 auto;padding-inline:14px;font-size:12px}.meal-card{border-radius:20px}.meal-card-header{grid-template-columns:1fr auto;min-height:0;padding:20px}.header-hall-tabs{grid-area:2/1/auto/-1;justify-self:stretch;width:100%;overflow-x:auto}.visualizer-area{min-height:390px;padding:16px 18px 70px}.arrow-button{width:42px;height:42px;top:auto;bottom:12px;transform:none}.arrow-button:hover:not(:disabled){transform:scale(1.04)}.meal-footer{padding:15px 18px}.nutrition-dashboard{grid-template-columns:1fr;gap:26px;padding:20px 18px}.daily-metrics-grid{grid-template-columns:1fr;gap:18px}.nutrition-dashboard .progress-label{flex-direction:column;align-items:flex-start;gap:4px}.meal-breakdown{padding:18px}.preferences-panel{padding:28px 22px}}