:root{--bg: #fff8ee;--surface: #ffffff;--surface-soft: #f4f6ee;--green: #1f8a3b;--green-dark: #14672f;--green-soft: #e1f4dc;--orange: #d05a21;--orange-soft: #fff0e7;--text: #20231f;--muted: #666c61;--meta: #454d43;--faint: #e7dfd2;--border: #dad4c7;--shadow: 0 14px 38px rgba(47, 38, 24, .13);--surface-raised: #fffdf8;--surface-glass: rgba(255, 255, 255, .9);--shadow-soft: 0 8px 22px rgba(47, 38, 24, .09);--shadow-card: 0 16px 36px rgba(47, 38, 24, .13), 0 2px 8px rgba(47, 38, 24, .05);--shadow-deep: 0 28px 68px rgba(47, 38, 24, .18), 0 8px 18px rgba(47, 38, 24, .07);--highlight: inset 0 1px 0 rgba(255, 255, 255, .86);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 15px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:linear-gradient(180deg,#ffffff7a,#fff0 34%),linear-gradient(180deg,#fff5e6,#faedd9),var(--bg)}button,input,textarea,select{font:inherit}button{min-height:44px;border:0;padding:0;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img{display:block;max-width:100%}.app-shell{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(180deg,#ffffff6b,#fff0 30%),var(--bg)}.phone-frame{position:relative;width:min(100%,430px);min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#ffffffa3,#fff0 24%),linear-gradient(180deg,#fffdf6,#fff7ea);box-shadow:0 30px 90px #3a2d1929,0 0 0 1px #1f211d0d}.theme-dark .phone-frame{background:linear-gradient(180deg,#f7f4ec0a,#f7f4ec00 24%),linear-gradient(180deg,#1c1f19,#171914);box-shadow:0 30px 90px #0000006b,0 0 0 1px #f7f4ec14}.screen{min-height:100vh;padding:24px 18px 112px}.theme-dark .screen{color:var(--text)}.scroll-screen{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(31,33,29,.2) transparent}.scroll-screen::-webkit-scrollbar,.category-strip::-webkit-scrollbar,.recipe-row::-webkit-scrollbar,.chip-scroll::-webkit-scrollbar,.day-strip::-webkit-scrollbar,.device-row::-webkit-scrollbar,.stores-row::-webkit-scrollbar{height:0;width:0}.home-header,.screen-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.home-header h1,.screen-header h1{margin:0;font-size:19px;line-height:1.18;font-weight:700;letter-spacing:0}.home-header p,.screen-header p{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.35;font-weight:450}.screen-header{justify-content:space-between}.avatar-btn,.notification-btn,.theme-toggle-btn,.round-action,.filter-btn,.favorite-circle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:1px solid var(--faint);background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--green-dark);box-shadow:var(--shadow-soft),var(--highlight)}.app-shell.theme-dark{--bg: #171914;--surface: #22251f;--surface-soft: #2b2f28;--green: #8bd991;--green-dark: #dff4de;--green-soft: #263929;--orange: #ff9b66;--orange-soft: #3a2a20;--text: #f7f4ec;--muted: #c1c6b9;--meta: #d7dece;--faint: #383c34;--border: #464a42;--shadow: 0 14px 38px rgba(0, 0, 0, .28);--surface-raised: #272b24;--surface-glass: rgba(34, 37, 31, .84);--shadow-soft: 0 8px 22px rgba(0, 0, 0, .24);--shadow-card: 0 16px 36px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-deep: 0 28px 68px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .05);--highlight: inset 0 1px 0 rgba(255, 255, 255, .06);background:linear-gradient(180deg,#8bd9910f,#8bd99100 32%),var(--bg)}.avatar-btn{background:var(--green-soft);overflow:hidden}.avatar-btn img{width:100%;height:100%;object-fit:cover}.notification-btn{position:relative;margin-left:auto}.notification-btn:before{content:"";width:16px;height:18px;border:2px solid var(--text);border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:0}.notification-btn span{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--orange)}.theme-toggle-btn{flex:0 0 44px;width:44px;height:44px;min-height:44px;margin-left:auto;border-radius:50%;border-color:#18181829;background:linear-gradient(180deg,#fff,#f5f5f2);color:#111;box-shadow:0 7px 16px #14141414,inset 0 1px #fffc;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.home-header .theme-toggle-btn{margin-right:10px}.theme-toggle-btn:active{transform:scale(.96)}.theme-toggle__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1111110f}.theme-toggle__icon svg{display:block}.theme-toggle-btn.is-dark{border-color:#ffffff2e;background:linear-gradient(180deg,#242424,#0f0f0f);color:#fff;box-shadow:0 7px 16px #0000003d,inset 0 1px #ffffff24}.theme-toggle-btn.is-dark .theme-toggle__icon{background:#ffffff1f}.search-line{display:grid;grid-template-columns:1fr 52px;gap:10px;align-items:center;margin-bottom:18px}.search-box{min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:#8c9288;box-shadow:0 6px 18px #28261a0a}.search-box input{min-width:0;width:100%;min-height:44px;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;font-weight:560}.search-box input::placeholder{color:#8f948d}.search-box button{width:34px;min-height:34px;color:#899187;font-size:28px;line-height:1}.filter-btn{border-radius:15px;background:var(--green-soft)}.hero-card{position:relative;height:236px;min-height:236px;display:grid;grid-template-columns:minmax(0,54%) 46%;gap:0;overflow:hidden;border:1px solid var(--faint);border-radius:22px;background:radial-gradient(circle at 82% 20%,rgba(31,138,59,.12),transparent 8rem),linear-gradient(100deg,#ecf8e6,#fffdf7 58%,#f7eadf);box-shadow:var(--shadow-deep)}.theme-dark .hero-card{background:radial-gradient(circle at 82% 20%,rgba(139,217,145,.13),transparent 8rem),linear-gradient(100deg,#252a21,#1f231d 58%,#2e241d)}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #2f26180d}.theme-dark .hero-card:before{box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000003d}.hero-copy{position:relative;z-index:2;display:grid;grid-template-rows:24px 48px minmax(58px,1fr) 44px;gap:8px;padding:20px 8px 20px 16px}.kicker{display:inline-flex;align-items:center;max-width:100%;min-height:27px;padding:0 12px;border-radius:999px;border:1px solid rgba(76,175,96,.25);background:#eaf6e7b8;color:var(--green-dark);font-size:11px;font-weight:720;line-height:1;letter-spacing:0}.hero-copy .kicker{width:fit-content;max-width:100%;min-height:24px;padding:0 9px;border-color:#4caf602e;background:#ffffffc2;color:var(--green-dark);font-size:10px;font-weight:780;white-space:nowrap;transform:translate(-2px)}.hero-copy .kicker:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green)}.theme-dark .hero-copy .kicker{background:#263929e6;color:#dff4de}.hero-copy>.btn{min-width:min(100%,178px);min-height:44px;padding-left:18px;padding-right:18px}.hero-copy>.btn.btn-green,.plan-banner .btn.btn-green{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(20,103,47,.42);background:linear-gradient(135deg,#1f8a3bdb,#2fa354b8);color:#fff;text-shadow:0 1px 2px rgba(11,49,20,.34);box-shadow:0 9px 18px #14672f24,inset 0 1px #ffffff3d;-webkit-backdrop-filter:blur(16px) saturate(1.35);backdrop-filter:blur(16px) saturate(1.35)}.hero-copy>.btn.btn-green:before,.plan-banner .btn.btn-green:before{content:none}.theme-dark .hero-copy>.btn.btn-green,.theme-dark .plan-banner .btn.btn-green{border-color:#c6f2c738;background:#63ce6b9e;color:#102414;text-shadow:none;box-shadow:0 6px 14px #00000024,inset 0 0 0 1px #c6f2c71a}.hero-card h2,.plan-banner h2,.profile-hero h2{margin:12px 0 8px;font-size:20px;line-height:1.12;font-weight:700;letter-spacing:0}.hero-copy h2{display:-webkit-box;min-height:48px;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-card p,.plan-banner p,.profile-hero p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.42;font-weight:430}.hero-copy p{display:-webkit-box;min-height:58px;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hero-card img{width:100%;height:100%;min-height:236px;object-fit:cover;object-position:center;align-self:stretch}.hero-favorite{position:absolute;z-index:4;top:14px;right:14px;width:42px;min-height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(222,222,213,.8);background:#ffffffdb;color:var(--green-dark);box-shadow:0 12px 24px #2f26181f,var(--highlight)}.theme-dark .hero-favorite{border-color:#f7f4ec1f;background:#22251fd6}.hero-dots{display:none}.hero-dots button{position:relative;width:44px;min-height:44px;height:44px;margin:-13px -14px;padding:0;border-radius:999px;background:transparent}.hero-dots button:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;background:#d4d8cf;transform:translate(-50%,-50%)}.hero-dots button.active:after{width:20px;background:var(--green)}.theme-dark .hero-dots{background:#22251fb8}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:13px;font-size:14px;font-weight:620;text-align:center;line-height:1.15}.btn-green{background:linear-gradient(180deg,#2a8d3d 0%,var(--green) 100%);color:#fff;box-shadow:0 12px 24px #237a3438,inset 0 1px #ffffff38}.btn-orange{background:linear-gradient(180deg,#db6930 0%,var(--orange) 100%);color:#fff;box-shadow:0 12px 24px #c6531c33,inset 0 1px #ffffff3d}.theme-dark .btn-green{color:#102414}.theme-dark .btn-orange{color:#2b1307}.btn-secondary{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--text);box-shadow:var(--shadow-soft),var(--highlight)}.btn:disabled{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:default}.btn.full{width:100%}.category-strip,.chip-scroll,.recipe-row,.day-strip,.device-row,.stores-row{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;padding:16px 0 6px;scroll-snap-type:x mandatory}.category-strip:active{cursor:grabbing}.category-strip button{width:88px;flex:0 0 88px;min-height:90px;display:grid;place-items:center;align-content:center;gap:6px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(180deg,#fffdf8fa,#fffffff5);color:var(--text);box-shadow:0 8px 18px #2f261813,inset 0 1px #ffffff9e;scroll-snap-align:start;-webkit-user-select:none;user-select:none}.theme-dark .category-strip button{background:var(--surface);color:var(--text);box-shadow:0 5px 12px #00000024,inset 0 1px #ffffff0d}.category-strip.compact button{min-height:88px;gap:8px}.category-strip button.active{border-color:var(--green);background:linear-gradient(180deg,#e1f4dcfa,#f8fff4f5);color:var(--green-dark);box-shadow:0 10px 22px #14672f1f,0 0 0 1px #14672f1f,inset 0 1px #ffffffdb}.theme-dark .category-strip button.active{background:linear-gradient(180deg,#263929f2,#22251ffa)}.category-strip.compact button{background:linear-gradient(180deg,#fffdf8fa,#fafaf6f7)}.theme-dark .category-strip.compact button{background:linear-gradient(180deg,#2b2f28fa,#22251ffa)}.category-strip.compact button.active{background:linear-gradient(180deg,#e1f4dcfa,#f8fff4f7)}.theme-dark .category-strip.compact button.active{background:linear-gradient(180deg,#263929fa,#22251ffa)}.category-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(76,175,96,.18);border-radius:13px;background:#eaf6e7b8;color:var(--green-dark);line-height:1}.category-icon svg{display:block;width:25px;height:25px}.category-strip button:not(.active) .category-icon{border-color:#22221e1a;background:#ffffffbd;color:#2d3630}.theme-dark .category-strip button:not(.active) .category-icon{border-color:#f7f4ec1f;background:#252920;color:var(--green-dark)}.category-strip span{max-width:100%;font-size:13px;font-weight:720;line-height:1.1;text-align:center}.category-strip small{max-width:74px;color:var(--muted);font-size:10px;line-height:1.2;text-align:center}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.section-title h2{margin:0;font-size:19px;line-height:1.18;font-weight:700;letter-spacing:0}.section-title button{min-height:44px;color:var(--orange);font-size:13px;font-weight:650;white-space:nowrap}.recipe-row{margin:0;padding:0 0 10px;scroll-padding-inline:0;scroll-snap-type:x proximity;scroll-behavior:auto;mask-image:none;-webkit-mask-image:none}.recipe-row--slider{display:block;overflow:hidden;padding:2px 0 16px;margin-bottom:-6px;touch-action:pan-y;cursor:grab;scroll-snap-type:none}.recipe-row--slider:active{cursor:grabbing}.recipe-row__track{display:flex;transition:transform .48s cubic-bezier(.2,.78,.22,1);will-change:transform}.recipe-row__page{min-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recipe-row__page .recipe-tile{width:100%;max-width:none;flex:none}.recipe-tile--ghost{visibility:hidden;pointer-events:none}.recipe-row-dots{display:none}.recipe-row-dots button{width:44px;height:44px;border:0;border-radius:999px;background:transparent;display:grid;place-items:center}.recipe-row-dots button:before{content:"";width:7px;height:7px;border-radius:999px;background:#d9ded4;transition:width .18s ease,background .18s ease}.recipe-row-dots button.active:before{width:21px;background:var(--green)}.recipe-tile{position:relative;flex:0 0 calc((100% - 12px)/2);max-width:calc((100% - 12px)/2);overflow:hidden;border:1px solid var(--faint);border-radius:16px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:0 12px 24px #2f261814,0 2px 8px #2f26180b,inset 0 1px #ffffffb8;scroll-snap-align:start}.image-button,.recipe-card__image{position:relative;width:100%;display:block;overflow:hidden}.image-button img,.recipe-card__image img{width:100%;height:138px;object-fit:cover}.bookmark-btn{position:absolute;top:12px;right:12px;width:40px;min-height:40px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--faint);background:#ffffffe6;color:var(--green-dark);box-shadow:0 10px 22px #2f26181f,var(--highlight)}.recipe-tile__meta{display:flex;gap:6px;padding:8px 10px 0}.recipe-tile__meta span,.recipe-card__body p span,.detail-meta span{min-height:27px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--meta);font-size:12px;font-weight:700;white-space:nowrap}.recipe-tile__meta span:nth-child(2),.recipe-card__body p span:nth-child(2){border-color:#4caf6057;background:var(--green-soft);color:var(--green-dark)}.recipe-title-button{width:100%;min-height:48px;display:block;padding:8px 12px 0;text-align:left;font-size:14px;font-weight:620;line-height:1.18}.recipe-tile__bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 12px}.recipe-tile__bottom span{color:#60675e;font-size:12px;font-weight:560}.theme-dark .recipe-tile__bottom span{color:var(--muted)}.recipe-tile__bottom button{width:44px;min-height:44px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green-dark);box-shadow:inset 0 1px #ffffff94,0 8px 16px #237a341a}.plan-banner{display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:68px 46px;align-items:center;gap:14px;margin:22px 0 6px;padding:18px 18px 18px 20px;overflow:hidden;border:1px solid var(--faint);border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--green-soft),#fffdf7 78%);box-shadow:var(--shadow-card),var(--highlight)}.theme-dark .plan-banner{background:linear-gradient(100deg,#263929,#20241d 78%)}.plan-banner>div{grid-row:1 / 3}.plan-banner h2{color:var(--green-dark);font-size:20px}.plan-banner img{grid-column:2;grid-row:1;justify-self:center;width:92px;height:64px;border-radius:16px;object-fit:cover}.plan-banner .btn{grid-column:2;grid-row:2;align-self:stretch;justify-self:stretch;min-width:0;padding:0 10px;font-size:12px}.chip-scroll{margin:0;padding:0 0 12px;gap:10px;scroll-snap-type:x proximity;scroll-padding-inline:0;cursor:grab;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.chip-scroll:active{cursor:grabbing}.chip-scroll .pill{flex:0 0 calc((100% - 30px)/4);min-width:calc((100% - 30px)/4);padding:0 8px;scroll-snap-align:start}.pill,.filter-group button{position:relative;min-height:40px;flex:0 0 auto;padding:0 18px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;font-weight:650;white-space:nowrap}.pill.active,.filter-group button.active{border-color:#ca501bd1;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.32),transparent 1.7rem),linear-gradient(180deg,#e06a2f,#c94f1d);color:#fff;box-shadow:0 0 0 3px #ca501b1f,0 10px 20px #ca501b29,inset 0 1px #ffffff5c}.theme-dark .pill.active,.theme-dark .filter-group button.active{color:#2b1307;box-shadow:0 0 0 3px #ff9f7029,0 10px 22px #00000038,inset 0 1px #ffffff47}.filter-panel{padding:18px;border:1px solid var(--faint);border-radius:var(--radius-lg);background:var(--surface);transition:padding .18s ease,background .18s ease}.filter-panel--collapsed{padding:12px;border-radius:18px;background:var(--surface)}.filter-panel__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.filter-panel--collapsed .filter-panel__head{gap:8px}.filter-panel__head strong{font-size:16px;font-weight:700}.filter-panel__toggle{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text)!important;text-align:left}.filter-panel--collapsed .filter-panel__toggle{min-height:42px}.filter-panel__toggle span{min-width:0;display:flex;align-items:baseline;gap:8px;overflow:hidden}.filter-panel__toggle em{color:var(--green-dark);font-size:12px;font-style:normal;font-weight:650;white-space:nowrap}.filter-panel__toggle i{min-width:78px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(76,175,96,.25);border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-style:normal;font-weight:680;white-space:nowrap}.filter-panel--collapsed .filter-panel__toggle i{min-width:78px;min-height:40px}.filter-panel__head .filter-reset{min-width:74px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(255,122,61,.24);border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:12px;font-weight:650;white-space:nowrap}.filter-panel--collapsed .filter-panel__head .filter-reset{min-width:74px;min-height:40px}.filter-panel__head .filter-reset{border-color:#ff7a3d70;background:#ff7a3d21;color:#e85e2c;font-weight:760}.filter-panel__head button:disabled{opacity:.78}.filter-panel__head .filter-reset:not(:disabled){background:var(--orange);color:#fff;box-shadow:0 8px 18px #ff7a3d29}.filter-panel__body{margin-top:4px}.filter-group{margin-top:16px}.filter-group>span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:680;text-transform:uppercase}.filter-group>div{display:flex;flex-wrap:wrap;gap:8px}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.recipe-card{position:relative;overflow:hidden;border:1px solid var(--faint);border-radius:17px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-card),var(--highlight)}.recipe-card__image img{height:164px}.badge,.rating{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;color:#fff;font-size:11px;font-weight:900}.badge{top:10px;left:10px;background:#1f211da3}.rating{left:10px;bottom:10px;background:#1f211db8}.rating:first-letter{color:#ffb75d}.recipe-card .favorite-circle{position:absolute;top:10px;right:10px;width:40px;height:40px;min-height:40px;background:#ffffffe6}.recipe-card__body{padding:12px}.recipe-card__body>button:first-child{width:100%;min-height:42px;text-align:left;font-size:14px;font-weight:620;line-height:1.2}.recipe-card__body p{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.menu-screen{display:flex;flex-direction:column;gap:16px}.menu-screen .home-header,.menu-screen .screen-header{margin-bottom:0}.day-picker{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;overflow:visible}.day-arrow{width:44px;min-width:44px;min-height:58px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--green-dark);box-shadow:var(--shadow-soft),var(--highlight)}.day-arrow span{display:block;margin-top:-2px;font-size:28px;line-height:1;font-weight:500}.day-strip{min-width:0;width:100%;display:flex;gap:6px;margin:0;padding:2px;border-radius:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.day-strip::-webkit-scrollbar{display:none}.day-strip button{position:relative;box-sizing:border-box;flex:0 0 68px;width:68px;min-width:68px;min-height:54px;display:grid;place-items:center;align-content:center;gap:3px;scroll-snap-align:start;border:1px solid transparent;border-radius:15px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--text);box-shadow:inset 0 0 0 1px var(--border),0 6px 14px #28261a0d,inset 0 1px #ffffffb8;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.day-strip b{font-size:13px}.day-strip span{font-size:12px;color:var(--muted)}.day-strip .active{border-color:#ca501bb8;color:var(--orange);background:linear-gradient(180deg,#fff4eb,#fffaf4);box-shadow:inset 0 0 0 1px #ca501ba3,inset 0 1px #ffffffc7,0 8px 16px #ca501b14}.day-strip .active span{color:var(--orange)}.theme-dark .day-strip .active{background:#38271d;color:#ffd2b7;border-color:#ff9f70b8;box-shadow:inset 0 0 0 1px #ff9f708f,inset 0 1px #ffffff1f,0 8px 16px #0000002e}.theme-dark .day-strip .active span{color:#ffd2b7}.nutrition-card,.ai-plan-card,.shopping-summary,.tip-card,.profile-hero,.detail-card,.cooking-card{border:1px solid var(--faint);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-card),var(--highlight)}.ai-plan-card{display:grid;gap:14px;margin-top:12px;padding:16px;background:radial-gradient(circle at 92% 12%,rgba(255,122,61,.13),transparent 5rem),linear-gradient(135deg,#fbfff8,#fff 64%,#fff8f1)}.ai-plan-copy span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid rgba(76,175,96,.24);border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:11px;font-weight:850}.ai-plan-copy h2{margin:10px 0 6px;font-size:20px;line-height:1.14}.ai-plan-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.ai-plan-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ai-plan-tags em{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;color:var(--text);font-size:12px;font-style:normal;font-weight:750}.ai-plan-button{width:100%}.ai-plan-result{display:grid;gap:4px;padding:12px;border:1px solid rgba(76,175,96,.22);border-radius:15px;background:#eaf6e7a8}.ai-plan-result b{color:var(--green-dark);font-size:14px}.ai-plan-result span{color:var(--muted);font-size:12px;line-height:1.4}.theme-dark .ai-plan-card{background:radial-gradient(circle at 92% 12%,rgba(255,122,61,.13),transparent 5rem),linear-gradient(135deg,#20261f,#22251f 70%,#2b241e)}.theme-dark .ai-plan-tags em{background:#22251fb8}.nutrition-card{display:grid;grid-template-columns:1.45fr repeat(3,.72fr) 58px;align-items:center;gap:12px;padding:16px}.nutrition-stat span,.nutrition-stat small{display:block;color:var(--muted);font-size:11px;line-height:1.25}.nutrition-stat b{display:block;margin:4px 0 2px;font-size:17px;line-height:1;font-weight:900}.nutrition-stat--total{align-self:stretch;display:grid;grid-template-columns:1fr;align-content:center;gap:4px;min-width:84px;padding-right:14px;border-right:1px solid rgba(222,222,213,.86)}.nutrition-stat--total span{color:var(--green-dark);font-size:12px;line-height:1.15;font-weight:800}.nutrition-stat--total b{margin:0;font-size:23px;letter-spacing:-.01em}.nutrition-stat--total small{width:max-content;padding:3px 8px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-weight:750}.donut{width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--orange) 0 37%,var(--green) 37% 74%,#f1efe8 74% 100%);position:relative}.donut:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--surface)}.meal-list{display:grid;gap:12px}.meal-card{display:grid;grid-template-columns:minmax(0,1fr) 118px 44px;gap:12px;align-items:center;min-height:102px;padding:12px;border:1px solid var(--faint);border-radius:16px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight)}.meal-card--open{border-color:#4caf6047;background:linear-gradient(180deg,#fff,#fbfff8);box-shadow:0 18px 38px #237a341c,inset 0 1px #ffffffe0}.theme-dark .meal-card--open{background:linear-gradient(180deg,var(--surface-raised) 0%,var(--green-soft) 100%);box-shadow:0 18px 38px #00000052,inset 0 1px #ffffff0f}.meal-body{min-width:0;text-align:left}.meal-body span,.meal-body small{display:block;color:var(--muted);font-size:11px;line-height:1.25}.meal-body b{display:block;margin:4px 0;font-size:14px;line-height:1.2;font-weight:620}.meal-card img{width:118px;height:82px;object-fit:cover;border-radius:14px;box-shadow:0 10px 22px #2f26181a}.icon-plain{width:44px;min-height:44px;color:var(--muted)}.meal-menu-button{box-sizing:border-box;justify-self:center;display:grid;place-items:center;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);box-shadow:none;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.meal-menu-button[aria-expanded=true]{border-color:transparent;background:linear-gradient(180deg,var(--green-soft) 0%,rgba(244,252,239,.96) 100%);color:var(--green-dark);box-shadow:inset 0 0 0 1px #4caf6038,0 8px 18px #23763514}.meal-menu-button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #4caf6057,0 0 0 3px #4caf6024}.meal-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:6px;border:1px solid rgba(76,175,96,.1);border-radius:18px;background:#f7fbf3b8;box-shadow:inset 0 1px #ffffffad}.meal-actions button{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;border:1px solid rgba(222,222,213,.92);border-radius:15px;background:#fffdf8f5;color:var(--text);font-size:11.5px;font-weight:800;box-shadow:0 5px 14px #28261a09;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.meal-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px #4caf6024,0 5px 14px #28261a09}.meal-actions span{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal-actions button.meal-action-danger{border-color:#ca503e2e;background:linear-gradient(180deg,#fff8f5,#fffdf8);color:#b84632}.meal-actions button.meal-action-danger:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.72}.meal-actions button.meal-action-danger:focus-visible{box-shadow:0 0 0 3px #ca503e24,0 5px 14px #28261a09}.theme-dark .meal-menu-button[aria-expanded=true]{background:var(--green-soft);box-shadow:inset 0 0 0 1px #8bd99147,0 8px 18px #00000038}.theme-dark .meal-actions{border-color:#8bd9911f;background:#8bd9910d}.theme-dark .meal-actions button{border-color:#f7f4ec1f;background:var(--surface)}.theme-dark .meal-actions button.meal-action-danger{border-color:#ff978038;background:#ff97801a;color:#ffb29f}.tip-card{position:relative;margin-top:14px;padding:14px 44px 14px 14px}.tip-card button{position:absolute;top:8px;right:8px;width:44px;min-height:44px;color:var(--muted);font-size:20px}.tip-card b{font-size:14px}.tip-card p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.shopping-day-note{display:grid;gap:4px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(78,176,93,.2);border-radius:16px;background:var(--green-soft)}.shopping-day-note b{color:var(--green-dark);font-size:14px}.shopping-day-note span{color:var(--muted);font-size:12px;line-height:1.35}.shopping-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.shopping-summary b{display:block;font-size:22px;line-height:1;font-weight:700}.shopping-summary span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.shopping-summary i{grid-column:1 / -1;height:6px;overflow:hidden;border-radius:999px;background:#eceee8}.theme-dark .shopping-summary i{background:#3b4236}.shopping-summary i span{height:100%;margin:0;background:var(--green)}.shopping-summary small{grid-column:1 / -1;margin-top:-8px;color:var(--muted);font-size:11px;text-align:right}.grocery-groups{display:grid;gap:10px;margin-top:14px}.grocery-card{position:relative;border:1px solid var(--faint);border-radius:15px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight);overflow:hidden}.grocery-card--open{isolation:isolate;border-color:#ffffff85;background:linear-gradient(135deg,#ffffffb3,#ecf9e98a 48%,#fff4e86b);box-shadow:0 18px 40px #237a3421,0 0 0 1px #4caf601a,inset 0 1px #ffffffd1,inset 0 -1px #ffffff47;-webkit-backdrop-filter:blur(18px) saturate(1.24);backdrop-filter:blur(18px) saturate(1.24)}.grocery-card--open:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:14px;pointer-events:none;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.74),transparent 4.8rem),linear-gradient(118deg,#ffffff80,#ffffff1f 40%,#fff0 66%)}.grocery-card--open:after{content:"";position:absolute;inset:auto 14px 12px;z-index:-1;height:1px;border-radius:999px;pointer-events:none;background:#ffffff8a}.theme-dark .grocery-card--open{border-color:#c9f4c929;background:linear-gradient(135deg,#2a3127d1,#1e261ead 52%,#30261e8f);box-shadow:0 18px 40px #00000052,0 0 0 1px #8bd99114,inset 0 1px #ffffff14}.grocery-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 12px 0 14px;text-align:left}.grocery-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:620}.grocery-head span{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;min-width:98px;min-height:32px;padding:0 4px 0 12px;border:1px solid var(--border);border-radius:999px;background:#fbfaf5;color:#697064;font-size:11.5px;font-weight:750;line-height:1;white-space:nowrap}.theme-dark .grocery-head span{background:#2d3129;color:#d1d6c9}.grocery-head span:after{content:"";display:block;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--green-soft);background-image:linear-gradient(45deg,transparent 50%,var(--green-dark) 50%),linear-gradient(135deg,var(--green-dark) 50%,transparent 50%);background-position:calc(50% - 3px) 52%,calc(50% + 3px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.grocery-card--open .grocery-head span:after{transform:rotate(180deg)}.grocery-card--open .grocery-head span{border-color:#4caf603d;background:#f3faef;color:var(--green-dark)}.grocery-card--open .grocery-head{position:relative;margin-bottom:8px}.grocery-card--open .grocery-head:after{content:"";position:absolute;left:14px;right:14px;bottom:-4px;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(33,121,49,.18),rgba(33,121,49,.06),transparent);pointer-events:none}.theme-dark .grocery-card--open .grocery-head:after{background:linear-gradient(90deg,rgba(139,217,145,.22),rgba(139,217,145,.08),transparent)}.grocery-items{display:grid;gap:4px;padding:0 12px 12px}.grocery-item{display:grid;grid-template-columns:26px 30px 1fr 54px 60px;align-items:center;gap:8px;min-height:46px;color:var(--muted)}.grocery-item.done{color:var(--text)}.grocery-item b{min-width:0;font-size:13px;font-weight:640;text-align:left}.grocery-item small,.grocery-item em{color:var(--muted);font-size:11px;font-style:normal;text-align:right}.product-dot{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),var(--orange-soft));border:1px solid var(--faint)}.theme-dark .product-dot{background:linear-gradient(135deg,#314233,#423125)}.add-product{margin-top:8px;padding-top:12px;border-top:1px solid var(--faint);justify-content:flex-start;display:flex;align-items:center;gap:8px;min-height:44px;color:var(--green-dark);font-size:13px;font-weight:800}.add-product-form{margin-top:10px;padding-top:12px;border-top:1px solid var(--faint);display:grid;gap:10px}.add-product-form input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;outline:0}.add-product-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #237a3424}.add-product-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.add-product-actions .btn{min-height:42px;padding:0 12px}.stores-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;margin:0;padding:0 0 12px}.store-card{min-width:0;min-height:160px;display:grid;align-content:start;padding:12px 10px 10px;border:1px solid var(--faint);border-radius:14px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight)}.store-logo{width:100%;height:38px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;background:transparent;box-shadow:none}.store-logo img{width:100%;height:100%;display:block;object-fit:contain}.store-card b,.store-card span,.store-card small{display:block}.store-card b{min-height:14px;margin-top:5px;font-size:11px;font-weight:720;line-height:1.2;white-space:nowrap}.store-card span,.store-card small{margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.25}.store-card .store-logo{display:flex;margin-top:0}.store-card button{width:100%;min-height:44px;margin-top:8px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:850}.store-card button:disabled{border:1px solid var(--border);background:var(--surface-soft);color:#61665d;cursor:default}.theme-dark .store-card button:disabled{background:#2d3129;color:#d1d6c9}.profile-hero{position:relative;display:flex;align-items:center;gap:16px;padding:32px 20px 20px;background:linear-gradient(180deg,#ffffffa3,#fff0 44%),linear-gradient(100deg,#fff7ef,#f7faf2)}.theme-dark .profile-hero{background:linear-gradient(100deg,#2f251e,#22281f)}.profile-hero>div:nth-child(2){min-width:0;flex:1 1 auto}.profile-kicker{position:absolute;top:18px;right:18px;max-width:calc(100% - 36px)}.profile-logo{width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;border-radius:22px;background:var(--orange);color:#fff;font-size:34px;font-weight:760}.profile-logo img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stat-card{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:center;justify-content:center;column-gap:8px;row-gap:4px;min-height:92px;padding:14px 10px;border:1px solid var(--faint);border-radius:16px;background:var(--surface)}.stat-card svg{align-self:center;color:var(--green-dark)}.stat-card b{align-self:center;font-size:22px;line-height:1}.stat-card span{grid-column:1 / -1;color:var(--muted);font-size:11px;text-align:center}.device-carousel{position:relative;margin:0;overflow:hidden}.device-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.device-section-head h2{margin:0;font-size:20px;line-height:1.1;font-weight:760}.device-head-actions{display:inline-flex;align-items:center}.device-tune{min-height:44px;padding:0 4px;color:var(--orange);font-size:13px;font-weight:850;white-space:nowrap}.device-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 0 10px;gap:12px;overflow:hidden;scroll-snap-type:none;scroll-padding-inline:0;scroll-behavior:auto;cursor:grab;-webkit-user-select:none;user-select:none}.device-row:active{cursor:grabbing}.device-card{--device-image-height: 104px;--device-image-width: 132px;--device-media-height: 112px;position:relative;width:100%;min-width:0;min-height:268px;padding:12px;border:1px solid var(--faint);border-radius:16px;background:linear-gradient(145deg,var(--surface-raised) 0%,var(--surface-soft) 100%);box-shadow:var(--shadow-soft),var(--highlight);scroll-snap-align:start;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.theme-dark .device-card{border-color:#f7f4ec1f;background:linear-gradient(145deg,#22271f,#1d211a);box-shadow:0 12px 24px #00000038;color:var(--text)}.device-card__media{position:relative;height:var(--device-media-height);margin:-2px -2px 10px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:transparent}.theme-dark .device-card__media{isolation:isolate;background:transparent}.theme-dark .device-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#17191475;mix-blend-mode:multiply}.device-card__media img{position:relative;z-index:0;width:min(100%,var(--device-image-width));max-width:100%;height:var(--device-image-height);max-height:var(--device-image-height);object-fit:contain;object-position:center;filter:drop-shadow(0 8px 10px rgba(45,37,24,.12))}.theme-dark .device-card__media img{filter:drop-shadow(0 8px 12px rgba(0,0,0,.32))}.device-card--active{border-color:var(--green);background:linear-gradient(145deg,#fbfff8,#fff);box-shadow:inset 0 0 0 1px var(--green),0 0 0 2px #237a3421,0 18px 38px #237a3424,0 6px 14px #2d25180f}.device-card--active:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;border:1px solid rgba(35,122,52,.22);border-radius:11px}.theme-dark .device-card--active{background:linear-gradient(145deg,#263929,#22251f);box-shadow:inset 0 0 0 1px var(--green),0 0 0 2px #8bd99124,0 18px 38px #00000057,0 6px 14px #0003}.theme-dark .device-card--active:after{border-color:#8bd9913d}.device-arrow{position:absolute;top:104px;z-index:2;width:44px;min-width:44px;height:46px;min-height:46px;display:grid;place-items:center;border:1px solid transparent;border-radius:999px;background:transparent;color:transparent;box-shadow:none;opacity:0;font-size:28px;line-height:1}.device-arrow--left{left:8px}.device-arrow--right{right:8px}.device-arrow:disabled{opacity:0;cursor:default}.theme-dark .device-arrow{border-color:transparent;background:transparent}.device-carousel-dots{display:none}.device-card>span{float:right;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:11px;font-weight:850}.device-card small,.device-card p{display:block;margin:6px 0 0;color:var(--muted);font-size:11px}.theme-dark .device-card small,.theme-dark .device-card p,.theme-dark .device-card em{color:var(--meta)}.device-card b{display:block;margin-top:3px;font-size:18px;line-height:1.05;font-weight:650}.device-card__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.device-card em{min-height:25px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.theme-dark .device-card em{border-color:#f7f4ec29;background:#f7f4ec08}.profile-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-action{min-height:122px;display:grid;align-content:start;gap:7px;padding:14px;border:1px solid var(--faint);border-radius:16px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight);text-align:left}.profile-action svg{color:var(--green-dark)}.profile-action b{font-size:15px;font-weight:620}.profile-action span{color:var(--muted);font-size:11px;line-height:1.3}.profile-subscreen .screen-header{margin-bottom:14px}.profile-list,.collection-list,.settings-list{display:grid;gap:12px}.profile-list-card,.collection-card,.setting-row{width:100%;display:grid;align-items:center;gap:12px;border:1px solid var(--faint);border-radius:18px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight)}.profile-list-card{grid-template-columns:78px 1fr auto;padding:10px}.profile-list-card img,.collection-card img{width:78px;height:72px;border-radius:14px;object-fit:cover}.profile-list-card div,.collection-card div{min-width:0;display:grid;gap:5px}.profile-list-card b,.collection-card b,.setting-row b{color:var(--text);font-size:15px;line-height:1.18;font-weight:760}.profile-list-card span,.collection-card span,.setting-row small{color:var(--muted);font-size:12px;line-height:1.35}.profile-list-card button,.collection-card button{min-width:84px;min-height:44px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--green-dark);font-size:13px;font-weight:850;box-shadow:var(--shadow-soft),var(--highlight)}.collection-card{grid-template-columns:86px 1fr;padding:12px}.collection-card img{width:86px;height:94px}.collection-card em{width:max-content;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-style:normal;font-weight:850}.collection-card button{grid-column:1 / -1;width:100%;border-color:#4eb05d47;background:linear-gradient(180deg,#f1faee,#e7f5e3);color:var(--green-dark);box-shadow:0 10px 20px #237a341a,inset 0 1px #ffffffdb;transition:background .16s ease,border-color .16s ease,transform .16s ease}.collection-card button:hover{border-color:#4eb05d6b;background:linear-gradient(180deg,#eef9eb,#dff2db)}.collection-card button:active{transform:translateY(1px)}.collection-card-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.collection-create-form{display:grid;gap:12px;padding:14px;border:1px solid rgba(78,176,93,.22);border-radius:18px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-card),var(--highlight)}.collection-create-form label,.detail-panel label{display:grid;gap:6px}.collection-create-form label span,.detail-panel label span{color:var(--muted);font-size:12px;font-weight:760}.collection-create-form input,.collection-create-form textarea,.detail-panel textarea,.detail-panel select,.review-form input,.review-form select,.review-form textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);color:var(--text);padding:10px 12px;outline:none}.collection-create-form textarea,.detail-panel textarea,.review-form textarea{min-height:82px;resize:vertical}.collection-recipe-picker{display:flex;flex-wrap:wrap;gap:8px}.collection-recipe-picker button{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800}.collection-recipe-picker button.active{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.collection-share{width:max-content;min-height:36px;margin-top:10px;padding:0 12px;border-radius:999px;background:var(--green);color:#fff;font-size:12px;font-weight:850}.collection-detail-hero{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:14px;padding:14px;border:1px solid rgba(78,176,93,.22);border-radius:22px;background:linear-gradient(135deg,#f6fbf0,#fffdf7 72%);box-shadow:0 14px 30px #304e2a0e}.collection-detail-hero img{width:112px;height:112px;border-radius:18px;object-fit:cover}.collection-detail-hero div{min-width:0}.collection-detail-hero span{width:max-content;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:850}.collection-detail-hero h2{margin:10px 0 6px;color:var(--text);font-size:20px;line-height:1.12}.collection-detail-hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.collection-recipe-list{display:grid;gap:10px}.collection-recipe-card{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;min-height:94px;padding:10px;border:1px solid var(--faint);border-radius:18px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight)}.collection-recipe-card img{width:76px;height:74px;border-radius:14px;object-fit:cover}.collection-recipe-card div{min-width:0;display:grid;gap:5px}.collection-recipe-card b{color:var(--text);font-size:14px;line-height:1.2}.collection-recipe-card span{color:var(--muted);font-size:11px;line-height:1.25}.collection-recipe-card button{min-width:74px;min-height:42px;border:1px solid rgba(78,176,93,.28);border-radius:14px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:850}.setting-row{grid-template-columns:1fr auto;min-height:84px;padding:14px;text-align:left}.setting-row span{min-width:0;display:grid;gap:5px}.setting-row em{min-height:34px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:12px;font-style:normal;font-weight:850}.detail-screen,.cooking-screen,.onboarding-screen{background:var(--bg)}.back-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-width:112px;min-height:44px;margin:0 0 14px;padding:6px 14px 6px 8px;border:1px solid rgba(74,171,87,.22);border-radius:999px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--green-dark);box-shadow:var(--shadow-soft),var(--highlight);font-weight:850;line-height:1}.theme-dark .back-btn{border-color:#8bd99138;background:var(--surface);box-shadow:0 8px 22px #0000003d}.back-btn__icon{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:18px;line-height:1}.back-btn:active{transform:translateY(1px)}.detail-screen{padding-top:18px}.detail-hero-shell{position:relative;overflow:hidden;min-height:286px;border-radius:28px;background:var(--surface-soft);box-shadow:var(--shadow-deep)}.detail-hero{width:100%;height:286px;object-fit:cover;display:block}.detail-hero-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(16,22,14,.46) 0%,transparent 34%),linear-gradient(0deg,rgba(16,22,14,.58) 0%,transparent 48%);pointer-events:none}.detail-hero-actions{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-back{margin:0;background:#fffdf8e6;box-shadow:0 12px 26px #10160e29,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-dark .detail-back{background:#1f241dd6}.detail-hero-actions .favorite-circle{background:#fffdf8eb;box-shadow:0 12px 26px #10160e29,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-dark .detail-hero-actions .favorite-circle{background:#1f241dd6}.detail-hero-panel{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:grid;gap:11px;padding:13px;overflow:hidden;border:1px solid rgba(255,255,255,.56);border-radius:24px;background:linear-gradient(135deg,#fffc,#fffaf280 45%,#ffe0c78f);box-shadow:0 20px 44px #141a1133,inset 0 1px #ffffffd1,inset 0 -1px #ffffff3d;-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25)}.theme-dark .detail-hero-panel{border-color:#ffffff24;background:linear-gradient(135deg,#2d3227cc,#1c20197a 52%,#3a2a2094);box-shadow:0 20px 44px #00000061,inset 0 1px #ffffff14}.detail-hero-panel:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;pointer-events:none;border-radius:23px;background:linear-gradient(116deg,#ffffffb3,#ffffff2e 34%,#fff0 62%)}.detail-hero-panel__lead,.detail-hero-panel__stats{position:relative;z-index:1}.detail-hero-panel__lead{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-hero-panel__lead span{min-height:30px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#ffffff80;color:#26321f;font-size:11.5px;font-weight:850;line-height:1;white-space:nowrap}.detail-hero-panel__lead strong{min-width:0;color:#26321f;font-size:14px;font-weight:900;line-height:1.15;text-align:right}.detail-hero-panel__stats{display:grid;grid-template-columns:.72fr .88fr 1.25fr;gap:7px}.detail-hero-panel__stats b{min-width:0;min-height:46px;display:grid;align-content:center;gap:3px;overflow:hidden;padding:8px 9px;border:1px solid rgba(50,96,58,.2);border-radius:16px;background:linear-gradient(180deg,#ffffffa3,#fffcf461);color:#26321f;font-size:12.5px;font-weight:900;line-height:1.05;white-space:nowrap;box-shadow:inset 0 1px #ffffffbd,inset 0 0 0 1px #ffffff6b,0 0 0 1px #32603a14,0 8px 18px #2f261814}.detail-hero-panel__stats small{display:block;overflow:hidden;color:#384031b8;font-size:9.5px;font-weight:800;line-height:1;text-overflow:ellipsis}.theme-dark .detail-hero-panel__lead span,.theme-dark .detail-hero-panel__lead strong,.theme-dark .detail-hero-panel__stats b{color:#f7f4ec}.theme-dark .detail-hero-panel__lead span,.theme-dark .detail-hero-panel__stats b{border-color:#97d89b33;background:#f7f4ec14}.theme-dark .detail-hero-panel__stats b{box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d,0 0 0 1px #97d89b14,0 8px 18px #0003}.theme-dark .detail-hero-panel__stats small{color:#f7f4ecad}.detail-card{position:relative;margin-top:14px;padding:18px 18px 20px;border:1px solid rgba(219,207,190,.86);border-radius:26px;background:linear-gradient(180deg,rgba(255,253,248,.98) 0%,rgba(255,250,243,.96) 46%,var(--surface) 100%);box-shadow:var(--shadow-card),var(--highlight)}.theme-dark .detail-card{background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%)}.detail-card--recipe .kicker{border-color:#c6531c3d;background:#fff0e7c2;color:var(--orange)}.theme-dark .detail-card--recipe .kicker{border-color:#ff9b6638;background:#ff9b661a;color:#ffbb95}.detail-title{display:grid;gap:10px}.detail-title h1{margin:0;max-width:none;font-size:26px;line-height:1.12;font-weight:850}.detail-description{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}.detail-summary{display:grid;gap:7px;margin:15px 0 14px;padding:12px 13px;border:1px solid rgba(219,207,190,.82);border-radius:17px;background:#fffbf4d1;box-shadow:inset 0 1px #ffffffad,0 8px 18px #2f26180b}.theme-dark .detail-summary{border-color:#f7f4ec1f;background:#f7f4ec0a}.detail-summary span{position:relative;padding-left:16px;color:var(--muted);font-size:12.75px;line-height:1.35}.detail-summary span:before{content:"";position:absolute;top:.45em;left:0;width:7px;height:7px;border-radius:999px;background:var(--orange)}.detail-summary b{color:var(--text)}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.detail-meta--db{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 12px}.detail-meta--db span{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:15px auto;column-gap:11px;row-gap:2px;align-items:center;min-height:74px;padding:12px;border:1px solid rgba(219,207,190,.82);border-radius:17px;background:#fffdf8c7;box-shadow:inset 0 1px #ffffffbd,0 8px 18px #2f26180b}.theme-dark .detail-meta--db span{background:var(--surface-soft)}.detail-meta--db em{grid-row:1 / 3;display:grid;place-items:center;width:40px;height:40px;border-radius:15px;background:#eef2e9e6;color:#2e6b3a;font-style:normal}.theme-dark .detail-meta--db em{background:#8bd9911a;color:var(--green)}.detail-meta--db b{grid-column:2;grid-row:2;min-width:0;color:var(--text);font-size:20px;line-height:1;white-space:nowrap}.detail-meta--db small{grid-column:2;grid-row:1;min-width:0;overflow:hidden;color:var(--muted);font-size:10px;font-weight:850;line-height:1;text-transform:uppercase;text-overflow:ellipsis;letter-spacing:0}.nutrition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.nutrition-grid div{display:grid;gap:4px;min-height:66px;align-content:center;padding:10px 7px;border:1px solid rgba(219,207,190,.82);border-radius:16px;background:linear-gradient(180deg,#fffdf8,#fff9f1);text-align:center;box-shadow:inset 0 1px #ffffffbd,0 8px 18px #2f26180b}.theme-dark .nutrition-grid div{background:var(--surface-soft)}.nutrition-grid b{color:#2f5f37;font-size:16px;line-height:1}.theme-dark .nutrition-grid b{color:var(--green)}.nutrition-grid span{color:var(--muted);font-size:10.5px;line-height:1.12}.detail-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 16px}.detail-toolbar button{min-height:46px;padding:0 12px;border:1px solid rgba(219,207,190,.86);border-radius:16px;background:#fffbf4db;color:#3e4739;font-size:13px;font-weight:850;text-align:center;line-height:1.15;box-shadow:0 8px 18px #2f26180f,inset 0 1px #ffffff9e}.theme-dark .detail-toolbar button{border-color:#f7f4ec1f;background:var(--surface-soft);color:var(--text)}.detail-toolbar button:first-child{grid-column:1 / -1;background:linear-gradient(180deg,#d96a34 0%,var(--orange) 100%);color:#fff;border-color:var(--orange);text-align:center;box-shadow:0 14px 28px #c6531c33,inset 0 1px #ffffff3d}.theme-dark .detail-toolbar button:first-child{color:#2b1307}.detail-panel{display:grid;gap:12px;margin:0 0 16px;padding:14px;border:1px solid rgba(78,176,93,.2);border-radius:18px;background:linear-gradient(135deg,var(--surface-soft) 0%,var(--surface) 100%);box-shadow:var(--shadow-soft),var(--highlight)}.detail-panel>b{color:var(--text);font-size:15px}.detail-card h2{margin:22px 0 10px;font-size:18px;line-height:1.15}.detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.detail-section-head h2{margin:0}.servings-control{display:inline-grid;grid-template-columns:42px auto 42px;align-items:center;gap:6px;min-height:50px;margin:0;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);box-shadow:inset 0 1px #ffffff94,0 8px 18px #2f26180b}.servings-control button{width:42px;min-width:42px;min-height:42px;border-radius:999px;background:var(--green);color:#fff;font-size:18px;font-weight:850}.servings-control span{color:var(--text);font-size:12.5px;font-weight:850;white-space:nowrap}.detail-card ul,.detail-card ol{margin:0;padding-left:20px;color:#4f554d;font-size:14px;line-height:1.5}.theme-dark .detail-card ul,.theme-dark .detail-card ol{color:var(--muted)}.ingredient-list{display:grid;gap:9px;margin-top:12px!important;padding-left:0!important;list-style:none}.ingredient-list li{position:relative;display:flex;align-items:center;min-height:48px;padding:10px 13px 10px 34px;border:1px solid var(--border);border-radius:16px;background:#fffdf8d1;color:var(--text);font-weight:650;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #2f26180b}.theme-dark .ingredient-list li{background:var(--surface-soft)}.ingredient-list li:before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--green);transform:translateY(-50%)}.detail-card ol{display:grid;gap:10px;padding-left:0!important;list-style:none;counter-reset:detail-steps}.detail-card ol li{counter-increment:detail-steps;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:17px;background:#fffdf8d1;color:var(--text);box-shadow:inset 0 1px #ffffffb8,0 8px 18px #2f26180b}.theme-dark .detail-card ol li{background:var(--surface-soft)}.detail-card ol li:before{content:counter(detail-steps);display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:850}.tip-note{display:grid;gap:6px;margin-top:16px;padding:14px;border:1px solid rgba(255,112,55,.22);border-radius:18px;background:linear-gradient(135deg,#fff8f0,#fffdf8);box-shadow:var(--shadow-soft),var(--highlight)}.theme-dark .tip-note{background:var(--orange-soft)}.tip-note b{color:var(--orange);font-size:13px}.tip-note span{color:var(--muted);font-size:13px;line-height:1.45}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding:10px;border:1px solid var(--border);border-radius:22px;background:var(--surface-soft)}.reviews-panel{margin-top:22px;padding:16px;border:1px solid rgba(219,207,190,.86);border-radius:24px;background:linear-gradient(180deg,#fffdf8f5,#fff7ede6);box-shadow:var(--shadow-card),var(--highlight)}.theme-dark .reviews-panel{border-color:#f7f4ec1f;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface-soft) 100%)}.reviews-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.reviews-head span{min-width:0;display:grid;gap:4px}.reviews-head b{color:var(--text);font-size:19px;line-height:1.1}.reviews-head small{color:var(--muted);font-size:12px;line-height:1.25}.reviews-head strong{min-width:74px;min-height:42px;display:grid;place-items:center;border:1px solid rgba(255,112,55,.2);border-radius:999px;background:#ff70371a;color:var(--orange);font-size:15px;font-weight:900}.review-form{display:grid;gap:10px}.review-rating-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:7px;padding:6px;border:1px solid rgba(219,207,190,.72);border-radius:18px;background:#fffbf4d1}.review-rating-choices button{display:grid;place-items:center;gap:2px;min-width:0;min-height:58px;border:1px solid transparent;border-radius:15px;color:#697064;font-weight:850;line-height:1;box-shadow:inset 0 1px #ffffff8a}.review-rating-choices button span{color:#d46a35;font-size:22px;line-height:1}.review-rating-choices button b{color:inherit;font-size:12px;line-height:1}.review-rating-choices button.active{border-color:#ff703752;background:linear-gradient(180deg,#ff70372e,#ff703714);color:var(--orange);box-shadow:inset 0 1px #ffffffc7,0 10px 20px #c6531c1f}.review-rating-choices button.active span{color:var(--orange)}.review-form textarea{min-height:92px;background:#fffdf8e0;line-height:1.4}.review-form .btn{width:100%;background:linear-gradient(180deg,#d96a34 0%,var(--orange) 100%);color:#fff;box-shadow:0 14px 28px #c6531c2e,inset 0 1px #ffffff3d}.review-list{display:grid;gap:9px;margin-top:12px}.review-list article,.review-empty{margin:0;padding:13px;border:1px solid rgba(219,207,190,.78);border-radius:17px;background:#fffdf8c7;box-shadow:inset 0 1px #ffffffa3}.review-list article{display:grid;gap:5px}.review-list b{color:var(--orange);font-size:13px}.review-list span,.review-empty span{color:var(--muted);font-size:13px;line-height:1.4}.review-empty{display:grid;gap:5px}.review-empty b{color:var(--text);font-size:14px}.theme-dark .review-rating-choices,.theme-dark .review-list article,.theme-dark .review-empty{border-color:#f7f4ec1f;background:#f7f4ec0a}.theme-dark .review-form textarea{background:var(--surface)}.theme-dark .review-form .btn{color:#2b1307}.cooking-screen{display:grid;align-content:center}.cooking-card{padding:22px}.cooking-card h1{margin:12px 0;font-size:27px;line-height:1.08}.cooking-card p{min-height:90px;color:#4f554d;font-size:17px;line-height:1.45}.step-progress{display:flex;gap:7px;margin:20px 0}.step-progress i{flex:1;height:6px;border-radius:999px;background:#e4e6dd}.theme-dark .step-progress i{background:#3b4236}.step-progress .active{background:var(--green)}.onboarding-screen{display:flex;flex-direction:column}.onboarding-grid{display:grid;gap:12px}.onboarding-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-grid.servings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.onboarding-grid button{min-height:96px;display:grid;place-items:center;gap:6px;padding:14px;border:1px solid var(--faint);border-radius:16px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);text-align:center;box-shadow:var(--shadow-soft),var(--highlight)}.onboarding-grid button.selected{border-color:var(--green);background:var(--green-soft);color:var(--green-dark);box-shadow:inset 0 0 0 1px #237a342e}.onboarding-grid.servings-grid button{min-height:118px;align-content:center;justify-items:center;gap:10px;padding:14px 12px;border-radius:18px}.serving-card-value{min-width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--surface-soft);color:var(--text);font-size:21px;font-weight:900;line-height:1;letter-spacing:0}.serving-card-caption{max-width:92px;color:var(--muted);font-size:12px;font-weight:650;line-height:1.25}.onboarding-grid.servings-grid button.selected .serving-card-value{background:var(--green);color:#fff;box-shadow:0 10px 20px #237a342e}.onboarding-wide-choice{width:100%;min-height:154px!important;display:grid;align-content:center;justify-items:center;gap:9px;padding:18px;border:1px solid rgba(219,207,190,.86);border-radius:22px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);color:var(--text);text-align:center;box-shadow:var(--shadow-card),var(--highlight)}.onboarding-wide-choice.selected{border-color:#237a346b;background:linear-gradient(180deg,#eaf6e7db,#fffdf8f5);box-shadow:0 18px 38px #237a341f,inset 0 0 0 1px #237a342e}.theme-dark .onboarding-wide-choice{border-color:#f7f4ec1f;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%)}.theme-dark .onboarding-wide-choice.selected{border-color:#8bd99147;background:linear-gradient(180deg,rgba(38,57,41,.9) 0%,var(--surface) 100%)}.onboarding-wide-choice em{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;background:var(--green);color:#fff;font-size:12px;font-style:normal;font-weight:850}.onboarding-grid button.onboarding-device{min-height:214px;grid-template-rows:96px auto auto auto;align-content:start;gap:8px}.onboarding-device img{width:100%;height:96px;object-fit:contain;object-position:center;border-radius:14px;background:linear-gradient(180deg,#fff,#fbfaf5);filter:drop-shadow(0 8px 10px rgba(45,37,24,.12))}.theme-dark .onboarding-device img{background:linear-gradient(180deg,#2b2f28,#22251f);filter:drop-shadow(0 8px 10px rgba(0,0,0,.24))}.onboarding-grid b{font-size:15px}.onboarding-grid span,.onboarding-grid small{color:var(--muted);font-size:12px}.onboarding-device em{min-height:24px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-style:normal;font-weight:800}.theme-dark .onboarding-device em{color:#102414}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:18px}.onboarding-actions button:disabled{opacity:.46;cursor:default}.onboarding-screen{padding:22px 16px 118px;gap:14px;background:radial-gradient(circle at 18% 0%,rgba(74,171,87,.12),transparent 230px),radial-gradient(circle at 100% 8%,rgba(198,83,28,.09),transparent 220px),var(--bg)}.onboarding-top{display:grid;gap:7px}.onboarding-top>span{width:max-content;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(78,176,93,.24);border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:850}.onboarding-top h1{margin:0;color:var(--text);font-size:25px;line-height:1.08;letter-spacing:0}.onboarding-top p{margin:0;max-width:340px;color:var(--muted);font-size:14px;line-height:1.45}.onboarding-progress{height:6px;overflow:hidden;border-radius:999px;background:#237a341f}.theme-dark .onboarding-progress{background:#f7f4ec1f}.onboarding-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#7acb73);transition:width .22s ease}.onboarding-step{flex:1;animation:onboarding-step-in .18s ease both}@keyframes onboarding-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-welcome{display:grid;align-content:center;gap:14px;min-height:520px;padding:22px;border:1px solid rgba(78,176,93,.18);border-radius:26px;background:linear-gradient(145deg,#eaf6e7c7,#fffdf8f5),var(--surface);box-shadow:0 18px 44px #2d251814}.theme-dark .onboarding-welcome{background:linear-gradient(145deg,#263929c7,#1f221df5),var(--surface)}.onboarding-brand-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,var(--orange),#e57935);color:#fff;font-size:34px;font-weight:900;box-shadow:0 16px 28px #c6531c38}.onboarding-welcome h2{margin:4px 0 0;max-width:300px;color:var(--text);font-size:30px;line-height:1.04}.onboarding-welcome p{margin:0;max-width:320px;color:var(--muted);font-size:15px;line-height:1.55}.onboarding-benefits{display:flex;flex-wrap:wrap;gap:8px}.onboarding-benefits span,.onboarding-selected-row span{min-height:32px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:var(--surface);color:var(--green-dark);border:1px solid rgba(78,176,93,.22);font-size:12px;font-weight:850}.onboarding-preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}.onboarding-preview-strip img{width:100%;height:84px;object-fit:contain;border-radius:18px;background:#ffffffb8;filter:drop-shadow(0 10px 16px rgba(45,37,24,.12))}.theme-dark .onboarding-preview-strip img{background:#f7f4ec0d}.onboarding-device-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 0 8px}.onboarding-device-carousel::-webkit-scrollbar{display:none}.onboarding-device{display:grid;grid-template-rows:86px auto auto 1fr auto;align-content:start;gap:6px;min-width:0;min-height:218px;padding:10px;border:1px solid var(--faint);border-radius:18px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%);color:var(--text);text-align:left;box-shadow:0 10px 22px #2d25180e}.onboarding-device.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px #237a343d,0 16px 34px #237a3424}.onboarding-device-media{position:relative;height:86px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#eaf6e7c7,#fffdf8c7)}.theme-dark .onboarding-device-media{background:linear-gradient(180deg,#263929cc,#22251feb)}.onboarding-device-media img{width:88%;height:78px;object-fit:contain;object-position:center;background:transparent;border-radius:0;filter:drop-shadow(0 8px 12px rgba(45,37,24,.16))}.onboarding-device-media em{position:absolute;right:6px;top:6px;min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;background:var(--green);color:#fff;font-size:9.5px;font-style:normal;font-weight:850}.onboarding-device>span{width:max-content;min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:10px;font-weight:850}.onboarding-device b{color:var(--text);font-size:14.5px;line-height:1.12}.onboarding-device small,.onboarding-device p{color:var(--muted);font-size:10.5px;line-height:1.28}.onboarding-device p{margin:0;display:-webkit-box;min-height:27px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.onboarding-device-modes{display:flex;flex-wrap:wrap;gap:4px;margin-top:0}.onboarding-device-modes i{min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid var(--border);border-radius:999px;color:var(--meta);font-size:9.5px;font-style:normal;font-weight:800}.onboarding-grid.chips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-choice{align-content:start;justify-items:start;text-align:left!important}.onboarding-grid.chips-grid .onboarding-choice{min-height:78px;gap:5px;padding:10px 12px;border-radius:14px}.onboarding-choice b{line-height:1.16}.onboarding-grid.chips-grid .onboarding-choice b{font-size:13px}.onboarding-choice small{color:var(--muted);font-size:11px;line-height:1.28}.onboarding-grid.chips-grid .onboarding-choice small{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.time-grid{gap:10px}.time-choice{min-height:88px!important;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-content:center!important;justify-items:start!important;column-gap:12px;row-gap:3px;padding:14px 16px!important;text-align:left!important}.time-choice .onboarding-option-mark{grid-row:1 / 3;align-self:center;width:44px;min-width:44px;height:44px;border-radius:15px}.time-choice .onboarding-option-mark svg{width:22px;height:22px}.time-choice b{align-self:end;font-size:16px;line-height:1.12}.time-choice small{align-self:start;color:var(--muted);font-size:12px;line-height:1.28}.onboarding-option-mark{width:34px;min-width:34px;height:34px;display:grid!important;place-items:center;border-radius:12px;background:var(--surface-soft);color:var(--green-dark)!important;box-shadow:inset 0 1px #ffffff57}.onboarding-option-mark svg{width:20px;height:20px}.onboarding-grid.chips-grid .onboarding-option-mark{width:28px;min-width:28px;height:28px;border-radius:10px}.onboarding-grid.chips-grid .onboarding-option-mark svg{width:17px;height:17px}.onboarding-grid button.selected .onboarding-option-mark{background:var(--green);color:#fff!important;box-shadow:0 8px 18px #237a342e,inset 0 1px #ffffff38}.onboarding-excluded{display:grid;gap:14px}.onboarding-excluded-form{display:grid;gap:8px;padding:12px;border:1px solid var(--faint);border-radius:18px;background:var(--surface)}.onboarding-excluded-form label{color:var(--muted);font-size:12px;font-weight:800}.onboarding-excluded-form div{display:grid;grid-template-columns:1fr auto;gap:8px}.onboarding-excluded-form input{min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);color:var(--text)}.onboarding-excluded-form button{min-height:44px;padding:0 12px;border-radius:14px;background:var(--green);color:#fff;font-size:12px;font-weight:850}.onboarding-excluded-form button:disabled{opacity:.48}.onboarding-selected-row{display:flex;flex-wrap:wrap;gap:8px}.onboarding-notifications{display:grid;gap:12px}.notification-preview,.notification-plan{display:grid;gap:6px;padding:15px;border:1px solid rgba(219,207,190,.86);border-radius:20px;background:linear-gradient(180deg,#fffdf8f5,#fff7edeb);box-shadow:var(--shadow-soft),var(--highlight)}.theme-dark .notification-preview,.theme-dark .notification-plan{border-color:#f7f4ec1f;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%)}.notification-toggle-glass{min-height:136px!important;position:relative;overflow:hidden;border-color:#ffffff8f;background:linear-gradient(135deg,#ffffff9e,#ecf9e97a 52%,#fff4e85c);box-shadow:0 18px 38px #237a341a,inset 0 1px #ffffffdb,inset 0 -1px #ffffff42;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.notification-toggle-glass:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:21px;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.72),transparent 5rem),linear-gradient(118deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.08) 46%,transparent 72%)}.notification-toggle-glass>*{position:relative;z-index:1}.notification-toggle-glass.selected{border-color:#237a3447;background:linear-gradient(135deg,#ffffffa3,#e2f7e185 54%,#fff4e857);box-shadow:0 18px 38px #237a341f,0 0 0 1px #237a3414,inset 0 1px #ffffffdb}.theme-dark .notification-toggle-glass{border-color:#f7f4ec24;background:linear-gradient(135deg,#2a3127c2,#1e261ea8 52%,#30261e80);box-shadow:0 18px 38px #00000052,inset 0 1px #ffffff14}.notification-preview span,.notification-plan span{width:max-content;min-height:27px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#ff70371a;color:var(--orange);font-size:11px;font-weight:850}.theme-dark .notification-preview span,.theme-dark .notification-plan span{background:#ff9b661a;color:var(--orange)}.notification-preview b,.notification-plan b{color:var(--text);font-size:17px;line-height:1.12}.notification-preview p,.notification-plan small{margin:0;color:var(--muted);font-size:12.5px;line-height:1.38}.onboarding-summary{display:grid;gap:12px}.onboarding-summary .onboarding-summary-hero{position:relative;display:grid;align-content:center;gap:7px;min-height:116px;overflow:hidden;padding:16px 18px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:linear-gradient(135deg,#ffffffa8,#ecf9e985 54%,#fff4e85c);box-shadow:0 18px 38px #237a341a,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.onboarding-summary .onboarding-summary-hero:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:21px;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.76),transparent 5rem),linear-gradient(118deg,rgba(255,255,255,.38),transparent 62%)}.onboarding-summary .onboarding-summary-hero>*{position:relative;z-index:1}.theme-dark .onboarding-summary .onboarding-summary-hero{border-color:#f7f4ec24;background:linear-gradient(135deg,#2a3127c2,#1e261ea8 52%,#30261e80)}.onboarding-summary .onboarding-summary-hero b{color:var(--text);font-size:20px;line-height:1.08}.onboarding-summary .onboarding-summary-hero small{color:var(--muted);font-size:12.5px;font-weight:560;line-height:1.38}.onboarding-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboarding-summary-list article{min-width:0;min-height:78px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:9px;row-gap:3px;padding:10px;border:1px solid var(--faint);border-radius:15px;background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:0 10px 24px #2d25180b,var(--highlight)}.onboarding-summary-list article i{grid-row:1 / 3;align-self:center;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:var(--green-soft);color:var(--green-dark);font-style:normal}.onboarding-summary-list article i svg{width:18px;height:18px}.onboarding-summary span{color:var(--muted);font-size:10.5px;font-weight:800;line-height:1.15}.onboarding-summary b{color:var(--text);font-size:12.5px;line-height:1.22}.onboarding-summary-list article b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.onboarding-actions{position:sticky;bottom:-1px;z-index:5;margin:auto -16px -118px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(31,33,29,.06);background:#fffaf2eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-dark .onboarding-actions{border-top-color:#f7f4ec14;background:#171914eb}@media (max-width: 360px){.onboarding-screen{padding-left:14px;padding-right:14px}.onboarding-actions{margin-left:-12px;margin-right:-12px;padding-left:14px;padding-right:14px}.onboarding-top h1{font-size:22px}.onboarding-welcome{min-height:470px;padding:18px}.onboarding-welcome h2{font-size:25px}.onboarding-device{min-height:206px;padding:9px;gap:5px;border-radius:16px}.onboarding-device-media{height:74px}.onboarding-device-media img{height:68px}.onboarding-device b{font-size:13px}.onboarding-device small,.onboarding-device p{font-size:10px}.onboarding-device-modes i{min-height:20px;padding:0 6px;font-size:9px}.onboarding-grid.two,.onboarding-grid.chips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-grid button{padding:12px 10px}.onboarding-excluded-form div{grid-template-columns:1fr}.detail-hero-shell,.detail-hero{min-height:276px;height:276px}.detail-card{padding:16px}.detail-title h1{max-width:none;font-size:25px}.detail-section-head{align-items:flex-start;flex-direction:column}.detail-section-head .servings-control{width:100%;grid-template-columns:42px 1fr 42px}.detail-section-head .servings-control span{text-align:center}}.empty-state{margin-top:16px;padding:20px;border:1px solid var(--faint);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-raised) 0%,var(--surface) 100%);box-shadow:var(--shadow-card),var(--highlight);text-align:center}.empty-state b{font-size:17px}.empty-state p{margin:6px 0 0;color:var(--muted);font-size:13px}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:min(100vw,430px);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:2px;min-height:84px;padding:10px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(222,222,213,.82);border-top-left-radius:24px;border-top-right-radius:24px;background:linear-gradient(180deg,#fffffff7,#faf7f0f5);box-shadow:0 -22px 46px #2d251829,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.theme-dark .bottom-nav{border-top-color:#f7f4ec1a;background:linear-gradient(180deg,#22251ff5,#1b1e18f0);box-shadow:0 -24px 48px #00000061,inset 0 1px #ffffff0d}.bottom-nav button{min-width:0;min-height:58px;display:grid;place-items:center;align-content:center;gap:3px;border-radius:17px;color:#777b73}.theme-dark .bottom-nav button{color:#c1c6b9}.bottom-nav button span{display:grid;place-items:center}.bottom-nav b{font-size:10px;line-height:1.1}.bottom-nav .active{color:var(--green-dark);background:#e1f4dcf5;box-shadow:inset 0 1px #ffffffad,0 8px 18px #14672f1c}.bottom-nav .center{transform:translateY(-10px)}.bottom-nav .center span{width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,#229a44 0%,var(--green-dark) 100%);color:#fff;box-shadow:0 18px 34px #14672f57,0 4px 10px #14672f33,inset 0 1px #ffffff38}.theme-dark .bottom-nav .center span{color:#102414}.bottom-nav .center.active{background:transparent}.toast{position:fixed;left:50%;width:min(calc(100vw - 36px),394px);bottom:96px;z-index:30;min-height:44px;display:grid;place-items:center;padding:10px 14px;border-radius:14px;background:#1f211de6;color:#fff;font-size:13px;font-weight:800;text-align:center;transform:translate(-50%)}.to-top-btn{position:fixed;left:calc(50% + min(50vw,215px) - 62px);bottom:104px;z-index:19;width:46px;min-width:46px;max-width:46px;inline-size:46px;height:46px;min-height:46px;max-height:46px;block-size:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid rgba(76,175,96,.25);border-radius:50%;background:#fffffff0;color:var(--green-dark);box-shadow:0 10px 24px #2d25181f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:20px;font-weight:700}.to-top-btn span{display:block;line-height:1}@media (max-width: 370px){.screen{padding-left:12px;padding-right:12px}.hero-card{grid-template-columns:1fr}.hero-card img{height:170px;min-height:170px}.plan-banner{grid-template-columns:1fr}.plan-banner img{display:none}.nutrition-card{grid-template-columns:repeat(2,1fr)}.nutrition-stat--total{border-right:0;border-bottom:1px solid rgba(222,222,213,.86);padding-right:0;padding-bottom:12px}.donut{display:none}.meal-card{grid-template-columns:minmax(0,1fr) 82px 40px;gap:8px}.meal-card .icon-plain:not(.meal-menu-button){display:none}.meal-actions{grid-template-columns:1fr}.meal-card img{width:82px;height:72px}.recipe-card__image img{height:132px}.chip-scroll .pill{flex-basis:calc((100% - 20px) / 3);min-width:calc((100% - 20px) / 3)}}