.page-header{position:relative;color:#fff;padding:12px 12px 16px;overflow:hidden;border-radius:0;margin:0 0 12px;background:linear-gradient(180deg,var(--banner-top),var(--banner-bottom))}@media (max-width: 768px){.page-header{margin-top:calc(-1 * var(--sp-3));margin-left:calc(-1 * var(--sp-3));margin-right:calc(-1 * var(--sp-3))}}.page-header-photo-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid}.page-header-photo-bg>div{background-size:cover;background-position:center;filter:blur(8px) brightness(.6);transform:scale(1.15)}.page-header-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;background-repeat:no-repeat}.page-header.has-bg-image .page-header-title,.page-header.has-bg-image-default .page-header-title{text-shadow:0 2px 5px rgba(0,0,0,.6)}.page-header.has-bg-image .page-header-subtitle,.page-header.has-bg-image .page-header-stats,.page-header.has-bg-image-default .page-header-subtitle,.page-header.has-bg-image-default .page-header-stats{text-shadow:0 1px 6px rgba(0,0,0,.5)}.page-header.has-bg-image .page-header-subtitle{font-size:14px}.page-header.has-bg-image{padding-top:calc(env(safe-area-inset-top,0px) + 60px);padding-bottom:44px;height:180px;margin-bottom:0}.page-header.has-bg-image-default{padding-top:calc(env(safe-area-inset-top,0px) + 60px);padding-bottom:30px;height:180px;margin-bottom:0}.page-header:has(+.page-header-action-strip),.page-header:has(+.page-header-segmented-strip){margin-bottom:0}.page-header-content{position:relative;z-index:1}.page-header-row{display:grid;grid-template-columns:minmax(52px,auto) 1fr minmax(52px,auto);align-items:center;min-height:38px;gap:4px}.page-header-row:has(.page-header-zone-left:empty):has(.page-header-zone-right:empty){grid-template-columns:12px 1fr 12px}.page-header-zone{display:flex;align-items:center;gap:7px}.page-header-zone-left{justify-content:flex-start}.page-header-zone-right{justify-content:flex-end}.page-header-title{font-family:var(--font-heading, "Lora", Georgia, serif);font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.015em;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.25);text-wrap:balance;overflow-wrap:anywhere;padding:0 4px}.page-header-title.page-header-title-single{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.page-header-subtitle{text-align:center;margin-top:4px;font-size:13px;font-style:italic;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.2)}.page-header-stats{text-align:center;margin-top:8px;font-size:12px;color:#ffffffeb;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.2)}.page-header-stats span+span:before{content:" · ";opacity:.6}.page-header-extras{margin-top:10px;display:flex;justify-content:center}.page-header-btn{width:34px;height:34px;border-radius:50%;background:#fffffff2;color:#5c4a3a;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:14px;box-shadow:0 1px 4px #0000001f;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .15s,background .15s;font-family:inherit;padding:0}.page-header-btn:active{transform:scale(.92)}.page-header-btn.active{background:#fff;box-shadow:0 0 0 3px #ffffff59,0 1px 4px #0000001f}.page-header-action-pills{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:10px;padding:0 14px;justify-content:center}.page-header-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--pill-accent, #6B4C8A);border:none;border-radius:11px;padding:7px 14px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #0000001f;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .15s;letter-spacing:-.005em;white-space:nowrap}.page-header-pill:active{transform:scale(.96);box-shadow:0 1px 4px #0000001f}.page-header-pill-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.page-header-pill-label{white-space:nowrap}.page-header-subtitle{font-size:12px;font-style:italic;opacity:.85}.page-header-btn.page-header-btn-text{width:auto;padding:0 12px;font-size:12px;font-weight:700;font-family:inherit;color:var(--accent, #6B4C8A);white-space:nowrap;letter-spacing:-.005em}.page-header-action-strip{background:transparent;padding:0 12px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;margin-top:-16px;position:relative;z-index:2}@media (max-width: 768px){.page-header-action-strip{margin-left:calc(-1 * var(--sp-3));margin-right:calc(-1 * var(--sp-3));padding-left:var(--sp-3);padding-right:var(--sp-3)}}.page-header-action-strip--narrow{max-width:50%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.page-header-action-strip--narrow{max-width:60%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}}.page-header-pill-strip{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(to right,#fa0,#f80567);color:#fff;border:none;border-radius:9999px;padding:8px 12px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 1px 3px #2c18100d;letter-spacing:-.005em;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .15s}.page-header-pill-strip:active{transform:scale(.97)}.page-header-pill-strip-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.page-header-pill-strip-label{white-space:nowrap}.page-header-segmented-strip{background:var(--cream, #FAF7F2);padding:0 12px 18px;flex-shrink:0}@media (max-width: 768px){.page-header-segmented-strip{margin-left:calc(-1 * var(--sp-3));margin-right:calc(-1 * var(--sp-3));padding-left:var(--sp-3);padding-right:var(--sp-3)}}.page-header-segmented-track{display:flex;background:var(--parch, #F3EDE4);border-radius:10px;padding:3px;gap:2px}.page-header-segmented-btn{flex:1;border:none;padding:7px 8px;background:transparent;color:var(--ink2, #5C4A3A);font-family:inherit;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}.page-header-segmented-btn.active{background:#fff;color:var(--strip-accent, var(--accent, #6B4C8A));box-shadow:0 1px 3px #2c181014}.action-popover-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a146b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:ap-fade-in .18s ease-out}.action-popover{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);right:14px;width:332px;max-width:calc(100vw - 28px);background:var(--cream, #FAF7F2);border-radius:22px;padding:14px 12px 10px;box-shadow:0 24px 60px #0006,0 0 0 1px #0000000d;z-index:101;animation:ap-pop-in .18s ease-out}.action-popover:before{content:"";position:absolute;top:-7px;right:22px;width:14px;height:14px;background:var(--cream, #FAF7F2);transform:rotate(45deg);border-top-left-radius:3px}@keyframes ap-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ap-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.action-popover-hero{margin-bottom:10px}.action-popover-list{display:flex;flex-direction:column}.action-popover-section-header{padding:8px 12px 4px;font-size:10px;font-weight:700;color:#8b7b6b;text-transform:uppercase;letter-spacing:.05em}.action-popover-divider{height:1px;background:var(--bdr2, #EDE7DE);margin:6px 4px}.action-popover-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border-radius:9px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:13px;font-weight:500;color:#2c1810;transition:background .12s;-webkit-tap-highlight-color:transparent}.action-popover-item:hover:not(:disabled){background:#0000000a}.action-popover-item:disabled{opacity:.5;cursor:default}.action-popover-item.active{background:var(--parch, #F3EDE4);font-weight:700}.action-popover-item.accent{color:var(--popover-accent, #6B4C8A);font-weight:600}.action-popover-item.danger{color:#b91c1c}.action-popover-item-icon{width:22px;text-align:center;font-size:13px;flex-shrink:0}.action-popover-item-label{flex:1;min-width:0}.recipe-import-hero{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1.5px solid var(--bdr2, #EDE7DE);border-radius:14px;padding:12px 14px;cursor:pointer;text-align:left;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s,transform .1s}.recipe-import-hero:hover{border-color:var(--hero-accent, #6B4C8A);box-shadow:0 2px 10px #0000000f}.recipe-import-hero:active{transform:scale(.98)}.recipe-import-hero-icon{width:40px;height:40px;border-radius:11px;background:var(--hero-accent, #6B4C8A);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.recipe-import-hero-text{flex:1;min-width:0}.recipe-import-hero-title{font-size:14px;font-weight:700;color:var(--hero-accent, #6B4C8A);line-height:1.2;letter-spacing:-.005em}.recipe-import-hero-sub{font-size:11px;color:#5c4a3a;margin-top:2px;line-height:1.3}.recipe-import-hero-arrow{width:28px;height:28px;border-radius:50%;background:var(--hero-accent-soft, #F0E6F8);color:var(--hero-accent, #6B4C8A);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.auth-boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2c1810,#4a2d6b,#2c1810);z-index:1000}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2c1810,#4a2d6b,#2c1810);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;overflow-y:auto}.auth-card{background:#fffdf8;border-radius:24px;padding:32px 28px;max-width:420px;width:100%;box-shadow:0 8px 40px #00000040;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.auth-title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;color:#2c1810;letter-spacing:-.01em}.auth-subtitle{margin:0 0 8px;font-size:14px;color:#5c4a3a;line-height:1.5}.auth-field-group{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:12px;font-weight:600;color:#5c4a3a;letter-spacing:.02em;text-transform:uppercase}.auth-input{width:100%;padding:14px 16px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;color:#2c1810;background:#faf7f2;border:2px solid #EDE7DE;border-radius:12px;outline:none;transition:border-color .15s;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.auth-input:focus{border-color:#6b4c8a}.auth-hint{font-size:12px;color:#8b7b6b;line-height:1.4}.auth-error{padding:10px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;font-size:13px;color:#b91c1c;line-height:1.4}.auth-notice{padding:10px 14px;background:#f0f9f4;border:1px solid #BBE5CC;border-radius:10px;font-size:13px;color:#1f6b3f;line-height:1.4}.auth-button{margin-top:4px;padding:14px 24px;border-radius:14px;border:none;cursor:pointer;background:linear-gradient(135deg,#6b4c8a,#8b6aae);color:#fff;font-size:16px;font-weight:700;font-family:inherit;box-shadow:0 4px 16px #6b4c8a4d;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button:not(:disabled):active{transform:scale(.98)}.auth-links{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:4px}.auth-link{background:none;border:none;padding:4px 8px;font-family:inherit;font-size:14px;color:#6b4c8a;cursor:pointer;text-decoration:underline;text-underline-offset:3px;-webkit-tap-highlight-color:transparent}.auth-link:hover{color:#4a2d6b}:root{--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Lora", Georgia, serif;--cream: #FAF7F2;--parch: #F3EDE4;--white: #FFFDF9;--ink: #2C1810;--ink2: #5C4A3A;--ink3: #8B7B6B;--accent: #6B4C8A;--accent-deep: #2E1842;--banner-top: #321a56;--banner-bottom: #1a0b30;--accent-lt: #E8D5F5;--accent-bdr: #C4A8D8;--accent-dk: #5A3D76;--bdr: #E5DDD3;--bdr2: #EDE7DE;--danger: #DC2626;--danger-bg: #FEE2E2;--shadow-sm: 0 1px 3px rgba(44,24,16,.06);--shadow-md: 0 4px 16px rgba(44,24,16,.08);--shadow-lg: 0 8px 32px rgba(44,24,16,.12);--shadow-card: 0 2px 8px rgba(44,24,16,.06), 0 0 0 1px rgba(44,24,16,.04);--shadow-card-hover: 0 12px 36px rgba(44,24,16,.12), 0 0 0 1px rgba(107,76,138,.15);--r: 12px;--rl: 16px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;background:linear-gradient(135deg,#2c1810,#4a2d6b,#2c1810);background-attachment:fixed}h1,h2,h3{font-family:var(--font-heading)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:220px 1fr;max-width:1280px;height:100vh;margin:0 auto;background:linear-gradient(168deg,#fffdf8,#faf7f2 35%,#ede4f2);box-shadow:0 0 60px #0000004d;overflow:hidden}.main-content{overflow-y:auto;scrollbar-gutter:stable;padding:var(--sp-6);height:100%;min-height:0}.sidebar{display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--bdr2);padding:var(--sp-5) var(--sp-4);overflow-y:auto;height:100vh}.sidebar-brand{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--accent)}.sidebar-sub{font-size:11px;color:var(--ink3);margin-bottom:var(--sp-5)}.sidebar-section-title{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);font-weight:700;margin-top:var(--sp-4);margin-bottom:var(--sp-1);padding-left:2px}.nav-tabs{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--sp-4)}.nav-tab{padding:8px 12px;border:none;border-radius:8px;background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink2);cursor:pointer;text-align:left;transition:.15s}.nav-tab:hover{background:var(--parch)}.nav-tab.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #6b4c8a40}.search-input{width:100%;padding:8px 12px;border:1px solid var(--bdr);border-radius:8px;background:var(--cream);font-family:inherit;font-size:13px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6b4c8a1a}.search-input::placeholder{color:var(--ink3)}.diet-filter-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;border-radius:6px;background:transparent;font-family:inherit;font-size:13px;color:var(--ink2);cursor:pointer;text-align:left;transition:.15s}.diet-filter-btn:hover{background:var(--parch)}.diet-filter-btn.active{background:var(--accent-lt);color:var(--accent);font-weight:600}.diet-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.diet-count{margin-left:auto;font-size:11px;color:var(--ink3)}.sidebar-spacer{flex:1}.sidebar-actions{display:flex;flex-direction:column;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:2px solid var(--accent-bdr);border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dk);border-color:var(--accent-dk);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--ink2);border-color:var(--accent-bdr)}.btn-secondary:hover{background:var(--accent-lt);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink2);font-weight:500;border-color:transparent}.btn-ghost:hover{background:var(--parch);border-color:var(--accent-bdr)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#fca5a5}.btn-danger:hover{background:#fecaca;border-color:var(--danger)}.btn-accent-lt{background:var(--accent-lt);color:var(--accent);border-color:var(--accent-bdr)}.btn-accent-lt:hover{background:#dbc7ed;border-color:var(--accent)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:8px}.btn-full{width:100%}.view-btn{padding:5px 10px;border:none;border-radius:8px;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;background:var(--parch);color:var(--ink3);transition:.15s}.view-btn.active{background:var(--accent-lt);color:var(--accent);font-weight:600}.sort-select{padding:6px 10px;border:1px solid var(--bdr);border-radius:8px;background:var(--white);font-family:inherit;font-size:12px;color:var(--ink2);cursor:pointer}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4);animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.recipe-card{background:var(--white);border-radius:var(--rl);overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;box-shadow:var(--shadow-card)}.recipe-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-image{position:relative;width:100%;height:180px;overflow:hidden;background:var(--parch)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.recipe-card:hover .card-image img{transform:scale(1.05)}.card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,#2c181033);pointer-events:none}.card-badge{position:absolute;top:var(--sp-2);left:var(--sp-2);padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.02em;z-index:1}.card-time{position:absolute;top:var(--sp-2);right:var(--sp-2);padding:3px 10px;border-radius:20px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:500;z-index:1}.card-ai-badge{position:absolute;bottom:var(--sp-2);right:var(--sp-2);padding:2px 8px;border-radius:8px;background:#6b4c8ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;z-index:1}.card-body{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.card-title{font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:var(--sp-1);line-height:1.3}.card-desc{font-size:12px;color:var(--ink3);line-height:1.5;margin-bottom:var(--sp-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nutr-chips{display:flex;gap:var(--sp-1);flex-wrap:wrap}.nutr-chip{font-size:11px;padding:3px 8px;border-radius:20px;background:var(--parch);color:var(--ink2);font-weight:500}.tag-row{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-top:var(--sp-2)}.tag{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--cream);color:var(--ink3)}.recipe-list-item{display:flex;background:var(--white);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s;margin-bottom:var(--sp-2);box-shadow:var(--shadow-card)}.recipe-list-item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.list-diet-stripe{width:5px;flex-shrink:0}.list-thumb{width:80px;height:64px;flex-shrink:0;object-fit:cover;background:var(--parch)}.list-body{padding:var(--sp-2) var(--sp-3);flex:1;min-width:0}.list-title{font-family:var(--font-heading);font-size:14px;font-weight:600}.list-meta{font-size:11px;color:var(--ink3);margin-top:2px}.detail-banner{width:100%;height:260px;object-fit:cover;border-radius:var(--rl) var(--rl) 0 0;display:block}.detail-accent-bar{height:4px;border-radius:var(--rl) var(--rl) 0 0}.detail-card{background:var(--white);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shadow-card)}.detail-body{padding:var(--sp-6) var(--sp-6)}.detail-title{font-size:26px;font-weight:700;margin-bottom:var(--sp-2);line-height:1.2}.detail-meta{display:flex;gap:var(--sp-3);align-items:center;color:var(--ink3);font-size:13px;margin-bottom:var(--sp-4);flex-wrap:wrap}.nutr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-2);margin:var(--sp-4) 0}.nutr-card{background:var(--parch);border-radius:10px;padding:10px;text-align:center}.nutr-value{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--accent)}.nutr-label{font-size:9px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-top:var(--sp-4)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700;margin-bottom:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:2px solid var(--accent-lt)}.form-card{background:var(--white);border-radius:var(--rl);padding:var(--sp-6);box-shadow:var(--shadow-card)}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:700;margin-bottom:var(--sp-1)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--accent-bdr);border-radius:10px;background:var(--cream);font-family:inherit;font-size:14px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6b4c8a1a}.form-textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.form-row-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-2)}.pagination{display:flex;justify-content:center;gap:6px;margin-top:var(--sp-6)}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bdr);border-radius:10px;background:var(--white);cursor:pointer;font-size:13px;color:var(--ink2);transition:.15s}.page-btn:hover{background:var(--parch)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 24px;border-radius:24px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.gen-preview{background:var(--white);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shadow-card)}.gen-accent-bar{height:4px}.gen-body{padding:var(--sp-5) var(--sp-6)}.back-bar{padding:var(--sp-2) 0;margin-bottom:var(--sp-3)}.back-btn{background:none;border:none;color:var(--accent);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.back-btn:hover{text-decoration:underline}.empty-state{text-align:center;padding:60px var(--sp-5);color:var(--ink3)}.empty-state h3{font-size:20px;color:var(--ink2);margin-bottom:var(--sp-2)}.settings-status{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--bdr2)}.status-row{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;margin-bottom:var(--sp-1)}.status-ok{color:#065f46}.status-err{color:var(--danger)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--parch) 25%,var(--bdr2) 37%,var(--parch) 63%);background-size:800px 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--r)}.skeleton-card{border-radius:var(--rl);overflow:hidden}.skeleton-card .skeleton-img{height:180px;background:linear-gradient(90deg,var(--parch) 25%,var(--bdr2) 37%,var(--parch) 63%);background-size:800px 100%;animation:shimmer 1.5s ease infinite}.skeleton-card .skeleton-body{padding:var(--sp-4)}.skeleton-card .skeleton-line{height:12px;border-radius:6px;margin-bottom:var(--sp-2);background:linear-gradient(90deg,var(--parch) 25%,var(--bdr2) 37%,var(--parch) 63%);background-size:800px 100%;animation:shimmer 1.5s ease infinite}.skeleton-card .skeleton-line:nth-child(1){width:70%;height:16px}.skeleton-card .skeleton-line:nth-child(2){width:90%}.skeleton-card .skeleton-line:nth-child(3){width:50%}.mobile-topbar,.mobile-nav{display:none}@media (max-width: 768px){.desktop-only,.token-tracker{display:none!important}body{background:linear-gradient(168deg,#fffdf8,#faf7f2 35%,#ede4f2);background-attachment:fixed}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar" "main" "nav";max-width:100%;width:100%;height:100vh;height:100dvh;padding:0;box-shadow:none;background:transparent}.main-content{grid-area:1 / 1 / 3 / 2;height:100%;min-height:0;overflow:auto;scrollbar-gutter:auto;padding:var(--sp-3);-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}body:not([data-banner=true]) .main-content{padding-top:calc(env(safe-area-inset-top,0px) + 60px)}.sidebar{display:none}.mobile-topbar{grid-area:topbar;display:flex;align-items:center;gap:10px;background:var(--accent-deep);padding:11px var(--sp-4) 12px;padding-top:max(11px,env(safe-area-inset-top));box-shadow:0 2px 8px #0003;z-index:11}body[data-banner=true] .mobile-topbar{background:rgb(46 24 66 / var(--topbar-fade, 0));box-shadow:0 2px 8px rgb(0 0 0 / calc(.2 * var(--topbar-fade, 0)))}.mobile-topbar-slot{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:34px;min-height:34px}.mobile-topbar-line{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0}.mobile-topbar-name{font-family:var(--font-heading);font-size:14px;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:-.005em;line-height:1.15}body[data-banner=true] .mobile-topbar-name{text-shadow:0 1px 4px rgb(0 0 0 / calc(.5 * (1 - var(--topbar-fade, 0))))}.mobile-topbar-by{font-size:11px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}body[data-banner=true] .mobile-topbar-by{color:rgb(255 255 255 / calc(.6 + .15 * (1 - var(--topbar-fade, 0))));text-shadow:0 1px 3px rgb(0 0 0 / calc(.4 * (1 - var(--topbar-fade, 0))))}.mobile-topbar-avatar{border:none;width:34px;height:34px;border-radius:50%;background:#ffffff2e;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s;font-family:inherit;padding:0}.mobile-topbar-avatar.active{background:#fff;color:var(--accent)}.mobile-topbar-brand{font-family:var(--font-heading);font-size:13px;font-weight:700;color:#fff;white-space:nowrap}.mobile-search{flex:1;padding:7px 14px;border:none;border-radius:24px;background:#ffffff26;color:#fff;font-family:inherit;font-size:13px;outline:none}.mobile-search::placeholder{color:#ffffff8c}.mobile-search:focus{background:#ffffff40}.mobile-nav{grid-area:nav;display:flex;background:#fff;border-top:1px solid var(--bdr2);box-shadow:0 -4px 16px #00000014;padding:3px 10px 0;padding-bottom:max(2px,env(safe-area-inset-bottom));z-index:10;-webkit-user-select:none;user-select:none;touch-action:manipulation}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px 4px;margin:0 3px;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--ink3);font-family:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;outline:none}.mobile-nav-btn:focus{outline:none}.mobile-nav-btn:active{opacity:1}.mobile-nav-btn.active{color:var(--accent);background:var(--accent-lt)}.mobile-nav-icon{font-size:28px;line-height:1}.mobile-nav-label{font-size:12px;font-weight:600}.mobile-nav-btn.active .mobile-nav-label{color:var(--accent)}.mobile-nav-btn.discover-btn{position:relative;margin-top:-24px;z-index:2}.mobile-nav-btn.discover-btn .mobile-nav-icon{background:linear-gradient(135deg,#6b4c8a,#8b6aae);color:#fff;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 14px #6b4c8a59;border:3px solid white}.mobile-nav-btn.discover-btn .mobile-nav-label{margin-top:1px}.mobile-nav-btn.discover-btn.active{background:none}.mobile-nav-btn.discover-btn.active .mobile-nav-icon{background:linear-gradient(135deg,#5a3d76,#6b4c8a);box-shadow:0 2px 6px #6b4c8a66,inset 0 2px 4px #00000026;border-color:var(--accent-lt)}.mobile-nav-btn.discover-btn.active .mobile-nav-label{color:var(--accent)}.recipe-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.card-image{height:130px}.card-body{padding:var(--sp-2) var(--sp-3) var(--sp-3)}.card-title{font-size:14px}.card-desc{font-size:11px;margin-bottom:var(--sp-2)}.nutr-chip{font-size:10px;padding:2px 6px}.two-col{grid-template-columns:1fr;gap:var(--sp-4)}.nutr-grid{grid-template-columns:repeat(3,1fr)}.detail-banner{height:200px}.detail-body{padding:var(--sp-4)}.detail-title{font-size:22px}.form-card{padding:var(--sp-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.header-actions{width:100%}.toast{bottom:70px;left:50%;transform:translate(-50%)}}@media (max-width: 480px){.recipe-grid{grid-template-columns:1fr}.nutr-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}.form-row-5{grid-template-columns:repeat(3,1fr)}}.font-large .card-title{font-size:18px}.font-large .card-desc{font-size:14px}.font-large .list-title{font-size:16px}.font-large .list-meta,.font-large .nutr-chip{font-size:13px}.font-large .detail-title{font-size:30px}.font-large .sidebar-brand{font-size:26px}.font-large .nav-tab{font-size:15px;padding:10px 14px}.font-large .diet-filter-btn{font-size:15px;padding:8px 12px}.font-large .section-title{font-size:12px}.font-xlarge .card-title{font-size:20px}.font-xlarge .card-desc{font-size:16px}.font-xlarge .list-title{font-size:18px}.font-xlarge .list-meta{font-size:15px}.font-xlarge .nutr-chip{font-size:14px}.font-xlarge .detail-title{font-size:34px}.font-xlarge .sidebar-brand{font-size:28px}.font-xlarge .nav-tab{font-size:15px;padding:8px 14px}.font-xlarge .diet-filter-btn{font-size:16px;padding:8px 12px}.font-xlarge .section-title{font-size:13px}.font-bold-mode,.font-bold-mode .card-desc,.font-bold-mode .list-meta,.font-bold-mode p{font-weight:500}.font-bold-mode .card-title,.font-bold-mode .list-title,.font-bold-mode .detail-title{font-weight:800}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}*::-webkit-scrollbar-track{background:transparent}.meal-plan-root{height:100%;overflow:hidden}@media (max-width: 768px){.meal-plan-root{height:auto;overflow:visible}.main-content{overscroll-behavior:contain}}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 2px}@media (max-width: 768px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:2px}}button,a,select,input,textarea,[role=button],label{-webkit-tap-highlight-color:transparent}@media (hover: none){.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover,.btn-danger:hover,.btn-accent-lt:hover,.nav-tab:hover,.diet-filter-btn:hover,.recipe-card:hover,.recipe-list-item:hover,.page-btn:hover,.back-btn:hover{background:inherit;border-color:inherit;color:inherit;transform:none;box-shadow:inherit;text-decoration:inherit}.recipe-card:hover .card-image img{transform:none}}@media (hover: none){.btn{transition:background-color .15s,border-color .15s,color .15s}}.form-input,select.form-input,textarea.form-input{transition:none}select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238B7B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1 L6 6 L11 1'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;padding-right:28px}select.form-input:focus{outline:none}select.form-input::-moz-focus-inner{border:0}select.form-input:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--ink, #2C1810)}.btn-primary:active{background:var(--accent-dk);border-color:var(--accent-dk);transform:translateY(0);box-shadow:inset 0 2px 4px #00000026}.btn-secondary:active{background:var(--accent-lt);border-color:var(--accent);transform:translateY(0);box-shadow:inset 0 2px 4px #00000014}.btn-ghost:active{background:var(--parch);border-color:var(--accent-bdr);box-shadow:inset 0 2px 4px #0000000d}.btn-danger:active{background:#fecaca;border-color:var(--danger);box-shadow:inset 0 2px 4px #0000001a}.btn-accent-lt:active{background:#dbc7ed;border-color:var(--accent);box-shadow:inset 0 2px 4px #00000014}