:root{--paper: #FAF8F4;--surface: #FFFFFF;--surface-2: #F3EFE8;--surface-sink: #EDE8DF;--ink: #1C1B18;--ink-2: #45423B;--muted: #78736A;--faint: #A8A296;--line: #E7E1D6;--line-strong: #D8D1C3;--accent: #2E6B4F;--accent-hover: #255A41;--accent-ink: #1E4A37;--accent-soft: #E6EFE9;--accent-tint: #F0F5F1;--amber: #C0791C;--amber-soft: #F6EBD8;--brand-purple: #674EA7;--brand-green: #6AA84F;--brand-yellow: #F1C33E;--brand-purple-soft: #EDE9F6;--brand-green-soft: #E9F2E3;--brand-yellow-soft: #FBF1D3;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-ui: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--step--1: .82rem;--step-0: .95rem;--step-1: 1.15rem;--step-2: 1.45rem;--step-3: 1.85rem;--step-4: 2.35rem;--step-5: clamp(2.6rem, 5vw, 3.6rem);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(28,27,24,.05), 0 1px 3px rgba(28,27,24,.04);--shadow-md: 0 4px 14px rgba(28,27,24,.07), 0 2px 6px rgba(28,27,24,.05);--shadow-lg: 0 18px 50px rgba(28,27,24,.14), 0 6px 18px rgba(28,27,24,.08);--sidebar-w: 250px;--rightbar-w: 272px;--topbar-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--step-0);line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid var(--paper)}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.04}.serif{font-family:var(--font-display)}.eyebrow{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--muted)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app.has-right{grid-template-columns:var(--sidebar-w) 1fr var(--rightbar-w)}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:var(--s5) var(--s4);gap:var(--s5)}.brand{padding:var(--s2) var(--s2) var(--s3);text-align:left;width:100%;display:block}.brand:hover{opacity:.85}.brand-logo{width:152px;max-width:100%;height:auto;display:block}.brand-sub{font-size:.66rem;letter-spacing:.32em;text-transform:uppercase;color:var(--faint);font-weight:700;margin:var(--s2) 0 0 4px}.planner-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;padding:var(--s3) var(--s3);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--muted);border-radius:var(--r-sm);transition:all .15s}.planner-header:hover{background:var(--surface-2);color:var(--accent-ink)}.planner-header:hover .ph-arrow{color:var(--accent);transform:translate(2px)}.ph-arrow{width:15px;height:15px;color:var(--faint);transition:transform .15s}.mini-nav{display:flex;align-items:center;gap:4px;margin-top:2px}.mini-nav-arrow{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .12s}.mini-nav-arrow:hover{border-color:var(--accent);color:var(--accent)}.mini-nav-arrow svg{width:13px;height:13px}.mini-nav-label{flex:1;text-align:center;padding:4px;border:0;background:none;cursor:pointer;border-radius:var(--r-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.mini-nav-label:hover{background:var(--surface-2);color:var(--accent-ink)}.mini-thumb{cursor:grab}.mini-week{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:var(--s3)}.side-toggle{display:flex;align-items:center;gap:var(--s3);width:100%;padding:9px var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.side-toggle:hover{background:var(--surface-2);border-color:var(--accent)}.side-toggle-ico{width:24px;height:24px;object-fit:contain;flex-shrink:0}.side-create{width:100%;justify-content:center}.side-foot{margin-top:auto;display:flex;align-items:center;gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line)}.side-profile{display:flex;align-items:center;gap:var(--s3);flex:1;min-width:0;padding:6px var(--s2);border-radius:var(--r-md);text-align:left;transition:background .12s}.side-profile:hover{background:var(--surface-2)}.side-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:.82rem;overflow:hidden}.side-avatar img{width:100%;height:100%;object-fit:cover}.side-name{font-weight:600;font-size:.9rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-logout{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;color:var(--muted);background:transparent;cursor:pointer;transition:all .12s}.side-logout:hover{color:#ef4444;background:#fbecec}.side-logout svg{width:18px;height:18px}.mini-day{display:flex;align-items:center;gap:var(--s3);padding:7px var(--s3);border-radius:var(--r-md);width:100%;text-align:left;transition:background .15s;min-height:46px}.mini-day:hover{background:var(--surface-2)}.mini-day.today{background:var(--accent-soft)}.mini-date{display:flex;flex-direction:column;align-items:center;width:34px;flex-shrink:0}.mini-dow{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--faint)}.mini-day.today .mini-dow{color:var(--accent)}.mini-num{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1}.mini-meals{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.mini-meal{position:relative;display:inline-flex}.mini-thumb{width:30px;height:30px;border-radius:7px;object-fit:cover;display:block}.mini-note{font-size:.72rem;color:var(--muted);font-style:italic}.mini-note-wrap{align-items:center;padding-right:4px}.mini-remove{position:absolute;top:-5px;right:-5px;z-index:3;width:16px;height:16px;border-radius:50%;background:#d64545;color:#fff;border:1.5px solid var(--paper);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity .12s,transform .12s;box-shadow:0 1px 3px #00000040}.mini-meal:hover .mini-remove{opacity:1;transform:scale(1)}.mini-remove:hover{background:#b93838}.mini-remove svg{width:10px;height:10px}.dots{display:inline-flex;gap:5px;align-items:center}.dots i{width:7px;height:7px;border-radius:50%;display:block}.dots i:nth-child(1){background:var(--brand-purple)}.dots i:nth-child(2){background:var(--brand-green)}.dots i:nth-child(3){background:var(--brand-yellow)}.eyebrow-row{display:flex;align-items:center;gap:var(--s3);margin-bottom:2px}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-weight:700;padding:var(--s3) var(--s3) var(--s2)}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:10px var(--s3);border-radius:var(--r-md);color:var(--ink-2);font-weight:500;transition:background .15s ease,color .15s ease;width:100%;text-align:left}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav-item.active .nav-ico{color:var(--accent)}.nav-ico{width:20px;height:20px;color:var(--muted);flex-shrink:0}.nav-count{margin-left:auto;font-size:.78rem;color:var(--faint);font-variant-numeric:tabular-nums}.nav-item.active .nav-count{color:var(--accent)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s4)}.upgrade{background:linear-gradient(160deg,var(--accent-tint),var(--accent-soft));border:1px solid var(--accent-soft);border-radius:var(--r-lg);padding:var(--s4)}.upgrade h4{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--accent-ink)}.upgrade p{font-size:.82rem;color:var(--ink-2);margin:var(--s2) 0 var(--s3)}.usage-bar{height:6px;background:#fff;border-radius:999px;overflow:hidden;margin-bottom:var(--s2)}.usage-fill{height:100%;background:var(--accent);border-radius:999px}.usage-txt{font-size:.74rem;color:var(--muted)}.me{display:flex;align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r-md)}.me:hover{background:var(--surface-2)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-weight:700;font-size:.9rem;flex-shrink:0}.me-name{font-weight:600;font-size:.9rem}.me-plan{font-size:.76rem;color:var(--muted)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;bottom:var(--s5);z-index:20;align-self:center;width:min(620px,92%);height:60px;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s4);background:#000;border:1px solid #000;border-radius:var(--r-pill);box-shadow:var(--shadow-lg)}.topbar .search{max-width:none}.search{position:relative;flex:1;max-width:460px}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--faint)}.search input{width:100%;padding:11px 16px 11px 42px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);font-size:.9rem;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--faint)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s3)}.topbar-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-weight:700;font-size:.8rem;transition:transform .12s}.topbar-avatar:hover{transform:scale(1.06)}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.topbar-web.active{background:#000;border-color:#000}.web-stub{max-width:560px;margin:12vh auto 0;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:var(--s3)}.web-stub svg{width:56px;height:56px;color:var(--accent)}.web-stub h2{font-family:var(--font-display);font-size:var(--step-3);font-weight:600;color:var(--ink)}.web-stub p{font-size:.95rem;line-height:1.6}.topbar-logout{color:var(--muted)}.topbar-logout:hover{color:#ef4444;background:#fbecec}.edit-photos{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s2)}.edit-photo{position:relative;width:92px;height:92px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.edit-photo img{width:100%;height:100%;object-fit:cover;display:block}.edit-photo-badge{position:absolute;left:4px;bottom:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:color-mix(in srgb,var(--ink) 78%,transparent);padding:2px 6px;border-radius:999px}.edit-photo-x,.edit-photo-star{position:absolute;top:4px;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--ink) 72%,transparent);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .12s}.edit-photo-x{right:4px}.edit-photo-star{left:4px}.edit-photo:hover .edit-photo-x,.edit-photo:hover .edit-photo-star{opacity:1}.edit-photo-x:hover{background:#d64545}.edit-photo-x svg,.edit-photo-star svg{width:13px;height:13px}.edit-photo-add{width:92px;height:92px;border-radius:var(--r-md);cursor:pointer;border:1.5px dashed var(--line-strong);color:var(--muted);display:grid;place-items:center;transition:all .14s}.edit-photo-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.edit-photo-add svg{width:22px;height:22px}.edit-uploading{display:inline-block;margin-top:var(--s2);font-size:.8rem;color:var(--accent);font-weight:600}.edit-photo-url{display:flex;gap:var(--s2);margin-top:var(--s3)}.edit-photo-url input{flex:1}.profile-modal{max-width:460px}.profile-avatar-row{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s2)}.profile-avatar-big{width:76px;height:76px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-weight:700;font-size:1.5rem}.profile-avatar-big img{width:100%;height:100%;object-fit:cover}.profile-avatar-actions{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.profile-upload{cursor:pointer}.profile-note{font-size:.82rem;color:var(--muted);line-height:1.5;margin:var(--s2) 0 var(--s3)}.profile-pw-row{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap}.profile-pw-ok{font-size:.82rem;color:var(--accent);font-weight:600}.profile-pw-err{font-size:.82rem;color:#c0392b;font-weight:600}.login{position:relative;min-height:100vh;display:grid;place-items:center;padding:var(--s6);background:var(--paper);overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.5);z-index:0}.login-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;z-index:1}.login-card{position:relative;z-index:2;width:100%;max-width:400px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--s8) var(--s7);display:flex;flex-direction:column;gap:var(--s4)}.login-brand{display:flex;align-items:center;gap:var(--s3)}.login-brand .dots i{width:10px;height:10px}.login-word{font-family:"Playfair Display",var(--font-display);font-weight:700;font-size:1.9rem;letter-spacing:.03em}.login-tag{color:var(--muted);font-size:.95rem;margin-top:calc(var(--s3) * -1)}.login-fields{display:flex;flex-direction:column;gap:var(--s3)}.login-bio{width:100%;margin-bottom:var(--s2)}.login-bio-opt{display:flex;align-items:center;gap:var(--s2);font-size:.84rem;color:var(--ink-2)}.login-bio-opt input{width:16px;height:16px}.login-error{font-size:.86rem;color:#c0392b;background:#fbecec;border-radius:var(--r-md);padding:var(--s3) var(--s4)}.login-submit{width:100%;justify-content:center;padding:12px;font-size:.95rem}.login-switch{font-size:.88rem;color:var(--muted);text-align:center}.login-note{font-size:.8rem;color:var(--faint);line-height:1.5;text-align:center}.edit-delete{margin-right:auto;color:#d64545}.edit-delete:hover{background:#fbecec}.clip-error{margin-top:var(--s3);font-size:.86rem;color:#b93838;background:#fbecec;border-radius:var(--r-md);padding:var(--s3) var(--s4);line-height:1.5;text-align:left}.meal-remove{position:absolute;top:4px;left:4px;z-index:3;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--ink) 72%,transparent);color:#fff;border:1.5px solid var(--surface);display:grid;place-items:center;opacity:0;transition:opacity .12s,background .12s}.meal:hover .meal-remove{opacity:1}.meal-remove:hover{background:#d64545}.meal-remove svg{width:12px;height:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:11px 18px;border-radius:var(--r-pill);font-weight:600;font-size:.9rem;transition:transform .12s ease,background .15s ease,box-shadow .15s ease,border-color .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}.btn-icon:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn svg{width:18px;height:18px}.ico-cookbook{display:block;width:30px;height:30px;object-fit:contain}.topbar-web{background:var(--brand-yellow);border-color:var(--brand-yellow);overflow:hidden}.topbar-web:hover{background:var(--brand-yellow);border-color:var(--brand-yellow);filter:brightness(.94)}.content{padding:var(--s7);flex:1}.main>.content{padding-bottom:calc(var(--topbar-h) + var(--s4))}.app.has-right .content{background:#fff}.app.has-right .card,.app.has-right .ws-card{background:#fbf8f1;border-color:var(--brand-purple)}.app.has-right .card:hover,.app.has-right .ws-card:hover{box-shadow:0 0 0 2px var(--brand-purple),var(--shadow-lg)}.app.has-right .sidebar{border-right:none}.app.has-right .labelpanel{border-left:none}.app.has-right .sidebar:after,.app.has-right .labelpanel:before{content:"";position:absolute;top:12.5%;height:75%;width:1px;background:var(--line-strong);pointer-events:none}.app.has-right .sidebar:after{right:0}.app.has-right .labelpanel:before{left:0}.content-wide{max-width:1600px;margin:0 auto;width:100%}.content-wide:has(.grid){max-width:none}.websearch{display:block}.ws-titlerow{display:flex;align-items:center;gap:var(--s3)}.ws-sites-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;flex-shrink:0}.ws-sites-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ws-sites-btn svg{width:17px;height:17px}.ws-modal{max-width:460px}.ws-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s5)}.ws-modal-head h2{font-family:var(--font-display);font-size:var(--step-3);font-weight:600;letter-spacing:-.02em}.ws-modal-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer}.ws-modal-close:hover{background:var(--surface-2);color:var(--ink)}.ws-modal-close svg{width:18px;height:18px}.ws-addrow{display:flex;gap:var(--s3);margin-bottom:var(--s4)}.ws-addrow input{flex:1;height:40px;padding:0 var(--s4);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);font-size:.95rem;color:var(--ink)}.ws-addrow input:focus{outline:none;border-color:var(--accent)}.ws-addbtn{white-space:nowrap}.ws-sites-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.ws-site{display:flex;align-items:center;gap:var(--s3);padding:7px var(--s3);border-radius:10px;border:1px solid var(--line);background:var(--paper)}.ws-favicon{width:18px;height:18px;border-radius:4px;flex-shrink:0}.ws-site-name{flex:1;font-size:.92rem;color:var(--ink-2)}.ws-site-rm{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--muted);border:0;background:transparent;cursor:pointer}.ws-site-rm:hover{background:var(--surface-2);color:var(--ink)}.ws-site-rm svg{width:15px;height:15px}.ws-empty{color:var(--muted);font-size:.9rem;padding:var(--s3)}.ws-results{min-height:40vh}.ws-results-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s3);color:var(--muted);padding:var(--s8) var(--s5);min-height:40vh}.ws-results-stub svg{width:40px;height:40px;opacity:.5}.ws-results-stub p{font-size:1.05rem;color:var(--ink-2);max-width:46ch}.ws-soon{font-size:.85rem;opacity:.7}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s5)}.ws-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .15s,transform .15s}.ws-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ws-card-media{position:relative;display:block;aspect-ratio:4 / 3;background:var(--surface-2);overflow:hidden}.ws-card-media img{width:100%;height:100%;object-fit:cover;display:block}.ws-card-noimg{width:100%;height:100%;display:grid;place-items:center;color:var(--faint)}.ws-card-noimg svg{width:28px;height:28px}.ws-card-source{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:var(--r-pill);background:color-mix(in srgb,#000 62%,transparent);color:#fff;font-size:.7rem;font-weight:600}.ws-card-body{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);flex:1}.ws-card-title{font-family:var(--font-display);font-size:1.02rem;font-weight:600;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ws-card-title:hover{color:var(--accent-ink)}.ws-add{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px var(--s3);border-radius:var(--r-pill);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--accent);color:var(--accent-ink);background:var(--accent-soft);transition:all .12s}.ws-add:hover{background:var(--accent);color:#fff}.ws-add svg{width:15px;height:15px}.ws-add-saved,.ws-add-dup{border-color:var(--brand-green);color:var(--brand-green);background:transparent;cursor:default}.ws-add-saved:hover,.ws-add-dup:hover{background:transparent;color:var(--brand-green)}.ws-add-saving{opacity:.7;cursor:default}.ws-add-error{border-color:#ef4444;color:#ef4444;background:#fbecec}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s6);flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:var(--step-4);font-weight:600;letter-spacing:-.025em;line-height:1.05}.page-sub{color:var(--muted);margin-top:var(--s2);font-size:1rem;max-width:60ch}.chips{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s6)}.chip{padding:8px 16px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:.85rem;font-weight:500;color:var(--ink-2);transition:all .15s ease}.chip:hover{border-color:var(--line-strong)}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip-count{opacity:.55;margin-left:6px;font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:var(--s5)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-purple);background:#f3ecd9}.card:hover .card-body{background:#f3ecd9}.card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-2)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.card:hover .card-media img{transform:scale(1.05)}.card-fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;color:var(--ink-2);box-shadow:var(--shadow-sm);transition:transform .12s ease,color .15s}.card-fav:hover{transform:scale(1.08)}.card-fav.on{color:#ef4444}.card-fav.on svg{fill:#ef4444;stroke:#ef4444}.card-fav svg{width:17px;height:17px;transition:fill .15s}.card-fav.burst svg{animation:fav-pop .5s cubic-bezier(.2,1.5,.4,1)}@keyframes fav-pop{0%{transform:scale(1)}28%{transform:scale(.65)}60%{transform:scale(1.35)}to{transform:scale(1)}}.fav-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fav-sparkles i{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#f5b301;animation:fav-spark .6s ease-out forwards}.fav-sparkles i:nth-child(1){--a: 0deg}.fav-sparkles i:nth-child(2){--a: 60deg;background:#ef4444}.fav-sparkles i:nth-child(3){--a: 120deg}.fav-sparkles i:nth-child(4){--a: 180deg;background:#ef4444}.fav-sparkles i:nth-child(5){--a: 240deg}.fav-sparkles i:nth-child(6){--a: 300deg;background:#ef4444}@keyframes fav-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(-3px) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-20px) scale(.3)}}.card-src{position:absolute;bottom:10px;left:10px;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:5px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 78%,transparent);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px}.card-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);flex:1}.card-title{font-family:var(--font-display);font-weight:600;font-size:1.12rem;line-height:1.2;letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:var(--s4);margin-top:auto;font-size:.8rem;color:var(--muted)}.card-meta span{display:inline-flex;align-items:center;gap:5px}.card-meta svg{width:14px;height:14px}.stars{display:inline-flex;gap:1px;color:var(--amber)}.stars svg{width:13px;height:13px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.72rem;font-weight:600;color:var(--accent-ink);background:var(--accent-tint);padding:3px 9px;border-radius:var(--r-pill)}.detail{max-width:1440px;margin:0 auto}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:.88rem;margin-bottom:var(--s5)}.back:hover{color:var(--ink)}.back svg{width:16px;height:16px}.detail-top{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:start;margin-bottom:var(--s7)}.detail-side{display:flex;flex-direction:column;gap:var(--s5)}.detail-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--s6);align-items:start}.detail-media{display:flex;align-items:flex-start;gap:var(--s4)}.detail-rail{display:flex;flex-direction:column;align-items:center;gap:var(--s3);flex-shrink:0}.rail-btn{width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);transition:background .12s,color .12s,transform .12s}.rail-btn svg{width:18px;height:18px}.rail-btn:hover{background:var(--paper);color:var(--ink);transform:scale(1.06)}.rail-add{background:var(--accent);border-color:var(--accent);color:#fff}.rail-add:hover{background:var(--accent-ink);color:#fff}.detail-media-main{flex:1;min-width:0;position:relative}.detail-media-main .carousel{width:100%}.detail-fav{position:absolute;top:12px;right:12px;z-index:3;width:42px;height:42px;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:#ffffffeb;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000002e;transition:transform .12s ease}.detail-fav:hover{transform:scale(1.09)}.detail-fav svg{width:21px;height:21px;color:var(--ink-2);fill:none;transition:fill .15s,color .15s}.detail-fav.on svg{color:#ef4444;fill:#ef4444}.metabox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);display:flex;flex-direction:column}.detail-side .detail-nutri{padding:var(--s4)}.detail-side .detail-nutri .nf{width:100%;max-width:none}.metabox .meta-nutri-empty{border:none;padding:0;background:none;text-align:center}.metabox .meta-times{margin-bottom:0;border-bottom:none;padding-bottom:0}.detail-side .detail-meta{padding:var(--s4) var(--s5)}.detail-side .detail-meta .meta-times{padding:var(--s3) 0 0;border-top:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}.detail-side .detail-meta .meta-k{font-size:.56rem;letter-spacing:.02em;white-space:nowrap}.detail-side .detail-meta .meta-num{font-size:1.02rem}.detail-plan{flex-shrink:0;width:48px;height:48px;padding:0;cursor:grab;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 1px 4px rgba(0,0,0,.22));transition:transform .12s ease}.detail-plan:hover{transform:scale(1.1)}.detail-plan:active{cursor:grabbing}.detail-plan-ico{width:44px;height:44px;display:block}.detail-photo{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:1/1;box-shadow:var(--shadow-md)}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-info{padding-top:var(--s2)}.detail-src{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);font-weight:600;margin-bottom:var(--s4)}.detail-src a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.detail-title{font-family:var(--font-display);font-size:var(--step-5);font-weight:600;letter-spacing:-.03em;line-height:1.02}.detail-desc{color:var(--ink-2);font-size:1.05rem;margin-top:var(--s4);line-height:1.6}.stat-row{display:flex;gap:var(--s6);margin:var(--s6) 0;padding:var(--s5) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{display:flex;flex-direction:column;gap:2px}.stat-k{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-weight:700}.stat-v{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.stat-v small{font-size:.8rem;color:var(--muted);font-family:var(--font-ui);font-weight:500}.stat-row .stat:nth-child(1) .stat-v{color:var(--brand-purple)}.stat-row .stat:nth-child(2) .stat-v{color:var(--accent)}.stat-row .stat:nth-child(3) .stat-v{color:var(--amber)}.detail-added{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);font-weight:600;margin:var(--s4) 0 var(--s5)}.detail-added-top{display:flex;width:fit-content;margin:4px 0 var(--s3)}.detail-added svg{width:14px;height:14px}.detail-actions{display:flex;gap:var(--s3);flex-wrap:wrap}.detail-actions .btn.saved svg{fill:#ef4444;stroke:#ef4444}.detail-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--s6);align-items:start}.detail-body>section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);max-height:calc(100vh - 120px);overflow-y:auto}.detail-body>section .sec-head{position:sticky;top:calc(var(--s6) * -1);z-index:2;margin:calc(var(--s6) * -1) calc(var(--s6) * -1) var(--s5);padding:var(--s5) var(--s6) var(--s4);background:var(--surface);border-bottom:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;row-gap:var(--s3)}.detail-body>section .sec-head .sec-title{margin:0}.detail-body>section .sec-head .measure-toggle{flex-direction:row;align-items:center;gap:var(--s3);margin-bottom:0}.sec-head-left{display:flex;align-items:center;gap:var(--s3);min-width:0}.scale-ctl{display:inline-flex;align-items:center;gap:1px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 6px}.scale-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:700;margin-right:3px}.scale-btn{width:22px;height:22px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;line-height:1;color:var(--muted);cursor:pointer}.scale-btn:hover{background:var(--surface);color:var(--ink)}.scale-x{font-size:.82rem;color:var(--muted);font-weight:700}.scale-input{width:3ch;border:0;background:transparent;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--accent-ink);text-align:left;padding:0}.scale-input:focus{outline:none}.sec-title{font-family:var(--font-display);font-size:var(--step-2);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--s5)}.measure-toggle{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--s5)}.measure-opt{display:inline-flex;align-items:center;gap:var(--s2);font-size:.9rem;font-weight:600;color:var(--muted);text-align:left;align-self:flex-start}.measure-dot{width:17px;height:17px;border-radius:50%;border:2px solid var(--line-strong);flex-shrink:0;position:relative;transition:border-color .12s}.measure-opt.on{color:var(--accent-ink)}.measure-opt.on .measure-dot{border-color:var(--accent)}.measure-opt.on .measure-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent)}.measure-opt:not(:disabled):hover .measure-dot{border-color:var(--accent)}.measure-opt:disabled{cursor:default}.measure-opt.on:disabled .measure-dot{opacity:.8}.measure-opt:disabled:not(.on){opacity:.38}.scaler{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.scaler-label{font-size:.85rem;color:var(--muted);font-weight:500;margin-right:auto}.stepper{display:flex;align-items:center;gap:var(--s3)}.stepper button{width:30px;height:30px;border-radius:50%;background:var(--surface-2);color:var(--ink);font-size:1.2rem;display:grid;place-items:center;line-height:1}.stepper button:hover{background:var(--accent-soft);color:var(--accent-ink)}.stepper .val{font-family:var(--font-display);font-weight:600;font-size:1.1rem;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.ing-list{display:flex;flex-direction:column}.ing{display:flex;align-items:baseline;gap:var(--s3);padding:12px 6px;border-bottom:1px solid var(--line);cursor:pointer;transition:color .15s}.ing:hover{color:var(--accent-ink)}.ing:last-child{border-bottom:none}.ing-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);flex-shrink:0;display:grid;place-items:center;transition:all .15s;align-self:center}.ing.done .ing-check{background:var(--accent);border-color:var(--accent);color:#fff}.ing.done .ing-check svg{width:13px;height:13px}.ing.done .ing-txt{text-decoration:line-through;color:var(--faint)}.ing-amt{font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.ing-txt{color:var(--ink-2)}.steps{display:flex;flex-direction:column;gap:var(--s5);counter-reset:step}.step{display:grid;grid-template-columns:44px 1fr;gap:var(--s4);align-items:start}.step-n{counter-increment:step;width:44px;height:44px;border-radius:50%;background:var(--accent-tint);color:var(--accent-ink);font-family:var(--font-display);font-weight:600;font-size:1.2rem;display:grid;place-items:center}.step-n:before{content:counter(step)}.step-txt{padding-top:8px;color:var(--ink-2);font-size:1.02rem;line-height:1.65}.notes-section{margin-top:var(--s7)}.sec-title-ico{width:18px;height:18px;display:inline-block;vertical-align:-3px;color:var(--amber);margin-right:6px}.notes-input{width:100%;min-height:140px;max-height:360px;resize:vertical;padding:var(--s4) var(--s5);background:var(--amber-soft);border:1px solid #EADFC6;border-radius:var(--r-lg);font:inherit;font-size:.96rem;line-height:1.6;color:#5f4b25;overflow-y:auto}.notes-input::placeholder{color:#b39b6e}.notes-input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px #d69e2e29}.ing-subheader{font-family:var(--font-display);font-weight:600;font-size:1.02rem;color:var(--accent-ink);padding:var(--s4) 6px 8px;border-bottom:1px solid var(--line)}.step-subheader{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink);margin:var(--s3) 0 calc(var(--s3) * -1 + 4px)}.wk-nav{display:flex;align-items:center;gap:var(--s3);margin:2px 0}.wk-nav .page-title{margin:0;min-width:6.5ch}.wk-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all .12s}.wk-arrow:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wk-arrow svg{width:18px;height:18px}.wk-today{margin-left:var(--s2);padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .12s}.wk-today:hover{border-color:var(--accent);color:var(--accent)}.planner-head-actions{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;justify-content:flex-end}.cal-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.cal-btn:hover{border-color:var(--accent);color:var(--accent)}.cal-btn svg{width:16px;height:16px}.cal-btn.connected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.cal-btn:disabled{opacity:.6;cursor:default}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s3)}.day{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-height:320px;display:flex;flex-direction:column}.day-head{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}.day.today .day-head{background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-md) var(--r-md) 0 0}.day-name{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--muted)}.day.today .day-name{color:var(--accent)}.day-num{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.day-body{padding:var(--s3);display:flex;flex-direction:column;gap:var(--s3);flex:1}.meal{display:flex;flex-direction:column;gap:6px;padding:var(--s3);border-radius:var(--r-sm);background:var(--surface-2);border-left:3px solid var(--accent)}.meal img{width:100%;height:62px;object-fit:cover;border-radius:5px}.meal-slot{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700}.meal-name{font-size:.82rem;font-weight:600;line-height:1.25}.meal.note{background:var(--amber-soft);border-left-color:var(--amber);font-style:italic;color:#5f4b25;font-size:.82rem;justify-content:center}.day-add{margin-top:auto;font-size:.78rem;color:var(--faint);font-weight:600;padding:var(--s2);border-radius:var(--r-sm);border:1px dashed var(--line-strong);text-align:center;transition:all .15s}.day-add:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}.shop-wrap{max-width:720px;margin:0 auto}.aisle{margin-bottom:var(--s6)}.aisle-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.aisle-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.aisle-ico{width:34px;height:34px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.aisle-ico svg{width:18px;height:18px}.aisle-count{margin-left:auto;font-size:.82rem;color:var(--faint)}.shop-item{display:flex;align-items:center;gap:var(--s3);padding:13px var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:6px;cursor:pointer;transition:all .15s}.shop-item:hover{border-color:var(--line-strong)}.shop-item.done{opacity:.5}.shop-item.done .shop-name{text-decoration:line-through}.shop-check{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-strong);flex-shrink:0;display:grid;place-items:center;transition:all .15s}.shop-item.done .shop-check{background:var(--accent);border-color:var(--accent);color:#fff}.shop-check svg{width:14px;height:14px}.shop-name{font-weight:500}.shop-amt{margin-left:auto;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.shop-from{font-size:.74rem;color:var(--faint);background:var(--surface-2);padding:3px 8px;border-radius:var(--r-pill)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:color-mix(in srgb,var(--ink) 45%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--s5);animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:540px;padding:var(--s7);box-shadow:var(--shadow-lg);animation:pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-ico{width:54px;height:54px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:var(--s4)}.modal-ico svg{width:26px;height:26px}.modal h2{font-family:var(--font-display);font-size:var(--step-3);font-weight:600;letter-spacing:-.02em}.modal p{color:var(--muted);margin:var(--s2) 0 var(--s5)}.url-field{display:flex;gap:var(--s3)}.url-field input{flex:1;padding:13px 16px;border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:.92rem}.url-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}.modal-hint{font-size:.82rem;color:var(--faint);margin-top:var(--s4);display:flex;align-items:center;gap:6px}.modal-hint svg{width:15px;height:15px}.modal-close{position:absolute;top:var(--s4);right:var(--s4)}.clip-loading{display:flex;flex-direction:column;align-items:center;gap:var(--s4);padding:var(--s5) 0;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clip-steps{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;margin-top:var(--s3)}.clip-step{display:flex;align-items:center;gap:var(--s3);font-size:.9rem;color:var(--faint);transition:color .2s}.clip-step.on{color:var(--ink);font-weight:500}.clip-step.done{color:var(--accent)}.clip-step .dot{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;flex-shrink:0}.clip-step .dot svg{width:11px;height:11px}.card-photos{position:absolute;bottom:10px;right:10px;font-size:.7rem;font-weight:600;padding:5px 9px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 78%,transparent);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px}.card-photos svg{width:13px;height:13px}.card-noimg{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent-tint),var(--surface-2));font-family:var(--font-display);font-size:3rem;font-weight:600;color:var(--faint)}.card-video{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ink) 72%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center}.card-video svg{width:13px;height:13px;margin-left:1px}.card-plan{position:absolute;top:9px;left:9px;padding:0;width:34px;height:34px;border-radius:50%;cursor:grab;filter:drop-shadow(0 1px 3px rgba(0,0,0,.28));transition:transform .12s ease}.card-plan:hover{transform:scale(1.12)}.card-plan:active{cursor:grabbing}.card-plan-ico{width:34px;height:34px;display:block}.card-badges{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:6px}.card-badges .card-video,.card-badges .card-photos{position:static;top:auto;left:auto;right:auto;bottom:auto}.mini-day.dragover{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px}.day.dragover{outline:2.5px dashed var(--accent);outline-offset:-3px;background:var(--accent-tint)}.day-drop{margin-top:auto;font-size:.74rem;color:var(--faint);font-weight:600;padding:var(--s2);border-radius:var(--r-sm);border:1px dashed var(--line-strong);text-align:center}.day.dragover .day-drop{border-color:var(--accent);color:var(--accent);background:var(--surface)}.carousel{display:flex;flex-direction:column;gap:var(--s3)}.carousel-frame{position:relative;aspect-ratio:1/1;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);background:var(--surface-2)}.carousel-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}.carousel-frame img.on{opacity:1}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);display:grid;place-items:center;box-shadow:var(--shadow-md);transition:transform .12s ease,background .15s}.carousel-btn:hover{background:var(--surface);transform:translateY(-50%) scale(1.06)}.carousel-btn svg{width:20px;height:20px}.carousel-btn.left{left:12px}.carousel-btn.right{right:12px}.carousel-count{position:absolute;bottom:12px;right:12px;font-size:.74rem;font-weight:600;color:#fff;padding:5px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 72%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px}.carousel-count svg{width:13px;height:13px}.carousel-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}video.carousel-video{background:#000;object-fit:contain}.carousel-noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent-tint),var(--surface-2));font-family:var(--font-display);font-size:5rem;font-weight:600;color:var(--faint)}.media-bar{display:flex;align-items:center;gap:var(--s4);justify-content:space-between}.media-play{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-size:.85rem;font-weight:600;transition:all .15s}.media-play:hover:not(:disabled){background:#000}.media-play.on{background:var(--accent)}.media-play:disabled{background:var(--surface-2);color:var(--faint);cursor:not-allowed}.media-play svg{width:16px;height:16px}.carousel-dots{display:flex;gap:7px;justify-content:center}.cdot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);transition:all .15s}.cdot:hover{background:var(--faint)}.cdot.on{background:var(--accent);width:22px;border-radius:999px}.labels-row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin:var(--s5) 0}.label-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px 6px 10px;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent-ink);font-size:.82rem;font-weight:600;transition:all .15s}.label-chip:hover{background:#e0ebe3}.label-chip svg{width:13px;height:13px;opacity:.7}.label-edit-wrap{position:relative;display:inline-block}.label-add{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-pill);border:1px dashed var(--line-strong);color:var(--muted);font-size:.82rem;font-weight:600;transition:all .15s}.label-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.label-add svg{width:14px;height:14px}.lp-pop{position:absolute;z-index:60;top:calc(100% + 8px);left:0;width:320px;max-width:86vw;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s3);animation:pop .18s cubic-bezier(.2,.8,.2,1)}.lp-head{display:flex;gap:var(--s2);margin-bottom:var(--s2)}.lp-search{flex:1;max-width:none}.lp-search input{padding-top:9px;padding-bottom:9px}.lp-close{width:38px;height:38px;flex-shrink:0}.lp-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.lp-item{display:flex;align-items:center;gap:var(--s3);padding:8px 10px;border-radius:var(--r-sm);font-size:.88rem;color:var(--ink-2);text-align:left;transition:background .12s}.lp-item:hover{background:var(--surface-2)}.lp-item.on{color:var(--accent-ink);font-weight:600}.lp-check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);flex-shrink:0;display:grid;place-items:center}.lp-item.on .lp-check{background:var(--accent);border-color:var(--accent);color:#fff}.lp-check svg{width:12px;height:12px}.lp-create{display:flex;align-items:center;gap:var(--s2);padding:9px 10px;border-radius:var(--r-sm);margin-bottom:2px;background:var(--accent-tint);color:var(--accent-ink);font-size:.86rem;font-weight:600;text-align:left}.lp-create:hover{background:var(--accent-soft)}.lp-create svg{width:15px;height:15px}.lp-empty{padding:var(--s4);text-align:center;color:var(--faint);font-size:.85rem}.related{margin-top:var(--s7)}.related-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.related-title{display:inline-flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--ink);font-size:1.02rem}.related-title svg{width:16px;height:16px;color:var(--brand-purple)}.related-addwrap{position:relative}.related-add{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px dashed var(--line-strong);color:var(--muted);font-size:.82rem;font-weight:600;transition:all .15s}.related-add:hover{border-color:var(--brand-purple);color:var(--brand-purple);background:#674ea712}.related-add svg{width:14px;height:14px}.related-pop{position:absolute;z-index:60;top:calc(100% + 8px);right:0;width:340px;max-width:86vw;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s3);animation:pop .18s cubic-bezier(.2,.8,.2,1)}.related-search{max-width:none;margin-bottom:var(--s2)}.related-search input{padding-top:9px;padding-bottom:9px}.related-results{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.related-result{display:flex;align-items:center;gap:var(--s3);padding:6px 8px;border-radius:var(--r-sm);text-align:left;transition:background .12s}.related-result:hover{background:var(--surface-2)}.related-result img,.related-noimg{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.related-noimg{background:var(--surface-2);border:1px solid var(--line)}.related-rtitle{flex:1;font-size:.88rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-result.on .related-rtitle{color:var(--brand-purple);font-weight:600}.related-rx{width:15px;height:15px;color:var(--muted);flex-shrink:0}.related-result:hover .related-rx{color:var(--brand-purple)}.related-empty{padding:var(--s4);text-align:center;color:var(--faint);font-size:.85rem}.related-chips{display:flex;flex-wrap:wrap;gap:var(--s3)}.related-chip{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.related-chip:hover{border-color:var(--brand-purple);box-shadow:0 2px 10px #674ea71f}.related-chip-main{display:inline-flex;align-items:center;gap:var(--s2);padding:5px 6px 5px 5px;text-align:left}.related-chip-main img,.related-chip-main .related-noimg{width:30px;height:30px;border-radius:50%;object-fit:cover}.related-chip-title{font-size:.86rem;font-weight:600;color:var(--ink-2);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-chip:hover .related-chip-title{color:var(--brand-purple)}.related-chip-x{display:grid;place-items:center;width:30px;flex-shrink:0;border-left:1px solid var(--line);color:var(--faint);transition:all .12s}.related-chip-x:hover{background:#fbecec;color:#d64545}.related-chip-x svg{width:14px;height:14px}.related-none{color:var(--muted);font-size:.9rem;font-style:italic}.sortbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) 0;margin-bottom:var(--s4);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sortbar-group{display:inline-flex;gap:4px}.sortbar-divider{width:1px;height:20px;background:var(--line)}.sortbar-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-weight:700}.sortbtn{padding:6px 13px;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--ink-2);border:1px solid var(--line);transition:all .14s;background:var(--surface)}.sortbtn:hover{border-color:var(--brand-purple);color:var(--brand-purple)}.sortbtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sort-arrow{font-weight:700}.meta-heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-weight:700;margin-bottom:var(--s2)}.meta-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--s3) var(--s4);padding:var(--s5) 0;margin-bottom:var(--s5);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.meta-time{display:flex;flex-direction:column;gap:2px}.meta-k{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);font-weight:700}.meta-v{font-family:var(--font-display);font-size:1.12rem;font-weight:600}.meta-v small{font-size:.7rem;color:var(--muted);font-family:var(--font-ui);font-weight:500}.meta-num{display:block;font-family:var(--font-display);font-weight:600;font-size:1.12rem;line-height:1.06}.meta-unit{display:block;font-family:var(--font-ui);font-weight:500;font-size:.66rem;color:var(--muted);letter-spacing:.02em}.meta-total .meta-num{color:var(--accent)}.meta-dash{color:var(--faint);font-weight:500}.meta-total .meta-dash{color:var(--faint)}.nf-dash{color:var(--muted)}.meta-total .meta-v{color:var(--accent)}.meta-yield{font-size:.95rem}.meta-nutri-empty{font-size:.86rem;color:var(--muted);line-height:1.5}.linklike{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.edit-nutri{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);margin:0}.edit-nutri legend{font-size:.82rem;font-weight:700;padding:0 var(--s2);color:var(--ink-2)}.edit-nutri legend em{font-weight:400;color:var(--faint);font-style:normal}.nutri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s3)}.lpnl-rename{padding:2px var(--s3)}.lpnl-rename input{width:100%;padding:7px 10px;border:1.5px solid var(--accent);border-radius:var(--r-sm);font-size:.88rem}.planner-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--s5);align-items:start}.planner-layout .week{gap:var(--s2)}.planner-layout .day{min-height:240px}.macro-box{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding:5px var(--s3);margin:0 var(--s3) var(--s2);background:var(--brand-purple-soft);border-radius:var(--r-sm);font-size:.72rem}.macro-cal{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--brand-purple);white-space:nowrap}.macro-cal small{font-size:.62rem;font-weight:500;color:var(--muted)}.macro-pcf{color:var(--ink-2);font-weight:600;white-space:nowrap}.macro-pcf b{color:var(--faint);font-weight:700}.macro-empty{justify-content:center;color:var(--faint);background:var(--surface-2)}.page-head .macro-box{margin:0;padding:var(--s3) var(--s4);font-size:.82rem;align-self:center}.page-head .macro-box .macro-cal{font-size:1.15rem}.meal{position:relative;cursor:pointer}.meal.note{cursor:default}.meal-done{border-color:var(--brand-green);box-shadow:inset 0 0 0 1.5px var(--brand-green)}.meal-selected{box-shadow:0 0 0 2px var(--brand-green);border-left-color:var(--brand-green)}.meal-selected.meal-done{box-shadow:0 0 0 2px var(--brand-green),inset 0 0 0 1.5px var(--brand-green)}.meal-check{position:absolute;top:4px;right:4px;z-index:2;width:18px;height:18px;border-radius:50%;background:var(--brand-green);color:#fff;display:grid;place-items:center}.meal-check svg{width:11px;height:11px}.ing-panel{position:sticky;top:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - var(--topbar-h) - 220px)}.ing-panel-head{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border-bottom:1px solid var(--line)}.ing-panel-title{display:flex;align-items:center;gap:var(--s2);font-weight:700;font-size:.92rem}.ing-clear{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:0}.ing-panel-count{margin-left:auto;font-size:.74rem;font-weight:600;color:var(--muted)}.ing-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px}.ing-toggle button{position:relative;z-index:1;padding:6px 8px;border:0;background:transparent;font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer;border-radius:var(--r-pill);transition:color .15s}.ing-toggle button.on{color:var(--accent-ink)}.ing-toggle-slide{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--surface);border-radius:var(--r-pill);box-shadow:0 1px 3px #00000024;transition:transform .18s ease}.ing-toggle-slide.right{transform:translate(100%)}.ing-combined{display:flex;flex-direction:column;gap:1px}.ing-src-badge{margin-left:auto;align-self:center;font-size:.66rem;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:var(--r-pill);padding:1px 6px;flex-shrink:0}.ing-aisle{margin-bottom:var(--s4)}.ing-aisle-head{font-size:var(--step--1);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:var(--s2) 0 var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s2)}.ing-aisle-staples{opacity:.82}.ing-aisle-staples .ing-aisle-head{color:var(--accent)}.rail-btn.rail-add.on{background:var(--brand-green, #6AA84F);border-color:var(--brand-green, #6AA84F)}.ing-panel-scroll{overflow-y:auto;padding:var(--s3);display:flex;flex-direction:column;gap:var(--s3)}.ing-panel-empty{padding:var(--s5);text-align:center;color:var(--faint);font-size:.86rem}.ing-group{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3);transition:all .15s}.ing-group.done{border-color:var(--brand-green);background:var(--brand-green-soft)}.ing-group-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.ing-group-day{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--faint);background:var(--surface-2);padding:2px 7px;border-radius:999px}.ing-group-title{font-weight:700;font-size:.84rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ing-group-check{width:16px;height:16px;color:var(--brand-green);flex-shrink:0}.ing-check-row{display:flex;align-items:flex-start;gap:var(--s2);padding:4px 6px;border-radius:var(--r-sm);text-align:left;width:100%;font-size:.82rem;transition:background .12s}.ing-check-row:hover{background:var(--surface-2)}.ing-check-row.on .ing-check-name{text-decoration:line-through;color:var(--muted)}.ing-check-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line-strong);flex-shrink:0;display:grid;place-items:center;margin-top:1px}.ing-check-row.on .ing-check-box{background:var(--brand-green);border-color:var(--brand-green);color:#fff}.ing-check-box svg{width:11px;height:11px}.ing-check-amt{font-weight:600;color:var(--ink);flex-shrink:0}.ing-check-row.on .ing-check-amt{color:var(--muted)}.ing-check-name{color:var(--ink-2)}.ing-sub{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin:var(--s2) 0 2px}.filterbar{margin-bottom:var(--s6)}.filterbar .chips{margin-bottom:var(--s3)}.chip-more{display:inline-flex;align-items:center;gap:6px;border-style:solid;border-color:var(--line-strong)}.chip-more svg{width:14px;height:14px}.filter-controls{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.match-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border-radius:var(--r-pill);padding:3px}.match-toggle .match-label{font-size:.78rem;color:var(--muted);font-weight:600;padding:0 8px 0 6px}.match-toggle button{padding:5px 14px;border-radius:var(--r-pill);font-size:.82rem;font-weight:600;color:var(--muted)}.match-toggle button.on{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.filter-summary{font-size:.85rem;color:var(--muted);font-weight:500}.filter-clear{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--muted)}.filter-clear:hover{color:var(--ink)}.filter-clear svg{width:13px;height:13px}.step-main{display:flex;flex-direction:column;gap:var(--s3);padding-top:8px}.step-txt{color:var(--ink-2);font-size:1.02rem;line-height:1.65}.step-img{border-radius:var(--r-md);max-width:340px;width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.nf-wrap{margin-top:var(--s6)}.nf{max-width:300px;background:#fff;color:#000;border:1.5px solid #000;border-radius:6px;padding:8px 12px 10px;font-family:var(--font-ui);line-height:1.25}.nf-title{font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;border-bottom:1px solid #000;padding-bottom:2px}.nf-servings{font-size:.78rem;padding:3px 0}.nf-serv-size{display:flex;justify-content:space-between;font-size:.9rem;margin-top:2px}.nf-cal-rule{border-top:8px solid #000;margin:2px 0}.nf-cal{display:flex;align-items:flex-end;justify-content:space-between}.nf-cal-k{font-weight:700;font-size:1.05rem}.nf-cal-v{font-family:var(--font-display);font-weight:700;font-size:2rem;line-height:1}.nf-thick{border-top:4px solid #000;margin:3px 0}.nf-dv-head{text-align:right;font-size:.74rem;font-weight:700;padding-bottom:2px}.nf-row{display:flex;justify-content:space-between;font-size:.84rem;border-top:1px solid #000;padding:2px 0}.nf-row .nf-label strong{font-weight:700}.nf-row.in .nf-label{padding-left:18px}.nf-row.in2 .nf-label{padding-left:34px;font-style:italic}.nf-dv{font-weight:700}.nf-foot{font-size:.66rem;border-top:4px solid #000;margin-top:3px;padding-top:4px;line-height:1.3}.edit-modal{max-width:620px;width:100%;max-height:88vh;display:flex;flex-direction:column;padding:0}.edit-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) var(--s6);border-bottom:1px solid var(--line)}.edit-head h2{font-family:var(--font-display);font-size:var(--step-2);font-weight:600}.edit-body{padding:var(--s5) var(--s6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.84rem;font-weight:600;color:var(--ink-2)}.field>span em{font-weight:400;font-style:normal;color:var(--faint);font-size:.8rem}.field input,.field textarea{padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:.92rem;font-family:var(--font-ui);background:var(--surface);resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}.field-row{display:flex;gap:var(--s4)}.field-row .field{flex:1}.field-sm{max-width:120px}.edit-foot{display:flex;justify-content:flex-end;gap:var(--s3);padding:var(--s4) var(--s6);border-top:1px solid var(--line)}.labelpanel{position:sticky;top:0;height:100vh;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column}.lpnl-top{padding:var(--s5) var(--s4) var(--s3);border-bottom:1px solid var(--line);background:var(--surface)}.lpnl-head{display:flex;align-items:center;justify-content:space-between}.lpnl-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.lpnl-add{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;background:var(--accent);color:#fff;transition:background .15s}.lpnl-add:hover{background:var(--accent-hover)}.lpnl-add svg{width:14px;height:14px}.lpnl-addrow{display:flex;gap:var(--s2);margin-top:var(--s3)}.lpnl-addrow input{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:.88rem}.lpnl-addrow input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.lpnl-addbtn{padding:8px 14px}.lpnl-controls{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap}.lpnl-sort{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}.lpnl-sort-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-weight:700;margin-right:2px}.lpnl-sortbtn{padding:5px 10px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:.76rem;font-weight:600;color:var(--ink-2);background:var(--surface);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.lpnl-sortbtn:hover{border-color:var(--accent);color:var(--accent-ink)}.lpnl-sortbtn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lpnl-sticky{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);display:flex;flex-direction:column}.lpnl-scroll{flex:1;overflow-y:auto;padding:var(--s2) var(--s3) var(--s5)}.lpnl-item{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;padding:8px 10px;border-radius:var(--r-sm);font-size:.88rem;color:var(--ink-2);transition:background .12s}.lpnl-item:hover{background:var(--surface-2)}.lpnl-item.on{background:var(--accent-tint);color:var(--accent-ink);font-weight:600}.lpnl-check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);flex-shrink:0;display:grid;place-items:center}.lpnl-item.on .lpnl-check{background:var(--accent);border-color:var(--accent);color:#fff}.lpnl-check svg{width:12px;height:12px}.lpnl-name{flex:1;min-width:0}.lpnl-count{font-size:.78rem;color:var(--faint);font-variant-numeric:tabular-nums}.lpnl-item.on .lpnl-count{color:var(--accent)}.lpnl-divider{height:1px;background:var(--line);margin:var(--s2) 10px}.topbar-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink)}.topbar-link svg{width:20px;height:20px;color:var(--accent)}.btn-ghost.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-ink)}.mobile-only{display:none}.planner-shop-divider{margin:var(--s8) 0 var(--s5);padding-top:var(--s6);border-top:1px solid var(--line)}.planner-shop-divider .eyebrow{color:var(--accent)}.shop-embed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s5)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:color-mix(in srgb,var(--ink) 40%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:fade .2s ease}.drawer{width:320px;max-width:88vw;height:100%;background:var(--surface);box-shadow:var(--shadow-lg);animation:slideIn .24s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{transform:translate(100%)}}.drawer .labelpanel{position:static;height:100%;border-left:none;display:flex}.empty{text-align:center;padding:var(--s8) var(--s5);color:var(--muted)}.load-more{display:flex;justify-content:center;margin-top:var(--s7)}.ai-interp{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}.ai-interp-label{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--brand-purple)}.ai-interp-label svg{width:15px;height:15px}.ai-chip{font-size:.82rem;font-weight:600;padding:4px 12px;border-radius:var(--r-pill);background:var(--brand-purple-soft);color:var(--brand-purple)}@media (max-width: 1024px){.detail-top{grid-template-columns:1fr;gap:var(--s6)}.detail-hero{grid-template-columns:1fr;gap:var(--s5)}.carousel-frame{aspect-ratio:16/10}.detail-body{grid-template-columns:1fr;gap:var(--s6)}.detail-body>section{max-height:none;overflow:visible}.week{grid-template-columns:repeat(2,1fr)}.planner-layout{grid-template-columns:1fr}.ing-panel{position:static;max-height:none}.ing-panel-scroll{max-height:60vh}}.bottomnav{display:none}.bn-clip{border:none}@media (max-width: 1080px){.labelpanel{display:none}.app.has-right{grid-template-columns:var(--sidebar-w) 1fr}.filters-btn.mobile-only{display:inline-flex}}@media (max-width: 860px){:root{--sidebar-w: 0px}.app,.app.has-right{grid-template-columns:1fr}.sidebar{display:none}.content{padding:var(--s5) var(--s5) 104px}.main>.content{padding-bottom:104px}.topbar{order:-1;position:sticky;top:0;bottom:auto;align-self:stretch;width:auto;height:var(--topbar-h);border:none;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding-left:var(--s4);padding-right:var(--s4);gap:var(--s3)}.topbar-clip,.community-btn{display:none}.search input{font-size:.85rem}.page-title{font-size:var(--step-3)}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;justify-content:space-around;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px))}.bn-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;color:var(--muted);font-size:.66rem;font-weight:600;padding:4px 0}.bn-item.active{color:var(--accent)}.bn-ico{width:22px;height:22px}.bn-clip{width:54px;height:54px;border-radius:50%;flex-shrink:0;margin-top:-20px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);border:4px solid var(--paper)}.bn-clip svg{width:24px;height:24px}.detail-actions .btn-icon{display:none}.lp-pop{position:fixed;left:var(--s4);right:var(--s4);top:90px;width:auto}}@media (max-width: 560px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s4)}.detail-title{font-size:var(--step-4)}.detail-body{gap:var(--s6)}}@media (max-width: 560px){.week{grid-template-columns:1fr}.stat-row{flex-wrap:wrap;gap:var(--s5)}}.mh-right{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.photo-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);font-size:var(--step--1);font-weight:600;color:var(--ink-2);transition:all .15s ease}.photo-btn:hover{border-color:var(--accent);color:var(--accent)}.photo-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.photo-btn svg{width:15px;height:15px}.photo-hint{margin:0 0 var(--s4);font-size:var(--step--1);color:var(--muted)}.sp-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-start}.sp-tile{position:relative;width:132px;cursor:grab;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);padding:4px}.sp-tile.over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sp-tile img{width:100%;height:88px;object-fit:cover;border-radius:6px;pointer-events:none}.sp-tile.sp-busy{display:flex;align-items:center;justify-content:center;height:120px;cursor:default}.sp-x{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.sp-x:hover{background:#c0392b}.sp-cap{width:100%;margin-top:4px;border:none;border-top:1px dashed var(--line);padding:4px 2px 2px;font-size:12px;color:var(--ink-2);background:transparent}.sp-cap::placeholder{color:var(--muted)}.sp-add{width:132px;height:120px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted);background:color-mix(in srgb,var(--paper) 55%,transparent);transition:all .15s ease}.sp-add:hover,.sp-add.over{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.sp-add svg{width:22px;height:22px}.step-photos{display:flex;flex-wrap:wrap;gap:var(--s3)}.step-photo{margin:0;max-width:340px}.step-photo .step-img{max-width:100%}.step-cap{margin-top:4px;font-size:12.5px;font-style:italic;color:var(--muted)}.carousel-frame.dropping{outline:3px dashed var(--accent);outline-offset:-3px}.carousel-drophint{position:absolute;inset:auto 0 12px 0;margin:0 auto;width:fit-content;padding:6px 14px;border-radius:var(--r-pill);font-size:var(--step--1);font-weight:600;background:var(--accent);color:#fff;pointer-events:none;z-index:3}.ctx-menu{position:fixed;z-index:200;min-width:185px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:4px;display:flex;flex-direction:column}.ctx-menu button{text-align:left;padding:8px 12px;border-radius:6px;font-size:var(--step--1);color:var(--ink)}.ctx-menu button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,transparent)}.ctx-menu button:disabled{color:var(--muted);cursor:default}.ctx-menu .ctx-danger:hover{background:color-mix(in srgb,#C0392B 12%,transparent);color:#c0392b}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1410088c}.tour-hole{position:fixed;border-radius:var(--r-lg);box-shadow:0 0 0 9999px #1410088c;outline:2.5px solid var(--brand-yellow, #F1C33E);transition:all .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.tour-tip{position:fixed;width:340px;max-width:calc(100vw - 24px);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s5);transition:left .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1)}.tour-step-n{font-size:var(--step--1);font-weight:700;color:var(--accent);letter-spacing:.06em;margin-bottom:4px}.tour-tip h3{font-family:var(--font-display);font-size:1.25rem;margin:0 0 6px}.tour-tip p{font-size:var(--step--1);color:var(--ink-2);line-height:1.55;margin:0 0 var(--s4)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.tour-skip{font-size:var(--step--1);color:var(--muted);background:none}.tour-skip:hover{color:var(--ink);text-decoration:underline}.tour-nav{display:flex;gap:var(--s2)}.tour-up-arrow{position:fixed;top:12px;right:120px;z-index:301;font-size:34px;color:var(--brand-yellow, #F1C33E);transform:rotate(-55deg);animation:tour-point 1.1s ease-in-out infinite;text-shadow:0 2px 8px rgba(0,0,0,.45);pointer-events:none}@keyframes tour-point{0%,to{translate:0 10px}50%{translate:6px 0}}.tour-ext-icon{display:flex;align-items:center;gap:var(--s3);margin:0 0 var(--s3);padding:var(--s2) var(--s3);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}.tour-ext-icon img{width:34px;height:34px;border-radius:8px}.tour-ext-icon span{font-size:var(--step--1);color:var(--muted);font-style:italic}@media print{@page{margin:15mm}*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important}html,body{background:#fff!important}.app,.app.has-right{display:block!important;min-height:0!important}.sidebar,.labelpanel,.topbar,.bottom-nav{display:none!important}.main,.content{display:block!important;overflow:visible!important;padding:0!important}.detail .back,.detail-rail,.detail-fav,.scale-ctl,.measure-toggle,.label-edit-wrap,.detail-media,section[aria-label="Related recipes"]{display:none!important}.detail-top,.detail-hero,.detail-body{display:block!important}.detail-info{margin:0!important}.detail-side{display:flex!important;gap:14px;margin:8px 0 14px}.detail-side .metabox{flex:1;border:1px solid #bbb!important}.detail-title{font-size:22pt!important;margin:0 0 4px!important}.detail-desc{font-size:11pt!important}.sec-title{font-size:14pt!important}.detail-body section{margin-top:14px!important}.sec-head{margin-bottom:6px!important}.ing,.step,.ing-subheader,.step-subheader{break-inside:avoid}.ing{padding:2px 0!important}.ing-check,.step-img,.step-photos,.sp-row,.photo-hint,.mh-right{display:none!important}.notes-input{border:1px solid #999!important;height:auto!important;min-height:54px!important;overflow:visible!important;resize:none!important;white-space:pre-wrap;padding:8px!important}a[href]:after{content:""}}