@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg: #faf9f7;--bg-card: #ffffff;--bg-subtle: #f3f0eb;--border: #e8e4de;--border-mid: #d4cec6;--text-primary: #1a1a1a;--text-secondary: #6b6560;--text-muted: #afa9a2;--accent: #D4522A;--accent-light: #fceee8;--accent-mid: #e8734a;--accent-border: #f0c9b8;--pasta: #D4522A;--protein: #C4782A;--fridge: #4A90A4;--batch: #7B6FA0;--effort: #5A8A5A;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--header-h: 64px;--tabs-h: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{max-width:100%;display:block}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg)}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md)}.login-brand{margin-bottom:2rem;text-align:center}.login-brand .wordmark{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);display:block;margin-bottom:.25rem}.login-brand .tagline{font-size:.75rem;color:var(--text-muted);font-weight:300;letter-spacing:.04em}.login-divider{border:none;border-top:1px solid var(--border);margin:0 0 1.5rem}.login-card h1{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:.375rem;font-weight:400}.login-card p{font-size:.875rem;color:var(--text-secondary);font-weight:300;margin-bottom:1.75rem}.btn-login{width:100%;padding:.75rem 1.25rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:var(--font-body);border:none;cursor:pointer;transition:background .15s;display:block}.btn-login:hover{background:var(--accent-mid)}.login-footer-note{margin-top:1.25rem;font-size:.75rem;color:var(--text-muted);text-align:center;font-weight:300}.portal{display:none;min-height:100vh;flex-direction:column}.portal.visible{display:flex}.portal-header{height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;position:sticky;top:0;z-index:100;flex-shrink:0}.portal-header .wordmark{font-family:var(--font-display);font-size:1.375rem;color:var(--text-primary);flex:1}.portal-header .wordmark span{color:var(--accent)}.header-user{display:flex;align-items:center;gap:.75rem}.header-user .user-name{font-size:.9375rem;color:var(--text-secondary)}.btn-logout{font-size:.875rem;color:var(--text-muted);font-weight:500;padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s;background:transparent}.btn-logout:hover{background:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-mid)}.portal-tabs{background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:10px 1.5rem;gap:6px;position:sticky;top:var(--header-h);z-index:90;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.portal-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;font-size:.9rem;font-weight:500;color:var(--text-muted);border:1px solid transparent;border-radius:20px;background:none;cursor:pointer;white-space:nowrap;transition:all .12s;flex-shrink:0}.tab-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-mid);font-weight:600;box-shadow:var(--shadow-sm)}.tab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.portal-main{flex:1;overflow-y:auto;padding:2rem 2.5rem;width:100%}.tab-view{display:none;max-width:1280px;margin:0 auto}.tab-view.active{display:block}.dash-greeting{margin-bottom:1.5rem}.greeting-label{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.dash-greeting h1{font-family:var(--font-display);font-size:1.875rem;font-weight:400;color:var(--text-primary);line-height:1.2}.dash-greeting h1 em{color:var(--accent);font-style:italic}.dash-quickstart{background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.75rem;display:flex;align-items:center;gap:.875rem}.qs-icon{font-size:1.125rem;color:var(--accent);flex-shrink:0}.qs-text{flex:1}.qs-text h3{font-size:.875rem;font-weight:600;color:var(--accent);margin-bottom:.2rem}.qs-text p{font-size:.8rem;color:#a04020;font-weight:300;line-height:1.5;margin-bottom:0}.section-label{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:1.75rem}.quick-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .875rem;display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:all .12s}.quick-item:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.quick-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.quick-info{flex:1;min-width:0}.quick-name{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.quick-meta{font-size:.6875rem;color:var(--text-muted);font-weight:300}.quick-btn{font-size:.6875rem;font-weight:600;color:var(--accent);border:1px solid var(--accent-border);border-radius:20px;padding:2px 8px;background:var(--accent-light);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .12s}.quick-item:hover .quick-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.dash-tab-hint{font-size:.8125rem;color:var(--text-muted);font-weight:300;background:var(--bg-subtle);border-radius:var(--radius-md);padding:.875rem 1rem;line-height:1.6}.tab-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.tab-header-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:1.1em}.tab-header-text{flex:1;min-width:0}.tab-header h2{font-family:var(--font-display);font-size:1.625rem;font-weight:400;color:var(--text-primary);line-height:1.2;margin-bottom:.375rem}.tab-header p{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.6;max-width:none}.video-block{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:16 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;margin-bottom:1.5rem;cursor:pointer;transition:border-color .15s}.video-block:hover{border-color:var(--border-mid)}.video-play{width:48px;height:48px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.video-block:hover .video-play{transform:scale(1.06);background:var(--accent-mid)}.video-play:after{content:"";border-style:solid;border-width:7px 0 7px 14px;border-color:transparent transparent transparent #fff;margin-left:3px}.video-label{font-size:.8125rem;color:var(--text-muted);font-weight:400}.video-duration{font-size:.75rem;color:var(--text-muted);font-weight:300}.resource-list{display:flex;flex-direction:column;gap:7px}.resource-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.875rem 1rem;display:flex;align-items:center;gap:.875rem;cursor:pointer;transition:all .12s}.resource-item:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.res-bar{width:3px;border-radius:2px;align-self:stretch;flex-shrink:0;min-height:32px}.res-info{flex:1}.res-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.res-desc{font-size:.75rem;color:var(--text-muted);font-weight:300}.res-tag{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0}.tag-pdf{background:#edf4ed;color:var(--effort)}.tag-interactive{background:#e8f4f7;color:var(--fridge)}.tag-video{background:#f0edf7;color:var(--batch)}.resource-item-action{font-size:.6875rem;font-weight:600;color:var(--accent);border:1px solid var(--accent-border);border-radius:20px;padding:3px 10px;background:var(--accent-light);white-space:nowrap;flex-shrink:0;transition:all .12s}.resource-item:hover .resource-item-action{background:var(--accent);color:#fff;border-color:var(--accent)}@media (min-width: 768px){.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tab-header{padding-bottom:1.5rem;margin-bottom:1.75rem}.dash-greeting h1{font-size:2.5rem}.video-block{aspect-ratio:16 / 6}.portal-main{padding:2.5rem 3rem}.res-name{font-size:1rem}.res-desc{font-size:.875rem}.quick-name{font-size:.9375rem}.resource-item{padding:1rem 1.25rem}.quick-item{padding:1rem 1.125rem}}@media (min-width: 1100px){html{font-size:19px}.portal-main{padding:3rem 4rem}.dash-greeting h1{font-size:3rem}.portal-header{padding:0 2.5rem}.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px}.resource-list{grid-template-columns:1fr 1fr;gap:10px}.meal-menu-embed .mm-tabs{padding:12px 20px;gap:8px}.mm-tab{padding:8px 18px;font-size:.875rem}.mm-item{padding:14px 20px}.mm-item-name{font-size:1rem}.tab-header h2{font-size:2.25rem}.tab-header p{font-size:1rem;max-width:none}.section-label{font-size:.8125rem}.portal-tabs{padding:12px 2rem;gap:8px}}@media (min-width: 1440px){html{font-size:20px}.portal-main{padding:3.5rem 5rem}.quick-grid{gap:14px}.resource-list{gap:12px}.tab-view{max-width:1400px}}@media (min-width: 1800px){html{font-size:21px}.portal-main{padding:4rem 6rem}.tab-view{max-width:1600px}.resource-list,.quick-grid{grid-template-columns:repeat(3,1fr)}.dash-greeting h1{font-size:3.5rem}.portal-header{height:72px}.portal-header .wordmark{font-size:1.625rem}}@media (max-width: 640px){html{font-size:16px}.portal-main{padding:1.25rem 1rem}.quick-grid{grid-template-columns:1fr}.dash-greeting h1{font-size:1.75rem}.tab-btn{padding:6px 12px;font-size:.8125rem}.header-user .user-name{display:none}.dash-quickstart{flex-wrap:wrap}.resource-list{display:flex;flex-direction:column}.video-block{aspect-ratio:16 / 8}.portal-tabs{justify-content:flex-start}}.embedded-hint{font-size:.8125rem;color:var(--text-muted);font-weight:300;margin-bottom:.875rem}.meal-menu-embed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.mm-tabs{display:flex;gap:0;background:var(--bg);border-bottom:1px solid var(--border);padding:8px 12px;gap:5px;overflow-x:auto;scrollbar-width:none}.mm-tabs::-webkit-scrollbar{display:none}.mm-tab{display:flex;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:500;color:var(--text-muted);border:1px solid transparent;border-radius:20px;background:none;cursor:pointer;white-space:nowrap;transition:all .12s;flex-shrink:0;font-family:var(--font-body)}.mm-tab:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.mm-tab.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-mid);font-weight:600;box-shadow:var(--shadow-sm)}.mm-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mm-panels{position:relative}.mm-panel{display:none}.mm-panel.active{display:block}.mm-panel-header{padding:14px 16px 10px;border-bottom:1px solid var(--bg-subtle)}.mm-panel-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.mm-panel-desc{font-size:.75rem;color:var(--text-muted);font-weight:300}.mm-list{padding:6px 0}.mm-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--bg-subtle);transition:background .1s}.mm-item:last-child{border-bottom:none}.mm-item:hover{background:var(--bg-subtle)}.mm-item-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0}.mm-item-info{flex:1}.mm-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:3px}.mm-item-meta{display:flex;align-items:center;gap:6px}.mm-time{font-size:.75rem;color:var(--text-muted);font-weight:300}.mm-tag{font-size:.6875rem;font-weight:600;padding:1px 7px;border-radius:20px}.mm-tag-own{background:var(--accent-light);color:var(--accent)}.mm-tag-link{background:#e8f4f7;color:var(--fridge)}.mm-item-arrow{font-size:1rem;color:var(--border-mid)}.mm-detail{border-top:1px solid var(--border)}.mm-back{display:flex;align-items:center;gap:4px;padding:12px 16px;font-size:.8125rem;color:var(--text-secondary);font-weight:500;font-family:var(--font-body);border-bottom:1px solid var(--bg-subtle);width:100%;text-align:left;background:var(--bg-subtle);border-radius:0;transition:background .1s}.mm-back:hover{background:var(--border)}.mm-detail-body{padding:16px}.mm-detail-cat{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px}.mm-detail-title{font-family:var(--font-display);font-size:1.375rem;font-weight:400;color:var(--text-primary);margin-bottom:6px;line-height:1.2}.mm-detail-chips{display:flex;gap:12px;margin-bottom:14px}.mm-detail-chip{font-size:.8125rem;color:var(--text-muted);font-weight:300}.mm-detail-section{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;margin-top:14px}.mm-ingredients{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.mm-ingredient{font-size:.8125rem;background:var(--bg-subtle);color:var(--text-secondary);padding:3px 10px;border-radius:20px}.mm-ingredient.extra{background:var(--accent-light);color:var(--accent)}.mm-upgrade{background:var(--bg-subtle);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 12px;margin-top:14px}.mm-upgrade-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.mm-upgrade p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6;font-weight:300}.mm-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding:10px;border-radius:var(--radius-md);background:var(--text-primary);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;font-family:var(--font-body);border:none;width:100%}.reset-columns{display:flex;flex-direction:column;gap:2rem}.reset-left{display:flex;flex-direction:column;gap:1.25rem}.reset-right{display:flex;flex-direction:column;gap:1rem}@media (min-width: 900px){.reset-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.reset-left .video-block{aspect-ratio:16 / 9}.reset-right{position:sticky;top:calc(var(--header-h) + var(--tabs-h) + 1.5rem)}}@media (min-width: 1200px){.reset-columns{grid-template-columns:1fr 1fr;gap:3rem}}.reset-pills{display:flex;flex-direction:column;gap:8px}.reset-pill{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;padding:10px 14px 10px 12px;cursor:pointer;transition:all .12s}.reset-pill:hover{border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.reset-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.reset-pill-name{font-size:.9rem;font-weight:500;color:var(--text-primary);flex:1}.reset-pill-tag{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:20px;background:#edf4ed;color:var(--effort)}.reset-pill-tag.tag-interactive{background:#e8f4f7;color:var(--fridge)}.reset-pill-btn{font-size:.75rem;font-weight:600;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:20px;padding:3px 10px;flex-shrink:0;transition:all .12s}.reset-pill:hover .reset-pill-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.reset-steps{display:flex;flex-direction:column;gap:1rem}.reset-step{display:flex;gap:.875rem;align-items:flex-start}.reset-step-num{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px;flex-shrink:0}.reset-step-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reset-step-pill{font-size:.6875rem;font-weight:600;color:var(--accent);background:var(--accent-light);border-radius:20px;padding:1px 7px}.reset-step-desc{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.55}.mm-drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;opacity:0;transition:opacity .25s ease}.mm-drawer-backdrop.open{display:block;opacity:1}.mm-drawer{position:fixed;top:0;right:0;bottom:0;width:640px;max-width:95vw;background:var(--bg-card);border-left:1px solid var(--border);z-index:201;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000001a}.mm-drawer.open{transform:translate(0)}.mm-drawer-header{padding:1.25rem 1.25rem .875rem;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.mm-drawer-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--text-primary);margin-bottom:3px;padding-right:2rem}.mm-drawer-hint{font-size:.8125rem;color:var(--text-muted);font-weight:300;line-height:1.5}.mm-drawer-close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;font-family:var(--font-body)}.mm-drawer-close:hover{background:var(--border);color:var(--text-primary)}.mm-drawer .mm-tabs{flex-shrink:0;border-bottom:1px solid var(--border)}.mm-drawer-content{flex:1;overflow-y:auto}body.drawer-open{overflow:hidden}@media (max-width: 640px){.mm-drawer{width:100vw;max-width:100vw}}.pdf-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;opacity:0;transition:opacity .2s ease}.pdf-backdrop.open{display:block;opacity:1}.pdf-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(90vw,860px);height:min(90vh,1000px);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0003;z-index:301;display:none;flex-direction:column;opacity:0;transition:opacity .2s ease,transform .2s ease;overflow:hidden}.pdf-overlay.open{display:flex;opacity:1;transform:translate(-50%,-50%) scale(1)}.pdf-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0;gap:1rem}.pdf-overlay-title{font-family:var(--font-display);font-size:1.125rem;font-weight:400;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-overlay-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.pdf-download-btn{display:flex;align-items:center;gap:5px;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .15s}.pdf-download-btn:hover{background:var(--accent-mid)}.pdf-close-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);font-size:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;font-family:var(--font-body)}.pdf-close-btn:hover{background:var(--border);color:var(--text-primary)}.pdf-overlay-body{flex:1;position:relative;overflow:hidden}.pdf-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;color:var(--text-muted);font-size:.875rem;font-weight:300}.pdf-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-iframe{width:100%;height:100%;border:none;display:none}.pdf-iframe.loaded{display:block}@media (max-width: 640px){.pdf-overlay{width:100vw;height:100vh;top:0;left:0;transform:translateY(100%);border-radius:0}.pdf-overlay.open{transform:translateY(0)}}.mm-idea-text{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.65;margin-bottom:4px}.mm-method{padding-left:1.25rem;display:flex;flex-direction:column;gap:7px;margin-bottom:4px}.mm-method-step{font-size:.8125rem;color:var(--text-secondary);font-weight:300;line-height:1.55;padding-left:4px}.fridge-columns{display:flex;flex-direction:column;gap:2rem}.fridge-left{display:flex;flex-direction:column;gap:1.25rem}.fridge-right{display:flex;flex-direction:column}@media (min-width: 900px){.fridge-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.fridge-left .video-block{aspect-ratio:16 / 9}.fridge-right{position:sticky;top:calc(var(--header-h) + var(--tabs-h) + 1.5rem);max-height:calc(100vh - var(--header-h) - var(--tabs-h) - 3rem);overflow-y:auto}}@media (min-width: 1200px){.fridge-columns{grid-template-columns:1fr 1fr;gap:3rem}}.pg-intro{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.7;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.pg-cat{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.pg-cat:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pg-cat-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.pg-cat-img{width:90px;height:90px;object-fit:contain;flex-shrink:0;margin-right:clamp(1rem,12%,5rem)}.pg-cat-title{font-family:var(--font-display);font-size:1.125rem;font-weight:400;color:var(--text-primary);margin-bottom:2px;display:flex;align-items:center;gap:7px}.pg-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pg-cat-sub{font-size:.8125rem;color:var(--text-muted);font-weight:300}.pg-item{margin-bottom:1.25rem}.pg-item-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.pg-item-body{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.7;margin-bottom:6px}.pg-shelf{display:inline-block;font-size:.6875rem;font-weight:500;color:var(--text-muted);background:var(--bg-subtle);border-radius:20px;padding:2px 8px}.pg-callout{background:var(--bg-subtle);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:12px 14px;margin:1.25rem 0;display:flex;gap:8px;align-items:flex-start}.pg-callout-mark{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--accent);opacity:.5;flex-shrink:0;margin-top:-4px}.pg-callout-text{font-family:var(--font-display);font-size:.9375rem;font-style:italic;color:var(--text-primary);line-height:1.55}.hand-columns{display:flex;flex-direction:column;gap:2rem}.hand-left{display:flex;flex-direction:column;gap:1.25rem}.hand-right{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 900px){.hand-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.hand-left .video-block{aspect-ratio:16 / 9}.hand-right{position:sticky;top:calc(var(--header-h) + var(--tabs-h) + 1.5rem);max-height:calc(100vh - var(--header-h) - var(--tabs-h) - 3rem);overflow-y:auto}}@media (min-width: 1200px){.hand-columns{grid-template-columns:1fr 1fr;gap:3rem}}.cv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.cv-tabs{display:flex;gap:5px;padding:10px 12px;background:var(--bg);border-bottom:1px solid var(--border)}.cv-tab{flex:1;padding:6px 8px;border-radius:20px;border:1px solid transparent;background:none;font-size:.75rem;font-weight:500;font-family:var(--font-body);color:var(--text-muted);cursor:pointer;transition:all .12s;text-align:center;-webkit-tap-highlight-color:transparent}.cv-tab.on{background:var(--bg-card);border-color:var(--border-mid);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.cv-body{padding:16px}.cv-panel{display:none}.cv-panel.on{display:block}.cv-lbl{display:block;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.cv-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.cv-input-col{display:flex;flex-direction:column;gap:6px}.cv-swap-row{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.cv-amount-input{display:block;width:100%;height:72px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 12px;font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--text-primary);background:var(--bg-subtle);outline:none;transition:border-color .12s,background .12s;margin-bottom:16px}.cv-res-empty{height:72px;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.cv-res-empty p{font-size:.6875rem;color:var(--text-muted);font-style:italic;text-align:center;padding:0 8px}.cv-res-active{height:72px;background:var(--accent-light);border:1.5px solid var(--accent-border);border-radius:var(--radius-md);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px}.cv-amount-input:focus{border-color:var(--accent);background:var(--bg-card)}.cv-amount-input::placeholder{color:var(--border-mid);font-size:1.75rem}.cv-select{display:block;width:100%;height:44px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 28px 0 12px;font-size:.8125rem;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23afa9a2' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.cv-select:focus{border-color:var(--accent);background-color:var(--bg-card)}.cv-from-to{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cv-from-to .cv-select{flex:1}.cv-swap{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border-mid);background:var(--bg-card);color:var(--text-muted);font-size:.875rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .12s;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.cv-swap:hover{border-color:var(--accent);color:var(--accent)}.cv-res-empty{height:72px;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cv-res-empty p{font-size:.75rem;color:var(--text-muted);font-style:italic}.cv-res-active{height:72px;background:var(--accent-light);border:1.5px solid var(--accent-border);border-radius:var(--radius-md);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;margin-bottom:16px}.cv-res-num{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--accent);line-height:1}.cv-res-unit{font-size:.75rem;color:var(--accent-mid);margin-top:20px}.cv-res-note{font-size:.625rem;color:var(--accent-mid)}.cv-ref-lbl{font-size:8.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}.cv-ref-lbl:after{content:"";flex:1;height:1px;background:var(--border)}.cv-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cv-ref-item{background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--radius-md);width:100%;max-width:96px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;text-align:center;justify-self:center}.cv-ref-from{font-size:.75rem;color:var(--accent);font-weight:600}.cv-ref-to{font-size:.6875rem;color:#a04020;font-weight:300}.cv-ref-divider{width:16px;height:1px;background:var(--accent-border)}.cv-ing{display:block;width:100%;height:44px;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 28px 0 12px;font-size:.8125rem;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23afa9a2' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;margin-bottom:10px}.cv-temp-row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-bottom:16px}.cv-temp-arrow{font-size:1rem;color:var(--text-muted);padding-bottom:12px;text-align:center}.cv-oven-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cv-oven-item{max-width:none;aspect-ratio:unset;padding:10px 8px;flex-direction:row;justify-content:space-between;gap:8px}.cv-oven-item .cv-oven-name{font-size:10px;white-space:nowrap}.cv-oven-item .cv-oven-c{font-size:14px;font-weight:700}.cv-oven-item .cv-oven-f{font-size:10px;white-space:nowrap}.cv-oven-item:nth-child(1){background:#fceee8;border-color:#f0c9b8}.cv-oven-item:nth-child(2){background:#f9ddd0;border-color:#e8a888}.cv-oven-item:nth-child(3){background:#f5c9b4;border-color:#de8a60}.cv-oven-item:nth-child(4){background:#eda882;border-color:#cc6a38}.cv-oven-item:nth-child(5){background:#e07840;border-color:#b85020}.cv-oven-item:nth-child(6){background:#c85420;border-color:#9a3a10}.cv-oven-item:nth-child(1) .cv-oven-name,.cv-oven-item:nth-child(2) .cv-oven-name,.cv-oven-item:nth-child(3) .cv-oven-name{color:#a04020}.cv-oven-item:nth-child(4) .cv-oven-name,.cv-oven-item:nth-child(5) .cv-oven-name,.cv-oven-item:nth-child(6) .cv-oven-name{color:#ffffffbf}.cv-oven-item:nth-child(1) .cv-oven-c,.cv-oven-item:nth-child(2) .cv-oven-c,.cv-oven-item:nth-child(3) .cv-oven-c{color:#7a2800}.cv-oven-item:nth-child(4) .cv-oven-c,.cv-oven-item:nth-child(5) .cv-oven-c,.cv-oven-item:nth-child(6) .cv-oven-c{color:#fff}.cv-oven-item:nth-child(1) .cv-oven-f,.cv-oven-item:nth-child(2) .cv-oven-f,.cv-oven-item:nth-child(3) .cv-oven-f{color:#a04020}.cv-oven-item:nth-child(4) .cv-oven-f,.cv-oven-item:nth-child(5) .cv-oven-f,.cv-oven-item:nth-child(6) .cv-oven-f{color:#fffc}.cv-oven-name{font-size:9px;color:var(--text-muted);font-weight:300}.cv-oven-c{font-size:.875rem;font-weight:600;color:var(--text-primary)}.cv-oven-f{font-size:9px;color:var(--text-muted)}.cv-fan{font-size:10px;color:var(--text-muted);font-style:italic;text-align:center;padding:6px 0 0}@media (min-width: 1100px){.cv-ref-grid{grid-template-columns:repeat(4,1fr);gap:10px}.cv-ref-item{max-width:none;aspect-ratio:unset;padding:10px 12px;flex-direction:row;justify-content:space-between;gap:8px}.cv-ref-divider{width:1px;height:16px;background:var(--accent-border);flex-shrink:0}.cv-oven-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0px}.cv-oven-item{max-width:none;aspect-ratio:unset;padding:10px 12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}.cv-oven-item .cv-oven-name{font-size:10px;white-space:nowrap}.cv-oven-item .cv-oven-c{font-size:14px;font-weight:700}.cv-oven-item .cv-oven-f{font-size:10px;white-space:nowrap}#temp-result{max-width:420px}}