:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--bg-page-gradient:linear-gradient(180deg,#f9f5ef,#f5f0e9);--color-text:#2a241e;--color-text-strong:#2f2518;--color-text-muted:#5a4c3b;--color-text-soft:#7a6a55;--color-text-subtle:#8a7a66;--color-text-faint:#9a8f7c;--color-border:#efe2cf;--color-border-strong:#ead9c2;--color-border-input:#d9c9b3;--color-surface:#fffdf8;--color-surface-raised:#fffaf4;--color-surface-soft:#fff3e1;--color-surface-soft-hover:#ffe8cc;--color-surface-input:#fffaf2;--color-surface-warm:#fff8ef;--color-brand:#d89e55;--color-danger:#8d2d2d;--shadow-soft:0 12px 24px rgba(50,38,20,.12);--shadow-card:0 14px 30px rgba(50,38,20,.08);--header-border:hsla(39,33%,83%,.6);--header-bg:rgba(255,249,240,.9);--header-shadow:0 6px 14px rgba(50,38,20,.06);--header-border-scrolled:hsla(39,33%,83%,.8);--header-bg-scrolled:rgba(255,249,240,.96);--header-shadow-scrolled:0 16px 26px rgba(50,38,20,.16);--icon-filter:none}[data-theme=dark]{color-scheme:dark;--bg-page-gradient:linear-gradient(180deg,#27211c,#231e19);--color-text:#f0e7dc;--color-text-strong:#f7eee3;--color-text-muted:#d0c0ab;--color-text-soft:#b79f84;--color-text-subtle:#a9957c;--color-text-faint:#8f7e68;--color-border:#4a3d31;--color-border-strong:#5a4b3d;--color-border-input:#635342;--color-surface:#271f1a;--color-surface-raised:#30261f;--color-surface-soft:#3b2f26;--color-surface-soft-hover:#4a3b2f;--color-surface-input:#231c17;--color-surface-warm:#32271f;--color-brand:#d7a24f;--color-danger:#f0a3a3;--shadow-soft:0 14px 28px rgba(0,0,0,.35);--shadow-card:0 18px 34px rgba(0,0,0,.32);--header-border:rgba(90,75,61,.7);--header-bg:rgba(39,31,26,.88);--header-shadow:0 10px 24px rgba(0,0,0,.3);--header-border-scrolled:rgba(104,86,70,.78);--header-bg-scrolled:rgba(39,31,26,.95);--header-shadow-scrolled:0 18px 32px rgba(0,0,0,.38);--icon-filter:invert(92%) sepia(17%) saturate(235%) hue-rotate(340deg) brightness(98%) contrast(89%)}*{box-sizing:border-box}html{overflow-y:scroll}body,html{scrollbar-gutter:stable}body{margin:0;background:var(--bg-page-gradient);background-attachment:fixed;color:var(--color-text)}a{color:inherit;text-decoration:none}[data-theme-transition=true] *,[data-theme-transition=true] :after,[data-theme-transition=true] :before{transition-property:color,background-color,border-color,box-shadow,fill,stroke,background;transition-duration:1s;transition-timing-function:ease}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,5vw,48px);border-bottom:1px solid var(--header-border);background:var(--header-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--header-shadow);transition:box-shadow .18s ease,border-bottom-color .18s ease,background-color .18s ease;transform:translateZ(0);will-change:transform;position:-webkit-sticky;position:sticky;top:0;z-index:80}@media (min-width:769px){.app-header.is-scrolled{box-shadow:var(--header-shadow-scrolled);border-bottom-color:var(--header-border-scrolled);background:var(--header-bg-scrolled)}}.app-header.is-hidden{display:none}.brand{display:inline-flex;align-items:center;gap:12px;font-size:2rem;font-weight:200;letter-spacing:.03em}.brand-logo{width:32px;height:32px;object-fit:contain}.app-main{flex:1 1;padding:48px clamp(24px,6vw,72px);position:relative}.is-recipe-view .app-main{padding-top:24px}.header-left{gap:16px}.header-left,.header-tabs-slot{display:flex;align-items:center}.header-tabs-slot{justify-content:center;min-height:44px}.header-spacer{width:100%}.header-right{display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:60}.profile-button{border:1px solid var(--color-border-strong);background:var(--color-surface-warm);border-radius:999px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);cursor:pointer}.profile-button:hover{border-color:var(--color-border-input);box-shadow:var(--shadow-soft)}.profile-icon{width:22px;height:22px;filter:var(--icon-filter)}.profile-menu{position:absolute;right:0;top:calc(100% + 10px);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:14px;padding:12px;min-width:200px;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px;z-index:70;pointer-events:auto}.profile-menu-email{margin:0;font-size:.95rem;color:var(--color-text-muted);white-space:nowrap}.profile-menu-action{border:none;border-radius:10px;padding:10px 12px;background:var(--color-surface-soft);color:var(--color-text-strong);font-weight:600;cursor:pointer;pointer-events:auto}.profile-menu-action:hover{background:var(--color-surface-soft-hover)}.header-back{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.top-tabs{display:flex;flex-direction:column;gap:20px}.top-tabs-bar{display:flex;justify-content:center;gap:18px;align-self:center;min-height:48px}.top-tabs-bar-bottom{display:none}.top-tab{align-items:center;gap:8px;padding:8px 14px 6px;min-height:44px;border:none;background:transparent;color:var(--color-text-muted);font-weight:500;cursor:pointer;touch-action:manipulation}.top-tab,.top-tab-icon-wrap{position:relative;display:inline-flex}.top-tab-icon{width:20px;height:20px;opacity:.7;filter:var(--icon-filter)}.top-tab-label{font-size:1rem}.top-tab-icon{display:inline-flex}.top-tab.is-active{color:var(--color-text-strong)}.top-tab.is-active .top-tab-icon{opacity:1}.top-tab-label{position:relative;display:inline-block}.top-tab.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:3px;border-radius:999px;background:var(--color-brand)}.top-tabs-panels{display:flex;flex-direction:column;width:100%;position:relative}.top-tab-panel{width:100%;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.top-tab-panel[data-state=active]{opacity:1;transform:translateY(0);pointer-events:auto;position:relative;z-index:1}.top-tab-panel[data-state=entering]{opacity:0;transform:translateY(8px);pointer-events:none;position:relative;z-index:1}.top-tab-panel[data-state=exiting]{opacity:0;transform:translateY(6px);position:absolute;inset:0;pointer-events:none;z-index:0}.overlay-backdrop{position:fixed;inset:0;display:flex;justify-content:stretch;align-items:stretch;padding:0;z-index:1000;overflow:hidden}.overlay-backdrop,.overlay-panel{background:var(--color-surface-input)}.overlay-panel{width:100%;max-width:none;min-height:100vh;overflow-y:auto;max-height:100vh;-webkit-overflow-scrolling:touch}.overlay-panel-content{padding:24px clamp(24px,6vw,72px);min-height:100vh}.overlay-panel-content .recipe-detail{padding-top:0}.page-card{max-width:720px;padding:28px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.page-card-flat{max-width:840px;padding:0;border:none;background:transparent;box-shadow:none}.page-card-center{align-items:center;text-align:center;margin-left:auto;margin-right:auto;width:min(840px,100%)}.page-card h1{margin-top:0;font-size:2.5rem;font-weight:300}.page-card p{color:var(--color-text-muted);line-height:1.8}.eaters-page{width:min(840px,100%);margin-left:auto;margin-right:auto;padding:0 0 28px}.eaters-page .eater-cards,.eaters-page .eaters-empty-state,.eaters-page .page-loading-indicator{padding-left:28px;padding-right:28px}.page-title{margin-top:0;margin-bottom:0;text-align:center}.page-card .page-title,.page-title{font-size:2rem;font-weight:300}.eater-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.eater-card{padding:20px;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:18px;position:relative}.eater-add-card{align-items:stretch}.eater-add-card input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-surface-input);font-size:1rem}.eater-add-card .primary-button{width:100%}.eater-card-menu{position:absolute;top:14px;right:14px;z-index:10}.eater-menu-button{border:none;background:transparent;color:var(--color-text-faint);padding:4px 6px;font-weight:700;letter-spacing:1px;cursor:pointer}.eater-menu-button:hover{color:var(--color-text-muted)}.eater-card-menu .menu{right:0;left:auto}.eater-card-header{display:flex;flex-direction:column;gap:6px}.eater-card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-strong)}.eater-card-status{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-soft)}.eater-status-dot{width:8px;height:8px;border-radius:999px}.eater-status-dot,.eater-status-dot.is-complete{background:var(--color-brand)}.eater-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.eater-secondary-link{border:none;background:transparent;padding:8px 6px;color:var(--color-text-muted);font-weight:600;cursor:pointer}.eater-secondary-link:hover{color:var(--color-text-strong)}@media (max-width:720px){.eater-cards{grid-template-columns:1fr}.eater-actions{flex-direction:column;align-items:stretch}.eater-actions .primary-button,.eater-secondary-link{width:100%;text-align:center}}.eaters-empty-state{display:flex;flex-direction:column;align-items:center;width:100%}.eaters-empty-card{width:min(520px,100%);padding:22px;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-card);text-align:center}.eaters-empty-copy{gap:8px}.eaters-empty-title{margin:0;font-size:1.6rem;font-weight:500;color:var(--color-text-strong)}.eaters-empty-body{margin:0;color:var(--color-text-muted)}.recipe-detail{margin-left:auto;margin-right:auto;width:min(840px,100%);padding-bottom:96px}.recipe-detail.recipe-detail-error{position:relative;min-height:100vh;padding-bottom:0;justify-content:center}.recipe-error-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.recipe-error-logo{width:72px;height:72px}.recipe-error-text{font-size:1.4rem;max-width:22rem}.recipe-detail-error .detail-toolbar{position:absolute;top:24px;left:0;right:0}.is-recipe-error{overflow:hidden}.is-recipe-error .app-main{padding:0}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.recipe-nav-button{border:none;background:transparent;color:var(--color-text-strong);font-size:1.6rem;padding:8px 4px;cursor:pointer}.recipe-nav-button .icon-image{width:24px;height:24px;filter:var(--icon-filter)}.recipe-favorite-button{border:none;background:transparent;padding:8px 4px;cursor:pointer;color:var(--color-text-subtle)}.recipe-action-buttons{position:relative;display:flex;align-items:center;gap:14px}.recipe-share-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.recipe-share-button{border:none;background:transparent;padding:8px 4px;cursor:pointer;color:var(--color-text-subtle)}.recipe-share-icon{display:block;width:28px;height:28px;background-color:currentColor;mask-image:url(/icons/link-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/link-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.recipe-share-icon.is-mobile{mask-image:url(/icons/share-svgrepo-com.svg);-webkit-mask-image:url(/icons/share-svgrepo-com.svg)}.recipe-share-toast{position:absolute;top:44px;left:50%;transform:translate(-50%,-4px);padding:6px 10px;border-radius:999px;background:rgba(47,37,24,.9);color:#fff8ef;font-size:.85rem;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none;white-space:nowrap}.recipe-share-toast.is-visible{opacity:1;transform:translate(-50%)}.recipe-favorite-placeholder{display:inline-block;width:36px;height:44px}.recipe-favorite-icon{display:block;width:28px;height:28px;background-color:currentColor;mask-image:url(/icons/heart-unfilled-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/heart-unfilled-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.recipe-favorite-button.is-favorite{color:#e3a2b4}.recipe-favorite-button.is-favorite .recipe-favorite-icon{mask-image:url(/icons/heart-svgrepo-com.svg);-webkit-mask-image:url(/icons/heart-svgrepo-com.svg)}.recipe-intro h1{margin-bottom:0}.recipe-description{margin:0}.recipe-subline{margin-bottom:0;justify-content:center}.recipe-servings{color:var(--color-text-muted);font-weight:500;text-align:center}.recipe-tags{margin-top:4px;justify-content:center}.loading-indicator{display:flex;align-items:center;justify-content:center;color:var(--color-text)}.loading-spinner{width:68px;height:34px;display:block}.recipe-loading-indicator{padding:16px 0}.recipe-loading-centered{min-height:60vh;display:flex;align-items:center;justify-content:center}.recipe-section h2{margin:0;text-align:left;font-size:1.45rem}.recipe-ingredients,.recipe-steps{margin:0;padding-left:22px;color:var(--color-text-muted);text-align:left;font-size:1.1rem;line-height:1.6}.recipe-ingredients{list-style:none;padding-left:0}.recipe-ingredients li+li,.recipe-steps li+li{margin-top:10px}.recipe-ingredient-label{display:flex;gap:10px;align-items:center;cursor:pointer}.recipe-ingredient-label input{margin-top:0}.recipe-quantity{font-weight:600}.recipe-description-flip{display:grid;perspective:800px}.recipe-description-face{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .6s ease}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.recipe-description-front{transform:rotateX(0deg)}.recipe-description-back{transform:rotateX(-180deg)}.recipe-description-flip.is-flipped .recipe-description-front{transform:rotateX(180deg)}.recipe-description-flip.is-flipped .recipe-description-back{transform:rotateX(0deg)}.recipe-remix-bar{position:fixed;left:50%;bottom:calc(24px + var(--keyboard-offset, 0px));transform:translateX(-50%);width:min(420px,50vw);background:var(--color-surface-warm);border:1px solid var(--color-border-strong);border-radius:999px;padding:4px 8px;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:8px;gap:8px;box-shadow:0 20px 40px rgba(50,38,20,.14);z-index:120}.recipe-remix-input{display:flex;align-items:center;min-height:26px}.recipe-remix-input input{width:100%;border:none;background:transparent;font-size:.95rem;color:var(--color-text-strong);padding:0 0 0 6px;outline:none}.recipe-remix-input input::placeholder{color:#b19672}.remix-button{padding:6px 12px;white-space:nowrap;min-width:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-strong);-webkit-tap-highlight-color:transparent}.remix-button:focus,.remix-button:focus-visible{outline:none;box-shadow:none}.remix-button:active{outline:none;box-shadow:none}.remix-button::-moz-focus-inner{border:0}.remix-button-icon{width:25px;height:25px;background-color:currentColor;mask-image:url(/icons/shuffle-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/shuffle-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.toast{position:fixed;left:50%;bottom:112px;transform:translateX(-50%);background:var(--color-text-strong);color:var(--color-surface-warm);padding:12px 18px;border-radius:999px;font-size:.95rem;box-shadow:0 16px 32px rgba(50,38,20,.24);z-index:45}@media (max-width:720px){.recipe-detail{padding-bottom:calc(clamp(24px, 6vw, 64px) + env(safe-area-inset-bottom))}.recipe-remix-bar{bottom:calc(12px + env(safe-area-inset-bottom) + var(--keyboard-offset, 0px));width:calc(100% - 24px);grid-template-columns:1fr auto;border-radius:999px;z-index:120}.recipe-remix-input,.remix-button{grid-area:auto}.remix-button{width:auto}.toast{bottom:calc(16px + env(safe-area-inset-bottom) + 140px);width:calc(100% - 48px);text-align:center}}.stack{display:flex;flex-direction:column;gap:16px}.input-row{display:flex;gap:12px;flex-wrap:wrap}.input-row input{flex:1 1;min-width:220px;padding:10px 12px;border-radius:10px;font-size:1rem}.input-row input,.input-row-search{border:1px solid var(--color-border-input);background:var(--color-surface-input)}.input-row-search{gap:0;flex-wrap:nowrap;border-radius:999px;padding:4px;align-items:center;max-width:100%;width:100%;min-width:0}.input-row-search:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 2px hsla(36,30%,64%,.22)}.input-row-search input{border:none;background:transparent;padding:10px 40px 10px 12px;border-radius:999px;min-width:0;text-align:left;width:100%}.input-row-search input:focus{outline:none;box-shadow:none}.input-row-search input::-webkit-search-cancel-button,.input-row-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-input-wrap{position:relative;flex:1 1;min-width:0;text-align:left}.search-clear-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:var(--color-surface-input);width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-soft);cursor:pointer}.search-clear-button.is-visible{pointer-events:auto}.search-clear-button:hover{background:#f3e7d6}.search-clear-icon{width:14px;height:14px;background-color:currentColor;mask-image:url(/icons/close-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/close-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.search-suggestion{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none;transition:opacity .24s ease;opacity:1}.search-suggestion.is-fading{opacity:0}.search-button{border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,var(--color-brand) 0,#c78a38 100%);border-color:transparent;color:#fffdf7;min-width:56px;display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.search-button:hover{background:linear-gradient(135deg,#c78a38,#b8772b);color:#fffdf7}.search-button:disabled{background:#605d55;border-color:#d9d2c4;color:#fffdf7;opacity:.8;cursor:not-allowed}.search-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.search-icon-loading.icon-image{filter:invert(1);mix-blend-mode:screen;transform:scale(1.6);transform-origin:center}.search-button:hover .search-icon{filter:brightness(0) saturate(100%);opacity:.7}.search-button:disabled .search-icon,.search-button:disabled:hover .search-icon{filter:invert(1);opacity:1}.search-button:disabled:active,.search-button:disabled:hover{background:#605d55;border-color:#d9d2c4;color:#fffdf7}.primary-button{padding:10px 16px;border-radius:999px;border:1px solid var(--color-brand);background:var(--color-brand);color:#fff5e8;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.primary-button:hover{background:var(--color-surface-soft);border-color:var(--color-border-input);color:var(--color-text-strong)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.list{margin:0;padding:0;list-style:none}.list-item{padding:10px 12px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface)}.list-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.eater-select{display:flex;align-items:flex-start;gap:12px}.eater-select input[type=checkbox]{margin-top:4px;width:16px;height:16px;accent-color:var(--color-text-strong)}.list-item-main{display:flex;flex-direction:column;gap:4px}.list-subtext{font-size:.85rem;color:var(--color-text-soft)}.button-row{display:flex;align-items:center;gap:10px}.icon-button{border:1px solid var(--color-border-input);background:var(--color-surface-soft);color:var(--color-text-muted);border-radius:999px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;font-weight:700;cursor:pointer}.list-remove-icon{width:14px;height:14px;flex:0 0 14px;display:inline-block;filter:var(--icon-filter)}.icon-button:hover{background:var(--color-surface-soft-hover)}.secondary-button{padding:8px 14px;border-radius:999px;border:1px solid var(--color-border-input);background:var(--color-surface-soft);color:var(--color-text-muted);font-weight:600;cursor:pointer}.secondary-button:hover{background:var(--color-surface-soft-hover)}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.prompt-card{padding:12px 14px;border-radius:12px;border:1px dashed var(--color-border-input);background:var(--color-surface-soft);font-weight:600;color:var(--color-text-muted)}.prompt-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.textarea{width:100%;min-height:160px;padding:12px 64px 52px 14px;border-radius:12px;border:1px solid var(--color-border-input);background:var(--color-surface-input);font-size:1rem;line-height:1.5;resize:vertical}.textarea-row{position:relative;width:100%}.textarea.is-listening{color:var(--color-text-faint)}.mic-button{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border:none;border-radius:0;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;opacity:.86;transition:color .14s ease,opacity .14s ease,transform .12s ease}.mic-button svg{width:28px;height:28px}.mic-button:hover{color:var(--color-text-strong);opacity:1}.mic-button:active{transform:scale(.92)}.mic-button:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:6px}.mic-button.is-listening{color:var(--color-brand);opacity:1}.mic-button:disabled{cursor:not-allowed;opacity:.6}.profile-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{display:flex;flex-direction:column;gap:8px}.field-group.is-updated{background:hsla(36,51%,65%,.18);border-radius:12px;padding:10px;transition:background .2s ease}.field-label{font-weight:600;color:var(--color-text-strong)}.select{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-surface-input);font-size:1rem}.list-editor{display:flex;flex-direction:column;gap:10px}.list-editor-row{display:flex;align-items:center;gap:10px}.list-input{flex:1 1;min-width:180px;padding:8px 10px;border-radius:10px;border:1px solid var(--color-border-input);background:var(--color-surface-input)}@media (max-width:720px){.profile-grid{grid-template-columns:1fr}.list-editor-row{flex-wrap:wrap}.list-input{min-width:0;width:100%}}.taste-profile-detail{padding-bottom:32px}.detail-toolbar-centered{justify-content:center;position:relative}.detail-toolbar-centered .recipe-nav-button{position:absolute;left:0}.detail-toolbar-spacer{width:32px;height:32px}.taste-profile-heading{margin:0;font-size:1.9rem;font-weight:500;color:var(--color-text-strong);text-align:center}.taste-profile-hero{padding:18px;border-radius:18px;border:1px solid #e9d9c3;background:linear-gradient(135deg,#fff8f1,#fff1e0);box-shadow:0 16px 30px rgba(50,38,20,.1);width:100%}.taste-profile-actions{display:flex;flex-direction:column;gap:6px}.taste-profile-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.taste-profile-divider{height:1px;width:100%;background:var(--color-border)}@media (max-width:720px){.taste-profile-footer{flex-direction:column;align-items:stretch}.taste-profile-footer .primary-button,.taste-profile-footer .secondary-button{width:100%}}.error-text{color:var(--color-danger);font-weight:600}.status-text,.u-empty-title{color:var(--color-text-soft);font-size:1.2em;margin-bottom:0}.status-block,.u-empty-state{text-align:center;width:min(520px,100%);margin-left:auto;margin-right:auto}.auth-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-empty-action{margin-top:6px}.empty-state-rule{position:relative;display:block;height:1px;width:500px;max-width:100%;margin:12px auto 14px;background:rgba(90,76,59,.07)}.empty-state-rule:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;pointer-events:none;background:linear-gradient(180deg,rgba(90,76,59,.05) 0,rgba(90,76,59,.02) 45%,rgba(90,76,59,0))}.status-subtext,.u-empty-subtitle{margin:6px 0 0;font-size:1.1rem;font-weight:130;color:var(--color-text-subtle)}.favorites-header{display:flex;flex-direction:column;align-items:center;gap:6px}.favorites-filter-row{display:flex;align-items:center;gap:12px;width:100%}.favorites-filter-input{flex:1 1}.favorites-filter-input input{padding-right:42px}.favorites-filter-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:var(--color-text-faint);mask-image:url(/icons/filter-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/filter-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;pointer-events:none}.favorites-sort-button{border:none;background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-subtle);opacity:.7;transition:opacity .15s ease;flex:0 0 auto}.favorites-sort-button:hover{opacity:1}.favorites-sort-icon{width:30px;height:30px;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.favorites-sort-button.is-recent .favorites-sort-icon{mask-image:url(/icons/sort-by-time-svgrepo-com.svg);-webkit-mask-image:url(/icons/sort-by-time-svgrepo-com.svg)}.favorites-sort-button.is-alpha .favorites-sort-icon{mask-image:url(/icons/sort-by-alphabet-svgrepo-com.svg);-webkit-mask-image:url(/icons/sort-by-alphabet-svgrepo-com.svg)}.favorites-loading-indicator{padding-top:4px}.favorites-loading-indicator .loading-spinner{width:52px;height:26px}.page-loading-indicator{padding:24px 0}.ideas-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.discover-spinner{display:flex;align-items:center;justify-content:center;padding:6px 0 2px;color:var(--color-text-subtle)}.discover-spinner.is-initial{padding:12px 0 6px}.discover-spinner-icon{width:20px;height:20px;opacity:.8}.discover-sentinel{width:100%;height:1px}.sign-in-shell{display:flex;justify-content:center;align-items:center;padding:32px 0 48px}.sign-in-card{width:min(620px,100%);align-items:stretch;text-align:left;position:relative}.sign-in-copy{gap:6px}.sign-in-kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--color-brand)}.sign-in-title{margin:0;font-size:1.75rem;font-weight:500;color:var(--color-text-strong)}.sign-in-subtitle{margin:0;color:var(--color-text-muted);line-height:1.6}.sign-in-email{font-weight:600;color:var(--color-text-strong)}.sign-in-form{gap:12px}.sign-in-divider{display:flex;align-items:center;gap:12px;margin:14px 0 4px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem}.sign-in-divider:after,.sign-in-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border-strong)}.sign-in-label{font-weight:600;color:var(--color-text-strong)}.sign-in-footnote{margin:0;color:var(--color-text-faint);font-size:.85rem}.sign-in-confirm{align-self:flex-start}.sign-in-close{position:absolute;top:20px;right:20px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);border-radius:999px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sign-in-close:hover{border-color:var(--color-border-input);background:var(--color-surface-soft)}.sign-in-close-icon{width:14px;height:14px}.sign-in-link{border:none;background:none;padding:0;color:var(--color-text-muted);font-weight:600;cursor:pointer}.sign-in-link:hover{color:var(--color-text-strong)}.idea-card{padding:20px;border-radius:18px;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;cursor:pointer}.idea-card h3{margin:0;font-size:1.8rem;text-align:left;font-weight:300}.u-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.idea-card-header{margin:0 0 6px}.u-card-actions{display:flex;align-items:center;gap:8px}.idea-type-tag{padding:4px 10px;border-radius:999px;background:#efe6db;color:#2f2518;font-size:.75rem;letter-spacing:.01em;text-transform:capitalize;white-space:nowrap}.idea-subline{display:flex;align-items:center;gap:6px;margin:0 0 16px;color:var(--color-text-subtle);font-size:.9rem}.idea-subline-dot{font-size:.8rem;line-height:1}.idea-card p{margin:0 0 20px;color:var(--color-text-muted);text-align:left}.favorite-menu{position:relative;z-index:10}.favorite-menu,.favorite-toggle{display:inline-flex;align-items:center}.favorite-toggle{border:1px solid var(--color-border-input);background:var(--color-surface-soft);border-radius:999px;width:32px;height:32px;cursor:pointer;justify-content:center;line-height:1}.favorite-toggle:hover{background:var(--color-surface-soft-hover)}.favorite-heart-icon{width:16px;height:16px;background-color:#e3a2b4;mask-image:url(/icons/heart-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/heart-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.favorite-menu-panel{position:absolute;top:calc(100% + 6px);right:0;padding:6px;border-radius:12px;background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:0 10px 18px rgba(50,38,20,.12);z-index:20}.favorite-menu-action{border:none;background:transparent;color:var(--color-danger);font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}.favorite-menu-action:hover{background:rgba(194,61,61,.12)}.page-card-center .ideas-grid,.page-card-center .input-row-search{width:100%;margin-left:auto;margin-right:auto}.page-card-center .menu-wrap{align-self:center}.idea-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.idea-card{-webkit-tap-highlight-color:transparent}.idea-card:active{transform:translateY(0) scale(.97);box-shadow:0 8px 18px rgba(0,0,0,.25);background:var(--color-surface-soft)}.idea-feed{position:relative;width:min(420px,100%);margin-left:auto;margin-right:auto}@keyframes ideaCardStaggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.idea-card-appear{opacity:0;animation:ideaCardStaggerIn .26s ease forwards}.idea-tags{display:flex;flex-wrap:wrap;gap:8px}.idea-tag{padding:6px 12px;border-radius:999px;background:var(--color-surface-soft);border:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-button{border:1px solid var(--color-border-input);background:var(--color-surface-soft);color:var(--color-text-muted);border-radius:999px;padding:6px 14px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pill-button:hover{background:var(--color-surface-soft-hover)}.pill-button.is-selected{background:var(--color-text-strong);border-color:var(--color-text-strong);color:#fff5e8}.pill-button-edit{background:var(--color-surface-input);border-color:var(--color-border-input);color:var(--color-text-muted);padding:0;width:36px;height:36px;justify-content:center}.pill-button-edit:hover{background:var(--color-surface-soft-hover)}.icon-image{width:16px;height:16px;display:block}.icon-button-trash{background:#fff8f1;border-color:#e2d6c5;color:#8a7761}.menu-wrap{position:relative;display:inline-flex;align-self:flex-start;z-index:10}.menu{position:absolute;top:calc(100% + 6px);right:0;min-width:120px;padding:6px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);z-index:12}.menu-item{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--color-text-muted)}.menu-item-muted{display:block;cursor:default;color:var(--color-text-faint)}.menu-item:hover{background:var(--color-surface-soft)}.menu-item:disabled{cursor:not-allowed;opacity:.6;background:transparent}.menu-item-danger{color:var(--color-danger)}.menu-item-with-icon{display:flex;align-items:center;gap:8px}.menu-item-icon{width:16px;height:16px;background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.menu-item-icon.favorite-icon{mask-image:url(/icons/heart-svgrepo-com.svg);-webkit-mask-image:url(/icons/heart-svgrepo-com.svg)}.menu-item-icon.clear-icon{mask-image:url(/icons/close-svgrepo-com.svg);-webkit-mask-image:url(/icons/close-svgrepo-com.svg)}.recents-section{margin-top:6px}.recents-title{margin:0 0 12px;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.recents-divider{display:flex;align-items:center;gap:12px;margin:14px 0 16px;color:var(--color-text-subtle);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.recents-divider:after,.recents-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.recents-divider-label{white-space:nowrap}.recents-menu-button{border:none;background:transparent;border-radius:999px;width:32px;height:32px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--color-text-muted)}.recents-menu-button:hover{color:#4f4437}.recents-menu-icon{width:16px;height:16px;background-color:currentColor;mask-image:url(/icons/more-horizontal-svgrepo-com.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/icons/more-horizontal-svgrepo-com.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.cooking-for-button{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;border-radius:18px;background:var(--color-surface-soft);border-color:var(--color-border-strong);min-width:260px;position:relative}.cooking-for-item.is-selected{border-color:#e3c8a8;background:var(--color-surface-soft)}.cooking-for-item{display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;position:relative;padding:10px 14px}.cooking-for-check{width:20px;color:#9a5c24;margin-left:auto}.cooking-for-add,.cooking-for-check{display:inline-flex;align-items:center;justify-content:center}.cooking-for-add{color:#a55320;font-weight:600;border-style:dashed;background:var(--color-surface-warm)}.cooking-for-add:before{content:"+";font-weight:700;margin-right:6px}.cooking-for-callout{position:absolute;top:calc(100% + 14px);left:0;min-width:100%;width:max-content;padding:10px;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:0 16px 34px rgba(50,38,20,.14);z-index:5;transform-origin:top center;will-change:transform;animation:cookingForExpand .28s cubic-bezier(.22,.61,.36,1)}.cooking-for-callout.is-compact{padding-bottom:6px;animation:cookingForCompact .26s cubic-bezier(.22,.61,.36,1)}@keyframes cookingForExpand{0%{transform:scaleY(.96)}60%{transform:scaleY(1.04)}to{transform:scaleY(1)}}@keyframes cookingForCompact{0%{transform:scaleY(1)}55%{transform:scaleY(.94)}to{transform:scaleY(.98)}}.cooking-for-callout:before{content:"";position:absolute;top:-7px;right:20px;width:12px;height:12px;background:var(--color-surface);border-left:1px solid var(--color-border-strong);border-top:1px solid var(--color-border-strong);transform:rotate(45deg)}.callout-item{padding:10px 14px;border-radius:14px;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);width:100%;cursor:pointer}.callout-item+.callout-item{margin-top:8px}.callout-item:hover{background:var(--color-surface-soft);border-color:#e4d4bf}.cooking-for-item:not(.is-selected):hover{background:var(--color-surface);border-color:#e4d4bf}.callout-item-muted{cursor:default;color:var(--color-text-faint)}.cooking-for-label{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#8a7761}.cooking-for-value{font-weight:600;font-size:1.05rem;color:var(--color-text-strong)}.cooking-for-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8a7761}.cooking-for-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px}.cooking-for-header-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7761;font-weight:600}.cooking-for-manage{background:var(--color-surface-soft);border:1px solid var(--color-border-strong);border-radius:10px;padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cooking-for-manage:hover{background:#ffe9d2}.cooking-for-manage .icon-image{filter:var(--icon-filter)}.cooking-for-list{display:flex;flex-direction:column;gap:8px}.cooking-for-list .callout-item+.callout-item{margin-top:0}.cooking-for-avatar{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f3e5d5;border:1px solid var(--color-border-strong);font-size:.8rem;color:#5a4c3b;font-weight:700}.cooking-for-name{color:var(--color-text-strong)}.cooking-for-divider-line{height:1px;margin:10px 6px;background:var(--color-border)}.modal-backdrop{position:fixed;inset:0;background:rgba(20,15,10,.5);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-card{width:min(520px,92vw);max-height:min(70vh,520px);overflow-y:auto;padding:20px;border-radius:20px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 18px 40px rgba(50,38,20,.2)}.terms-privacy-global{padding:0 clamp(24px,6vw,72px) 24px}.terms-privacy-global,.terms-privacy-link-wrap{display:flex;justify-content:center}.terms-privacy-link-wrap-recipe{padding-top:34px;justify-content:center;text-align:center}.terms-privacy-link{border:none;background:none;padding:0;font-size:.78rem;color:#9e8f7d;line-height:1.3;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.terms-privacy-link:focus-visible,.terms-privacy-link:hover{color:#756754}.terms-privacy-modal-backdrop{z-index:140}.terms-privacy-modal{width:min(640px,92vw);max-height:min(78vh,700px);position:relative;padding:24px 20px 20px;text-align:left;overflow:hidden;display:flex;flex-direction:column}.terms-privacy-close{top:14px;right:14px}.terms-privacy-title{margin:0 40px 10px 0;font-size:1.1rem}.terms-privacy-markdown,.terms-privacy-title{color:var(--color-text-strong);text-align:left}.terms-privacy-markdown{font-size:.95rem;line-height:1.55;overflow-y:auto;min-height:0;max-height:calc(min(78vh, 700px) - 100px);padding-right:14px;scrollbar-gutter:stable}.terms-privacy-markdown h1,.terms-privacy-markdown h2,.terms-privacy-markdown h3,.terms-privacy-markdown h4{margin:14px 0 8px;color:var(--color-text-strong);line-height:1.3}.terms-privacy-markdown h1{font-size:1.28rem}.terms-privacy-markdown h2{font-size:1.1rem}.terms-privacy-markdown ol,.terms-privacy-markdown p,.terms-privacy-markdown ul{margin:0 0 10px}.terms-privacy-markdown ol,.terms-privacy-markdown ul{padding-left:20px}.terms-privacy-markdown a{color:#6d5435;text-decoration:underline}.section-title{margin:4px 0 0;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-soft)}.taste-profile-section-title{font-size:1.25rem;font-weight:600}.section-header{margin:0;font-size:2rem;font-weight:600;letter-spacing:.01em;color:var(--color-text)}.hero-title{position:relative;min-height:2.6rem;perspective:900px}.hero-title-face{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .26s ease;transform-origin:center}.hero-title-front{transform:rotateX(0deg)}.hero-title-back{position:absolute;inset:0;transform:rotateX(-90deg)}.hero-title.is-flipped .hero-title-front{transform:rotateX(90deg)}.hero-title.is-flipped .hero-title-back{transform:rotateX(0deg)}.section-header-spaced{margin-top:24px}@media (max-width:768px){.app-header{padding:8px 20px;justify-content:flex-start}.favorites-header .page-title,.page-card .page-title,.page-title{font-size:1.8em}.brand{font-size:1.1rem}.brand-logo{width:22px;height:22px}.app-main,.overlay-panel,.overlay-panel-content{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.overlay-panel-content{padding-top:16px}.top-tabs-bar-header{display:none}.top-tabs-bar-bottom{display:flex;position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:space-between;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80}.top-tab{flex:1 1;min-width:72px;min-height:52px;padding:8px 12px;flex-direction:column;justify-content:center;gap:4px;border-radius:999px}.top-tab-label{display:inline-flex;font-size:.72rem;letter-spacing:.02em}.top-tab-icon{display:inline-flex;width:18px;height:18px}.top-tab.is-active .top-tab-label:after,.top-tab.is-active:after{content:none}.top-tab.is-active{background:var(--color-surface-soft);color:var(--color-text-strong)}[data-theme=dark] .top-tabs-bar-bottom{background:rgba(39,31,26,.96)}.page-card-center,.page-card-center .ideas-grid,.page-card-center .input-row-search,.status-block{width:100%}.input-row{flex-direction:column;align-items:stretch}.input-row button,.input-row input{width:100%}.input-row-search{padding:6px;flex-direction:row;align-items:center}.input-row input,.input-row-search input,.recipe-remix-input input,input,select,textarea{font-size:16px!important}.input-row-search button,.input-row-search input{width:auto}.input-row-search input{width:100%}.input-row-search button{flex-shrink:0}.list-item-row{flex-direction:column;align-items:flex-start}.button-row{width:100%;justify-content:flex-start;flex-wrap:wrap}.ideas-grid{grid-template-columns:1fr}.page-card h1{font-size:1.8rem}.terms-privacy-global{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}@media (max-width:560px){.app-main{padding-left:18px;padding-right:18px}.section-header{font-size:1.65rem;line-height:1.15}.page-card-center .favorites-filter-row,.page-card-center .input-row-search{max-width:calc(100vw - 36px)}}@media (max-width:420px){.section-header{font-size:1.45rem}}@media (max-width:500px){.empty-state-rule{width:auto}}@media (min-width:561px){.page-card-center .favorites-filter-row,.page-card-center .ideas-grid,.page-card-center .input-row-search{width:min(420px,100%)}}