:root{--bg-primary: #070711;--bg-secondary: #0e0e1c;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--bg-nav: rgba(7, 7, 17, .82);--text-primary: #eeeef5;--text-secondary: #8888a8;--text-muted: #555570;--accent: #a78bfa;--accent-2: #f59e0b;--accent-glow: rgba(167, 139, 250, .25);--border: rgba(255, 255, 255, .08);--border-accent: rgba(167, 139, 250, .3);--shadow: 0 8px 40px rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--radius: 16px;--radius-sm: 10px;--nav-h: 70px}[data-theme=light]{--bg-primary: #f5f5fa;--bg-secondary: #ffffff;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .055);--bg-nav: rgba(245, 245, 250, .88);--text-primary: #111122;--text-secondary: #55556a;--text-muted: #9999b0;--accent: #7c3aed;--accent-2: #d97706;--accent-glow: rgba(124, 58, 237, .15);--border: rgba(0, 0, 0, .09);--border-accent: rgba(124, 58, 237, .3);--shadow: 0 8px 40px rgba(0, 0, 0, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background .35s ease,color .35s ease;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}body:after{content:"";position:fixed;top:-30vh;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}img{display:block;max-width:100%}button{cursor:pointer;border:none;outline:none;background:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.page-wrapper{padding-top:var(--nav-h);position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--bg-nav);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);z-index:1000;transition:background .35s ease}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;gap:40px}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.logo-icon{color:var(--accent);font-size:1.1rem;animation:spin-slow 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-text em{color:var(--accent);font-style:italic}.navbar-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .25s ease;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--accent);background:var(--accent-glow)}.nav-icon{font-size:.9rem;opacity:.7}.liked-link{position:relative}.liked-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;margin-left:2px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.theme-toggle{margin-left:12px;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.theme-toggle:hover{background:var(--accent-glow);border-color:var(--border-accent);transform:rotate(20deg)}.theme-icon{display:block;line-height:1}.page{max-width:1280px;margin:0 auto;padding:60px 32px 80px}.center-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-h));gap:20px;text-align:center}.hero{text-align:center;padding:60px 0 50px;position:relative}.hero-eyebrow,.page-header .hero-eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;padding:6px 16px;background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:999px}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:18px}.hero-title em{color:var(--accent);font-style:italic}.hero-sub{font-size:1.05rem;color:var(--text-secondary);max-width:480px;margin:0 auto 48px}.page-header{text-align:center;padding:50px 0 40px}.page-title{font-family:Playfair Display,serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:14px}.page-title em{color:var(--accent);font-style:italic}.page-sub{color:var(--text-secondary);font-size:1rem}.search-form{max-width:600px;margin:0 auto 40px}.search-wrap{display:flex;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 8px 8px 20px;transition:border-color .25s ease,box-shadow .25s ease}.search-wrap:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input{flex:1;background:none;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:.95rem;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:10px 24px;background:var(--accent);color:#fff;border-radius:calc(var(--radius) - 4px);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .25s ease;flex-shrink:0}.search-btn:hover{background:color-mix(in srgb,var(--accent) 85%,white);transform:translateY(-1px)}.letter-filter{display:flex;flex-direction:column;align-items:center;gap:12px}.filter-label{font-size:.8rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.letters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:700px}.letter-btn{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;transition:all .2s ease}.letter-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.results-section{padding-top:16px}.results-header{display:flex;align-items:center;margin-bottom:28px}.results-count{font-family:DM Mono,monospace;font-size:.78rem;color:var(--text-muted);letter-spacing:.05em;padding:5px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px}.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.meal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:default}.meal-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-card)}.card-img-wrap{position:relative;overflow:hidden;height:200px}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 50%)}.card-category{position:absolute;top:12px;right:12px;background:#000000a6;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.liked-indicator{position:absolute;bottom:12px;left:12px;color:#f87171;font-size:1rem}.card-body{padding:18px}.card-title{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:600;line-height:1.35;margin-bottom:14px;color:var(--text-primary)}.card-actions{display:flex;align-items:center;gap:10px}.btn-like{width:38px;height:38px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.btn-like:hover{color:#f87171;border-color:#f8717166;background:#f871711a}.btn-like.liked{color:#f87171;background:#f871711f;border-color:#f8717159}.btn-details{flex:1;padding:9px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;text-align:center;transition:all .25s ease}.btn-details:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-remove{flex:0;padding:9px 14px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);color:#f87171;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;transition:all .25s ease;white-space:nowrap}.btn-remove:hover{background:#f871712e;border-color:#f8717180}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.category-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-card)}.cat-img-wrap{position:relative;height:160px;overflow:hidden}.cat-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.category-card:hover .cat-img{transform:scale(1.06)}.cat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 55%)}.cat-body{padding:16px}.cat-name{font-family:Playfair Display,serif;font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.cat-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.55}.detail-page{padding-top:32px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:all .25s ease;margin-bottom:36px}.btn-back:hover{color:var(--text-primary);border-color:var(--border-accent);background:var(--bg-card-hover)}.detail-layout{display:grid;grid-template-columns:420px 1fr;gap:52px;align-items:start}.detail-img-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1 / 1}.detail-img{width:100%;height:100%;object-fit:cover}.detail-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%)}.detail-meta-tags{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.meta-tag{padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.05em}.category-tag{background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--accent)}.area-tag{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--accent-2)}.detail-like-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:14px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;transition:all .25s ease}.detail-like-btn:hover{color:#f87171;border-color:#f8717166;background:#f8717114}.detail-like-btn.liked{color:#f87171;background:#f871711a;border-color:#f8717159}.detail-eyebrow{font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.detail-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.18;letter-spacing:-.02em;margin-bottom:36px}.detail-section{margin-bottom:36px}.section-heading{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.detail-instructions{font-size:.92rem;color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.expand-btn{margin-top:14px;padding:8px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:500;transition:all .25s ease}.expand-btn:hover{background:var(--accent-glow);border-color:var(--border-accent)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.ingredient-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s ease}.ingredient-item:hover{border-color:var(--border-accent)}.ingredient-measure{font-family:DM Mono,monospace;font-size:.72rem;color:var(--accent);font-weight:500;min-width:48px;flex-shrink:0}.ingredient-name{font-size:.85rem;color:var(--text-primary);font-weight:400}.youtube-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#ef4444;font-size:.88rem;font-weight:600;transition:all .25s ease}.youtube-link:hover{background:#ef44442e;transform:translateY(-2px)}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:20px;color:var(--text-muted);font-size:.9rem}.loader{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:center;gap:12px;padding:16px 22px;background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#f87171;font-size:.9rem;max-width:600px;margin:40px auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;gap:18px;text-align:center}.empty-icon{font-size:3.5rem;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state p{color:var(--text-muted);font-size:1rem}.btn-cta{margin-top:8px;padding:12px 28px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .25s ease}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}@media (max-width: 900px){.detail-layout{grid-template-columns:1fr;gap:32px}.detail-img-wrap{aspect-ratio:16 / 9;max-height:360px}}@media (max-width: 680px){.page{padding:40px 18px 60px}.navbar-inner{padding:0 18px}.meal-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hero-title{font-size:2.2rem}.letters{gap:4px}.letter-btn{width:30px;height:30px;font-size:.68rem;border-radius:6px}}@media (max-width: 480px){.navbar-links .nav-link span.nav-icon{display:none}.meal-grid{grid-template-columns:1fr}}