:root{--paper:oklch(97.6% 0.012 85);--paper-2:oklch(95.4% 0.018 78);--surface:oklch(99.2% 0.006 90);--surface-sunken:oklch(96% 0.014 80);--ink:oklch(28% 0.022 55);--ink-soft:oklch(45% 0.02 55);--ink-faint:oklch(53.5% 0.016 60);--ink-invert:oklch(98% 0.01 85);--line:oklch(89% 0.016 72);--line-strong:oklch(82% 0.02 68);--accent:oklch(61% 0.16 41);--accent-deep:#b34a22;--accent-deeper:#9e3e1c;--accent-wash:oklch(94% 0.04 50);--sage:oklch(60% 0.072 150);--sage-wash:oklch(93% 0.03 150);--gold:oklch(76% 0.12 82);--berry:#a5334e;--brand-1:#cf512f;--brand-2:#1c7f86;--brand-grad:linear-gradient(100deg,var(--brand-1) 6%,var(--brand-2) 96%);--brand-wash:linear-gradient(150deg,oklch(94% 0.05 40/0.9),oklch(95% 0.04 210/0.55) 70%,var(--surface));--brand-glow:0 8px 22px oklch(58% 0.16 35/0.26);--home:#8a5326;--home-wash:oklch(94.5% 0.03 60);--convenience:#2c6d8e;--convenience-wash:oklch(95% 0.026 235);--danger:oklch(57% 0.18 25);--ok:oklch(58% 0.1 150);--text-xs:0.75rem;--text-sm:0.85rem;--text-base:clamp(0.95rem,0.9rem + 0.2vw,1.05rem);--text-lg:clamp(1.1rem,1rem + 0.4vw,1.3rem);--text-xl:clamp(1.35rem,1.1rem + 1vw,1.8rem);--text-2xl:clamp(1.8rem,1.3rem + 2vw,2.8rem);--text-display:clamp(2.2rem,1.4rem + 3.4vw,4rem);--font-sans:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-serif:"Apple SD Gothic Neo","Nanum Myeongjo","Batang",ui-serif,Georgia,serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-section:clamp(2rem,1.5rem + 3vw,4.5rem);--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-xs:0 1px 2px oklch(40% 0.03 60/0.06);--shadow-sm:0 2px 8px oklch(40% 0.03 60/0.07),0 1px 2px oklch(40% 0.03 60/0.05);--shadow-md:0 6px 20px oklch(40% 0.04 55/0.1),0 2px 6px oklch(40% 0.03 60/0.06);--shadow-lg:0 18px 44px oklch(38% 0.05 50/0.14),0 6px 14px oklch(40% 0.03 60/0.08);--dur-fast:140ms;--dur:240ms;--dur-slow:420ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--max-w:1180px;--header-h:60px;--tabbar-h:64px}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 18% 12%,oklch(96% .03 70/.6),transparent 42%),radial-gradient(circle at 84% 8%,oklch(95% .035 150/.45),transparent 40%),radial-gradient(circle at 50% 120%,oklch(94% .04 50/.5),transparent 55%);background-attachment:fixed;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;background:none;border:none}a,button{color:inherit}a{text-decoration:none}ol,ul{list-style:none;padding:0}input,select{font:inherit;color:inherit}h1,h2,h3{line-height:1.2;font-weight:700;letter-spacing:-.02em}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(1rem,.6rem + 2vw,2rem)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.between,.row{display:flex;align-items:center;gap:var(--space-3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.eyebrow{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.app-main{padding-block:var(--space-6) calc(var(--tabbar-h) + var(--space-8));min-height:calc(100dvh - var(--header-h))}@media (min-width:860px){.app-main{padding-bottom:var(--space-section)}}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;background:oklch(97.6% .012 85/.82);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:.45rem;font-weight:800;letter-spacing:-.03em}.brand .brand-mark{font-size:1.4rem;transform:translateY(2px);transition:transform var(--dur) var(--ease-out)}.brand:hover .brand-mark{transform:translateY(2px) rotate(-12deg) scale(1.1)}.brand .brand-name{font-size:1.3rem;font-weight:900;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:var(--accent-deep);-webkit-text-fill-color:transparent}.brand .brand-sub{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600;letter-spacing:0}.top-nav{display:none;gap:.25rem}@media (min-width:860px){.top-nav{display:flex}}.top-nav a{padding:.5rem .85rem;border-radius:var(--r-pill);font-weight:600;font-size:var(--text-sm);color:var(--ink-soft);transition:background var(--dur-fast),color var(--dur-fast)}.top-nav a:hover{background:var(--surface-sunken);color:var(--ink)}.top-nav a[aria-current=page]{background:var(--ink);color:var(--ink-invert)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);display:grid;grid-template-columns:repeat(5,1fr);background:oklch(98.5% .008 85/.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}@media (min-width:860px){.tabbar{display:none}}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.66rem;font-weight:600;color:var(--ink-faint);transition:color var(--dur-fast)}.tabbar a .tab-ico{font-size:1.3rem;line-height:1;transition:transform var(--dur) var(--ease-out)}.tabbar a[aria-current=page]{color:var(--accent-deep)}.tabbar a[aria-current=page] .tab-ico{transform:translateY(-2px) scale(1.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.05rem;border-radius:var(--r-pill);font-weight:700;font-size:var(--text-sm);border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast);will-change:transform}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(125deg,var(--accent-deep),var(--accent-deeper));color:var(--ink-invert);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(125deg,var(--accent-deeper),var(--accent-deep));box-shadow:var(--shadow-md),var(--brand-glow);transform:translateY(-1px)}.btn-primary:active{transform:scale(.96)}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{background:var(--surface-sunken)}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:1rem;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}.btn-icon:hover{background:var(--surface-sunken)}.btn-icon:active{transform:scale(.9) rotate(-12deg)}.btn[disabled]{opacity:.5;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:600;background:var(--surface-sunken);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap}.chip-home{background:var(--home-wash);color:var(--home)}.chip-conv,.chip-home{border-color:transparent}.chip-conv{background:var(--convenience-wash);color:var(--convenience)}.chip-spicy{background:oklch(94% .05 25);color:var(--berry);border-color:transparent}.plate-chips{display:flex;flex-wrap:wrap;gap:.35rem}.plate-chip{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .5rem;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:650;background:var(--surface);color:var(--ink);border:1px solid var(--line);max-width:100%}.plate-chip.source-reuse{background:var(--home-wash);border-color:transparent;color:var(--home)}.plate-chip.source-out,.plate-chip.source-ready{background:var(--convenience-wash);border-color:transparent;color:var(--convenience)}.plate-chip-emoji{line-height:1}.plate-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}.plate-chip-src{color:var(--ink-faint);font-weight:700}.plate-chip-act{border:0;background:transparent;color:var(--ink-soft);font:inherit;font-weight:700;cursor:pointer;padding:0 .1rem}.plate-chip-del{color:var(--ink-faint)}.plate-chip-add{cursor:pointer;color:var(--ink-soft);background:var(--surface-sunken)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.page-head h1{font-size:var(--text-2xl);font-family:var(--font-serif);font-weight:800}.page-head .lead{color:var(--ink-soft);max-width:52ch}.page-head .head-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.week-pill{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;padding:.35rem .8rem;border-radius:var(--r-pill);background:var(--accent-wash);color:var(--accent-deeper);font-weight:700;font-size:var(--text-sm)}.week-board{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:560px){.week-board{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.week-board{grid-template-columns:repeat(3,1fr)}}@media (min-width:1180px){.week-board{grid-template-columns:repeat(4,1fr)}}.day-col{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.day-col.is-today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-md)}.day-head{display:flex;align-items:baseline;justify-content:space-between;padding:.1rem .3rem .4rem;border-bottom:1px dashed var(--line-strong)}.day-head .dow{font-weight:800;font-size:var(--text-lg);font-family:var(--font-serif)}.day-head .dow.sat{color:var(--convenience)}.day-head .dow.sun{color:var(--berry)}.day-head .date{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.today-tag{font-size:.62rem;font-weight:800;letter-spacing:.1em;background:var(--accent-deep);color:var(--ink-invert);padding:.12rem .4rem;border-radius:var(--r-pill);margin-left:.3rem}.meal-slot{--accent:var(--home);position:relative;display:flex;flex-direction:column;gap:.55rem;padding:.85rem;border-radius:var(--r-md);background:linear-gradient(155deg,color-mix(in oklch,var(--accent) 12%,var(--surface)),var(--surface) 62%);border:1px solid color-mix(in oklch,var(--accent) 22%,var(--line));overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur);animation:slot-in var(--dur-slow) var(--ease-out) both}.meal-slot:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.slot-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.slot-meal{font-weight:800;font-size:var(--text-sm);color:var(--ink-soft)}.slot-eater{font-size:.66rem;font-weight:700;padding:.1rem .45rem;border-radius:var(--r-pill);background:color-mix(in oklch,var(--accent) 16%,var(--surface));color:color-mix(in oklch,var(--accent) 35%,var(--ink))}.slot-link{display:flex;gap:.7rem;align-items:center}.slot-emoji{font-size:2rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 3px oklch(40% .05 60/.18));transition:transform var(--dur) var(--ease-out)}.meal-slot:hover .slot-emoji{transform:scale(1.12) rotate(-5deg)}.slot-name{font-weight:700;font-size:var(--text-base);letter-spacing:-.01em;line-height:1.25}.slot-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.15rem}.slot-meta{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.slot-actions{display:flex;gap:.35rem;margin-top:.1rem}.slot-actions .btn-icon{width:32px;height:32px;font-size:.85rem}.meal-slot.is-locked{border-color:var(--gold);background:linear-gradient(155deg,color-mix(in oklch,var(--gold) 16%,var(--surface)),var(--surface) 62%)}.meal-slot.is-unavailable{--accent:var(--ink-faint);border-style:dashed;background:var(--surface)}.cal-meal.is-unavailable,.de-meal.is-unavailable .nm,.meal-slot.is-unavailable .slot-name{color:var(--ink-soft)}.lock-on{background:var(--gold)!important;border-color:var(--gold)!important}@keyframes slot-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:700px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.recipe-card{--accent:var(--home);position:relative;display:flex;flex-direction:column;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur)}.recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.recipe-card .card-art{display:flex;align-items:center;justify-content:center;aspect-ratio:5/3;font-size:3rem;background:linear-gradient(150deg,color-mix(in oklch,var(--accent) 26%,var(--surface)),color-mix(in oklch,var(--accent) 8%,var(--surface)))}.recipe-card .card-art span{filter:drop-shadow(0 3px 5px oklch(40% .05 60/.2));transition:transform var(--dur) var(--ease-out)}.recipe-card:hover .card-art span{transform:scale(1.14) rotate(4deg)}.recipe-card .card-body{padding:.7rem .8rem .85rem;display:flex;flex-direction:column;gap:.3rem}.recipe-card .card-name{font-weight:700;letter-spacing:-.01em}.recipe-card .card-cat{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.fav-btn{position:absolute;top:.5rem;right:.5rem;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-pill);background:oklch(99% .005 85/.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:1rem;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-out);z-index:2}.fav-btn:active{transform:scale(.82)}.fav-btn.on{background:var(--berry)}.recipe-detail{display:flex;flex-direction:column;gap:var(--space-6);max-width:760px;margin-inline:auto}.recipe-hero{--accent:var(--home);display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5);border-radius:var(--r-lg);background:linear-gradient(150deg,color-mix(in oklch,var(--accent) 22%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in oklch,var(--accent) 24%,var(--line))}.hero-emoji{display:grid;place-items:center;width:clamp(72px,18vw,110px);height:clamp(72px,18vw,110px);flex-shrink:0;border-radius:var(--r-lg);background:var(--surface);font-size:clamp(2.6rem,8vw,4rem);box-shadow:var(--shadow-sm)}.recipe-hero h1{font-size:var(--text-xl);font-family:var(--font-serif)}.recipe-hero .desc{color:var(--ink-soft);margin-top:.3rem;font-size:var(--text-sm)}.meta-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.nutri-bar{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.6rem;gap:.6rem}@media (min-width:560px){.nutri-bar{grid-template-columns:repeat(5,1fr)}}.nutri-cell{text-align:center;padding:.7rem .4rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.nutri-cell .val{font-weight:800;font-size:var(--text-lg);font-family:var(--font-serif)}.nutri-cell .lbl{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.section-title{font-size:var(--text-lg);font-weight:800;font-family:var(--font-serif);display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-3)}.section-title:before{content:"";width:4px;height:1.1em;border-radius:var(--r-pill);background:var(--accent)}.ing-aisle{margin-bottom:var(--space-4)}.ing-aisle h4{font-size:var(--text-sm);color:var(--accent-deep);font-weight:700;margin-bottom:.4rem}.ing-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .2rem;border-bottom:1px dotted var(--line-strong)}.ing-row .amt{color:var(--ink-soft);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.step-list{flex-direction:column;counter-reset:step}.step-item,.step-list{display:flex;gap:var(--space-4)}.step-item{align-items:flex-start}.step-num{counter-increment:step;flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--accent-wash);color:var(--accent-deep);font-weight:800;font-family:var(--font-serif);font-size:var(--text-lg)}.step-num:before{content:counter(step)}.step-text{padding-top:.4rem}.shop-aisle{margin-bottom:var(--space-5)}.shop-aisle h3{display:flex;align-items:center;gap:.5rem;font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-2);color:var(--accent-deep)}.shop-aisle .count{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.shop-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);margin-bottom:.4rem;transition:background var(--dur-fast),opacity var(--dur-fast);cursor:pointer}.shop-item:hover{background:var(--surface-sunken)}.shop-item .box{width:22px;height:22px;border-radius:var(--r-xs);border:2px solid var(--line-strong);display:grid;place-items:center;font-size:.8rem;color:var(--ink-invert);flex-shrink:0;transition:background var(--dur-fast),border-color var(--dur-fast)}.shop-item.checked .box{background:var(--ok);border-color:var(--ok)}.shop-item.checked .nm{text-decoration:line-through;color:var(--ink-faint)}.shop-item .nm{font-weight:600;flex:1 1}.shop-item .from{font-size:var(--text-xs);color:var(--ink-faint)}.shop-item .qty{font-weight:700;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.filter-bar{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:var(--space-4);scrollbar-width:thin}.filter-bar a,.filter-bar button{flex-shrink:0;padding:.4rem .9rem;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.filter-bar a:hover,.filter-bar button:hover{background:var(--surface-sunken);transform:translateY(-1px)}.filter-bar a[aria-current=true],.filter-bar button[aria-current=true]{background:var(--ink);color:var(--ink-invert);border-color:var(--ink)}.sched-table{display:flex;flex-direction:column;gap:var(--space-3)}.sched-row{display:grid;grid-template-columns:2.2rem 1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.sched-row .day-tag{font-weight:800;font-family:var(--font-serif);font-size:var(--text-lg)}.meal-config{display:flex;flex-direction:column;gap:.3rem}.meal-config .ml{font-size:var(--text-xs);color:var(--ink-faint);font-weight:700}.seg{display:inline-flex;background:var(--surface-sunken);border-radius:var(--r-pill);padding:2px;border:1px solid var(--line)}.seg button{padding:.3rem .6rem;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:700;color:var(--ink-faint);transition:all var(--dur-fast)}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.seg button.active[data-kind=home]{color:var(--home)}.seg button.active[data-kind=convenience]{color:var(--convenience)}.adsense-shell{width:100%;min-height:90px;margin:var(--space-6) 0 var(--space-2);overflow:hidden;border-radius:var(--r-md)}.adsense-shell .adsbygoogle{width:100%}.public-footer{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-5) 0;color:var(--ink-faint);font-size:var(--text-sm)}.public-footer a:hover{color:var(--ink);text-decoration:underline}.privacy-card{max-width:760px;margin:0 auto;padding-bottom:var(--space-8)}.privacy-card section{margin-top:var(--space-6)}.privacy-card h2{margin-bottom:var(--space-2);font-size:var(--text-xl)}.privacy-card p{color:var(--ink-soft);line-height:1.75}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--ink-faint)}.empty .em{font-size:3rem;margin-bottom:var(--space-3)}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 1rem);transform:translateX(-50%);z-index:80;padding:.7rem 1.1rem;border-radius:var(--r-pill);background:var(--ink);color:var(--ink-invert);font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:toast-in var(--dur) var(--ease-out)}@media (min-width:860px){.toast{bottom:1.5rem}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--paper-2) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-md)}@keyframes shimmer{to{background-position:-100% 0}}.card-section{padding:var(--space-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.is-busy{opacity:.55;pointer-events:none;transition:opacity var(--dur-fast)}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{position:relative;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:clamp(1.5rem,1rem + 3vw,2.4rem);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--brand-grad)}.auth-brand{text-align:center}.auth-brand h1{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:900;margin-top:.3rem;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:var(--accent-deep);-webkit-text-fill-color:transparent}.auth-form{gap:var(--space-3)}.auth-form,.field{display:flex;flex-direction:column}.field{gap:.35rem}.field>span{font-size:var(--text-sm);font-weight:700;color:var(--ink-soft)}.field input,.field select,.field textarea{padding:.65rem .8rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper);font-size:var(--text-base);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.auth-error{background:oklch(95% .04 25);color:var(--danger);border-radius:var(--r-sm);padding:.6rem .8rem;font-size:var(--text-sm);font-weight:600}.auth-divider{display:flex;align-items:center;gap:.7rem;color:var(--ink-faint);font-size:var(--text-xs);font-weight:600}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-providers{display:flex;flex-direction:column;gap:.5rem}.auth-switch{text-align:center;font-size:var(--text-sm)}.auth-switch a{color:var(--accent-deeper);font-weight:700}.user-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem .3rem .45rem;border-radius:var(--r-pill);background:var(--surface-sunken);border:1px solid var(--line);font-weight:700;font-size:var(--text-sm);transition:background var(--dur-fast)}.user-chip:hover{background:var(--accent-wash)}.user-chip-name{max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip-lv{font-size:.66rem;color:var(--accent-deeper);background:var(--surface);padding:.05rem .35rem;border-radius:var(--r-pill)}@media (max-width:520px){.user-chip-name{display:none}}.lv-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:var(--r-pill);background:var(--gold);color:oklch(30% .05 80);font-weight:800;font-size:var(--text-xs)}.lv-badge.subtle{color:var(--ink-soft);border:1px solid var(--line)}.lv-badge.subtle,.rep-bar{background:var(--surface-sunken)}.rep-bar{height:8px;overflow:hidden}.rep-bar,.rep-bar>i{border-radius:var(--r-pill)}.rep-bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--accent))}.author-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.author-link{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;color:var(--ink)}.recipe-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.8rem}.rec-btn.on{background:var(--berry);color:var(--ink-invert);border-color:var(--berry)}.save-btn.on{background:var(--sage);color:var(--ink-invert);border-color:var(--sage)}.variation-note{font-size:var(--text-sm);color:var(--ink-soft);background:var(--surface-sunken);padding:.5rem .8rem;border-radius:var(--r-sm);border-left:3px solid var(--accent)}.review-list{display:flex;flex-direction:column;gap:var(--space-3)}.review-item{padding:.8rem 1rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.review-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:var(--text-sm)}.review-head .who{font-weight:700}.rank-list{display:flex;flex-direction:column;gap:.5rem}.rank-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.rank-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rank-pos{font-family:var(--font-serif);font-weight:800;font-size:var(--text-lg);width:2rem;text-align:center;color:var(--ink-faint);flex-shrink:0}.rank-pos.medal-1{color:#c9971f}.rank-pos.medal-2{color:#9aa0a6}.rank-pos.medal-3{color:#b06a35}.rank-emoji{font-size:1.8rem;flex-shrink:0}.rank-main{flex:1 1;min-width:0}.rank-main .rank-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-main .rank-sub{font-size:var(--text-xs);color:var(--ink-faint)}.rank-score{font-weight:800;color:var(--accent-deeper);white-space:nowrap}.profile-hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--r-lg);background:linear-gradient(150deg,var(--accent-wash),var(--surface) 70%);border:1px solid var(--line)}.profile-avatar{width:72px;height:72px;border-radius:var(--r-pill);display:grid;place-items:center;font-size:2.4rem;background:var(--surface);box-shadow:var(--shadow-sm);flex-shrink:0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem}.profile-stats .stat{text-align:center;padding:.8rem .4rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.profile-stats .stat .v{font-family:var(--font-serif);font-weight:800;font-size:var(--text-lg)}.profile-stats .stat .l{font-size:var(--text-xs);color:var(--ink-faint)}.profile-links{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.6rem;gap:.6rem}.profile-link{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);font-weight:700;transition:background var(--dur-fast)}.profile-link:hover{background:var(--surface-sunken)}.invite-box{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;border-radius:var(--r-md);background:var(--accent-wash);border:1px dashed var(--accent)}.invite-code{font-family:var(--font-serif);font-weight:800;font-size:var(--text-xl);letter-spacing:.15em;color:var(--accent-deeper)}.member-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .2rem;border-bottom:1px dotted var(--line-strong)}.member-row .who{flex:1 1;font-weight:600}.recipe-form{display:flex;flex-direction:column;gap:var(--space-5)}.rf-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:640px){.rf-grid.three{grid-template-columns:1fr 1fr 1fr}}.row-edit{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem}.row-edit input{flex:1 1;min-width:0;padding:.5rem .6rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper)}.row-edit input.sm{flex:0 0 70px}.row-edit select{flex:0 0 110px;padding:.5rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper)}.mini-btn{width:34px;height:34px;flex-shrink:0;border-radius:var(--r-sm);background:var(--surface-sunken);border:1px solid var(--line);font-weight:800;color:var(--ink-soft)}.emoji-pick{display:flex;gap:.3rem;flex-wrap:wrap}.emoji-pick button{width:40px;height:40px;font-size:1.3rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface)}.emoji-pick button.sel{border-color:var(--accent);background:var(--accent-wash)}.byline{font-size:var(--text-xs);color:var(--ink-faint);display:inline-flex;align-items:center;gap:.25rem}.official-tag{color:var(--sage);background:var(--sage-wash)}.official-tag,.verified-tag{font-size:.62rem;font-weight:800;padding:.1rem .4rem;border-radius:var(--r-pill)}.verified-tag{color:var(--accent-deeper);background:var(--accent-wash)}.rec-count{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--text-xs);font-weight:700;color:var(--berry)}.cal-head{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.cal-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:800;min-width:8.5rem;text-align:center}.cal-grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(104px,1fr));grid-gap:6px;gap:6px;min-width:740px}.cal-wd{text-align:center;font-weight:800;font-size:var(--text-xs);color:var(--ink-soft);padding-bottom:.2rem}.cal-wd.sat{color:var(--convenience)}.cal-wd.sun{color:var(--berry)}.cal-cell{min-height:96px;display:flex;flex-direction:column;gap:3px;padding:.4rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line)}.cal-cell.out{background:var(--surface-sunken);opacity:.55}.cal-cell.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cal-date{font-weight:800;font-size:var(--text-xs);color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal-cell.sat .cal-date{color:var(--convenience)}.cal-cell.sun .cal-date{color:var(--berry)}.cal-meal{display:flex;align-items:baseline;gap:.2rem;font-size:.72rem;line-height:1.2;color:var(--ink);border-radius:var(--r-xs);padding:1px 2px;transition:background var(--dur-fast)}.cal-meal:hover{background:var(--accent-wash)}.cal-meal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.cal-mark{margin-left:auto;font-size:.7rem;flex-shrink:0}.cal-meal.log-skipped .cal-meal-name{text-decoration:line-through;color:var(--ink-faint)}.adherence{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4);padding:.6rem .9rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.slot-log{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.25rem;gap:.25rem;margin-top:.1rem}.log-btn{padding:.3rem .2rem;border-radius:var(--r-xs);border:1px solid var(--line);background:var(--surface);font-size:.66rem;font-weight:700;color:var(--ink-faint);transition:all var(--dur-fast)}.log-btn:active{transform:scale(.94)}.log-btn.on.ate{background:var(--ok);color:var(--ink-invert);border-color:var(--ok)}.log-btn.on.replaced{background:var(--gold);color:oklch(30% .05 80);border-color:var(--gold)}.log-btn.on.skipped{background:var(--ink-faint);color:var(--ink-invert);border-color:var(--ink-faint)}.log-note{font-size:var(--text-xs);color:var(--gold);font-weight:700;background:oklch(96% .04 82);padding:.15rem .45rem;border-radius:var(--r-pill)}.meal-slot.log-skipped .slot-name{text-decoration:line-through;color:var(--ink-faint)}.meal-slot.log-ate{border-color:color-mix(in oklch,var(--ok) 35%,var(--line))}.modal-overlay{position:fixed;inset:0;z-index:90;background:oklch(20% .02 60/.45);display:grid;place-items:center;padding:var(--space-4);animation:fade-in var(--dur-fast) ease-out}@keyframes fade-in{0%{opacity:0}}.modal{width:100%;max-width:460px;max-height:80dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--line);font-family:var(--font-serif)}.modal-search{margin:var(--space-3) var(--space-4) 0;padding:.6rem .8rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper)}.picker-list{overflow-y:auto;padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:.3rem}.picker-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);text-align:left;transition:background var(--dur-fast)}.picker-item:hover{background:var(--accent-wash)}.picker-emoji{font-size:1.4rem}.picker-name{font-weight:700;flex:1 1}.picker-cat{font-size:var(--text-xs);color:var(--ink-faint)}.picker-add{border-color:var(--accent);background:var(--accent-wash)}.picker-add .picker-name{color:var(--accent-deeper);font-weight:800}.picker-write{border-color:var(--line-strong);background:var(--surface-sunken)}.picker-write .picker-name{font-weight:700}.situation-block{margin-bottom:var(--space-4)}.situation-title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:800;color:var(--ink-soft);margin-bottom:var(--space-3)}.situation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}@media (min-width:560px){.situation-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-3)}}.situation-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.85rem .4rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs);font-weight:700;color:var(--ink-soft);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),color var(--dur-fast)}.situation-card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--brand-1) 40%,var(--line));box-shadow:var(--shadow-sm),var(--brand-glow)}.situation-card .situation-emoji{font-size:1.9rem;line-height:1;transition:transform var(--dur) var(--ease-out)}.situation-card:hover .situation-emoji{transform:scale(1.15) rotate(-6deg)}.situation-card .situation-label{font-size:var(--text-sm);letter-spacing:-.01em}.situation-card.is-active{border-color:var(--brand-1);background:color-mix(in oklch,var(--brand-1) 14%,var(--surface));color:var(--ink);box-shadow:0 0 0 1px var(--brand-1),var(--shadow-sm)}.now-card{text-align:center;padding:var(--space-6) var(--space-4);border-radius:var(--r-xl);background:var(--brand-wash);border:1px solid color-mix(in oklch,var(--brand-1) 22%,var(--line));box-shadow:inset 0 1px 0 oklch(100% 0 0/.4),var(--shadow-sm);transition:opacity var(--dur-fast)}.now-emoji{display:inline-block;font-size:clamp(3.5rem,18vw,6rem);line-height:1;filter:drop-shadow(0 6px 12px oklch(40% .05 60/.22));animation:now-float 3.4s var(--ease-in-out) infinite}@keyframes now-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.now-name{display:block;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:900;margin-top:.6rem;letter-spacing:-.02em;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:var(--accent-deep);-webkit-text-fill-color:transparent}.now-cat{color:var(--ink-faint);font-weight:600;font-size:var(--text-sm);margin-top:.2rem}.now-tags{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}.now-hub{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-5)}@media (max-width:540px){.now-hub{grid-template-columns:1fr}}.now-hub-col{padding:var(--space-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}.now-hub-col h3{font-size:var(--text-base);font-weight:800;display:flex;align-items:center;gap:.4rem}.now-hub-col.cook{border-color:color-mix(in oklch,var(--home) 30%,var(--line))}.now-hub-col.out{border-color:color-mix(in oklch,var(--convenience) 30%,var(--line))}.input{padding:.55rem .7rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--paper);font:inherit;color:inherit;min-width:0}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.shop-add{flex-wrap:wrap}.shop-item>.btn{padding:.2rem .5rem;font-size:var(--text-xs);flex-shrink:0}@media (max-width:520px){.app-header .btn-ghost{padding:.45rem .6rem}}.week-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--space-4)}.week-nav .week-range{font-family:var(--font-serif);font-weight:800;font-size:var(--text-lg);text-align:center}.week-nav .week-sub{font-size:var(--text-xs);color:var(--ink-faint);font-weight:600}.week-nav-center{display:flex;flex-direction:column;align-items:center;line-height:1.2}.cal-cell.clickable{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}.cal-cell.clickable:hover{border-color:var(--accent)}.cal-cell.clickable.out{cursor:default}.de-meal{padding:.8rem;border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:.6rem;background:var(--surface)}.de-meal-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.de-meal-title{display:flex;align-items:baseline;gap:.4rem}.de-meal-title .nm{font-weight:700}.de-actions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.de-log{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.25rem;gap:.25rem;margin-top:.5rem}.de-modal-body{overflow-y:auto;padding:var(--space-4)}.check-list{display:flex;flex-direction:column;gap:.45rem;font-size:var(--text-sm);color:var(--ink-soft)}.check-list li{line-height:1.4}.shop-week{border:1px solid var(--line);border-radius:var(--r-sm);padding:.5rem .8rem;margin-bottom:.5rem;background:var(--surface)}.shop-week>summary{cursor:pointer;font-weight:700;font-size:var(--text-sm)}.shop-week-aisle{font-size:var(--text-xs);margin-top:.4rem;line-height:1.5}.shop-week-aisle strong{color:var(--accent-deeper)}[data-theme=dark]{--paper:oklch(20% 0.012 60);--paper-2:oklch(24% 0.014 62);--surface:oklch(25.5% 0.014 62);--surface-sunken:oklch(21.5% 0.012 60);--ink:oklch(94% 0.012 85);--ink-soft:oklch(82% 0.014 78);--ink-faint:oklch(70% 0.016 72);--ink-invert:oklch(18% 0.02 55);--line:oklch(34% 0.016 64);--line-strong:oklch(42% 0.02 66);--accent:oklch(67% 0.16 45);--accent-deep:oklch(70% 0.155 45);--accent-deeper:oklch(78% 0.13 50);--accent-wash:oklch(33% 0.05 48);--sage:oklch(72% 0.1 152);--sage-wash:oklch(30% 0.04 152);--gold:oklch(80% 0.13 84);--berry:oklch(70% 0.16 8);--brand-1:oklch(72% 0.17 35);--brand-2:oklch(74% 0.11 205);--brand-wash:linear-gradient(150deg,oklch(33% 0.06 38/0.85),oklch(31% 0.045 215/0.5) 70%,var(--surface));--home:oklch(78% 0.1 65);--home-wash:oklch(31% 0.04 62);--convenience:oklch(76% 0.09 232);--convenience-wash:oklch(31% 0.04 232);--danger:oklch(70% 0.17 25);--ok:oklch(72% 0.13 152);--shadow-xs:0 1px 2px oklch(0% 0 0/0.4);--shadow-sm:0 2px 8px oklch(0% 0 0/0.45),0 1px 2px oklch(0% 0 0/0.4);--shadow-md:0 6px 20px oklch(0% 0 0/0.5),0 2px 6px oklch(0% 0 0/0.4);--shadow-lg:0 18px 44px oklch(0% 0 0/0.58),0 6px 14px oklch(0% 0 0/0.45)}[data-theme=dark] body{background-color:var(--paper);background-image:radial-gradient(circle at 18% 12%,oklch(28% .035 65/.55),transparent 42%),radial-gradient(circle at 84% 8%,oklch(26% .03 150/.4),transparent 40%),radial-gradient(circle at 50% 120%,oklch(27% .04 45/.5),transparent 55%)}[data-theme=dark] .app-header{background:oklch(20% .012 60/.82);border-bottom-color:var(--line)}[data-theme=dark] .tabbar{background:oklch(22% .012 60/.92);border-top-color:var(--line)}[data-theme=dark] .fav-btn{background:oklch(28% .012 60/.85)}[data-theme=dark] .app-header,[data-theme=dark] .tabbar,[data-theme=dark] body{transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}@media (prefers-reduced-motion:reduce){[data-theme=dark] .app-header,[data-theme=dark] .tabbar,[data-theme=dark] body{transition-duration:.01ms}}