:root{--bg: #F2F2F7;--bg-elevated: #FFFFFF;--card: #FFFFFF;--accent: #0A84FF;--accent-dim: #5E5CE6;--text: #1C1C1E;--text-2: #636366;--text-3: #8E8E93;--border: rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 8px 24px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 16px 48px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);--shadow-inset: inset 0 1px 2px rgba(0,0,0,.04);--r-card: 16px;--glass: rgba(255,255,255,.72);--glass-border: rgba(255,255,255,.5);--fridge-bg: #E4E6E8;--fridge-checkbox-bg: #D2D6DA;--squircle-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 50 0 C 90 0 100 10 100 50 C 100 90 90 100 50 100 C 10 100 0 90 0 50 C 0 10 10 0 50 0 Z'/%3E%3C/svg%3E");--squircle-subtle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 50 0 C 99 0 100 1 100 50 C 100 99 99 100 50 100 C 1 100 0 99 0 50 C 0 1 1 0 50 0 Z'/%3E%3C/svg%3E")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(255,255,255,.6),transparent 50%),linear-gradient(180deg,#F5F5F9 0%,var(--bg) 100%);pointer-events:none;z-index:-1}.sq{-webkit-mask-image:var(--squircle-mask);mask-image:var(--squircle-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%}header{position:sticky;top:0;z-index:200;background:var(--glass);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--glass-border)}.header-inner{max-width:1240px;margin:0 auto;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;cursor:pointer;color:inherit}.logo-icon{width:40px;height:40px;background:var(--text);color:var(--card);font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px}.logo-text h1{font-size:1.15rem;font-weight:600;color:var(--text);letter-spacing:-.02em;line-height:1.2}.header-nav{display:flex;align-items:center;gap:.25rem}.header-link{padding:.5rem .9rem;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-2);text-decoration:none;transition:background .2s,color .2s}.header-link:hover{color:var(--text);background:#0000000a}.header-link.router-link-active{color:var(--text);background:#0000000f}.wimf-view{animation:rise .35s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-wrap{max-width:1240px;margin:0 auto;padding:3rem 2rem 5rem}.home-hero{margin-bottom:3rem}.home-hero h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.home-hero h2 em{font-style:italic;font-weight:500;color:var(--accent)}.home-hero p{margin-top:.625rem;color:var(--text-2);font-size:1rem;max-width:520px}.section-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.section-btn{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text-2);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit}.section-btn:hover{background:var(--bg);color:var(--text)}.section-btn.active{background:var(--text);color:var(--card);border-color:var(--text)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.recipe-card{background:var(--card);border-radius:var(--r-card);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;text-decoration:none;color:inherit;display:block}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-img-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--r-card) var(--r-card) 0 0}.card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.recipe-card:hover .card-img-wrap img{transform:scale(1.05)}.card-tags{position:absolute;top:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.35rem}.tag{background:#00000080;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-body{padding:1.2rem 1.4rem 1.5rem}.card-title{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:.6rem}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.meta-item{font-size:.78rem;color:var(--text-2);font-weight:500}.effort{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:8px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.effort-easy{background:#34c75924;color:#248a3d}.effort-medium{background:#ff950024;color:#c93400}.effort-advanced{background:#ff3b301f;color:#d70015}.card-synopsis{font-size:.855rem;color:var(--text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-hero{position:relative;height:clamp(320px,50vh,520px);overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover;display:block}.hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001f,#0000 30%,#0000008c 75%,#000000b8)}.back-btn{position:absolute;top:1.25rem;left:1.25rem;display:flex;align-items:center;gap:.45rem;background:#fff3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}.back-btn:hover{background:#ffffff59;border-color:#ffffff80;color:#fff}.hero-caption{position:absolute;bottom:1.75rem;left:1.75rem;right:1.75rem;color:#fff}.hero-caption h1{font-size:clamp(1.65rem,4vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.35);margin-bottom:.75rem}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.hero-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500}.detail-body{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.servings-bar{display:flex;align-items:center;justify-content:space-between;background:var(--card);border-radius:14px;padding:1rem 1.4rem;margin-bottom:2.5rem;box-shadow:var(--shadow-sm),var(--shadow-inset);border:1px solid var(--border)}.servings-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.servings-ctrl{display:flex;align-items:center;gap:1.1rem}.srv-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--accent);background:transparent;color:var(--accent);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:Inter,sans-serif}.srv-btn:hover{background:var(--accent);color:#fff}.srv-btn:disabled{opacity:.3;cursor:not-allowed}.srv-btn:disabled:hover{background:transparent;color:var(--accent)}.srv-num{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text);min-width:2.2rem;text-align:center}.srv-num.bump{animation:bump .18s ease}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.section-heading{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.875rem}.section-heading:after{content:"";flex:1;height:1px;background:var(--border)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.75rem;margin-bottom:3rem}.ing-card{background:var(--card);border-radius:12px;padding:.7rem .85rem;display:flex;align-items:center;gap:.65rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.ing-img{width:42px;height:42px;object-fit:cover;flex-shrink:0;border-radius:10px}.ing-info{min-width:0}.ing-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ing-amount{font-size:.75rem;color:var(--accent);font-weight:600;margin-top:.1rem}.steps-list{display:flex;flex-direction:column;gap:1.1rem}.step-card{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.step-grid{display:grid;grid-template-columns:190px 1fr}@media(max-width:580px){.step-grid{grid-template-columns:1fr}}.step-img-wrap{position:relative;overflow:hidden}.step-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:580px){.step-img-wrap{aspect-ratio:16/9}}.step-badge{position:absolute;top:.65rem;left:.65rem;width:28px;height:28px;background:var(--text);color:var(--card);font-size:.75rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.step-body{padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.step-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.step-desc{font-size:.875rem;color:var(--text-2);line-height:1.65}.step-chips{display:flex;flex-wrap:wrap;gap:.45rem}.step-chip{display:flex;align-items:center;gap:.35rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.2rem .5rem .2rem .25rem}.chip-img{width:20px;height:20px;object-fit:cover;flex-shrink:0;border-radius:6px}.chip-name{font-size:.71rem;font-weight:500;color:var(--text-2);white-space:nowrap}footer{text-align:center;padding:2.5rem 1.5rem;border-top:1px solid var(--border);color:var(--text-3);font-size:.78rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.fridge-wrap{min-height:60vh;background:var(--fridge-bg);padding:2.5rem 1.5rem 5rem}.fridge-store{max-width:900px;margin:0 auto}.fridge-title{font-size:1.75rem;font-weight:600;letter-spacing:-.03em;color:var(--text);margin-bottom:.35rem}.fridge-subtitle{font-size:.9rem;color:var(--text-2);margin-bottom:2rem}.fridge-shelves{display:flex;flex-direction:column;gap:1.25rem}.fridge-shelf{background:var(--fridge-bg);border-radius:20px;padding:1.25rem;box-shadow:inset 4px 4px 10px #00000014,inset -3px -3px 8px #ffffffb3;border:none}.fridge-shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:.5rem;row-gap:1.85rem}.fridge-slot{display:flex;flex-direction:column;align-items:center;text-align:center;width:145px;max-width:100%;min-width:0;justify-self:center}.fridge-slot-tile{width:100%;aspect-ratio:1;background:var(--fridge-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:inset 4px 4px 8px #0000001a,inset -3px -3px 6px #ffffffbf;border:none}.fridge-slot-tile img{width:78%;height:78%;object-fit:cover;-webkit-mask-image:var(--squircle-subtle);mask-image:var(--squircle-subtle);-webkit-mask-size:100% 100%;mask-size:100% 100%}.fridge-slot-placeholder .fridge-slot-label{visibility:hidden}.fridge-slot-label{margin-top:.6rem;width:100%;min-width:0}.fridge-slot-label-card{background:var(--fridge-bg);border-radius:12px;padding:.5rem .6rem;box-shadow:3px 3px 6px #00000014,-2px -2px 4px #ffffffd9;border:none;display:flex;flex-direction:column;gap:.4rem;align-items:stretch;width:100%;min-width:0}.fridge-slot-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;min-width:0;width:100%}.fridge-slot-name{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;text-align:left}.fridge-slot-amount{font-size:.85rem;font-weight:600;color:var(--text-2);flex-shrink:0;text-align:right}.fridge-slot-date-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%}.fridge-slot-checkbox{width:18px;height:18px;flex-shrink:0;background:var(--fridge-checkbox-bg);-webkit-mask-image:var(--squircle-subtle);mask-image:var(--squircle-subtle);-webkit-mask-size:100% 100%;mask-size:100% 100%;box-shadow:inset 2px 2px 4px #00000014,inset -1px -1px 2px #ffffffb3;border:none;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;position:relative;transition:background .2s,box-shadow .2s}.fridge-slot-checkbox:focus{outline:none}.fridge-slot-checkbox.checked,.fridge-slot-checkbox[aria-pressed=true]{background:var(--accent);box-shadow:none;-webkit-mask-image:none;mask-image:none;border-radius:5px}.fridge-slot-check{display:none;position:absolute;inset:0;align-items:center;justify-content:center;pointer-events:none}.fridge-slot-checkbox.checked .fridge-slot-check,.fridge-slot-checkbox[aria-pressed=true] .fridge-slot-check{display:flex}.fridge-slot-check svg{width:11px;height:11px;color:#fff}.fridge-slot-date{display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.8rem;font-weight:600;letter-spacing:.02em;min-width:0}.fridge-slot-date svg{width:12px;height:12px;flex-shrink:0;opacity:.9}.fridge-slot-date.date-ok{color:var(--text-3)}.fridge-slot-date.date-soon{color:#b8860b}.fridge-slot-date.date-overdue{color:#c41e3a}@media(max-width:640px){.home-wrap{padding:2rem 1rem 4rem}.detail-body{padding:1.75rem 1rem 4rem}.header-inner{padding:.75rem 1rem}.fridge-wrap{padding:1.75rem 1rem 4rem}.fridge-shelf-grid{grid-template-columns:repeat(2,1fr)}}.app[data-v-e3cf8cc1]{min-height:100vh;display:flex;flex-direction:column}main[data-v-e3cf8cc1]{flex:1}