:root{--bg: #FAFAF8;--bg-alt: #F3F1EC;--surface: #FFFFFF;--border: #E5E0D5;--border-light: #EDE9E1;--text: #1C1A17;--text-2: #52504A;--text-3: #8A857C;--accent: #B85C20;--accent-hover: #9C4D1A;--accent-light: #FDF1E8;--accent-border: #F0C9A8;--green: #2E6B4F;--green-light: #E8F4EE;--code-bg: #EDEAE3;--nav-bg: rgba(250, 250, 248, .92);--font-display: "DM Serif Display", "Georgia", serif;--font-body: "Source Serif 4", "Georgia", serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--s16: 4rem;--s20: 5rem;--s24: 6rem;--container: 1080px;--container-narrow: 720px;--nav-h: 64px;--r1: 4px;--r2: 8px;--r3: 12px;--r4: 16px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(28,26,23,.06), 0 1px 2px rgba(28,26,23,.04);--shadow-md: 0 4px 12px rgba(28,26,23,.08), 0 2px 4px rgba(28,26,23,.04);--shadow-lg: 0 8px 32px rgba(28,26,23,.12), 0 4px 8px rgba(28,26,23,.06);--shadow-xl: 0 20px 60px rgba(28,26,23,.16);--t-fast: .15s ease;--t-base: .25s ease;--t-slow: .4s ease}[data-theme=dark]{--bg: #1A1814;--bg-alt: #211F1B;--surface: #252219;--border: #363129;--border-light: #2E2B24;--text: #F0EDE7;--text-2: #B5AFA5;--text-3: #7A7268;--accent: #D97030;--accent-hover: #E88040;--accent-light: #2A1E12;--accent-border: #5A3018;--green: #52B788;--green-light: #0D2218;--code-bg: #2A2720;--nav-bg: rgba(26, 24, 20, .92);--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 8px 32px rgba(0,0,0,.35);--shadow-xl: 0 20px 60px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;min-height:100vh;transition:background var(--t-base),color var(--t-base)}img,video{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-border);text-underline-offset:3px;transition:color var(--t-fast),text-decoration-color var(--t-fast)}a:hover{color:var(--accent-hover);text-decoration-color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;color:var(--text);font-weight:400}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--s4)}p:last-child{margin-bottom:0}ul,ol{padding-left:var(--s6);margin-bottom:var(--s4)}li{margin-bottom:var(--s2)}code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);padding:.15em .4em;border-radius:var(--r1);color:var(--accent)}pre.astro-code{background:var(--code-bg)!important;border:1px solid var(--border)!important;border-left:3px solid var(--accent)!important;border-radius:var(--r3)!important;padding:var(--s5)!important;padding-right:5rem!important;overflow-x:auto;position:relative;margin:var(--s2) 0 var(--s6)!important}pre.astro-code code{background:transparent!important;color:var(--text)!important;font-size:.875rem;line-height:1.7;padding:0!important}pre.astro-code span{color:var(--text)!important;background:transparent!important;font-style:normal!important;text-decoration:none!important}strong{font-weight:700}em{font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--s8) 0}details summary{cursor:pointer;font-weight:600;color:var(--accent);list-style:none;display:flex;align-items:center;gap:var(--s2);padding:var(--s3) 0}details summary:before{content:"▶";font-size:var(--text-xs);transition:transform var(--t-fast);flex-shrink:0}details[open] summary:before{transform:rotate(90deg)}details[open] summary{margin-bottom:var(--s3)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--s6)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--s6)}.section{padding:var(--s16) 0}.section-sm{padding:var(--s10) 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5)}.flex{display:flex;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--s2)}.gap-4{gap:var(--s4)}.gap-6{gap:var(--s6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.mt-4{margin-top:var(--s4)}.mt-6{margin-top:var(--s6)}.mt-8{margin-top:var(--s8)}.mt-12{margin-top:var(--s12)}.mb-4{margin-bottom:var(--s4)}.mb-6{margin-bottom:var(--s6)}.mb-8{margin-bottom:var(--s8)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--nav-h);transition:background var(--t-base),border-color var(--t-base)}.nav-inner{max-width:1400px;margin:0 auto;padding:0 var(--s6);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.nav-logo{display:flex;align-items:center;gap:var(--s2);text-decoration:none;flex-shrink:0}.nav-logo-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text);line-height:1}.nav-links{display:flex;align-items:center;gap:var(--s1);list-style:none;padding:0;margin:0;flex-wrap:nowrap}.nav-links a{display:block;padding:var(--s2) var(--s2);font-size:var(--text-sm);font-family:var(--font-body);color:var(--text-2);text-decoration:none;border-radius:var(--r2);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:var(--accent-light)}.nav-more{position:relative}.nav-more-btn{display:flex;align-items:center;gap:4px;padding:var(--s2) var(--s2);font-size:var(--text-sm);font-family:var(--font-body);color:var(--text-2);background:none;border:none;border-radius:var(--r2);cursor:pointer;white-space:nowrap;transition:color var(--t-fast),background var(--t-fast);line-height:inherit}.nav-more-btn:hover,.nav-more.open .nav-more-btn,.nav-more-btn.active{color:var(--accent);background:var(--accent-light)}.nav-more-chevron{font-size:.6rem;transition:transform var(--t-fast);opacity:.6}.nav-more.open .nav-more-chevron{transform:rotate(180deg)}.nav-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);box-shadow:0 8px 24px #0000001f;list-style:none;padding:var(--s2);margin:0;z-index:200}.nav-more.open .nav-dropdown{display:block}.nav-dropdown li{padding:0;margin:0}.nav-dropdown a{display:block;padding:var(--s2) var(--s3);font-size:var(--text-sm);color:var(--text-2);text-decoration:none;border-radius:var(--r2);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.nav-dropdown a:hover,.nav-dropdown a.active{color:var(--accent);background:var(--accent-light)}.nav-dropdown-divider{height:1px;background:var(--border);margin:var(--s2) 0}.nav-actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.btn-theme{background:none;border:1px solid var(--border);border-radius:var(--r-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);font-size:var(--text-base)}.btn-theme:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.theme-icon-light{display:none}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:block}[data-theme=dark] .theme-icon-dark{display:none}.btn-hamburger{display:none;background:none;border:1px solid var(--border);border-radius:var(--r2);width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);flex-direction:column;gap:5px;padding:8px;transition:border-color var(--t-fast),color var(--t-fast)}.btn-hamburger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--t-base),opacity var(--t-fast)}.btn-hamburger:hover{border-color:var(--accent);color:var(--accent)}.nav-mobile{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--s4) var(--s6);z-index:99;box-shadow:var(--shadow-lg)}.nav-mobile.open{display:block}.nav-mobile-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s1)}.nav-mobile-links a{display:block;padding:var(--s3) var(--s4);color:var(--text);text-decoration:none;border-radius:var(--r2);transition:background var(--t-fast),color var(--t-fast);font-size:var(--text-base)}.nav-mobile-links a:hover{background:var(--accent-light);color:var(--accent)}.breadcrumbs{padding:var(--s4) 0;font-size:var(--text-sm);color:var(--text-3)}.breadcrumbs a{color:var(--text-3);text-decoration:none;transition:color var(--t-fast)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{margin:0 var(--s2)}.breadcrumbs .current{color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:var(--r2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all var(--t-fast);white-space:nowrap;line-height:1.4}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #b85c204d}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);text-decoration:none}.btn-ghost{background:transparent;color:var(--accent);border-color:var(--accent-border)}.btn-ghost:hover{background:var(--accent-light);text-decoration:none}.btn-lg{padding:var(--s4) var(--s8);font-size:var(--text-base)}.btn-sm{padding:var(--s2) var(--s3);font-size:var(--text-xs)}.hero{padding:var(--s20) 0 var(--s16);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-light) 0%,transparent 70%);pointer-events:none}.hero-tagline{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);border-radius:var(--r-full);padding:var(--s1) var(--s4);margin-bottom:var(--s6);letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,5vw,4rem);max-width:18ch;margin:0 auto var(--s6);line-height:1.1}.hero-lead{font-size:var(--text-xl);color:var(--text-2);max-width:52ch;margin:0 auto var(--s8);line-height:1.6}.hero-actions{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s6);transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);text-decoration:none}.card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.card:hover h3{text-decoration:underline;text-decoration-color:var(--accent-border);text-underline-offset:3px}.card-icon{font-size:2rem;margin-bottom:var(--s4);display:block}.card h3{font-size:var(--text-xl);margin-bottom:var(--s3)}.card p{color:var(--text-2);font-size:var(--text-sm);line-height:1.6}.quickstart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4)}.quickstart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s5);text-decoration:none;display:block;transition:all var(--t-base)}.quickstart-card:hover{border-color:var(--accent);background:var(--accent-light);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.quickstart-card-emoji{font-size:1.75rem;display:block;margin-bottom:var(--s3)}.quickstart-card h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--s2)}.quickstart-card p{font-size:var(--text-sm);color:var(--text-2);margin:0}.section-header{text-align:center;margin-bottom:var(--s10)}.section-header h2{margin-bottom:var(--s3)}.section-header p{font-size:var(--text-lg);color:var(--text-2);max-width:75ch;margin:0 auto}.section-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s3)}.prompt-block{background:var(--code-bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r2);padding:var(--s5);position:relative;margin:var(--s4) 0}.prompt-block pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;padding-right:6rem}.copy-btn{position:absolute;top:var(--s3);right:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s1) var(--s3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:var(--s1);white-space:nowrap}.copy-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.copy-btn.copied{border-color:var(--green);color:var(--green);background:var(--green-light)}.code-block{position:relative;margin:var(--s4) 0;border-radius:var(--r2);overflow:hidden;border:1px solid var(--border)}.code-block pre{margin:0;padding:var(--s5);padding-right:var(--s12);overflow-x:auto}.code-block .copy-btn{position:absolute;top:var(--s3);right:var(--s3)}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-bottom:var(--s6)}.recipe-card-header{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:var(--s4) var(--s6);display:flex;align-items:center;gap:var(--s3);justify-content:space-between}details.recipe-card,details.example-card{border-bottom:none}details.recipe-card>summary,details.example-card>summary{list-style:none;cursor:pointer;user-select:none}details.recipe-card>summary::-webkit-details-marker,details.example-card>summary::-webkit-details-marker{display:none}details.recipe-card>summary:before,details.example-card>summary:before{display:none}details.recipe-card>summary.recipe-card-header{justify-content:flex-start}details.recipe-card>summary.recipe-card-header .recipe-chevron{order:-1}details.recipe-card>summary.recipe-card-header>div{flex:1;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}details.recipe-card>summary.recipe-card-header h3{margin-top:0!important;margin-bottom:0}details.recipe-card>summary:hover,details.example-card>summary:hover{background:var(--border)}.recipe-chevron{flex-shrink:0;color:var(--text-3);font-size:1.25rem;line-height:1;transition:transform var(--t-base)}details[open]>summary .recipe-chevron{transform:rotate(180deg)}.example-summary-title{flex:1;min-width:0}.example-summary-title h3{font-size:var(--text-base);margin:var(--s1) 0 0;font-weight:600}.recipe-card-header h3{font-size:var(--text-xl);margin:0}.recipe-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--r-full);padding:var(--s1) var(--s3);text-transform:uppercase;letter-spacing:.05em}.recipe-card-body{padding:var(--s6)}.recipe-meta{display:flex;gap:var(--s4);margin-bottom:var(--s4);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap}.recipe-meta span{display:flex;align-items:center;gap:var(--s1)}.recipe-section-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s2);margin-top:var(--s5)}.recipe-section-label:first-child{margin-top:0}.callout{border-radius:var(--r2);padding:var(--s4) var(--s5);margin:var(--s5) 0;display:flex;gap:var(--s3);font-size:var(--text-sm);border:1px solid}.callout-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1em}.callout-body h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--s2)}.callout-body p{font-size:var(--text-sm);margin:0}.callout-beginner{background:var(--green-light);border-color:var(--green);color:var(--text)}.callout-beginner .callout-icon{color:var(--green)}.callout-tip{background:var(--accent-light);border-color:var(--accent-border)}.callout-tip .callout-icon{color:var(--accent)}.callout-info{background:var(--bg-alt);border-color:var(--border)}.steps{display:flex;gap:var(--s4);counter-reset:step;flex-wrap:wrap}.step{flex:1;min-width:200px;text-align:center;padding:var(--s5);position:relative}.step-number{width:48px;height:48px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-family:var(--font-display);font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s4)}.step h3{font-size:var(--text-lg);margin-bottom:var(--s2)}.step p{font-size:var(--text-sm);color:var(--text-2);margin:0}.tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-family:var(--font-mono);padding:var(--s1) var(--s2);border-radius:var(--r1);font-weight:500;letter-spacing:.03em}.tag-default{background:var(--bg-alt);color:var(--text-2)}.tag-accent{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.tag-green{background:var(--green-light);color:var(--green)}.tag-beginner{background:#eaf7f0;color:#1a5c38}.tag-intermediate{background:#fff6e0;color:#7a5500}.tag-advanced{background:#fde8e8;color:#8b1a1a}.tag-creative{background:#ede8ff;color:#4a2a9e}.tag-technical{background:#e8f4ff;color:#1a3a7a}.tag-everyday{background:var(--bg-alt);color:var(--text-2)}[data-theme=dark] .tag-beginner{background:#0d2a1a;color:#52b788}[data-theme=dark] .tag-intermediate{background:#2a2000;color:#d4a820}[data-theme=dark] .tag-advanced{background:#2a0808;color:#e07070}[data-theme=dark] .tag-creative{background:#1a1030;color:#9a78e8}[data-theme=dark] .tag-technical{background:#081828;color:#5aa8e8}.filter-bar{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s8)}.filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:var(--s2) var(--s4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;transition:all var(--t-fast)}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.gallery-grid{columns:3;column-gap:var(--s4)}.gallery-item{break-inside:avoid;margin-bottom:var(--s4);position:relative;border-radius:var(--r2);overflow:hidden;cursor:pointer;background:var(--bg-alt);border:1px solid var(--border);transition:transform var(--t-base),box-shadow var(--t-base);animation:fadeUp var(--t-slow) both}.gallery-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.gallery-item img,.gallery-item video{width:100%;display:block;border-radius:0}.gallery-item-overlay{position:absolute;inset:0;background:#1c1a1700;transition:background var(--t-base);display:flex;align-items:flex-end;padding:var(--s3)}.gallery-item:hover .gallery-item-overlay{background:#1c1a1799}.gallery-item-meta{opacity:0;transition:opacity var(--t-base);color:#fff;font-size:var(--text-sm)}.gallery-item:hover .gallery-item-meta{opacity:1}.gallery-item-model{display:inline-block;background:#fff3;backdrop-filter:blur(4px);border-radius:var(--r-full);padding:var(--s1) var(--s3);font-size:var(--text-xs);font-family:var(--font-mono);margin-bottom:var(--s2)}.gallery-model-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.gallery-model-link:hover{opacity:.85}.lightbox-model-badge a.gallery-model-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}.gallery-item.hidden{display:none}.gallery-item .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#ffffffe6;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent);transition:transform var(--t-fast)}.gallery-item:hover .play-icon{transform:translate(-50%,-50%) scale(1.1)}.lightbox{display:none;position:fixed;inset:0;z-index:1000;background:#000000eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;overflow-y:auto}.lightbox.open{display:flex;align-items:flex-start;justify-content:center;padding:var(--s8) var(--s6)}.lightbox-inner{background:var(--surface);border-radius:var(--r3);max-width:900px;width:100%;overflow:hidden;position:relative;margin:auto}.lightbox-close{position:absolute;top:var(--s3);right:var(--s3);background:#00000080;border:none;border-radius:var(--r-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:var(--text-lg);z-index:1;transition:background var(--t-fast)}.lightbox-close:hover{background:#000c}.lightbox-media{background:#000;text-align:center;max-height:60vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.lightbox-media img,.lightbox-media video{max-height:60vh;max-width:100%;object-fit:contain;display:block;margin:0 auto}.lightbox-info{padding:var(--s6);border-top:1px solid var(--border)}.lightbox-info h3{font-size:var(--text-2xl);margin-bottom:var(--s3)}.lightbox-model-badge{display:inline-block;background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--r-full);padding:var(--s1) var(--s3);font-size:var(--text-xs);font-family:var(--font-mono);margin-bottom:var(--s4)}.lightbox-prompt-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s2);margin-top:var(--s4)}.lightbox-params{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-2);background:var(--bg-alt);padding:var(--s3);border-radius:var(--r2);word-break:break-all}.lightbox-note{background:var(--accent-light);border-left:3px solid var(--accent);padding:var(--s3) var(--s4);border-radius:0 var(--r2) var(--r2) 0;font-size:var(--text-sm);color:var(--text-2);margin-top:var(--s4);font-style:italic}.decision-tree{font-size:var(--text-sm)}.dt-node{border:1px solid var(--border);border-radius:var(--r2);padding:var(--s4);background:var(--surface);margin-bottom:var(--s4);position:relative}.dt-node.dt-question{border-color:var(--accent-border);background:var(--accent-light)}.dt-question-text{font-weight:700;color:var(--text);margin-bottom:var(--s3)}.dt-options{display:flex;gap:var(--s3);flex-wrap:wrap}.dt-option{flex:1;min-width:120px;border:1px solid var(--border);border-radius:var(--r2);padding:var(--s3);background:var(--surface);cursor:pointer;transition:all var(--t-fast);text-align:center}.dt-option:hover{border-color:var(--accent);color:var(--accent)}.dt-answer{border-color:var(--green);background:var(--green-light)}.dt-answer strong{color:var(--green)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--s6) 0;background:var(--surface);border-radius:var(--r2);overflow:hidden;border:1px solid var(--border)}.comparison-table th{background:var(--bg-alt);font-weight:700;text-align:left;padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);font-family:var(--font-body);font-size:var(--text-sm)}.comparison-table td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border-light);vertical-align:top;line-height:1.5}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:var(--bg-alt)}.check{color:var(--green)}.cross{color:#b84040}.partial{color:#c4901a}.crypto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s6);margin:var(--s8) 0}.crypto-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s6);text-align:center}.crypto-card-icon{font-size:2.5rem;margin-bottom:var(--s3)}.crypto-card h3{font-size:var(--text-xl);margin-bottom:var(--s4)}.qr-canvas-wrap{display:flex;justify-content:center;margin:var(--s4) 0}.qr-canvas-wrap canvas{border:6px solid #fff;border-radius:var(--r1);box-shadow:var(--shadow-md);image-rendering:pixelated}.crypto-address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-2);word-break:break-all;background:var(--code-bg);padding:var(--s3);border-radius:var(--r1);margin:var(--s3) 0;text-align:left}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}.featured-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s5);text-decoration:none;display:block;transition:all var(--t-base)}.featured-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.featured-card-category{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s3)}.featured-card h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--s2);line-height:1.4}.featured-card p{font-size:var(--text-sm);color:var(--text-2);margin:0;line-height:1.5}.page-header{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:var(--s10) 0 var(--s8)}.page-header h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--s3)}.page-header .lead{font-size:var(--text-xl);color:var(--text-2);max-width:75ch;line-height:1.5}.toc{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s5);margin-bottom:var(--s8)}.toc h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:var(--s3)}.toc ol,.toc ul{margin:0;padding-left:var(--s5)}.toc li{margin-bottom:var(--s1)}.toc a{font-size:var(--text-sm);color:var(--text-2);text-decoration:none}.toc a:hover{color:var(--accent)}.content-with-sidebar{display:grid;grid-template-columns:1fr 280px;gap:var(--s8);align-items:start}.sidebar{position:sticky;top:calc(var(--nav-h) + var(--s4))}.ingredient-list{display:flex;flex-direction:column;gap:var(--s3);margin:var(--s4) 0}.ingredient-item{display:flex;gap:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s4);align-items:flex-start}.ingredient-emoji{font-size:1.5rem;flex-shrink:0;margin-top:.1em}.ingredient-item h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;margin-bottom:var(--s1)}.ingredient-item p{font-size:var(--text-sm);color:var(--text-2);margin:0}.model-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-bottom:var(--s6)}.model-card-header{padding:var(--s5) var(--s6);display:flex;align-items:center;gap:var(--s4);border-bottom:1px solid var(--border)}.model-logo{width:44px;height:44px;border-radius:var(--r2);background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.model-card-header h3{margin:0}.model-card-header .model-tagline{font-size:var(--text-sm);color:var(--text-2);margin:var(--s1) 0 0}.model-card-body{padding:var(--s5) var(--s6)}.model-strengths,.model-weaknesses{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2);margin-bottom:var(--s4)}.strength-tag{font-size:var(--text-xs);padding:var(--s1) var(--s3);border-radius:var(--r-full);background:#e8f7ee;color:#1a5c38;border:1px solid #9ADCB8;font-family:var(--font-mono)}[data-theme=dark] .strength-tag{background:#0a2018;color:#52b788;border-color:#1e5c3a}.weakness-tag{font-size:var(--text-xs);padding:var(--s1) var(--s3);border-radius:var(--r-full);background:#fef3e2;color:#7a4400;border:1px solid #F5D9A0;font-family:var(--font-mono)}[data-theme=dark] .weakness-tag{background:#2a1800;color:#e8aa40;border-color:#5a3800}.model-card-icon{width:44px;height:44px;border-radius:var(--r2);background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.tag-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s2)}.tag-list li{padding:0;margin:0}.playbook-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-bottom:var(--s8)}.playbook-card-header{background:var(--bg-alt);padding:var(--s5) var(--s6);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s4)}.playbook-icon{font-size:2rem;flex-shrink:0}.playbook-card-header h2{font-size:var(--text-2xl);margin:0 0 var(--s1)}.playbook-card-header p{font-size:var(--text-sm);color:var(--text-2);margin:0}.playbook-card-body{padding:var(--s6)}.example-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-bottom:var(--s6);transition:box-shadow var(--t-base)}.example-card:hover{box-shadow:var(--shadow-md)}.example-card-header{background:var(--code-bg);border-bottom:1px solid var(--border);padding:var(--s3) var(--s5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s2)}.example-card-tags{display:flex;gap:var(--s2);flex-wrap:wrap}.example-card-body{padding:var(--s5)}.example-output{background:var(--bg-alt);border-radius:var(--r2);padding:var(--s4) var(--s5);margin-top:var(--s4);font-size:var(--text-sm);color:var(--text-2);line-height:1.7;border-left:3px solid var(--border)}.example-output h5{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s3)}.anatomy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);margin:var(--s5) 0}.anatomy-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s4)}.anatomy-item h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--accent);margin-bottom:var(--s2)}.anatomy-item p{font-size:var(--text-sm);color:var(--text-2);margin:0}.aspect-cheatsheet{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:var(--s4) 0}.aspect-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:var(--s3);text-align:center}.aspect-ratio-viz{margin:0 auto var(--s2);background:var(--accent-light);border:2px solid var(--accent);border-radius:var(--r1)}.aspect-item .label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text)}.aspect-item .desc{font-size:var(--text-xs);color:var(--text-3)}.back-to-top{position:fixed;bottom:var(--s6);right:var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);font-size:var(--text-lg);box-shadow:var(--shadow-md);transition:all var(--t-fast);opacity:0;pointer-events:none;z-index:50}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:var(--s10) 0 var(--s6);margin-top:var(--s16)}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 var(--s6)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--s6);margin-bottom:var(--s8)}.footer-brand .nav-logo{margin-bottom:var(--s3)}.footer-brand p{font-size:var(--text-sm);color:var(--text-2);max-width:30ch;line-height:1.6}.footer-col h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--s3)}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:var(--s2)}.footer-col a{font-size:var(--text-sm);color:var(--text-2);text-decoration:none;transition:color var(--t-fast)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--s5);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s3);font-size:var(--text-sm);color:var(--text-3)}.footer-privacy{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);color:var(--text-3)}.privacy-dot{display:inline-block;width:6px;height:6px;border-radius:var(--r-full);background:var(--green)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .5s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.prose{font-size:var(--text-base);line-height:1.75}.prose h2{margin-top:var(--s10);margin-bottom:var(--s4);padding-top:var(--s8);border-top:1px solid var(--border)}.prose h2:first-child{margin-top:0;padding-top:0;border-top:none}.prose h3{margin-top:var(--s6);margin-bottom:var(--s3)}.prose p,.prose ul,.prose ol{margin-bottom:var(--s5)}@media (max-width: 1200px){.nav-links{display:none}.btn-hamburger{display:flex}}@media (max-width: 900px){.grid-3,.grid-4,.featured-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.content-with-sidebar{grid-template-columns:1fr}.sidebar{position:static}.gallery-grid{columns:2}.anatomy-grid{grid-template-columns:1fr}.aspect-cheatsheet{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){:root{--nav-h: 56px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container,.container-narrow{padding:0 var(--s4)}.section{padding:var(--s10) 0}.grid-2,.grid-3,.grid-4,.featured-grid,.quickstart-grid,.footer-grid{grid-template-columns:1fr}.gallery-grid{columns:1}.hero{padding:var(--s12) 0 var(--s10)}.hero h1{font-size:var(--text-3xl)}.hero-lead{font-size:var(--text-base)}.steps{flex-direction:column}.prompt-block pre{font-size:var(--text-xs);padding-right:var(--s3)}.copy-btn{position:static;margin-top:var(--s3);display:flex;width:fit-content}.model-card-header{flex-wrap:wrap}.comparison-table{font-size:var(--text-xs)}.comparison-table th,.comparison-table td{padding:var(--s2) var(--s3)}.footer-bottom{flex-direction:column;text-align:center}.aspect-cheatsheet,.crypto-grid{grid-template-columns:1fr}.back-to-top{bottom:var(--s4);right:var(--s4)}.lightbox.open{padding:var(--s4) var(--s3)}.lightbox-media{max-height:50vh}.lightbox-info{padding:var(--s4)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.dt-continue-btn{flex:1;min-width:120px;border:1px solid var(--border);border-radius:var(--r2);padding:var(--s3) var(--s4);background:var(--surface);cursor:pointer;transition:all var(--t-fast);text-align:left;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-2);font-weight:600;line-height:1.4}.dt-continue-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.dt-answer-link{display:block;text-decoration:none;color:var(--text);cursor:pointer;transition:all var(--t-fast)}.dt-answer-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2e6b4f40;text-decoration:none}.dt-go{display:block;margin-top:var(--s2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--green);font-weight:600}.dt-go-btn{display:block;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);font-size:var(--text-sm);color:var(--text);text-decoration:none;transition:all var(--t-fast)}.dt-go-btn:hover{border-color:var(--green);color:var(--green);background:var(--green-light);text-decoration:none}.dt-reset{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-3);cursor:pointer;background:none;border:none;text-decoration:underline;padding:0;display:none}.dt-reset:hover{color:var(--accent)}.try-free-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s4)}.try-free-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--r3);padding:var(--s5) var(--s4);text-decoration:none;transition:all var(--t-base);gap:var(--s2)}.try-free-card:hover{border-color:var(--green);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none;background:var(--green-light)}.try-free-icon{font-size:2rem;line-height:1}.try-free-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text)}.try-free-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-3);line-height:1.4}.try-free-cta{font-size:var(--text-sm);font-weight:700;color:var(--green);margin-top:var(--s1)}@media (max-width: 900px){.try-free-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.try-free-grid{grid-template-columns:repeat(2,1fr)}}@media print{.nav,.footer,.back-to-top,.btn-theme,.btn-hamburger,.copy-btn{display:none}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 var(--s6);height:100%;display:flex;align-items:center;gap:var(--s4)}.nav-logo{display:inline-flex;align-items:center;gap:var(--s3);text-decoration:none;color:var(--text);flex-shrink:0}.nav-logo-icon{width:32px;height:32px;color:var(--accent)}.nav-logo-text{font-family:var(--font-display);font-size:1.1rem;white-space:nowrap}.nav-mega{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:var(--s1);flex:1}.mega-item{position:static}.mega-trigger{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:none;background:none;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-2);cursor:pointer;border-radius:var(--r2);white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.mega-trigger:hover,.mega-trigger[aria-expanded=true]{color:var(--text);background:var(--bg-alt)}.mega-trigger .chevron{font-size:.6rem;transition:transform .2s ease;opacity:.5}.mega-trigger[aria-expanded=true] .chevron{transform:rotate(180deg);opacity:1}.mega-panel{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--surface);border-top:2px solid var(--accent);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:999;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.mega-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s}.mega-panel-inner{max-width:var(--container);margin:0 auto;padding:var(--s6)}.mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s6)}.mega-col h4{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 var(--s3) 0;padding-bottom:var(--s2);border-bottom:1px solid var(--border-light)}.mega-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}.mega-link{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3);border-radius:var(--r2);text-decoration:none;color:var(--text);transition:background var(--t-fast)}.mega-link:hover{background:var(--bg-alt)}.mega-link.is-active{background:var(--accent-light);color:var(--accent)}.mega-link-icon{font-size:1.2rem;line-height:1;flex-shrink:0;margin-top:1px}.mega-link-body{display:flex;flex-direction:column;gap:2px}.mega-link-title{font-size:.875rem;font-weight:600;line-height:1.2}.mega-link-desc{font-size:.75rem;color:var(--text-3);line-height:1.3}.nav-actions{display:flex;align-items:center;gap:var(--s2);margin-left:auto;flex-shrink:0}.btn-nav-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:var(--r2);color:var(--text-2);cursor:pointer;font-size:1rem;transition:background var(--t-fast),color var(--t-fast)}.btn-nav-icon:hover{background:var(--bg-alt);color:var(--text)}.btn-hamburger{display:none}.search-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.search-modal[hidden]{display:none}.search-modal-box{position:relative;width:100%;max-width:600px;background:var(--surface);border-radius:var(--r3);box-shadow:var(--shadow-xl);border:1px solid var(--border);z-index:1;max-height:70vh;overflow-y:auto}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-bottom:1px solid var(--border-light)}.search-modal-header span{font-size:.875rem;color:var(--text-3)}.btn-search-close{border:none;background:none;cursor:pointer;color:var(--text-3);font-size:1.2rem;padding:var(--s1);line-height:1;border-radius:var(--r1);transition:color var(--t-fast)}.btn-search-close:hover{color:var(--text)}#search-results{padding:var(--s4)}#search-results .pagefind-ui__search-input{border:1px solid var(--border);border-radius:var(--r2);background:var(--bg);color:var(--text);font-family:var(--font-body)}#search-results .pagefind-ui__result-link{color:var(--accent)}.search-backdrop{position:absolute;inset:0;background:#1c1a1780;backdrop-filter:blur(4px)}.nav-mobile{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--surface);z-index:998;overflow-y:auto;padding:var(--s4);transform:translate(100%);transition:transform .25s ease}.nav-mobile.is-open{transform:translate(0)}.mobile-group{border-bottom:1px solid var(--border-light)}.mobile-group-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--s4) 0;border:none;background:none;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left}.mobile-group-trigger .chevron{font-size:.65rem;transition:transform .2s;opacity:.5}.mobile-group-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.mobile-group-links{display:none;padding-bottom:var(--s4);padding-left:var(--s4)}.mobile-group-links.is-open{display:flex;flex-direction:column;gap:var(--s1)}.mobile-link{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3);border-radius:var(--r2);text-decoration:none;color:var(--text-2);font-size:.9rem;transition:background var(--t-fast),color var(--t-fast)}.mobile-link:hover,.mobile-link.is-active{background:var(--bg-alt);color:var(--text)}.mobile-link .mobile-link-icon{font-size:1rem;flex-shrink:0}@media (max-width: 900px){.nav-mega{display:none}.btn-hamburger{display:flex}}.site-main{padding-top:var(--nav-h);min-height:calc(100vh - var(--nav-h))}.recipe-page-main .container{max-width:var(--container-narrow)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--s8);padding:var(--s12) 0 var(--s8)}.footer-brand p{font-size:.875rem;color:var(--text-3);line-height:1.6;max-width:240px}.footer-col h4{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 var(--s4) 0}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s3)}.footer-col a{font-size:.875rem;color:var(--text-2);text-decoration:none;transition:color var(--t-fast)}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);padding:var(--s6) 0;border-top:1px solid var(--border-light);font-size:.8rem;color:var(--text-3)}.footer-privacy{display:flex;align-items:center;gap:var(--s2)}.privacy-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}@media (max-width: 900px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1 / -1}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--s3)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s6)}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);transition:box-shadow var(--t-fast),transform var(--t-fast);text-decoration:none;color:inherit}.recipe-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recipe-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.recipe-card-category{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.recipe-card-difficulty{font-size:.7rem;padding:2px var(--s2);border-radius:var(--r-full);background:var(--bg-alt);color:var(--text-3);font-weight:500}.recipe-card h3{font-family:var(--font-display);font-size:1.1rem;line-height:1.3;margin:0;color:var(--text)}.recipe-card-teaser{font-size:.875rem;color:var(--text-2);line-height:1.5;flex:1}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:var(--s2)}.recipe-card-tag{font-size:.7rem;padding:2px var(--s2);border-radius:var(--r-full);background:var(--bg-alt);color:var(--text-3)}.recipe-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s3);border-top:1px solid var(--border-light)}.recipe-card-read{font-size:.8rem;font-weight:600;color:var(--accent)}.heart-btn{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:var(--s2) var(--s4);border-radius:var(--r-full);font-size:.875rem;transition:background var(--t-fast),border-color var(--t-fast),transform .15s;line-height:1;color:var(--text-2)}.heart-btn:hover{background:var(--bg-alt);transform:scale(1.03)}.heart-btn.saved{background:#fff0f5;border-color:#f9a8c9;color:#c2185b}[data-theme=dark] .heart-btn.saved{background:#2d0a16;border-color:#7b1a38;color:#f48fb1}.heart-icon{font-size:1rem;line-height:1}.heart-label{font-size:.8rem;font-weight:600}.vote-bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s4) 0;flex-wrap:wrap}.vote-btn{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-size:.875rem;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform .15s;color:var(--text-2);white-space:nowrap}.vote-btn:hover{background:var(--bg-alt);transform:scale(1.03)}.vote-btn.voted{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.vote-label{font-size:.78rem;font-weight:500;color:inherit}.vote-count{font-weight:700;font-size:.82rem;min-width:1ch}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6)}.filter-pill{padding:var(--s2) var(--s4);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);color:var(--text-2)}.filter-pill:hover{background:var(--bg-alt)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.search-bar{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);margin-bottom:var(--s5);transition:border-color var(--t-fast)}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{flex:1;border:none;background:none;font-family:var(--font-body);font-size:.9rem;color:var(--text);outline:none}.search-bar input::placeholder{color:var(--text-3)}.page-hero{padding:var(--s16) 0 var(--s10);text-align:center}.page-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin:0 0 var(--s4) 0;color:var(--text)}.h1-emoji{display:inline;font-size:1em;margin-right:.1em}.page-hero p{font-size:1.125rem;color:var(--text-2);max-width:600px;margin:0 auto;line-height:1.6}.empty-state{text-align:center;padding:var(--s16) var(--s8);color:var(--text-3)}.empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:var(--s4)}.empty-state p{font-size:1rem;margin:0 0 var(--s5)}[data-theme=dark] .mega-panel{background:var(--surface);border-color:var(--accent)}[data-theme=dark] .search-modal-box{background:var(--surface);border-color:var(--border)}[data-theme=dark] .nav-mobile,[data-theme=dark] .recipe-card,[data-theme=dark] .vote-btn,[data-theme=dark] .filter-pill,[data-theme=dark] .search-bar{background:var(--surface)}.nav[data-astro-cid-dmqpwcec]{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000}.nav-inner[data-astro-cid-dmqpwcec]{max-width:var(--container);margin:0 auto;padding:0 var(--s5);height:100%;display:flex;align-items:center;gap:var(--s2)}.nav-logo[data-astro-cid-dmqpwcec]{display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none;color:var(--text);flex-shrink:0;margin-right:var(--s1)}.nav-logo-icon[data-astro-cid-dmqpwcec]{width:26px;height:26px;color:var(--accent);flex-shrink:0}.nav-logo-text[data-astro-cid-dmqpwcec]{font-family:var(--font-display);font-size:.95rem;white-space:nowrap}.nav-mega[data-astro-cid-dmqpwcec]{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0;flex-shrink:0}.mega-item[data-astro-cid-dmqpwcec]{position:static}.mega-trigger[data-astro-cid-dmqpwcec]{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:none;background:none;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--text-2);cursor:pointer;border-radius:var(--r2);white-space:nowrap;transition:color var(--t-fast),background var(--t-fast);line-height:1}.mega-trigger[data-astro-cid-dmqpwcec]:hover{color:var(--text);background:var(--bg-alt)}.mega-trigger[data-astro-cid-dmqpwcec][aria-expanded=true]{color:var(--accent);background:var(--accent-light)}.chevron[data-astro-cid-dmqpwcec]{font-size:.55rem;opacity:.45;transition:transform .2s,opacity .2s;display:inline-block}.mega-trigger[data-astro-cid-dmqpwcec][aria-expanded=true] .chevron[data-astro-cid-dmqpwcec]{transform:rotate(180deg);opacity:.8}.mega-panel[data-astro-cid-dmqpwcec]{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--surface);border-top:2px solid var(--accent);border-bottom:1px solid var(--border);box-shadow:0 8px 32px #1c1a171f;z-index:999;display:none}.mega-panel[data-astro-cid-dmqpwcec].is-open{display:block}.mega-panel-inner[data-astro-cid-dmqpwcec]{max-width:var(--container);margin:0 auto;padding:var(--s5) var(--s5)}.mega-grid[data-astro-cid-dmqpwcec]{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:var(--s5)}.mega-col[data-astro-cid-dmqpwcec] h4[data-astro-cid-dmqpwcec]{font-family:var(--font-body);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin:0 0 var(--s3) 0;padding-bottom:var(--s2);border-bottom:1px solid var(--border-light)}.mega-col[data-astro-cid-dmqpwcec] ul[data-astro-cid-dmqpwcec]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.mega-link[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:var(--s2);padding:6px var(--s2);border-radius:var(--r2);text-decoration:none;color:var(--text);transition:background var(--t-fast)}.mega-link[data-astro-cid-dmqpwcec]:hover{background:var(--bg-alt)}.mega-link[data-astro-cid-dmqpwcec].active{background:var(--accent-light);color:var(--accent)}.mega-link-icon[data-astro-cid-dmqpwcec]{font-size:1rem;flex-shrink:0;line-height:1}.mega-link-body[data-astro-cid-dmqpwcec]{display:flex;flex-direction:column;gap:1px}.mega-link-body[data-astro-cid-dmqpwcec] strong[data-astro-cid-dmqpwcec]{font-size:.82rem;font-weight:600;line-height:1.2}.mega-link-body[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]{font-size:.72rem;color:var(--text-3);line-height:1.2}.mega-link--sub[data-astro-cid-dmqpwcec]{margin-left:var(--s5);opacity:.85}.mega-link--sub[data-astro-cid-dmqpwcec]:hover{opacity:1}.mega-link--sub[data-astro-cid-dmqpwcec] .mega-link-body[data-astro-cid-dmqpwcec] strong[data-astro-cid-dmqpwcec]{font-weight:400;font-size:.8rem}.mega-link--sub[data-astro-cid-dmqpwcec] .mega-link-icon[data-astro-cid-dmqpwcec]{font-size:.85rem}.nav-search[data-astro-cid-dmqpwcec]{position:relative;margin-left:auto;flex-shrink:0}.nav-search-field[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s3);height:34px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-full);transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);cursor:text;width:190px}.nav-search-field[data-astro-cid-dmqpwcec]:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-light);width:240px}.nav-search-icon[data-astro-cid-dmqpwcec]{color:var(--text-3);flex-shrink:0;pointer-events:none}.nav-search-input[data-astro-cid-dmqpwcec]{flex:1;border:none;background:none;font-family:var(--font-body);font-size:.82rem;color:var(--text);outline:none;min-width:0;line-height:1}.nav-search-input[data-astro-cid-dmqpwcec]::placeholder{color:var(--text-3)}.nav-search-input[data-astro-cid-dmqpwcec]::-webkit-search-cancel-button{display:none}.nav-search-kbd[data-astro-cid-dmqpwcec]{font-family:var(--font-mono);font-size:.6rem;padding:1px 5px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-3);flex-shrink:0;pointer-events:none;transition:opacity var(--t-fast)}.nav-search-field[data-astro-cid-dmqpwcec]:focus-within .nav-search-kbd[data-astro-cid-dmqpwcec]{opacity:0;pointer-events:none}.nav-search-dropdown[data-astro-cid-dmqpwcec]{position:absolute;top:calc(100% + 6px);right:0;width:380px;max-height:440px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--shadow-lg);z-index:1100}.nav-search-dropdown[data-astro-cid-dmqpwcec][hidden]{display:none}.nav-search-results[data-astro-cid-dmqpwcec]{list-style:none;margin:0;padding:var(--s2)}.nav-search-result[data-astro-cid-dmqpwcec]{display:block;padding:var(--s3) var(--s3);border-radius:var(--r2);text-decoration:none;color:var(--text);transition:background var(--t-fast)}.nav-search-result[data-astro-cid-dmqpwcec]:hover,.nav-search-result[data-astro-cid-dmqpwcec]:focus{background:var(--bg-alt);outline:none}.nav-search-result-title[data-astro-cid-dmqpwcec]{font-size:.875rem;font-weight:600;color:var(--text);display:block;margin-bottom:2px}.nav-search-result-excerpt[data-astro-cid-dmqpwcec]{font-size:.75rem;color:var(--text-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-search-result-excerpt[data-astro-cid-dmqpwcec] mark[data-astro-cid-dmqpwcec]{background:var(--accent-light);color:var(--accent);border-radius:2px;padding:0 1px}.nav-search-empty[data-astro-cid-dmqpwcec]{padding:var(--s5) var(--s4);text-align:center;color:var(--text-3);font-size:.875rem}.nav-search-loading[data-astro-cid-dmqpwcec]{padding:var(--s4) var(--s4);text-align:center;color:var(--text-3);font-size:.8rem}.nav-actions[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:var(--s1)}.btn-nav[data-astro-cid-dmqpwcec]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:var(--r2);color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.btn-nav[data-astro-cid-dmqpwcec]:hover{background:var(--bg-alt);color:var(--text)}.theme-icon-moon[data-astro-cid-dmqpwcec],[data-astro-cid-dmqpwcec][data-theme=dark] .theme-icon-sun[data-astro-cid-dmqpwcec]{display:none}[data-astro-cid-dmqpwcec][data-theme=dark] .theme-icon-moon[data-astro-cid-dmqpwcec]{display:flex}.btn-hamburger[data-astro-cid-dmqpwcec]{flex-direction:column;gap:4px;display:none}.btn-hamburger[data-astro-cid-dmqpwcec] span[data-astro-cid-dmqpwcec]{display:block;width:16px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}.btn-hamburger[data-astro-cid-dmqpwcec][aria-expanded=true] span[data-astro-cid-dmqpwcec]:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.btn-hamburger[data-astro-cid-dmqpwcec][aria-expanded=true] span[data-astro-cid-dmqpwcec]:nth-child(2){opacity:0}.btn-hamburger[data-astro-cid-dmqpwcec][aria-expanded=true] span[data-astro-cid-dmqpwcec]:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.nav-mobile[data-astro-cid-dmqpwcec]{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--surface);z-index:998;overflow-y:auto;transform:translate(100%);transition:transform .25s ease}.nav-mobile[data-astro-cid-dmqpwcec].is-open{transform:translate(0)}.nav-mobile-inner[data-astro-cid-dmqpwcec]{padding:var(--s3) var(--s4) var(--s8)}.mobile-group[data-astro-cid-dmqpwcec]{border-bottom:1px solid var(--border-light)}.mobile-group-label[data-astro-cid-dmqpwcec]{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:var(--s3) 0;font-weight:600;font-size:.9rem;cursor:pointer;color:var(--text);user-select:none}.mobile-group-label[data-astro-cid-dmqpwcec]::-webkit-details-marker{display:none}.mobile-chevron[data-astro-cid-dmqpwcec]{opacity:.4;flex-shrink:0;transition:transform .2s}.mobile-group[data-astro-cid-dmqpwcec][open] .mobile-chevron[data-astro-cid-dmqpwcec]{transform:rotate(180deg);opacity:.7}.mobile-group-links[data-astro-cid-dmqpwcec]{list-style:none;padding:0 0 var(--s3) var(--s4);margin:0;display:flex;flex-direction:column;gap:1px}.mobile-group-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]{display:block;padding:7px var(--s3);border-radius:var(--r2);text-decoration:none;color:var(--text-2);font-size:.875rem;transition:background var(--t-fast),color var(--t-fast)}.mobile-group-links[data-astro-cid-dmqpwcec] a[data-astro-cid-dmqpwcec]:hover{background:var(--bg-alt);color:var(--text)}@media (max-width: 960px){.nav-mega[data-astro-cid-dmqpwcec]{display:none}.btn-hamburger[data-astro-cid-dmqpwcec]{display:flex}}@media (max-width: 720px){.nav-search-field[data-astro-cid-dmqpwcec]{width:36px;padding:0 9px}.nav-search-field[data-astro-cid-dmqpwcec]:focus-within{width:180px;padding:0 var(--s3)}.nav-search-input[data-astro-cid-dmqpwcec]{width:0;transition:width .2s}.nav-search-field[data-astro-cid-dmqpwcec]:focus-within .nav-search-input[data-astro-cid-dmqpwcec]{width:auto}.nav-search-kbd[data-astro-cid-dmqpwcec]{display:none}.nav-search-dropdown[data-astro-cid-dmqpwcec]{width:calc(100vw - 2rem);right:-.5rem}}@media (max-width: 480px){.nav-logo-text[data-astro-cid-dmqpwcec]{display:none}}