*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.right-5{right:1.25rem}.top-5{top:1.25rem}.z-40{z-index:40}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-9{height:2.25rem}.w-10{width:2.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-border{border-color:hsl(var(--border))}.bg-black\/40{background-color:#0006}.bg-primary{background-color:hsl(var(--primary))}.bg-transparent{background-color:transparent}.p-1{padding:.25rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.pr-8{padding-right:2rem}.text-left{text-align:left}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--primary: 151 26% 32%;--background: 60 14% 97%;--foreground: 155 14% 17%;--border: 75 10% 88%;--surface: #fff;--muted: #8a8f87;--soft: #f4f5f0;--sage: #edf2e9;--hero: #edf1e5;--shadow: 0 3px 14px #283c2603;color-scheme:light}.dark{--primary: 145 24% 45%;--background: 150 10% 10%;--foreground: 65 15% 90%;--border: 150 8% 25%;--surface: #202922;--muted: #a5b0a5;--soft: #273129;--sage: #2c3b2d;--hero: #2b3928;--shadow: none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:17px;font-weight:650;letter-spacing:-.4px}h3{font-weight:600}input{font:inherit}svg{flex-shrink:0}.muted{color:var(--muted)}.green-text{color:hsl(var(--primary))}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:650}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--surface);border-right:1px solid hsl(var(--border));padding:35px 19px 0;z-index:30;overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1px;margin:0 10px 34px}.brand-mark{width:41px;height:44px;border-radius:13px;background:hsl(var(--primary));color:#fff;display:grid;place-items:center;transform:rotate(-5deg)}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:var(--muted);margin:2px 0 0 2px}.family-switch{display:flex;align-items:center;gap:10px;border:1px solid hsl(var(--border));background:transparent;border-radius:12px;padding:12px 10px;text-align:left;width:100%;margin-bottom:29px}.family-switch>svg{margin-left:auto;color:var(--muted)}.family-avatar{width:33px;height:33px;background:#e9eddf;color:#57674a;border-radius:9px;display:grid;place-items:center;font-weight:600}.family-switch strong{font-size:11px;font-weight:600}.family-switch small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.nav-caption{font-size:9px;letter-spacing:1.7px;color:var(--muted);padding-left:13px;margin-bottom:13px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;color:#80877e;width:100%;border:0;border-radius:9px;padding:13px;margin-bottom:5px;font-size:12px;text-align:left}.nav-item.active{background:var(--sage);color:hsl(var(--primary));font-weight:650}.nav-item:hover{background:var(--soft)}.nav-count{margin-left:auto;background:var(--sage);color:hsl(var(--primary));font-size:10px;border-radius:5px;padding:2px 6px}.sidebar-bottom{margin-top:auto;padding-top:25px}.small-tip{background:var(--soft);padding:19px 16px;border-radius:12px;margin-bottom:22px}.small-tip svg{color:#7f9164;margin-bottom:12px}.small-tip strong{display:block;font-size:12px;line-height:1.6}.small-tip p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:7px}.theme-toggle{background:none;border:0;display:flex;justify-content:space-between;width:100%;align-items:center;font-size:11px;color:var(--muted);padding:0 10px 22px}.theme-toggle>span:first-child{display:flex;align-items:center;gap:9px}.switch{width:27px;height:16px;border-radius:12px;background:#dcded7;padding:3px}.switch:before{content:"";display:block;border-radius:50%;width:10px;height:10px;background:#fff}.switch.on{background:hsl(var(--primary))}.switch.on:before{margin-left:11px}.profile{border-top:1px solid hsl(var(--border));padding:20px 6px;display:flex;gap:10px;align-items:center}.profile>span:first-child{font-size:25px;background:var(--sage);border-radius:50%;width:35px;height:35px;text-align:center}.profile strong{font-size:11px}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.online-dot{width:6px;height:6px;border-radius:50%;background:#80a77d;margin-left:auto}.main-shell{margin-left:242px}.topbar{height:78px;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:var(--surface)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#c2c5bd}.breadcrumb strong{color:hsl(var(--foreground));font-weight:500}.demo-badge{display:flex;gap:6px;align-items:center;background:var(--sage);color:#768064;padding:5px 9px;font-size:9px;border-radius:5px}.demo-badge>span{height:5px;width:5px;background:#92a36d;border-radius:50%}.top-date{font-size:10px;color:var(--muted)}.top-avatar{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#f1e8da;color:#998568;font-size:11px}main{max-width:1450px;margin:auto;padding:35px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-1px;margin:9px 0}.page-heading .muted{font-size:12px}.page-heading>button{font-size:11px;height:40px}.wave{font-size:25px;margin-left:9px}.hero{display:flex;min-height:263px;border-radius:17px;background:var(--hero);overflow:hidden;position:relative;padding:30px 34px}.hero-copy{position:relative;z-index:2}.hero-tag{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#7c8b65}.hero h2{font-size:27px;line-height:1.35;letter-spacing:-.8px;margin:15px 0 11px}.hero p{color:#89937f;font-size:11px;line-height:1.8}.hero button{margin-top:20px;height:35px;font-size:10px;padding:0 13px}.hero-art{position:absolute;right:20px;top:0;bottom:0;width:40%;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a5b28b25;border-radius:50%;width:280px;height:280px}.orbit-two{width:370px;height:370px}.plate{width:208px;height:208px;background:linear-gradient(130deg,#fffef6,#e9e8dc);border:12px solid #fffef5;border-radius:50%;box-shadow:10px 17px 28px #49613624,inset 0 0 0 2px #dddccc66;display:grid;place-items:center;transform:rotate(-12deg)}.plate>span{font-size:138px;filter:drop-shadow(2px 7px 3px #516d3525);line-height:1}.hero-leaf{position:absolute;z-index:1;font-size:42px}.leaf-one{top:23px;right:14px;transform:rotate(40deg)}.leaf-two{left:13px;bottom:21px;font-size:38px;transform:rotate(-22deg)}.floating-note{position:absolute;right:-5px;bottom:32px;background:var(--surface);border:1px solid #e2e6d6;border-radius:9px;padding:11px 15px;font-size:10px;box-shadow:0 7px 20px #48603712;transform:rotate(6deg);display:flex;align-items:center;gap:9px}.floating-note span:first-child{background:#e6efdd;color:#789256;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.floating-note span:last-child{margin-left:8px;color:#b5bca5}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 27px}.stat{border:1px solid hsl(var(--border));background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:20px 17px;display:flex;align-items:center;gap:13px;text-align:left}.stat>svg{margin-left:auto;color:#a6aea0}.stat p{font-size:10px;color:var(--muted);margin-bottom:7px}.stat strong{font-size:22px;font-weight:650}.stat small{font-weight:400;font-size:10px;color:var(--muted);margin-left:5px}.stat-icon{width:41px;height:43px;border-radius:12px;display:grid;place-items:center}.sage{background:#edf2e8;color:#7c9166}.sand{background:#f7f0df;color:#b9a264}.rose{background:#f9ece5;color:#c79d84}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel{padding:23px;background:var(--surface);border:1px solid hsl(var(--border));border-radius:13px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.section-heading .muted{font-size:10px;margin-top:7px}.section-heading button{font-size:10px;color:hsl(var(--primary))}.tiny-pill{font-size:9px;padding:5px 9px;border-radius:6px;background:var(--soft);color:var(--muted);font-weight:400;letter-spacing:0;margin-left:5px;white-space:nowrap}.today-list{display:flex;flex-direction:column}.meal-row{display:flex;align-items:center;gap:15px;background:transparent;text-align:left;border:0;padding:15px 0;border-bottom:1px solid hsl(var(--border))}.meal-row:last-child{border-bottom:0}.meal-row>svg{margin-left:auto;color:#b4bbad}.meal-emoji{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;font-size:34px}.meal-row .eyebrow{font-size:8px;letter-spacing:.7px;color:#7d8a6b}.meal-row .eyebrow span{color:var(--muted);letter-spacing:0;margin-left:5px}.meal-row h3{font-size:12px;margin:6px 0}.meal-row .text-xs{font-size:9px;display:flex;gap:4px;align-items:center}.meal-dot{margin:0 3px}.panel-footer{border-top:1px solid hsl(var(--border));display:flex;align-items:center;gap:9px;font-size:8px;color:var(--muted);margin-top:12px;padding-top:16px}.avatar-stack{font-size:17px;letter-spacing:-6px;padding-right:6px}.panel-footer>span:last-child{margin-left:auto;font-size:16px}.shopping-lines{padding-top:8px}.shopping-line{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid hsl(var(--border));font-size:11px;cursor:pointer}.shopping-line input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;flex-shrink:0;border:1px solid #d8dfd1;border-radius:5px;display:grid;place-items:center;background:transparent}.shopping-line input:checked{background:#96aa80;border-color:#96aa80}.shopping-line input:checked:after{content:"✓";color:#fff;font-size:11px}.shopping-line.checked>span{text-decoration:line-through;color:var(--muted)}.shopping-line small{margin-left:auto;color:var(--muted);font-size:10px}.shopping-preview>button{height:36px;font-size:10px}.recommendations{margin-top:29px}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.recipe-card{overflow:hidden;background:var(--surface);border:1px solid hsl(var(--border));border-radius:12px;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #29422a0c}.recipe-art{height:138px;display:grid;place-items:center;position:relative;overflow:hidden}.recipe-art>span:first-child{font-size:80px;transform:rotate(-10deg);filter:drop-shadow(3px 7px 5px #5a553c20)}.berry{background:#efebef}.green{background:#e9efdf}.peach{background:#f4e7db}.yellow{background:#f3eddb}.dark .berry,.dark .green,.dark .peach,.dark .yellow{background:#354036}.art-dots{position:absolute;right:12px;top:8px;color:#ffffff70;font-size:42px}.recipe-time{position:absolute;bottom:10px;right:10px;font-size:8px;background:#fffd;color:#676e5d;border-radius:5px;padding:4px 6px;display:flex;align-items:center;gap:4px}.recipe-card h3{font-size:12px}.recipe-card .eyebrow{font-size:8px;color:var(--muted);letter-spacing:.5px}.recipe-card .muted{font-size:8px}.page-footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;padding:27px 0;margin-top:5px}.page-footer>span:first-child{display:flex;gap:6px;align-items:center}.mobile-menu{display:none}.filter-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid hsl(var(--border));border-radius:10px;padding:11px 14px;max-width:380px;color:var(--muted)}.search-box input{outline:none;border:0;background:transparent;width:100%;color:hsl(var(--foreground));font-size:12px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid hsl(var(--border));border-radius:9px;padding:9px 14px;font-size:11px;background:var(--surface);color:var(--muted)}.chips button.selected{background:hsl(var(--primary));color:#fff;border-color:transparent}.catalog{grid-template-columns:repeat(3,1fr)}.catalog .recipe-art{height:190px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow-x:auto;padding-bottom:8px}.day-column{background:var(--soft);padding:7px;border-radius:10px}.day-column>h3{text-align:center;font-size:11px;text-transform:capitalize;padding:10px}.day-column>h3 strong{display:block;font-size:22px;margin-top:7px}.is-today>h3{color:hsl(var(--primary))}.calendar-meal{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;width:100%;min-height:150px;margin-top:8px;background:var(--surface);border:1px solid hsl(var(--border));border-radius:8px;padding:11px 8px}.calendar-meal small{font-size:9px;color:var(--muted)}.calendar-meal>span{font-size:28px}.calendar-meal strong{font-size:11px}.calendar-meal .empty-slot{font-size:10px;display:flex;gap:3px;align-items:center;color:var(--muted);margin:auto}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.product{display:flex;align-items:center;gap:15px}.product h3{font-size:13px}.product button{margin-left:auto}.product-emoji{font-size:32px}.progress-track{background:var(--soft);height:5px;border-radius:5px;margin:22px 0}.progress-track>div{background:hsl(var(--primary));height:100%;border-radius:5px;transition:width .3s}.shopping-group{margin-top:25px}.shopping-group h3{color:var(--muted);margin-bottom:5px}.family-banner{display:flex;align-items:center;gap:20px;background:var(--hero);padding:28px;border-radius:14px;margin-bottom:25px}.family-banner>span:first-child{font-size:45px}.family-banner .tiny-pill{margin-left:auto}.family-banner p{margin-top:7px;font-size:12px}.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.member-card{text-align:center;padding:35px 20px}.member-avatar{font-size:55px;display:block;margin-bottom:20px}.member-card h2{margin-bottom:15px}.member-card p{font-size:12px}.info-note{display:flex;align-items:center;gap:12px;background:var(--sage);color:var(--muted);border-radius:10px;padding:17px;margin-top:23px;font-size:12px;line-height:1.6}.settings-panel{max-width:820px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid hsl(var(--border));padding:22px 0}.setting-row h3{font-size:13px;margin-bottom:7px}.setting-row p{font-size:12px;line-height:1.6}.dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--surface);color:hsl(var(--foreground));width:min(480px,calc(100% - 32px));max-height:90dvh;overflow:auto;z-index:50;padding:28px;border-radius:18px;box-shadow:0 20px 80px #0003}.detail-art{display:grid;place-items:center;font-size:100px;height:180px;border-radius:12px;margin-top:22px}.ingredient-list li{padding:8px 0;font-size:13px;display:flex;align-items:center;gap:10px}.ingredient-list svg{color:hsl(var(--primary))}.picker-list{display:flex;flex-direction:column;gap:6px;margin-top:20px}.picker-list button{display:flex;align-items:center;gap:15px;background:var(--soft);border:0;padding:14px;border-radius:9px;text-align:left}.picker-list span{font-size:27px}.picker-list strong{font-size:12px}.picker-list small{margin-left:auto;color:var(--muted);font-size:10px}.text-input{background:var(--soft);border:1px solid hsl(var(--border));padding:12px;border-radius:9px;font-size:13px}.toast{position:fixed;bottom:28px;left:calc(50% + 120px);transform:translate(-50%);display:flex;align-items:center;gap:10px;background:hsl(var(--primary));color:#fff;padding:15px 22px;border-radius:12px;box-shadow:0 5px 30px #0002;z-index:60;font-size:13px;max-width:90vw}.empty-state{text-align:center;padding:70px 20px;color:var(--muted);font-size:14px}@media(min-width:1500px){.hero-art{right:70px}.hero{min-height:285px}.hero h2{font-size:32px}.recipe-art{height:170px}}@media(max-width:1150px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.main-shell{margin-left:210px}main{padding:27px 25px 0}.topbar{padding:0 25px}.stat{padding:16px 12px;gap:9px}.stat small{display:block;margin:3px 0 0}.hero-art{right:0}.hero-copy{max-width:65%}.hero h2{font-size:24px}.plate{width:180px;height:180px}.plate>span{font-size:115px}.floating-note{right:12px}.section-heading h2{font-size:15px}.tiny-pill{font-size:8px}.recipe-grid{gap:12px}.dashboard-grid{gap:15px}.panel{padding:19px}.meal-row{gap:10px}.meal-emoji{width:49px;height:49px}.recipe-art{height:120px}.recipe-card .p-4{padding:12px}.top-date{display:none}.family-switch strong{font-size:10px}}@media(max-width:900px){.sidebar{width:190px}.main-shell{margin-left:190px}.brand{font-size:23px;margin-left:3px}.nav-item{font-size:11px;padding:12px 9px}.small-tip{padding:15px 12px}.family-switch{gap:6px}.family-switch>svg{display:none}.dashboard-grid{grid-template-columns:1fr}.shopping-preview .shopping-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.recipe-grid{grid-template-columns:repeat(2,1fr)}.recipe-art{height:150px}.stats{gap:10px}.stat-icon{width:32px;height:36px}.stat{gap:7px}.stat>svg{display:none}.stat p,.stat small{font-size:9px}.hero{padding:25px;min-height:260px}.hero h2{font-size:22px}.hero-art{width:35%;right:0}.plate{width:135px;height:135px;border-width:8px}.plate>span{font-size:90px}.hero-leaf{font-size:28px}.leaf-two{font-size:27px;left:0}.floating-note{font-size:8px;padding:7px;bottom:22px}.hero-copy{max-width:75%}.hero-tag{font-size:7px;letter-spacing:1px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading h1{font-size:27px}.catalog{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.members-grid{gap:12px}.member-card{padding:25px 12px}.family-banner{padding:20px}.family-banner .tiny-pill{display:none}.breadcrumb{font-size:10px}.toast{left:calc(50% + 90px)}}@media(max-width:640px){.sidebar{visibility:hidden;transform:translate(-100%);transition:transform .2s;width:242px;padding-top:25px}.sidebar.open{visibility:visible;transform:translate(0)}.mobile-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25;border:0}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 15px}.topbar .breadcrumb{font-size:11px}.breadcrumb{font-size:0!important}.breadcrumb span{display:none}.breadcrumb strong{font-size:11px}.top-avatar{display:none}.topbar .gap-4{gap:10px}.demo-badge{font-size:8px}main{padding:24px 18px 0}.page-heading{margin-bottom:21px;gap:15px}.page-heading h1{font-size:26px;letter-spacing:-.7px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.page-heading .muted{font-size:11px;line-height:1.7}.page-heading>button{height:37px;font-size:10px}.hero{min-height:315px;padding:23px;align-items:flex-start}.hero-copy{max-width:100%}.hero h2{font-size:23px}.hero p{font-size:10px;max-width:210px}.hero-art{top:auto;bottom:0;width:155px;height:155px;right:-12px}.plate{width:125px;height:125px}.plate>span{font-size:82px}.orbit{width:180px;height:180px}.orbit-two{width:230px;height:230px}.leaf-one{top:-8px;right:8px}.leaf-two{display:none}.floating-note{bottom:8px;right:23px;font-size:7px;padding:5px 8px}.hero button{margin-top:19px}.stats{gap:8px;margin:15px 0 20px}.stat{padding:13px 10px;display:block}.stat-icon{width:29px;height:29px;border-radius:8px;margin-bottom:12px}.stat-icon svg{width:16px}.stat p{font-size:8px;line-height:1.5;min-height:24px;margin-bottom:5px}.stat strong{font-size:21px}.stat small{font-size:8px;font-weight:400;line-height:1.5;min-height:24px}.panel{padding:19px 16px}.section-heading{gap:5px}.section-heading h2{font-size:15px}.section-heading .tiny-pill{font-size:7px;padding:4px;margin-left:3px}.section-heading .muted{font-size:9px}.desktop-label{display:none}.today-panel .section-heading button{padding:5px}.meal-row{padding:14px 0;gap:13px}.meal-emoji{width:53px;height:53px;font-size:32px}.meal-row h3{font-size:12px}.shopping-preview .shopping-lines{display:block}.shopping-preview{margin-top:3px}.recommendations{margin-top:25px}.recommendations .section-heading{align-items:flex-start}.recommendations h2{max-width:220px;line-height:1.5}.recommendations .section-heading button{font-size:9px;padding-right:0;padding-left:3px;gap:3px}.recommendations .section-heading button svg{width:13px}.recipe-grid{gap:12px}.recipe-art{height:125px}.recipe-art>span:first-child{font-size:70px}.recipe-card h3{font-size:11px;line-height:1.5}.recipe-card .muted{line-height:1.6}.page-footer{font-size:8px;flex-direction:column;gap:10px;padding:25px 0 28px}.catalog .recipe-art{height:140px}.search-box{width:100%;max-width:100%;padding:13px}.chips{gap:6px}.chips button{font-size:10px;padding:9px 11px}.filter-row{gap:12px}.calendar-grid{grid-template-columns:repeat(7,145px);padding-bottom:15px}.section-heading:has(+.calendar-grid){align-items:flex-start;flex-direction:column;gap:17px}.members-grid{grid-template-columns:1fr}.member-card{display:grid;grid-template-columns:65px 1fr;text-align:left;gap:8px 20px;padding:23px}.member-avatar{grid-row:span 3;margin:0;font-size:48px}.member-card h2{margin:0}.member-card .tiny-pill{justify-self:start;margin:0}.member-card p{margin:0}.family-banner{padding:20px;gap:15px}.family-banner h2{font-size:16px}.family-banner p{font-size:10px;line-height:1.6}.family-banner>span:first-child{font-size:35px}.setting-row p{font-size:11px}.setting-row button{font-size:10px;padding:0 10px}.setting-row h3{font-size:12px}.toast{left:50%;bottom:20px;width:-moz-max-content;width:max-content;font-size:11px}.dialog-content{padding:24px}.product{gap:12px}.product-emoji{font-size:28px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--app-safe-top: max( env(safe-area-inset-top, 0px), var(--tg-viewport-safe-area-inset-top, 0px), var(--tg-viewport-content-safe-area-inset-top, 0px) );--app-safe-bottom: max( env(safe-area-inset-bottom, 0px), var(--tg-viewport-safe-area-inset-bottom, 0px), var(--tg-viewport-content-safe-area-inset-bottom, 0px) );--app-safe-left: max( env(safe-area-inset-left, 0px), var(--tg-viewport-safe-area-inset-left, 0px), var(--tg-viewport-content-safe-area-inset-left, 0px) );--app-safe-right: max( env(safe-area-inset-right, 0px), var(--tg-viewport-safe-area-inset-right, 0px), var(--tg-viewport-content-safe-area-inset-right, 0px) )}.app-shell{min-height:var(--tg-viewport-stable-height, 100dvh);padding:var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left)}.sidebar{top:var(--app-safe-top);bottom:var(--app-safe-bottom);padding-left:max(19px,var(--app-safe-left))}.dialog-content{top:calc(var(--app-safe-top) + (100dvh - var(--app-safe-top) - var(--app-safe-bottom)) / 2);max-height:calc(var(--tg-viewport-height, 100dvh) - var(--app-safe-top) - var(--app-safe-bottom) - 32px);max-width:calc(100% - var(--app-safe-left) - var(--app-safe-right) - 32px)}.toast{bottom:calc(20px + var(--app-safe-bottom))}@media(max-width:600px){input{font-size:16px}}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color: hsl(var(--primary))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}