:root{--color-bg:#fff3f5;--color-surface:#fffdf9;--color-panel:#fff0e8;--color-border:#efd9d3;--color-heading:#332125;--color-text:#69535a;--color-muted:#8b747b;--color-accent:#d65378;--color-accent-text:#963653;--color-accent-soft:#ffe4ec;--color-warm:#c84f34;--color-warm-soft:#ffe3d3;--color-food-gold:#f3bd4d;--color-leaf:#5b9b73;--color-danger:#a43a35;--color-danger-border:#ddb0ab;--color-danger-soft:#fae8e7;--shadow-soft:0 12px 28px #76384c1a;--shadow-lifted:0 18px 40px #76384c29}@media (width<=480px){.page-shell{padding:14px 12px 124px}.page-with-bottom-bar{padding-bottom:164px}h1{font-size:30px}.shopping-item-row{grid-template-columns:auto minmax(0,1fr) 64px 54px auto;gap:6px}.library-filters{grid-template-columns:1fr}}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:radial-gradient(circle at top left, #ffe7dbb8, transparent 30%), linear-gradient(180deg, var(--color-bg), #fff8f0 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button svg{flex:none}#root{min-height:100dvh}.eyebrow{color:var(--color-muted);margin:0 0 10px;font-size:13px}h1{color:var(--color-heading);letter-spacing:0;margin:0;font-size:34px;font-weight:700;line-height:1.15}h2{color:var(--color-heading);letter-spacing:0;margin:0;font-size:18px;line-height:1.35}.lead{color:var(--color-text);margin:14px 0 22px;font-size:16px;line-height:1.7}.page-shell{width:min(100%,480px);min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(124px + env(safe-area-inset-bottom));background:radial-gradient(circle at top left, #ffe7dbcc, transparent 30%), linear-gradient(180deg, var(--color-bg), #fff8f0 100%);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-with-bottom-bar{padding-bottom:calc(168px + env(safe-area-inset-bottom))}.page-header,.detail-header,.detail-section,.confirm-panel,.empty-state,.sheet-panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:16px;padding:16px}.search-bar,.filter-group{gap:8px;margin-top:12px;display:grid}.search-bar span,.filter-group p{color:var(--color-muted);margin:0;font-size:13px}.search-bar input{border:1px solid var(--color-border);width:100%;color:var(--color-heading);background:var(--color-surface);border-radius:999px;min-height:44px;padding:12px}.chip-row,.tag-row,.detail-actions,.confirm-panel div{flex-wrap:wrap;gap:8px;display:flex}.chip,.tag-row span{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:999px;padding:7px 10px;font-size:13px}.chip{cursor:pointer}.chip.selected{color:var(--color-accent-text);border-color:var(--color-accent);background:var(--color-accent-soft)}.dish-list{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.recommend-shell{padding-top:18px}.recommend-hero{box-shadow:var(--shadow-lifted);background:#ead4c4;border-radius:24px;position:relative;overflow:hidden}.recommend-hero-link{color:#fff;min-height:345px;text-decoration:none;display:block;position:relative}.recommend-hero .dish-visual-detail{border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.recommend-hero:after,.detail-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#2b1712c7);position:absolute;inset:38% 0 0}.recommend-hero-copy,.detail-hero-copy{z-index:1;color:#fff;position:absolute;bottom:18px;left:18px;right:18px}.recommend-hero-copy p,.detail-hero-copy p{color:#ffffffe6;margin:0 0 7px;font-size:13px;line-height:1.45}.recommend-hero-copy h2,.detail-hero-copy h1{color:#fff;letter-spacing:0;margin:0 0 7px;font-size:32px;line-height:1.08}.recommend-hero-copy span{color:#ffffffe6;max-width:290px;font-size:14px;line-height:1.45;display:block}.recommend-hero-copy strong{color:#ffffffeb;margin-top:9px;font-size:12px;line-height:1.35;display:block}.recommend-primary-actions,.detail-primary-actions{grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-top:10px;display:grid}.discovery-controls{background:#ffffff8c;border:1px solid #53352b1a;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:10px;padding:6px 7px 6px 9px;display:grid}.discovery-controls span{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.discovery-search,.discovery-adjust{min-height:34px;color:var(--color-accent-text);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.discovery-search{gap:6px;padding:0 4px}.discovery-adjust{background:#ffffffb8;border:1px solid #d6537826;min-width:54px}.search-dot{border:2px solid;border-radius:999px;width:14px;height:14px;position:relative}.search-dot:after{content:"";background:currentColor;border-radius:999px;width:7px;height:2px;position:absolute;bottom:-4px;right:-5px;transform:rotate(45deg)}.recommend-control-panel{border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:#fffdf9db;border-radius:18px;gap:10px;margin-top:10px;padding:12px;display:grid}.recommend-control-panel .search-bar,.recommend-control-panel .filter-group{margin-top:0}.recommend-inline-links{justify-content:flex-end;gap:12px;margin-top:10px;font-size:12px;display:flex}.recommend-inline-links a{color:var(--color-muted);text-decoration:none}.secondary-title{margin:12px 0 8px;font-size:16px}.dish-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:16px;gap:12px;padding:12px;display:grid}.dish-card-featured{box-shadow:var(--shadow-lifted);background:#fffdf9eb;border:0;border-radius:24px;gap:14px;padding:10px}.dish-card-featured .dish-link{grid-template-columns:1fr}.dish-card-featured .dish-visual-detail{border-radius:22px;margin-bottom:0}.dish-card-featured h2{font-size:28px}.dish-card-featured .primary-button{width:100%}.secondary-recommendations{gap:8px;margin-top:0;display:grid}.dish-card-compact{background:#fffdf9d1;border:0;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px}.dish-card-compact .primary-button{width:54px;min-width:44px;color:var(--color-accent-text);background:var(--color-accent-soft);box-shadow:none;padding:0;font-size:13px}.dish-link{color:inherit;grid-template-columns:76px 1fr;gap:12px;text-decoration:none;display:grid}.dish-visual{background:radial-gradient(circle at 18% 16%, #ffffffb3, transparent 22%), linear-gradient(135deg, var(--dish-visual-a), var(--dish-visual-b));border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.dish-photo{background:#ead4c4}.dish-photo img{width:100%;height:100%;display:block}.dish-photo-cover img{object-fit:cover}.dish-photo-fit{background:#f1ddcd}.dish-photo-fit img{object-fit:contain;padding:3px}.dish-visual-meat{--dish-visual-a:#f4c7a6;--dish-visual-b:#d96b4f;--dish-visual-main:#8d2f2f;--dish-visual-side-one:#f4d35e;--dish-visual-side-two:#5b8f4f}.dish-visual-vegetable{--dish-visual-a:#cce7c0;--dish-visual-b:#6ea56a;--dish-visual-main:#4f8c46;--dish-visual-side-one:#f3d36b;--dish-visual-side-two:#f2f0d8}.dish-visual-soup{--dish-visual-a:#f8db9e;--dish-visual-b:#e6a955;--dish-visual-main:#efc56f;--dish-visual-side-one:#fff2c7;--dish-visual-side-two:#8dbf7f}.dish-visual-staple{--dish-visual-a:#efe1c0;--dish-visual-b:#cda66d;--dish-visual-main:#fff8e8;--dish-visual-side-one:#d45d45;--dish-visual-side-two:#3d8c6a}.dish-visual-card{aspect-ratio:1;width:76px}.dish-visual-thumb{aspect-ratio:1;width:56px}.dish-visual-detail{aspect-ratio:16/9;width:100%;margin-bottom:14px}.detail-hero{min-height:360px;box-shadow:var(--shadow-lifted);background:#ead4c4;border:0;border-radius:24px;padding:0;position:relative;overflow:hidden}.detail-hero .dish-visual-detail{border-radius:0;width:100%;height:100%;margin-bottom:0;position:absolute;inset:0}.detail-back-button{z-index:2;color:#fff;background:#ffffff2e;border:1px solid #ffffff57;border-radius:999px;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;text-decoration:none;display:inline-grid;position:absolute;top:16px;left:16px}.detail-hero-copy p{max-width:300px;margin:0}.detail-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.detail-summary-strip div{border:1px solid var(--color-border);text-align:center;background:#fffdf9c7;border-radius:17px;min-height:64px;padding:9px 6px}.detail-summary-strip strong{color:var(--color-accent-text);margin-bottom:4px;font-size:15px;line-height:1.25;display:block}.detail-summary-strip span{color:var(--color-muted);font-size:11px;font-weight:700}.detail-section{background:#fffdf9e0;border:0}.dish-visual-plate{aspect-ratio:1.18;background:radial-gradient(circle,#ffffffeb 0 58%,#ffffff8a 59% 72%,#0000 73%),#ffffff4d;border-radius:8px;place-items:center;width:68%;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffffa6}.dish-visual-main,.dish-visual-side{border-radius:999px;display:block;position:absolute}.dish-visual-main{background:var(--dish-visual-main);width:42%;height:28%;transform:rotate(-10deg)}.dish-visual-side.one{background:var(--dish-visual-side-one);width:21%;height:18%;top:28%;right:22%}.dish-visual-side.two{background:var(--dish-visual-side-two);width:20%;height:17%;bottom:25%;left:22%}.dish-visual-labels{flex-wrap:wrap;justify-content:center;gap:4px;display:flex;position:absolute;bottom:7px;left:7px;right:7px}.dish-visual-labels span{max-width:100%;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;background:#fffc;border-radius:999px;padding:2px 6px;font-size:10px;line-height:1.4;overflow:hidden}.dish-visual-detail .dish-visual-labels span{padding:4px 8px;font-size:12px}.dish-card-main{min-width:0}.dish-card-main p{color:var(--color-text);margin:6px 0 10px;font-size:14px;line-height:1.55}.primary-button,.secondary-button{border:1px solid var(--color-accent);cursor:pointer;border-radius:999px;min-height:44px;padding:10px 12px}.primary-button{color:#fff;background:var(--color-accent);box-shadow:0 10px 24px #d6537838}.secondary-button{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:#0000}.inline-link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header-link-spaced{margin-left:8px}.secondary-button.danger{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-soft)}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.72}.back-link{color:var(--color-accent-text);margin-bottom:12px;text-decoration:none;display:inline-flex}.detail-section,.detail-actions,.confirm-panel,.empty-state,.sheet-panel{margin-top:12px}.recipe-steps{color:var(--color-text);margin:12px 0;padding-left:22px;line-height:1.7}.detailed-steps{margin-top:16px}.want-toolbar{color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.want-toolbar label,.wanted-check{align-items:center;gap:8px;display:inline-flex}.wanted-list{gap:10px;margin-top:12px;display:grid}.wanted-row{box-shadow:var(--shadow-soft);background:#fffdf9e6;border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.wanted-row .icon-button{border-color:#0000}.wanted-link{min-width:0;color:inherit;grid-template-columns:56px 1fr;align-items:center;gap:10px;text-decoration:none;display:grid}.wanted-copy{min-width:0}.wanted-copy .tag-row{margin-top:8px}.icon-button{border:1px solid var(--color-border);width:40px;min-width:44px;height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.icon-button.danger{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-danger-soft)}.bottom-action-bar{right:0;bottom:calc(72px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0000,#fff3f5f5 24%);border-top:0;justify-content:center;padding:12px 16px;display:flex;position:fixed;left:0}.bottom-primary{border-radius:999px;justify-content:center;align-items:center;gap:8px;width:min(100%,448px);display:inline-flex}.bottom-navigation{z-index:20;width:min(100%,480px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #141c2614}.bottom-navigation-link{min-height:54px;color:var(--color-muted);border-radius:8px;place-items:center;gap:3px;font-size:12px;text-decoration:none;display:grid;position:relative}.bottom-navigation-link.active{color:var(--color-accent-text);background:var(--color-accent-soft)}.bottom-navigation-link strong{color:#fff;background:var(--color-accent);text-align:center;border-radius:999px;min-width:18px;padding:1px 5px;font-size:11px;line-height:1.4;position:absolute;top:5px;right:calc(50% - 24px)}.sheet-panel{gap:12px;display:grid}.field-row{color:var(--color-muted);gap:6px;font-size:13px;display:grid}.field-row input,.amount-input,.unit-input{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-heading);background:var(--color-surface);border-radius:999px;padding:10px}.inline-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shopping-toolbar{background:#fffdf9d1;border-radius:18px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:14px;padding:10px;display:flex}.shopping-toolbar .primary-button{flex:1 0 140px}.shopping-toolbar .secondary-button{flex:none}.shopping-list{gap:14px;margin-top:14px;display:grid}.shopping-category{gap:8px;display:grid}.shopping-category h2{font-size:16px}.shopping-items{gap:8px;display:grid}.shopping-item-row{box-shadow:var(--shadow-soft);background:#fffdf9eb;border:0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) 72px 60px auto;align-items:center;gap:8px;padding:10px;display:grid}.amount-input,.unit-input{text-align:center;border-radius:12px}.shopping-item-name{gap:3px;min-width:0;display:grid}.shopping-item-name strong{overflow-wrap:anywhere;color:var(--color-heading)}.shopping-item-name span{color:var(--color-muted);font-size:12px}.tab-row,.library-actions,.library-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.library-filters{grid-template-columns:1fr 120px;display:grid}.library-list{gap:10px;margin-top:14px;display:grid}.library-row{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:16px;gap:10px;padding:10px;display:grid}.library-row-main{min-width:0;color:inherit;grid-template-columns:56px 1fr;gap:10px;text-decoration:none;display:grid}.library-row-main p{color:var(--color-text);margin:5px 0 8px;font-size:14px;line-height:1.5}.share-page-shell{background:var(--color-surface);width:min(100%,480px);min-height:100dvh;margin:0 auto;padding:18px 16px}.share-card{color:var(--color-heading);gap:18px;display:grid}.share-header{border-bottom:1px solid var(--color-border);padding-bottom:14px}.share-header p:last-child{color:var(--color-muted);margin:10px 0 0;font-size:13px}.share-groups{gap:16px;display:grid}.share-group{gap:8px;display:grid}.share-group h2{font-size:17px}.share-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.share-group li{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding-bottom:8px;display:grid}.share-group li span{overflow-wrap:anywhere}.share-group li strong{white-space:nowrap}.share-empty{color:var(--color-muted);margin:0}