:root{--bg:#faf7f2;--card:#ffffff;--ink:#333028;--sub:#8a8478;--accent:#e8590c;--accent-soft:#fff0e6;--line:#e8e2d8;--ok:#2b8a3e;--warn:#c92a2a;--h1-size:22px;--tab-pad:6px 14px;--tab-font:13px;--tabs-gap-bottom:12px;--scrim:rgba(40,35,25,0.45);--modal-w:560px;--modal-h:85vh;--modal-h:85dvh;--modal-title-gap:4px;--modal-actions-gap-top:8px;--chips-margin:8px 0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 18px}img{max-width:100%;height:auto}.container{max-width:960px;margin:0 auto;padding:16px}.header{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:2px solid var(--accent);margin-bottom:16px}.header h1{font-size:var(--h1-size);margin:0;color:var(--accent)}.header .badge{font-size:11px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}.header-actions .btn-ghost{font-size:12px;padding:4px 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.card h2{font-size:16px;margin:0 0 12px}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.block-btn{display:block;width:100%;margin-top:12px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--tabs-gap-bottom)}.tab{background:var(--card);border:1px solid var(--line);color:var(--sub);padding:var(--tab-pad);border-radius:999px;font-size:var(--tab-font);white-space:nowrap}.modal-back{position:fixed;inset:0;height:100vh;height:100dvh;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal{background:var(--card);border-radius:14px;max-width:var(--modal-w);width:100%;max-height:var(--modal-h);overflow-y:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom, 0px))}.modal h3{margin:0 0 var(--modal-title-gap);font-size:18px}.modal-actions{margin-top:var(--modal-actions-gap-top)}.chips,.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.chips{margin:var(--chips-margin)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip input{margin:0;accent-color:var(--accent)}.chip.on{font-weight:600}.muted,.notice{font-size:12px;color:var(--sub)}.stack{display:flex;flex-direction:column;gap:16px}.info-box{background:var(--accent-soft);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:16px}.btn-reset{background:transparent;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);font-size:13px}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.error-box{background:#fff5f5;border:1px solid #ffc9c9;color:var(--warn);border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:16px}details.card>summary{cursor:pointer;font-size:13px;color:var(--muted)}details.card>summary::marker{color:var(--muted)}details.card[open]>summary{margin-bottom:12px}.dialog-backdrop{position:fixed;inset:0;height:100vh;height:100dvh;background:rgb(0 0 0/40%);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.dialog{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;max-width:460px;width:100%}.dialog-message{white-space:pre-wrap;margin:0 0 16px;font-size:14px;line-height:1.7}.dialog input{width:100%;margin-bottom:16px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.support-id{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.04em;word-break:break-all;background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:8px}.ops-shell{max-width:1400px;margin:0 auto;padding:16px}.ops-shell>.ops-layout{padding:0;max-width:none}.ops-layout{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:20px;gap:20px;max-width:1400px;margin:0 auto;padding:16px;align-items:start}.ops-main{min-width:0}.sidenav{position:-webkit-sticky;position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px;transition:width .15s ease}.sidenav.open{width:200px}.sidenav.closed{width:52px}.sidenav-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--sub);font-size:13px;padding:6px 8px;border-radius:8px;cursor:pointer}.sidenav-toggle:hover{background:var(--accent-soft);color:var(--accent)}.sidenav-body{display:flex;flex-direction:column;gap:2px}.sidenav-group+.sidenav-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.sidenav-title{font-size:11px;color:var(--sub);letter-spacing:.04em;padding:4px 8px}.sidenav-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--ink);font-size:13px;padding:7px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidenav.closed .sidenav-item{text-align:center;padding:7px 0}.sidenav-item.active,.sidenav-item:hover{background:var(--accent-soft)}.sidenav-item.active{color:var(--accent);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}@media (max-width:1023px){.ops-layout{grid-template-columns:minmax(0,1fr);gap:12px}.sidenav{position:fixed;top:12px;left:12px;z-index:20;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}.sidenav.closed .sidenav-body{display:none}.sidenav.closed{width:auto}.ops-shell>.header{padding-left:52px}}.header .quota{margin-left:auto;font-size:12px;color:var(--sub)}.btn-primary:disabled{background:var(--line);color:var(--sub);cursor:not-allowed}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab:disabled{opacity:.45;cursor:not-allowed}.calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:8px;gap:8px}.day-cell{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:4px;min-height:84px}.day-cell:hover{border-color:var(--accent)}.day-cell.empty{border-style:dashed;border-color:var(--line);justify-content:flex-start;align-items:center;color:var(--sub)}.day-cell.empty:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.add-mark{font-size:13px;margin-top:auto;margin-bottom:auto}.day-num{font-size:11px;color:var(--sub)}.day-title{font-size:13px;font-weight:600;line-height:1.4}.genre{color:var(--accent);background:var(--accent-soft)}.genre,.provider-tag{font-size:10px;align-self:flex-start;border-radius:4px;padding:1px 6px}.provider-tag{color:#1864ab;background:#e7f1ff}.meta-row{display:flex;gap:12px;font-size:12px;color:var(--sub);margin-bottom:12px}.ing-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:12px}.ing-table td{border-bottom:1px solid var(--line);padding:6px 4px}.ing-table td:last-child{text-align:right;white-space:nowrap}ol.steps{padding-left:20px;font-size:13px;line-height:1.9}.shopping-group{margin-bottom:14px}.shopping-group h4{font-size:13px;color:var(--sub);margin:0 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}.shopping-item{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.link-btn{background:none;border:none;color:var(--accent);padding:0 2px;font:inherit;text-decoration:underline;cursor:pointer}.preset-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:10px}.preset-card.selected{border-color:var(--accent);background:var(--accent-soft)}.preset-card strong{display:flex;align-items:center;gap:8px}.mock-tools{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.mock-tools.no-border{margin-top:0;padding-top:0;border-top:none}.recipe-list{gap:8px;margin:12px 0;max-height:55vh;overflow-y:auto}.recipe-list,.recipe-row{display:flex;flex-direction:column}.recipe-row{align-items:flex-start;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-align:left}.recipe-row.selected,.recipe-row:hover{border-color:var(--accent)}.recipe-row.selected{background:var(--accent-soft)}.recipe-row-title{font-size:14px;font-weight:600}.recipe-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.accordion{padding:0}.accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;color:var(--ink);text-align:left}.accordion-head:hover,.accordion-icon{color:var(--accent)}.accordion-icon{font-size:13px}.accordion-body{padding:0 16px 16px}.filter-group{margin-bottom:14px}.filter-group h4{font-size:13px;color:var(--sub);margin:0 0 8px}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip.static{cursor:default;font-size:11px;padding:2px 10px}.src-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;vertical-align:middle}.src-done{background:#d9f2e5;color:#0f7a4d}.src-favorite{background:#dbeafe;color:#1d4ed8}.src-new{background:#fef3c7;color:#b45309}.src-manual{background:#e5e7eb;color:#4b5563}.reason{display:block;font-size:10px;color:#888;margin-top:2px}.slot-provider{display:inline-flex;align-items:baseline;gap:4px;margin-top:3px;font-size:11px;font-weight:600;color:var(--text)}.slot-provider-label{font-size:9px;font-weight:400;color:#999;letter-spacing:.04em}.weight-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed #eee}.weight-row:last-child{border-bottom:none}.weight-name{font-size:14px}.weight-row select{padding:4px 8px;border:1px solid #ddd;border-radius:6px;font-size:13px}.feature-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px}.feature-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer}.feature-card:hover{border-color:#e8590c}.feature-card.selected{border-color:#e8590c;background:#fff4ec}.chip.season{background:#eef6ff;border-color:#bfdbfe;color:#1d4ed8}.fav-actions{display:flex;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}.fav-on{border-color:#e8590c;color:#e8590c}.fav-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eee}.fav-row .grow{flex:1 1;min-width:0}.mood-presets{display:flex;flex-wrap:wrap;gap:10px}.mood-preset{flex:1 1 120px;padding:16px 10px;border:1.5px solid var(--border,#ddd);border-radius:12px;background:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .05s,border-color .15s}.mood-preset:hover{border-color:#e8590c}.mood-preset:active{transform:scale(.97)}.field-line{display:flex;align-items:center;gap:12px;padding:8px 0;flex-wrap:wrap}.field-line>label:first-child{min-width:120px;font-size:14px;font-weight:600}.field-line input[type=range]{flex:1 1;min-width:120px;accent-color:#e8590c}.field-value{min-width:56px;text-align:right}.field-group{padding:10px 0;border-top:1px dashed var(--border,#eee);margin-top:8px}.field-group h4{margin:0 0 6px}.split-row{display:flex;align-items:center;gap:12px;padding:8px 0;flex-wrap:wrap}.split-label{flex:0 0 auto;min-width:9em;font-size:14px;color:var(--ink)}.split-steppers{gap:12px;flex-wrap:wrap;font-size:13px}.split-stepper,.split-steppers{display:flex;align-items:center}.split-stepper{gap:8px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}.split-stepper>span{flex:0 0 auto;min-width:5.5em}.split-stepper .stepper button{background:var(--card)}.stepper{gap:10px}.stepper,.stepper button{display:inline-flex;align-items:center}.stepper button{justify-content:center;padding:0;width:32px;height:32px;flex:0 0 auto;border-radius:50%;border:1.5px solid var(--border,#ccc);background:#fff;color:var(--ink);cursor:pointer}.stepper button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper button:disabled{opacity:.35;cursor:default}.stepper strong{min-width:72px;text-align:center}.text-input{padding:8px 10px;border:1px solid var(--border,#ccc);border-radius:8px;font-size:14px;min-width:180px}.wanted-input{display:flex;gap:8px;margin-bottom:8px}.wanted-input .text-input{flex:1 1}.proposal-list{display:flex;flex-direction:column;gap:10px;margin:12px 0}.proposal-day{display:flex;align-items:center;gap:10px;border:1px solid var(--border,#e5e5e5);border-radius:12px;padding:12px}.proposal-day.cooked{opacity:.55;background:#f6f6f4}.proposal-day.cooked .day-title{text-decoration:line-through}.proposal-main{align-items:center;gap:10px;cursor:pointer}.proposal-main,.proposal-text{flex:1 1;display:flex;min-width:0}.proposal-text{flex-direction:column;gap:3px}.proposal-actions{display:flex;flex-direction:column;gap:6px}.shopping-item.checked span:first-child{text-decoration:line-through;opacity:.5}.shopping-item.stock{opacity:.55}.shopping-item input[type=checkbox]{margin-right:8px;accent-color:#e8590c}label.shopping-item{cursor:pointer}.chip.static{pointer-events:none}.notice-banner{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:0 0 16px;padding:12px 14px;border:1px solid #e0d0a8;border-radius:10px;background:#fdf8ec;font-size:13px;line-height:1.7;color:#4a4436}.notice-banner strong{color:#2f2b22}.notice-soon{color:#8a8266}.notice-banner .btn-ghost{flex:none;padding:4px 12px;border:1px solid #cbbf9e;border-radius:6px;background:transparent;color:#4a4436;font-size:12px;cursor:pointer}.notice-banner .btn-ghost:hover{background:#f3ead6}.card-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:#f0f0f0}.dish-images{display:flex;gap:8px;overflow-x:auto;margin:8px 0}.dish-images img{height:160px;border-radius:8px;object-fit:cover;flex:0 0 auto}.step-image{display:block;max-width:100%;border-radius:6px;margin-top:6px}.video-link a{color:#c2410c;font-weight:600;text-decoration:none}.credit{font-size:11px;color:#666;margin:2px 0}.install-prompt{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:12px;border:1px solid var(--border,#e3e3e3);border-radius:12px;background:var(--surface-2,#f7f7f7)}.install-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.install-text span{color:var(--muted,#666)}.install-actions{display:flex;gap:8px;align-items:center}.install-hint{font-size:12px;color:var(--muted,#666)}.credit-missing{color:var(--muted,#666);font-style:italic}.tips-box{margin-top:12px;padding:12px 14px;background:var(--accent-soft);border-radius:10px}.tips-box h4{margin:0 0 6px;font-size:13px;color:var(--accent)}.tips-box p{margin:0;font-size:13px;line-height:1.6}.allergen-note{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--warn)}.login-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.seg{display:flex;gap:0;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}.seg-btn{flex:1 1;min-width:0;border:none;border-radius:0;background:transparent;color:var(--fg);font-size:14px;font-weight:600;min-height:40px;padding:8px 10px;cursor:pointer}.seg-btn+.seg-btn{border-left:1px solid var(--line)}.seg-btn.active{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.tab-narrow{display:none}.tab-wide{display:inline}@media (max-width:640px){.tab-wide{display:none}.tab-narrow{display:inline}.container{padding:12px 12px 0}.header{flex-wrap:wrap;align-items:center;gap:8px;row-gap:4px}.header h1{font-size:18px;white-space:nowrap}.header .header-actions{margin-left:auto}.header .quota{flex-basis:100%;order:3}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;gap:0;flex-wrap:nowrap;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.tabs .tab{flex:1 1;min-width:0;border:none;border-radius:0;background:transparent;min-height:52px;padding:8px 0;font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.tabs .tab.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.app-consumer{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0))}.container button,.container select{min-height:44px}.container input,.container select,.container textarea{font-size:16px}.field-row{flex-direction:column;gap:8px}.field-row>.field{width:100%}.modal{max-width:100%;max-height:92vh;max-height:92dvh;border-radius:12px 12px 0 0}.modal-back{align-items:flex-end;padding:0}.login-buttons{flex-direction:column}.login-buttons button{width:100%}}@media (min-width:900px){.tab-narrow{display:none}.proposal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}}.mood-tags{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:2px}.mood-tag{font-size:11px;line-height:1.4;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.mood-recap{border:1px solid var(--line);border-radius:10px;margin:8px 0 12px;background:var(--card)}.mood-recap>summary{cursor:pointer;padding:8px 12px;font-size:13px;color:var(--sub);list-style-position:inside}.mood-recap-list{margin:0;padding:0 12px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:4px 16px;gap:4px 16px;font-size:13px}.mood-recap-list>div{display:flex;gap:8px;padding:3px 0;border-top:1px solid var(--line)}.mood-recap-list dt{color:var(--sub);flex:0 0 8.5em}.mood-recap-list dd{margin:0;color:var(--ink)}.feature-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:640px){.feature-grid{grid-template-columns:1fr 1fr}}.feature-card{border:1px solid var(--border,#ddd);border-radius:12px;overflow:hidden;background:var(--card-bg,#fff)}.feature-banner-main,.feature-card-main{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.feature-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}.feature-card-body{padding:10px 12px}.feature-card-foot{padding:0 12px 12px;justify-content:flex-end}.feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0}.feature-back{margin-bottom:14px}.feature-heading{margin:4px 0 10px}.feature-lead{white-space:pre-wrap;margin:0 0 14px;line-height:1.7}.feature-title{font-weight:600;margin:4px 0}.feature-card-body .notice{margin-top:8px}.feature-summary{font-size:.9em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-small-link{font-size:.8em}.feature-banner{padding:8px}.feature-banner-main{display:flex;gap:10px;align-items:center}.feature-banner-main .feature-thumb{width:128px;flex:none;border-radius:8px}.feature-banner-main .feature-card-body{padding:0;min-width:0}.feature-banner-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 4px}.feature-hero{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin-bottom:8px}.feature-recipe-row{align-items:flex-start;padding:10px 0}.feature-recipe-main{display:flex;gap:10px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.feature-recipe-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;flex:none;background:#eee}.feature-recipe-text{display:flex;flex-direction:column;gap:2px;min-width:0}.feature-catch{font-size:.9em}.feature-extras{margin:12px 0 16px}.feature-comment{background:var(--bg-accent,#eef4ff);border-radius:8px;padding:8px 10px;margin:8px 0}.feature-extra-images{display:flex;gap:6px;overflow-x:auto;margin:8px 0}.feature-extra-images img{height:96px;width:auto;border-radius:6px}.reel{position:fixed;inset:0;height:100vh;height:100dvh;z-index:55;background:#111;color:#fff;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.reel-media,.reel-page{position:absolute;inset:0}.reel-media{overflow:hidden;background:#111}.reel-img,.reel-layer{position:absolute;inset:0}.reel-img{width:100%;height:100%;pointer-events:none}.reel-img-cover{object-fit:cover}.reel-img-contain{object-fit:contain}.reel-img-bg{object-fit:cover;filter:blur(28px) brightness(.7);transform:scale(1.15)}.reel-stage{position:absolute;inset:0;touch-action:none}.reel-top{position:absolute;top:0;left:0;right:0;padding:8px 10px 18px;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));pointer-events:none}.reel-top .reel-iconbtn,.reel-top-row{pointer-events:auto}.reel-bars{display:flex;gap:4px}.reel-bars span{flex:1 1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}.reel-bars span.on{background:#fff}.reel-top-row{display:flex;align-items:center;gap:10px;margin-top:8px}.reel-title{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-count,.reel-title{text-shadow:0 1px 3px rgba(0,0,0,.6)}.reel-count{font-size:.85em}.reel-iconbtn{display:flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.45);color:#fff;line-height:0;cursor:pointer}.reel-iconbtn svg{display:block;flex:none}.reel-iconbtn.on{color:#ff6b81;border-color:#ff6b81}.reel-iconbtn:disabled{opacity:.35}.reel-rail{position:absolute;right:10px;bottom:168px;display:flex;flex-direction:column;align-items:center;gap:6px}.reel-rail-label{font-size:11px;margin-top:-2px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.reel-band{position:absolute;left:0;right:0;bottom:0;padding:72px 68px 18px 16px;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.7) 55%,rgba(0,0,0,0));max-height:55%;overflow:hidden;pointer-events:none}.reel-band,.reel-band *{text-shadow:0 1px 3px rgba(0,0,0,.7)}.reel-provider{font-size:.85em;opacity:.9}.reel-dish{font-size:1.25em;font-weight:700;margin:2px 0}.reel-catch{margin-bottom:6px}.reel-chips{margin-bottom:6px}.reel-allergens,.reel-chips{display:flex;flex-wrap:wrap;gap:6px}.reel .chip.static{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.45);margin:0}.reel .src-badge{background:#fff;color:#222;text-shadow:none;margin:0}.reel-fade-in{animation:reel-fade-in .45s ease-in-out both}.reel-fade-out{animation:reel-fade-out .45s ease-in-out both}.reel-slide-x-in-next{animation:reel-x-in-next .3s ease-out both}.reel-slide-x-out-next{animation:reel-x-out-next .3s ease-out both}.reel-slide-x-in-prev{animation:reel-x-in-prev .3s ease-out both}.reel-slide-x-out-prev{animation:reel-x-out-prev .3s ease-out both}.reel-page-in-next{animation:reel-y-in-next .3s ease-out both}.reel-page-out-next{animation:reel-y-out-next .3s ease-out both}.reel-page-in-prev{animation:reel-y-in-prev .3s ease-out both}.reel-page-out-prev{animation:reel-y-out-prev .3s ease-out both}@keyframes reel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes reel-fade-out{0%{opacity:1}to{opacity:0}}@keyframes reel-x-in-next{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes reel-x-out-next{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes reel-x-in-prev{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes reel-x-out-prev{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes reel-y-in-next{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes reel-y-out-next{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes reel-y-in-prev{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes reel-y-out-prev{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.reel *{animation-duration:.01ms!important}}