@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap";:root{--color-bg-base: #0d0d14;--color-bg-card: #1a1a2e;--color-bg-elevated: #252542;--color-text-primary: #eaeaea;--color-text-secondary: #8a8aa3;--color-text-muted: #5a5a73;--color-cyan-bright: #00f5ff;--color-cyan-standard: #00d4e6;--color-cyan-muted: #007a8a;--color-cyan-glow: rgba(0, 245, 255, .25);--color-lime-bright: #b8ff00;--color-lime-standard: #9ed600;--color-lime-muted: #5a7a00;--color-lime-glow: rgba(184, 255, 0, .2);--color-success: #00ff88;--color-warning: #ffaa00;--color-error: #ff3366;--color-info: var(--color-cyan-standard);--font-display: "Oswald", "Arial Narrow", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-hero: 48px;--text-page-title: 36px;--text-section: 24px;--text-card-title: 20px;--text-lg: 18px;--text-base: 16px;--text-sm: 14px;--text-caption: 12px;--text-micro: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--glow-cyan: 0 0 12px var(--color-cyan-glow);--glow-lime: 0 0 8px var(--color-lime-glow);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--border-accent: 4px solid var(--color-cyan-bright);--border-subtle: 1px solid var(--color-text-muted);--border-input: 1px solid var(--color-text-muted);--transition-fast: .15s ease;--transition-base: .25s ease;--max-width: 900px;--max-width-wide: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}h1{font-size:var(--text-hero);font-weight:700}h2{font-size:var(--text-page-title)}h3{font-size:var(--text-section)}h4{font-size:var(--text-card-title);font-weight:500;text-transform:none}p{margin-bottom:var(--space-4)}a{color:var(--color-cyan-bright);text-decoration:none;transition:var(--transition-fast)}a:hover{text-shadow:var(--glow-cyan)}ul,ol{padding-left:var(--space-5);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}code{font-family:var(--font-mono);background:var(--color-bg-elevated);padding:2px 6px;font-size:.9em}pre{background:var(--color-bg-elevated);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:none;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5)}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--space-5)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);margin-top:var(--space-6)}.section-header:before{content:"";width:4px;height:24px;background:var(--color-cyan-bright);flex-shrink:0}.section-header h2,.section-header h3{margin:0;font-size:var(--text-card-title)}.card{background:var(--color-bg-card);border-left:var(--border-accent);padding:var(--space-5);box-shadow:var(--shadow-card);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-card),var(--glow-cyan)}.card-title{font-family:var(--font-display);font-size:var(--text-card-title);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.card-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-caption);color:var(--color-text-muted);border-top:1px solid var(--color-bg-elevated);padding-top:var(--space-3);margin-top:var(--space-3)}.card-meta span{display:flex;align-items:center;gap:var(--space-1)}.badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-1) var(--space-2);border:1px solid currentColor;background:transparent}.badge-stable{color:var(--color-lime-bright);border-color:var(--color-lime-bright)}.badge-beta{color:var(--color-cyan-bright);border-color:var(--color-cyan-bright)}.badge-wip{color:var(--color-warning);border-color:var(--color-warning)}.badge-draft{color:var(--color-text-muted);border-color:var(--color-text-muted)}.tag{display:inline-block;font-size:var(--text-caption);color:var(--color-text-secondary);border:1px solid var(--color-text-muted);padding:2px 6px;text-transform:lowercase;transition:var(--transition-fast)}.tag:hover{border-color:var(--color-cyan-bright);color:var(--color-cyan-bright)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-3) var(--space-5);border:2px solid var(--color-cyan-bright);background:transparent;color:var(--color-cyan-bright);cursor:pointer;transition:var(--transition-fast);text-decoration:none}.btn:hover{background:#00f5ff1a;box-shadow:var(--glow-cyan);text-shadow:none}.btn-secondary{border:1px solid var(--color-text-secondary);color:var(--color-text-secondary)}.btn-secondary:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background:transparent;box-shadow:none}input[type=text],input[type=search],textarea{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-primary);background:transparent;border:none;border-bottom:var(--border-input);padding:var(--space-2) 0;width:100%;transition:var(--transition-fast)}input[type=text]:focus,input[type=search]:focus,textarea:focus{outline:none;border-bottom-color:var(--color-cyan-bright);box-shadow:0 1px 0 var(--color-cyan-bright)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.ingredients{list-style:none;padding:0}.ingredients li{display:grid;grid-template-columns:60px 1fr;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-bg-elevated)}.ingredients li:last-child{border-bottom:none}.ingredient-amount{color:var(--color-cyan-bright);text-align:right;font-weight:500}.method{counter-reset:step;list-style:none;padding:0}.method li{position:relative;padding-left:var(--space-7);margin-bottom:var(--space-5)}.method li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-cyan-bright);border:1px solid var(--color-cyan-muted)}.field-notes{background:var(--color-bg-card);border-left:var(--border-accent);padding:var(--space-4);margin:var(--space-5) 0}.field-notes ul{margin-bottom:0}.field-notes li:last-child{margin-bottom:0}.hero-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;margin-bottom:var(--space-5)}.step-image{width:100%;max-width:400px;margin:var(--space-4) 0}.meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-bg-elevated)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.meta-item strong{color:var(--color-text-primary)}.meta-divider{color:var(--color-text-muted)}.nav{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-4) 0}.nav-brand{font-family:var(--font-display);font-size:var(--text-section);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-decoration:none;border-bottom:2px solid var(--color-cyan-bright);padding-bottom:2px}.nav-brand:hover{text-shadow:none}.nav-links{display:flex;gap:var(--space-4);list-style:none;padding:0;margin:0}.nav-links a{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.nav-links a:hover,.nav-links a.active{color:var(--color-cyan-bright)}.search-container{position:relative;max-width:400px}.search-input{padding-left:var(--space-5)}.search-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-secondary)}.empty-state p{font-size:var(--text-lg)}@media(max-width:768px){:root{--text-hero: 36px;--text-page-title: 28px;--text-section: 20px}.nav{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-grid{grid-template-columns:1fr}.ingredients li{grid-template-columns:50px 1fr}}@media(max-width:480px){.meta-bar{flex-direction:column;align-items:flex-start}.meta-divider{display:none}}.site-header[data-astro-cid-37fxchfa]{border-bottom:1px solid var(--color-bg-elevated);margin-bottom:var(--space-6)}.site-footer[data-astro-cid-37fxchfa]{margin-top:var(--space-8);padding:var(--space-6) 0;border-top:1px solid var(--color-bg-elevated);text-align:center;color:var(--color-text-muted);font-size:var(--text-caption)}
