:root{--bg:#f8f7fb;--paper:#fff;--paper-soft:#f3effb;--paper-strong:#ece4fb;--ink:#17151c;--muted:#716d79;--muted-2:#9b96a3;--line:#211b2a1a;--purple:#7c3aed;--purple-dark:#6428d7;--purple-light:#a855f7;--icon-primary:#7c3aed;--icon-secondary:#e84d97;--icon-soft:#f0eafd;--danger:#c92a43;--success:#198754;--radius-sm:14px;--radius:22px;--radius-lg:30px;--shadow:0 18px 55px #36254f1a;--shadow-soft:0 8px 28px #2b1f3c14;--nav-height:82px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #7c3aed47}.eyebrow{color:var(--purple);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:760}.muted{color:var(--muted)}.brand{align-items:center;gap:9px;width:max-content;display:inline-flex}.brand-logo{object-fit:cover;border-radius:11px;flex:none;width:36px;height:36px;box-shadow:0 8px 22px #7c3aed40}.brand-logo.compact{border-radius:9px;width:30px;height:30px}.brand-word{letter-spacing:-.055em;font-size:1.55rem;font-weight:710}.brand-word.compact{font-size:1.25rem}.icon-button{border:1px solid var(--line);cursor:pointer;background:#ffffffd9;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.icon-button>svg{color:var(--icon-primary)}.primary-button,.secondary-button,.text-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 21px;font-weight:700;display:inline-flex}.primary-button{background:var(--purple);color:#fff;border:0;box-shadow:0 10px 26px #7c3aed38}.primary-button:hover{background:var(--purple-dark)}.primary-button:disabled{opacity:.52;cursor:default}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.text-button{min-height:40px;color:var(--purple);background:0 0;border:0;padding:0 8px}.bottom-nav{z-index:60;left:50%;bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffffeb;border:1px solid #2a203614;border-radius:26px;grid-template-columns:repeat(5,1fr);align-items:center;width:min(100% - 20px,560px);min-height:70px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 48px #22193024,inset 0 1px #ffffffe6}.bottom-nav a,.bottom-nav .settings-nav{color:#8c8791;cursor:pointer;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:0;font-size:.63rem;font-weight:650;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.nav-icon{color:currentColor;place-items:center;width:32px;height:28px;transition:color .2s,transform .2s;display:grid}.bottom-nav a.active{color:var(--purple-dark);background:linear-gradient(135deg,#7c3aed1f,#e84d9717);font-weight:760}.bottom-nav a.active:before{background:linear-gradient(90deg,var(--icon-primary),var(--icon-secondary));content:"";border-radius:999px;width:20px;height:3px;position:absolute;top:4px}.bottom-nav a.active .nav-icon{color:var(--purple);transform:translateY(-1px)}.bottom-nav a:hover,.bottom-nav .settings-nav:hover{color:#5f5965}.settings-sheet{width:min(100% - 24px,520px);box-shadow:var(--shadow);background:#fff;border-radius:28px 28px 20px 20px;padding:11px 18px 22px}.settings-group{border:1px solid var(--line);background:var(--paper-soft);border-radius:20px;margin-top:22px;padding:15px}.settings-group-heading{align-items:center;gap:12px;display:flex}.settings-group-heading>span{width:42px;height:42px;color:var(--purple);background:#fff;border-radius:14px;flex:none;place-items:center;display:grid}.settings-group-heading h3{font-size:.95rem}.settings-group-heading p{color:var(--muted);margin-top:2px;font-size:.72rem}.translate-slot{min-height:54px;margin-top:18px}.translate-slot select{border:1px solid var(--line);background:var(--paper-soft);width:100%;min-height:52px;color:var(--ink);border-radius:16px;padding:0 42px 0 15px;font-weight:680}.translate-slot .goog-te-gadget{color:var(--muted);font-size:.68rem}.translate-slot .goog-logo-link,.translate-slot img{display:none!important}.translation-status{min-height:52px;color:var(--muted);align-items:center;gap:9px;font-size:.78rem;display:flex}.translation-status span{border:2px solid #7c3aed33;border-top-color:var(--purple);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite import-spin}.translation-fallback{background:var(--paper-soft);border-radius:17px;gap:12px;margin-top:14px;padding:15px;display:grid}.translation-fallback p,.translation-note{color:var(--muted);font-size:.72rem}.translation-note{margin-top:13px}.settings-preferences{text-align:left;cursor:pointer;background:linear-gradient(135deg,#f4efff,#fff3f8);border:1px solid #7c3aed24;border-radius:19px;grid-template-columns:44px 1fr 20px;align-items:center;gap:11px;width:100%;margin-top:20px;padding:12px;display:grid}.settings-preferences>span{width:44px;height:44px;color:var(--purple);box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;place-items:center;display:grid}.settings-preferences>div{flex-direction:column;min-width:0;display:flex}.settings-preferences strong{font-size:.88rem}.settings-preferences small{color:var(--muted);margin-top:2px;font-size:.65rem}.settings-preferences>svg{color:var(--muted-2)}.preferences-layer{z-index:180}.preferences-sheet{background:#fdfcfffb;border:1px solid #ffffffb8;border-radius:31px;flex-direction:column;width:min(100% - 16px,620px);max-height:min(94svh,860px);padding:13px 20px 20px;display:flex;overflow:hidden;box-shadow:0 30px 90px #140c1e47}.preferences-top{justify-content:space-between;align-items:center;display:flex}.preferences-step{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:720}.preferences-progress{background:var(--paper-strong);border-radius:99px;height:5px;margin-top:10px;overflow:hidden}.preferences-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--icon-secondary));height:100%;transition:width .25s;display:block}.preferences-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.preferences-hero-icon{background:linear-gradient(135deg,var(--purple),var(--icon-secondary));color:#fff;border-radius:26px;place-items:center;width:78px;height:78px;margin-bottom:22px;display:grid;box-shadow:0 18px 40px #7c3aed42}.preferences-welcome h2,.preferences-content h2{letter-spacing:-.06em;text-wrap:balance;margin-top:7px;font-size:clamp(2rem,8vw,3.25rem);line-height:1}.preferences-welcome>p:not(.eyebrow){max-width:430px;color:var(--muted);margin-top:16px;line-height:1.55}.preferences-welcome .primary-button{width:min(100%,340px);margin-top:28px}.preferences-welcome .text-button{margin-top:8px}.preferences-content{padding:24px 2px 10px;overflow-y:auto}.preferences-content>.muted{margin-top:12px;font-size:.8rem}.preferences-content h3{margin:24px 0 10px;font-size:.9rem}.preference-options{flex-wrap:wrap;gap:8px;display:flex}.preference-options button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.preference-options button svg{color:var(--icon-primary)}.preference-options button:nth-child(2n) svg{color:var(--icon-secondary)}.preference-options button.selected{background:var(--paper-strong);color:var(--purple-dark);border-color:#7c3aed59;font-weight:720;box-shadow:inset 0 0 0 1px #7c3aed14}.preference-options.allergens{max-height:45svh;padding-bottom:3px;overflow-y:auto}.preference-field,.household-picker{border:1px solid var(--line);background:#fff;border-radius:19px;justify-content:space-between;align-items:center;gap:14px;min-height:70px;margin-top:18px;padding:10px 13px 10px 16px;display:flex}.preference-field>span,.household-picker>span{font-size:.86rem;font-weight:700}.preference-field select{background:var(--paper-soft);max-width:170px;min-height:44px;color:var(--purple-dark);border:0;border-radius:13px;outline:0;padding:0 10px;font-weight:700}.household-picker>div{text-align:center;grid-template-columns:40px 40px 40px;align-items:center;display:grid}.household-picker button{background:var(--paper-soft);width:38px;height:38px;color:var(--purple);border:0;border-radius:12px;place-items:center;padding:0;display:grid}.household-picker strong{font-size:1.15rem}.local-note{background:var(--paper-soft);color:var(--muted);border-radius:15px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;font-size:.7rem;display:flex}.local-note svg{color:var(--purple);flex:none}.preferences-actions{grid-template-columns:.8fr 1.2fr;gap:9px;padding-top:16px;display:grid}.home-shell{min-height:100svh;padding-bottom:calc(var(--nav-height) + 72px)}.home-header,.shopping-header,.editor-header{width:min(100% - 34px,760px);padding:calc(18px + env(safe-area-inset-top)) 0 14px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.home-main{width:min(100% - 30px,760px);margin:0 auto}.welcome-block{padding:30px 4px 25px}.welcome-block h1{letter-spacing:-.065em;max-width:610px;margin-top:8px;font-size:clamp(2.65rem,11vw,4.9rem);font-weight:690;line-height:.95}.welcome-block h1 span{color:var(--purple)}.welcome-block>p:last-child{color:var(--muted);margin-top:18px;font-size:.98rem}.discovery-controls{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.search-field{background:var(--paper);border:1px solid #45325c2e;border-radius:18px;grid-template-columns:23px 1fr 28px;align-items:center;gap:10px;min-height:56px;padding:0 10px 0 17px;display:grid;box-shadow:0 12px 34px #36254f21,0 2px 7px #36254f0f}.search-field:focus-within{border-color:#7c3aed80;box-shadow:0 0 0 4px #7c3aed14,0 14px 38px #36254f24}.search-field>svg{color:var(--purple)}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--muted-2)}.search-field button{background:var(--paper-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.filter-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:6px;min-width:86px;height:54px;padding:0 13px;display:flex;position:relative}.filter-button b{font-size:.72rem}.filter-button span{border:2px solid var(--bg);background:var(--purple);border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:.65rem;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.quick-tags-wrap{margin:15px -15px 0;position:relative}.quick-tags-wrap:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg));width:44px;position:absolute;top:0;bottom:8px;right:0}.quick-tags{scrollbar-width:none;gap:8px;margin:0;padding:0 52px 8px 15px;display:flex;overflow-x:auto}.quick-tags::-webkit-scrollbar{display:none}.quick-tags button{border:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;background:#ffffffc7;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px 0 9px;display:inline-flex}.quick-tags button.selected{border-color:var(--purple);background:var(--paper-strong);color:var(--purple-dark);font-weight:690}.tag-icon{border-radius:9px;place-items:center;width:26px;height:26px;display:grid}.tag-tone-green{color:#17834d;background:#e5f7ed}.tag-tone-amber{color:#b76905;background:#fff2d9}.tag-tone-blue{color:#2675c8;background:#e7f2ff}.tag-tone-rose{color:#c73567;background:#ffe8ef}.tag-tone-purple{background:var(--paper-strong);color:var(--purple)}.tag-tone-pink{color:var(--icon-secondary);background:#ffe8f5}.feed-section{padding:32px 0 18px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;padding:0 2px;display:flex}.section-heading h2{letter-spacing:-.04em;margin-top:4px;font-size:1.55rem}.section-heading>a{color:var(--purple);font-size:.78rem;font-weight:720}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.recipe-card{background:var(--paper);border:1px solid #211b2a12;border-radius:21px;min-width:0;overflow:hidden;box-shadow:0 10px 35px #2a1f3912}.recipe-card a{display:block}.recipe-card-image-wrap{aspect-ratio:.98;background:var(--paper-soft);position:relative;overflow:hidden}.recipe-card-tall .recipe-card-image-wrap{aspect-ratio:.82}.recipe-card-image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.recipe-card:hover .recipe-card-image{transform:scale(1.025)}.image-placeholder{background:var(--paper-strong);width:100%;height:100%;color:var(--purple);place-items:center;display:grid}.favorite-button{color:#3a3540;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #fff9;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 6px 18px #0000001f}.favorite-button.is-favorite{color:var(--purple)}.time-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17151cc7;border-radius:999px;align-items:center;gap:4px;min-height:28px;padding:0 9px;font-size:.66rem;font-weight:680;display:inline-flex;position:absolute;bottom:9px;left:9px}.recipe-card-body{padding:13px 12px 14px}.recipe-card-body .eyebrow{font-size:.57rem}.recipe-card-body h2{letter-spacing:-.035em;margin-top:4px;font-size:clamp(1rem,4.3vw,1.22rem);line-height:1.07}.recipe-card-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:.72rem;line-height:1.42;display:-webkit-box;overflow:hidden}.match-badge{width:max-content;color:var(--purple-dark);background:linear-gradient(135deg,#7c3aed1a,#e84d9714);border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:5px 8px;font-size:.6rem;font-weight:740;display:inline-flex}.recipe-card-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:.66rem;display:flex}.recipe-card-meta span:last-child{align-items:center;gap:3px;display:inline-flex}.recipe-skeleton{background:#fff;border-radius:21px;height:280px;overflow:hidden}.recipe-skeleton span{background:#edeaf0;height:68%;animation:1.4s infinite alternate pulse;display:block}.recipe-skeleton i{background:#edeaf0;border-radius:99px;width:78%;height:12px;margin:13px 12px 0;animation:1.4s infinite alternate pulse;display:block}.recipe-skeleton i:last-child{width:50%}@keyframes pulse{to{opacity:.48}}.empty-state{text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px 28px;display:flex}.empty-state>svg,.empty-state>span{background:var(--paper-soft);width:68px;height:68px;color:var(--purple);border-radius:23px;place-items:center;display:grid}.empty-state h3,.empty-state h2{letter-spacing:-.04em;margin-top:18px;font-size:1.4rem}.empty-state p{max-width:390px;color:var(--muted);margin-top:8px}.empty-state .primary-button,.empty-state .secondary-button{margin-top:20px}.modal-layer{z-index:100;padding:18px 10px max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f1b57;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet,.info-sheet{background:#fdfcfffa;border:1px solid #ffffff9e;border-radius:30px;width:min(100%,680px);max-height:min(90svh,850px);overflow-y:auto;box-shadow:0 30px 90px #140c1e47}.filter-sheet{padding:10px 20px 24px}.sheet-handle{background:#d6d1da;border-radius:99px;width:42px;height:5px;margin:0 auto 15px}.sheet-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.sheet-heading h2{letter-spacing:-.045em;margin-top:4px;font-size:1.55rem;line-height:1.08}.filter-block{border-bottom:1px solid var(--line);padding:24px 0}.filter-block h3{font-size:1rem}.filter-block>.muted{margin:4px 0 14px;font-size:.8rem}.filter-label{justify-content:space-between;font-size:.9rem;display:flex}.filter-label strong{color:var(--purple)}.filter-input{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:22px 1fr;align-items:center;gap:8px;min-height:48px;padding:0 13px;display:grid}.filter-input svg{color:var(--purple)}.filter-input input{background:0 0;border:0;outline:0;min-width:0}.range{width:100%;accent-color:var(--purple);margin-top:12px}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:0 13px;display:inline-flex}.filter-sheet .chip svg{color:var(--icon-primary)}.filter-sheet .chip:nth-child(2n) svg{color:var(--icon-secondary)}.chip.selected{background:var(--paper-strong);color:var(--purple-dark);border-color:#7c3aed4d;font-weight:680}.sheet-actions{grid-template-columns:auto 1fr;gap:10px;padding-top:20px;display:grid}.detail-shell{min-height:100svh;padding-bottom:calc(var(--nav-height) + 72px);background:#fbfaff}.detail-hero{background:#d8d0e4;height:min(68svh,590px);min-height:430px;position:relative;overflow:hidden}.detail-hero>img{object-fit:cover;width:100%;height:100%}.detail-hero-shade{background:linear-gradient(#0a060e85 0%,#0a060e1f 31%,#0a060e08 48%,#0c0811c2 100%);position:absolute;inset:0}.glass-button{top:calc(18px + env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120c1857;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;box-shadow:0 6px 18px #00000029}.glass-button.back{left:18px}.glass-button.share{cursor:pointer;right:18px}.detail-hero-copy{color:#fff;position:absolute;bottom:34px;left:22px;right:22px}.detail-hero-copy p{letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:650}.detail-hero-copy h1{letter-spacing:-.07em;text-wrap:balance;max-width:680px;margin-top:7px;font-size:clamp(2.75rem,12.5vw,5.5rem);font-weight:680;line-height:.92}.detail-main{width:min(100%,820px);margin:0 auto}.detail-intro{padding:28px 22px 24px}.detail-intro>p{color:#4d4852;font-size:1.04rem;line-height:1.62}.stat-row{border:1px solid var(--line);background:#fff;border-radius:21px;grid-template-columns:repeat(3,1fr);margin-top:23px;display:grid;overflow:hidden}.stat-row>span{text-align:center;place-items:center;gap:2px;min-width:0;padding:15px 4px 13px;display:grid}.stat-row>span+span{border-left:1px solid var(--line)}.stat-row.four{grid-template-columns:repeat(4,1fr)}.stat-row svg{color:var(--purple)}.stat-row strong{margin-top:3px;font-size:.86rem}.stat-row small{color:var(--muted);font-size:.6rem}.tag-row{scrollbar-width:none;gap:7px;margin:15px -22px 0;padding:0 22px 5px;display:flex;overflow-x:auto}.tag-row span{background:var(--paper-soft);min-height:34px;color:var(--purple-dark);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 11px 4px 5px;font-size:.68rem;font-weight:640;display:inline-flex}.tag-row .tag-icon{width:26px;height:26px}.share-servings-source{display:none}.detail-quick-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.detail-quick-actions button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:38px 1fr;align-items:center;gap:9px;min-height:66px;padding:8px 11px;display:grid}.detail-quick-actions button>svg{box-sizing:content-box;background:var(--paper-soft);color:var(--purple);border-radius:12px;padding:8px}.detail-quick-actions button>span{flex-direction:column;min-width:0;display:flex}.detail-quick-actions strong{font-size:.75rem;line-height:1.15}.detail-quick-actions small{color:var(--muted);margin-top:3px;font-size:.59rem}.detail-quick-actions button.selected{background:var(--paper-soft);color:var(--purple-dark);border-color:#7c3aed47}.detail-quick-actions button.primary-action{background:var(--ink);color:#fff;border-color:#0000}.detail-quick-actions button.primary-action>svg{color:#fff;background:#ffffff24}.detail-quick-actions button.primary-action small{color:#ffffffad}.content-section{border-top:1px solid var(--line);padding:30px 22px}.content-heading{justify-content:space-between;align-items:end;gap:15px;display:flex}.content-heading h2,.knowledge-grid h2{letter-spacing:-.045em;margin-top:4px;font-size:1.75rem}.serving-stepper{border:1px solid var(--line);background:#fff;border-radius:999px;grid-template-columns:38px 52px 38px;align-items:center;display:grid;overflow:hidden}.serving-stepper button{height:44px;color:var(--purple);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.serving-stepper strong{flex-direction:column;align-items:center;font-size:1.08rem;display:flex}.serving-stepper small{color:var(--muted);margin-top:-2px;font-size:.52rem;font-weight:550}.shopping-callout{background:var(--paper-strong);width:100%;min-height:66px;color:var(--purple-dark);cursor:pointer;border:0;border-radius:19px;justify-content:space-between;align-items:center;margin-top:22px;padding:8px 14px 8px 12px;display:flex}.shopping-callout>span{text-align:left;align-items:center;gap:11px;display:flex}.shopping-callout>span>svg{box-sizing:content-box;background:#fff;border-radius:13px;padding:10px}.shopping-callout>span>span{flex-direction:column;display:flex}.shopping-callout small{color:var(--muted);margin-top:2px;font-size:.65rem}.ingredient-list{margin:22px 0 0;padding:0;list-style:none}.ingredient-list li{border-bottom:1px solid var(--line);grid-template-columns:26px 78px 1fr;align-items:start;gap:9px;padding:13px 0;display:grid}.ingredient-list li>button{cursor:pointer;background:0 0;border:0;padding:2px 0 0}.ingredient-list li>button span,.check-button span{color:#fff;border:1.5px solid #c7c0cd;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.ingredient-list li.checked>button span,.shopping-groups li.checked .check-button span{border-color:var(--purple);background:var(--purple)}.ingredient-list li.checked{opacity:.52}.ingredient-list li.checked strong{text-decoration:line-through}.ingredient-amount{color:var(--purple);font-size:.95rem;font-weight:760}.ingredient-amount small{color:var(--muted);font-size:.7rem;font-weight:620}.ingredient-list li>span:last-child{flex-direction:column;min-width:0;display:flex}.ingredient-list li>span:last-child strong{font-size:.91rem}.ingredient-list li>span:last-child small{color:var(--muted);margin-top:2px;font-size:.7rem}.cook-mode-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:.75rem;font-weight:680;display:inline-flex}.steps-list{margin:24px 0 0;padding:0;list-style:none}.steps-list li{grid-template-columns:44px 1fr;gap:12px;padding:0 0 27px;display:grid}.step-toggle{background:var(--purple);color:#fff;cursor:pointer;border:0;border-radius:14px;place-items:center;width:40px;height:40px;padding:0;font-size:.72rem;font-weight:770;display:grid;box-shadow:0 8px 20px #7c3aed38}.steps-list li.checked{opacity:.52}.steps-list li.checked p{text-decoration:line-through}.steps-list li h3{margin:2px 0 6px;font-size:1rem}.steps-list li p{color:#454149;line-height:1.58}.step-timer{background:var(--paper-soft);min-height:34px;color:var(--purple);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;margin-top:9px;padding:0 10px;font-size:.7rem;font-weight:680;display:inline-flex}.knowledge-grid{gap:32px;display:grid}.allergen-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px;display:grid}.allergen-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:9px;min-height:56px;padding:7px 10px;display:flex}.allergen-grid button span{background:var(--paper-soft);width:34px;height:34px;color:var(--purple);border-radius:11px;place-items:center;display:grid}.allergen-grid button:nth-child(2n) span{color:var(--icon-secondary)}.allergen-grid button:hover span{background:var(--paper-strong)}.recipe-actions button:disabled,.glass-button:disabled{opacity:.62;cursor:wait}.equipment-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.equipment-list span{border:1px solid var(--line);color:#4a454f;background:#fff;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:.78rem;display:inline-flex}.equipment-list svg{color:var(--icon-secondary)}.recipe-actions{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.recipe-actions button,.recipe-actions a{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:50px;padding:0 12px;font-size:.75rem;font-weight:680;display:flex}.recipe-actions svg{color:var(--icon-primary)}.recipe-actions .danger{color:var(--danger)}.source-note{color:var(--muted);padding:0 22px 22px;font-size:.72rem}.source-note a{color:var(--purple);text-decoration:underline}.info-sheet{text-align:center;padding:10px 24px 26px}.info-symbol{background:var(--paper-strong);width:64px;height:64px;color:var(--purple);border-radius:22px;place-items:center;margin:8px auto 18px;display:grid}.info-sheet h2{letter-spacing:-.05em;margin-top:4px;font-size:2rem}.info-sheet>p:not(.eyebrow){color:var(--muted);margin:10px auto 22px;line-height:1.58}.info-sheet .primary-button{width:100%}.cook-mode{z-index:150;padding:calc(18px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));background:#fbfaff;flex-direction:column;display:flex;position:fixed;inset:0}.cook-mode-top{justify-content:space-between;align-items:center;display:flex}.cook-mode-top>span{align-items:center;gap:7px;font-weight:720;display:flex}.cook-mode-top>span svg{color:var(--purple)}.cook-mode-top button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.cook-progress{background:var(--paper-strong);border-radius:99px;height:6px;margin-top:20px;overflow:hidden}.cook-progress span{border-radius:inherit;background:var(--purple);height:100%;transition:width .25s;display:block}.cook-step-copy{flex-direction:column;flex:1;justify-content:center;max-width:760px;margin:0 auto;display:flex}.cook-step-copy>p{color:var(--purple);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:760}.cook-step-copy h2{margin-top:11px;font-size:1.3rem}.cook-step-copy h3{letter-spacing:-.05em;margin-top:12px;font-size:clamp(2rem,8vw,4.3rem);font-weight:620;line-height:1.12}.cook-timer-button{background:var(--paper-strong);width:max-content;min-height:48px;color:var(--purple-dark);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:0 16px;font-weight:720;display:inline-flex}.cook-controls{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.timer-banner{z-index:165;right:18px;bottom:calc(var(--nav-height) + 18px + env(safe-area-inset-bottom));background:linear-gradient(135deg,var(--purple-dark),#8b3fe7);color:#fff;max-width:440px;min-height:58px;box-shadow:var(--shadow);cursor:pointer;border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:32px 1fr 22px;align-items:center;gap:9px;margin:0 auto;padding:8px 13px;display:grid;position:fixed;left:18px}.timer-banner>span{text-align:left;flex-direction:column;display:flex}.timer-banner small{color:#ffffffad;font-size:.58rem}.timer-banner strong{letter-spacing:.04em;font-size:1rem}.toast{z-index:170;right:18px;bottom:calc(var(--nav-height) + 20px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;max-width:480px;min-height:50px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:9px;margin:0 auto;padding:10px 15px;font-size:.8rem;display:flex;position:fixed;left:18px}.toast svg{color:#c9f6dc}.editor-shell{min-height:100svh;padding-bottom:calc(var(--nav-height) + 72px);background:#fbfaff}.editor-header{width:min(100% - 34px,920px)}.editor-main{width:min(100% - 28px,920px);margin:0 auto}.editor-title{padding:28px 3px 24px}.editor-title h1{letter-spacing:-.065em;margin-top:7px;font-size:clamp(2.4rem,9vw,4.5rem);line-height:.98}.editor-title>p:last-child{color:var(--muted);margin-top:12px}.studio-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 30px,620px);min-height:calc(100svh - 170px);margin:0 auto;padding:42px 22px;display:flex}.studio-gate>span{width:76px;height:76px;color:var(--purple);background:linear-gradient(135deg,#7c3aed24,#e84d971f);border-radius:25px;place-items:center;margin-bottom:20px;display:grid}.studio-gate h1{letter-spacing:-.06em;max-width:560px;margin-top:8px;font-size:clamp(2.25rem,8vw,4.25rem);line-height:1}.studio-gate>p:last-of-type{max-width:520px;color:var(--muted);margin-top:16px;line-height:1.65}.studio-gate .primary-button,.studio-gate .secondary-button{margin-top:24px}.studio-gate>small{max-width:420px;color:var(--muted-2);margin-top:18px;font-size:.68rem}.import-panel{background:var(--paper-soft);border:1px solid #7c3aed21;border-radius:25px;grid-template-columns:52px 1fr;gap:13px;margin-bottom:16px;padding:18px;display:grid}.import-icon{background:var(--purple);color:#fff;border-radius:16px;place-items:center;width:49px;height:49px;display:grid}.import-panel h2{letter-spacing:-.03em;margin-top:3px;font-size:1.12rem}.import-panel>div>p:last-child{color:var(--muted);margin-top:6px;font-size:.77rem}.import-tabs{background:#ffffffb8;border-radius:16px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}.import-tabs button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:.7rem;font-weight:680;display:inline-flex}.import-tabs button.active{color:var(--purple-dark);background:#fff;box-shadow:0 5px 16px #442d601a}.import-field{border:1px solid var(--line);background:#fff;border-radius:17px;grid-column:1/-1;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;min-height:54px;padding:4px 4px 4px 14px;display:grid}.import-field>svg{color:var(--purple)}.import-field input{background:0 0;border:0;outline:0;min-width:0}.import-field .primary-button{min-height:44px;padding:0 15px}.import-file{text-align:center;cursor:pointer;background:#ffffffad;border:1.5px dashed #7c3aed47;border-radius:19px;grid-column:1/-1;align-content:center;place-items:center;gap:5px;min-height:142px;padding:18px;display:grid}.import-file>span{background:var(--paper-strong);width:46px;height:46px;color:var(--purple);border-radius:15px;place-items:center;margin-bottom:3px;display:grid}.import-file strong{font-size:.84rem}.import-file small{color:var(--muted);font-size:.68rem}.import-file input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.import-progress{grid-column:1/-1;align-items:center;gap:8px;font-weight:650;display:flex;color:var(--purple-dark)!important;font-size:.71rem!important}.import-progress>span{border:2px solid #7c3aed33;border-top-color:var(--purple);border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite import-spin}@keyframes import-spin{to{transform:rotate(360deg)}}.recipe-form{gap:14px;display:grid}.form-section{border:1px solid var(--line);background:#fff;border-radius:25px;padding:21px 17px;box-shadow:0 10px 35px #2a1f390b}.form-section-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.form-section-heading>span{background:var(--paper-strong);width:40px;height:40px;color:var(--purple);border-radius:13px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.form-section-heading h2{letter-spacing:-.035em;font-size:1.25rem}.form-section-heading p{color:var(--muted);font-size:.72rem}.field{flex-direction:column;gap:7px;display:flex;position:relative}.field>span{color:#534e58;font-size:.72rem;font-weight:680}.field input,.field textarea,.field select,.step-editor-row input,.step-editor-row textarea,.ingredient-editor-row input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fcfbfd;border-radius:13px;outline:0;transition:border-color .15s,box-shadow .15s}.field input,.field select,.step-editor-row input,.ingredient-editor-row input{height:46px;padding:0 12px}.field textarea,.step-editor-row textarea{resize:vertical;padding:11px 12px}.field input:focus,.field textarea:focus,.field select:focus,.step-editor-row input:focus,.step-editor-row textarea:focus,.ingredient-editor-row input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed1a}.field>small{color:var(--muted-2);font-size:.58rem;position:absolute;bottom:7px;right:10px}.field.full{margin-top:14px}.form-section .field.full:first-of-type{margin-top:0}.form-grid{gap:10px;margin-top:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.suffix-input{position:relative}.suffix-input input{padding-right:38px}.suffix-input span{color:var(--muted);font-size:.65rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.image-field{background:var(--paper-soft);border-radius:18px;grid-template-columns:112px 1fr;gap:13px;margin-top:16px;padding:12px;display:grid}.image-preview{aspect-ratio:1;background:#fff;border-radius:14px;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-preview>span{height:100%;color:var(--purple);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.image-preview small{color:var(--muted);font-size:.62rem}.image-field h3{margin-top:3px;font-size:.93rem}.image-field p{color:var(--muted);margin-top:3px;font-size:.67rem}.upload-label{min-height:38px;margin-top:9px;padding:0 12px;font-size:.7rem}.upload-label input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.field.image-url{margin-top:9px}.field.image-url input{background:#fff;height:39px}.ingredient-editor-head{color:var(--muted);grid-template-columns:70px 70px 1fr;gap:7px;padding:0 38px 7px 0;font-size:.62rem;font-weight:680;display:grid}.ingredient-editor{gap:8px;display:grid}.ingredient-editor-row{grid-template-columns:70px 70px 1fr 28px;align-items:start;gap:7px;display:grid}.ingredient-editor-row>div{gap:5px;display:grid}.ingredient-editor-row .note-input{height:36px;font-size:.72rem}.ingredient-editor-row>button,.step-editor-row>button{width:28px;height:38px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.add-row-button{border:1px solid var(--line);min-height:40px;color:var(--purple);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-top:13px;padding:0 13px;font-size:.72rem;font-weight:680;display:inline-flex}.step-editor{gap:13px;display:grid}.step-editor-row{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr 28px;align-items:start;gap:8px;padding-bottom:13px;display:grid}.step-editor-row>span{background:var(--purple);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;font-size:.65rem;font-weight:760;display:grid}.step-editor-row>div{gap:6px;display:grid}.step-editor-row>div>input{font-weight:670}.timer-field{width:max-content;color:var(--muted);align-items:center;gap:4px;font-size:.67rem;display:inline-flex}.timer-field input{width:64px;height:33px;padding:0 7px}.selector-block+.selector-block{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.selector-block h3{margin-bottom:11px;font-size:.86rem}.selector-grid .chip{min-height:36px;font-size:.72rem}.selector-grid .chip svg{color:var(--icon-primary);flex:none}.selector-grid .chip:nth-child(2n) svg{color:var(--icon-secondary)}.toggle-field{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;margin-top:23px;padding-top:20px;display:flex;position:relative}.toggle-field>span{flex-direction:column;display:flex}.toggle-field small{color:var(--muted);margin-top:3px;font-size:.65rem}.toggle-field input{opacity:0;position:absolute}.toggle-field i{background:#ded9e3;border-radius:999px;flex:none;width:48px;height:29px;transition:background .2s;position:relative}.toggle-field i:after{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000026}.toggle-field input:checked+i{background:var(--purple)}.toggle-field input:checked+i:after{transform:translate(19px)}.form-message{background:var(--paper-soft);color:#4d3c65;border:1px solid #7c3aed26;border-radius:15px;align-items:center;gap:9px;padding:12px 14px;font-size:.78rem;display:flex}.form-message>a{color:var(--purple);margin-left:auto;font-weight:700}.form-submit{z-index:40;bottom:calc(var(--nav-height) + 9px);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-radius:22px;grid-template-columns:auto 1fr;gap:9px;padding:9px;display:grid;position:sticky}.shopping-shell{min-height:100svh;padding-bottom:calc(var(--nav-height) + 72px)}.shopping-main{width:min(100% - 30px,720px);margin:0 auto}.share-shopping-button{min-height:42px;color:var(--purple-dark);cursor:pointer;background:linear-gradient(135deg,#f2edff,#fff0f7);border:1px solid #7c3aed24;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.72rem;font-weight:740;display:inline-flex}.share-shopping-button:disabled{opacity:.48;cursor:default}.shopping-title{padding:30px 3px 22px}.shopping-title h1{letter-spacing:-.07em;margin-top:6px;font-size:clamp(2.8rem,11vw,5rem);line-height:.96}.shopping-title>p:last-child{color:var(--muted);margin-top:12px}.shopping-progress{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px}.shopping-progress>div{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.shopping-progress strong{color:var(--ink);font-size:.95rem}.shopping-progress>i{background:var(--paper-strong);border-radius:99px;height:7px;margin-top:11px;display:block;overflow:hidden}.shopping-progress>i span{border-radius:inherit;background:var(--purple);height:100%;transition:width .2s;display:block}.quick-add{border:1px solid var(--line);min-height:54px;box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;margin-top:12px;padding:4px 5px 4px 14px;display:grid}.quick-add>svg{color:var(--purple)}.quick-add input{background:0 0;border:0;outline:0;min-width:0}.quick-add button{background:var(--purple);color:#fff;border:0;border-radius:14px;min-height:42px;padding:0 13px;font-size:.68rem;font-weight:700}.quick-add button:disabled{opacity:.45}.market-region{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:9px 14px;margin-top:13px;padding:13px 14px;display:grid}.market-region>span{align-items:center;gap:9px;min-width:0;display:flex}.market-region>span>svg{color:var(--purple);flex:none}.market-region>span>span{flex-direction:column;min-width:0;display:flex}.market-region strong{font-size:.76rem}.market-region small{color:var(--muted);margin-top:1px;font-size:.59rem}.market-region>div{background:var(--paper-strong);border-radius:999px;gap:4px;padding:3px;display:flex}.market-region>div button{width:35px;height:29px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;font-size:.61rem;font-weight:760}.market-region>div button.active{color:var(--purple-dark);background:#fff;box-shadow:0 3px 10px #3723501c}.market-region>p{color:var(--muted-2);grid-column:1/-1;font-size:.57rem}.store-filter{scrollbar-width:none;gap:7px;margin-top:14px;padding:1px 1px 5px;display:flex;overflow-x:auto}.store-filter::-webkit-scrollbar{display:none}.store-filter button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:0 13px;font-size:.67rem;font-weight:680}.store-filter button.active{background:var(--ink);color:#fff;border-color:#0000}.live-list-status{color:#15683f;background:#19875412;border:1px solid #19875426;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 13px;font-size:.7rem;display:flex}.live-list-status>span{align-items:center;display:flex}.live-list-status>span>i{background:#22a965;border-radius:50%;width:8px;height:8px;margin-right:7px;box-shadow:0 0 0 4px #22a9651c}.live-list-status small{color:#4a785f}.live-list-status button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:.65rem;font-weight:730}.shopping-groups{gap:24px;padding-top:28px;display:grid}.shopping-group-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.shopping-group-title h2{letter-spacing:-.03em;font-size:1.05rem}.shopping-group-title .aisle-icon{background:var(--paper-strong);width:28px;height:28px;color:var(--purple);border-radius:9px;place-items:center;display:grid}.shopping-group-title b{background:var(--paper-strong);min-width:22px;height:22px;color:var(--muted);border-radius:99px;place-items:center;margin-left:auto;padding:0 6px;font-size:.64rem;font-weight:720;display:grid}.shopping-groups ul{border:1px solid var(--line);background:#fff;border-radius:20px;margin:0;padding:0 14px;list-style:none;overflow:hidden}.shopping-groups li,.pantry-section li{border-bottom:1px solid var(--line);padding:11px 0;list-style:none}.shopping-groups li:last-child{border-bottom:0}.shopping-groups li.checked{opacity:.48}.shopping-groups li.checked .shopping-item-copy strong{text-decoration:line-through}.shopping-item-line{grid-template-columns:28px minmax(54px,auto) 1fr 28px;align-items:center;gap:7px;min-height:35px;display:grid}.check-button,.delete-item{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.check-button>span{color:#fff;border:1.5px solid #c6c0cd;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.pantry-dot{background:var(--paper-strong);width:24px;height:24px;color:var(--purple);border-radius:8px;place-items:center;display:grid}.shopping-amount{color:var(--purple);font-size:.78rem;font-weight:740}.shopping-amount small{color:var(--muted);font-size:.62rem}.shopping-item-copy{flex-direction:column;min-width:0;display:flex}.shopping-item-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.shopping-item-copy small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.59rem;overflow:hidden}.shopping-item-tools{justify-content:flex-end;align-items:center;gap:6px;margin:8px 0 0 35px;display:flex}.shopping-item-tools label,.shopping-item-tools button{border:1px solid var(--line);background:var(--paper-soft);min-height:30px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:.6rem;display:inline-flex}.shopping-item-tools label{padding-right:5px}.shopping-item-tools select{max-width:112px;color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-weight:650}.delete-item{color:var(--muted-2)}.pantry-section{background:linear-gradient(135deg,#f5f1fd,#fff);border:1px solid #7c3aed21;border-radius:20px;margin-top:22px}.pantry-section>button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:15px;display:flex}.pantry-section>button>span{grid-template-columns:34px 1fr;align-items:center;column-gap:10px;display:grid}.pantry-section>button>span>svg{color:var(--purple);grid-row:1/3}.pantry-section>button strong{font-size:.83rem}.pantry-section>button small{color:var(--muted);font-size:.62rem}.pantry-section>button>svg{color:var(--muted)}.pantry-section ul{border-top:1px solid #7c3aed1a;margin:0;padding:0 15px 4px}.pantry-section li:last-child{border-bottom:0}.leftover-section{color:#fff;background:#19171e;border-radius:24px;gap:15px;margin-top:34px;padding:20px;display:grid}.leftover-section>div:first-child>p:last-child{color:#aaa4b2;margin-top:7px;font-size:.73rem}.leftover-section h2{letter-spacing:-.04em;margin-top:3px;font-size:1.35rem}.leftover-grid{gap:8px;display:grid}.leftover-grid a{background:#ffffff14;border-radius:15px;grid-template-columns:52px 1fr 22px;align-items:center;gap:10px;padding:8px;display:grid}.leftover-grid img{object-fit:cover;border-radius:11px;width:52px;height:52px}.leftover-grid span{flex-direction:column;min-width:0;display:flex}.leftover-grid strong{font-size:.76rem}.leftover-grid small{color:#bbb4c3;margin-top:3px;font-size:.58rem;line-height:1.4}.leftover-grid>a>svg{color:#b899f4;transform:rotate(180deg)}.share-list-layer{align-items:flex-end}.share-list-sheet{width:min(100% - 24px,500px);max-height:calc(100svh - 22px);box-shadow:var(--shadow);background:#fff;border-radius:29px 29px 20px 20px;margin-bottom:10px;padding:11px 20px 22px;overflow-y:auto}.share-list-sheet>p{color:var(--muted);margin-top:12px;font-size:.78rem;line-height:1.55}.share-list-sheet>small{color:var(--muted-2);margin-top:13px;font-size:.62rem;line-height:1.45;display:block}.share-qr{background:var(--paper-soft);border:10px solid #fff;border-radius:22px;place-items:center;width:220px;height:220px;margin:18px auto;display:grid;overflow:hidden;box-shadow:0 10px 32px #2a1c3a1a}.share-qr img{width:100%;height:100%}.share-qr span{color:var(--purple)}.share-link{flex-direction:column;gap:6px;display:flex}.share-link span{color:var(--muted);font-size:.65rem;font-weight:690}.share-link input{border:1px solid var(--line);background:var(--paper-soft);width:100%;height:45px;color:var(--ink);border-radius:13px;padding:0 12px;font-size:.67rem}.share-list-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.shopping-empty{min-height:360px;margin-top:25px}.clear-checked{min-height:43px;color:var(--danger);background:0 0;border:0;align-items:center;gap:7px;margin:18px auto 0;padding:0 14px;font-size:.72rem;font-weight:680;display:flex}.list-skeleton{gap:10px;margin-top:28px;display:grid}.list-skeleton span{background:#ebe8ee;border-radius:18px;height:60px;animation:1.4s infinite alternate pulse}.standalone-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 30px,620px);min-height:100svh;margin:auto;padding:40px 20px;display:flex}.standalone-state>span{background:var(--paper-strong);width:72px;height:72px;color:var(--purple);border-radius:24px;place-items:center;margin-bottom:18px;display:grid}.standalone-state h1{letter-spacing:-.06em;margin-top:8px;font-size:clamp(2.3rem,10vw,4rem);line-height:1}.standalone-state>p:not(.eyebrow){color:var(--muted);margin-top:13px}.standalone-state .primary-button{margin-top:22px}@media (min-width:700px){.home-header,.shopping-header,.editor-header{padding-top:25px}.home-main{width:min(100% - 46px,960px)}.home-header{width:min(100% - 50px,960px)}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.recipe-card-body h2{font-size:1.24rem}.recipe-card-summary{font-size:.78rem}.filter-sheet,.info-sheet{margin-bottom:12px}.detail-hero{border-radius:34px;width:min(100% - 30px,1040px);margin:15px auto 0}.detail-main{padding-top:10px}.detail-intro,.content-section{padding-left:34px;padding-right:34px}.knowledge-grid{grid-template-columns:1fr 1fr}.allergen-grid{grid-template-columns:1fr}.recipe-actions{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.form-section{padding:27px}.form-submit{bottom:18px}}@media (max-width:390px){.home-main,.shopping-main{width:calc(100% - 24px)}.home-header,.shopping-header,.editor-header{width:calc(100% - 28px)}.welcome-block h1{font-size:2.52rem}.recipe-grid{gap:9px}.recipe-card{border-radius:18px}.recipe-card-body{padding:11px 10px 12px}.recipe-card-summary{display:none}.recipe-card-body h2{font-size:.95rem}.form-grid.three{grid-template-columns:1fr 1fr}.form-grid.three .field:first-child{grid-column:1/-1}.image-field{grid-template-columns:90px 1fr}.ingredient-editor-row{grid-template-columns:58px 58px 1fr 24px;gap:5px}.ingredient-editor-head{grid-template-columns:58px 58px 1fr}.bottom-nav{width:calc(100% - 14px)}}@media print{body,.detail-shell{background:#fff}.bottom-nav,.glass-button,.shopping-callout,.cook-mode-button,.recipe-actions,.favorite-button,.toast{display:none!important}.detail-shell{padding:0}.detail-hero{height:320px;min-height:0}.detail-main{width:100%}.content-section,.detail-intro{break-inside:avoid;padding:20px 0}.ingredient-list li{grid-template-columns:78px 1fr}.ingredient-list li>button{display:none}.steps-list li{break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}