:root{--bg-cream: #FAF7F2;--bg-warm-white: #FFFDF9;--text-primary: #2C2416;--text-secondary: #6B5D4F;--text-light: #9C8E7E;--accent-sage: #7A8B6F;--accent-sage-hover: #657856;--accent-sage-dark: #5A6B4F;--accent-terracotta: #C17A5A;--accent-terracotta-hover: #A8664A;--accent-terracotta-dark: #9A5E42;--accent-ochre: #D4A853;--accent-ochre-light: #F0DEB4;--shadow-warm: rgba(44, 36, 22, .08);--shadow-warm-md: rgba(44, 36, 22, .12);--shadow-warm-lg: rgba(44, 36, 22, .16);--shadow-sm: 0 2px 8px rgba(44, 36, 22, .08);--shadow-md: 0 4px 16px rgba(44, 36, 22, .12);--shadow-lg: 0 8px 24px rgba(44, 36, 22, .16);--border-light: rgba(44, 36, 22, .06);--border-medium: rgba(44, 36, 22, .12);--border-warm: rgba(44, 36, 22, .12);--border-warm-light: rgba(44, 36, 22, .06);--radius: 10px;--radius-sm: 6px;--radius-md: 10px;--radius-full: 100px;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Libre Franklin", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .25s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-cream)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;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)'/%3E%3C/svg%3E");background-size:256px 256px}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.label-mono{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-sage);color:var(--bg-cream);padding:.75rem 2rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;transition:background var(--transition-normal),transform var(--transition-fast)}.btn-primary:hover{background:var(--accent-sage-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:500;border:1.5px solid var(--border-light);cursor:pointer;text-decoration:none;transition:border-color var(--transition-normal),color var(--transition-normal)}.btn-secondary:hover{border-color:var(--text-light);color:var(--text-primary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-terracotta);color:var(--bg-cream);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;transition:background var(--transition-normal),transform var(--transition-fast)}.btn-danger:hover{background:var(--accent-terracotta-hover);transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-nav{background:var(--accent-sage);color:var(--bg-cream);padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;transition:background var(--transition-normal)}.btn-nav:hover{background:var(--accent-sage-hover);color:var(--bg-cream)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,select{font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-warm-white);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:.75rem 1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-sage);box-shadow:0 0 0 3px #7a8b6f26}input::placeholder,textarea::placeholder{color:var(--text-light)}.card{background:var(--bg-warm-white);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow-warm),0 1px 2px var(--shadow-warm);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-warm-md),0 2px 6px var(--shadow-warm)}.filter-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .9rem;border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:transparent;color:var(--text-light);cursor:pointer;transition:all var(--transition-normal)}.filter-tag:hover{border-color:var(--text-light);color:var(--text-secondary)}.filter-tag.active{background:var(--text-primary);color:var(--bg-cream);border-color:var(--text-primary)}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:var(--radius-full)}.badge-sage{background:#7a8b6f26;color:var(--accent-sage)}.badge-ochre{background:var(--accent-ochre-light);color:#8b6914}.badge-terracotta{background:#c17a5a26;color:var(--accent-terracotta)}a{color:var(--accent-sage);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--accent-sage-hover)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1280px;margin:0 auto;padding:0 2.5rem}@media(max-width:640px){.container{padding:0 1.25rem}}.admin-mode .btn-primary{background:var(--accent-terracotta)}.admin-mode .btn-primary:hover{background:var(--accent-terracotta-hover)}.admin-mode a{color:var(--accent-terracotta)}.admin-mode a:hover{color:var(--accent-terracotta-hover)}body{margin:0;font-family:var(--font-body);font-weight:400;background:var(--bg-cream);color:var(--text-primary);line-height:1.5}*{box-sizing:border-box}.app.svelte-12qhfyh{min-height:100vh}.app-header.svelte-12qhfyh{background:var(--bg-warm-white);border-bottom:1px solid var(--border-warm);position:sticky;top:0;z-index:100;transition:background .2s,border-color .2s}.app-header.admin-mode.svelte-12qhfyh{background:var(--accent-terracotta);border-bottom-color:var(--accent-terracotta-dark)}.nav-container.svelte-12qhfyh{padding:1rem 2rem;display:flex;align-items:center;gap:1rem}.site-title.svelte-12qhfyh{font-family:var(--font-display);font-size:1.65rem;font-weight:400;color:var(--text-primary);text-decoration:none;transition:color .2s}.site-title-accent.svelte-12qhfyh{color:var(--accent-sage)}.site-title.svelte-12qhfyh:hover{color:var(--text-secondary)}.admin-mode.svelte-12qhfyh .site-title:where(.svelte-12qhfyh){color:var(--bg-warm-white)}.admin-mode.svelte-12qhfyh .site-title-accent:where(.svelte-12qhfyh){color:var(--bg-cream)}.admin-mode.svelte-12qhfyh .site-title:where(.svelte-12qhfyh):hover{color:var(--bg-cream)}.admin-mode-banner.svelte-12qhfyh{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-weight:400;color:var(--bg-warm-white);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.env-banner.svelte-12qhfyh{background:var(--accent-ochre);color:var(--bg-warm-white);text-align:center;font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.15rem 0;line-height:1}.user-section.svelte-12qhfyh{margin-left:auto;display:flex;align-items:center;gap:.75rem}.nav-link.svelte-12qhfyh{color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:.4rem .75rem;border-radius:var(--radius-sm);transition:background .2s,color .2s}.nav-link.svelte-12qhfyh:hover{background:var(--bg-cream);color:var(--text-primary)}.add-recipe-link.svelte-12qhfyh{font-weight:500;color:var(--accent-sage)}.admin-mode.svelte-12qhfyh .add-recipe-link:where(.svelte-12qhfyh){color:var(--bg-warm-white)}.admin-mode.svelte-12qhfyh .nav-link:where(.svelte-12qhfyh){color:var(--bg-warm-white)}.admin-mode.svelte-12qhfyh .nav-link:where(.svelte-12qhfyh):hover{background:#ffffff26}.kid-greeting.svelte-12qhfyh{color:var(--text-secondary);font-size:1rem;font-weight:500}.admin-mode.svelte-12qhfyh .kid-greeting:where(.svelte-12qhfyh){color:var(--bg-warm-white)}.admin-toggle.svelte-12qhfyh{padding:.4rem .75rem;background:transparent;color:var(--accent-terracotta);border:1px solid var(--accent-terracotta);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s}.admin-toggle.svelte-12qhfyh:hover{background:var(--accent-terracotta);color:var(--bg-warm-white)}.admin-dropdown.svelte-12qhfyh{position:relative}.admin-dropdown-trigger.svelte-12qhfyh{padding:.4rem .75rem;background:var(--bg-warm-white);color:var(--accent-terracotta-dark);border:1px solid var(--accent-terracotta-dark);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.admin-dropdown-trigger.svelte-12qhfyh:hover{background:var(--bg-cream)}.dropdown-arrow.svelte-12qhfyh{font-size:.65rem}.admin-dropdown-menu.svelte-12qhfyh{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-warm-white);border:1px solid var(--accent-terracotta);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:160px;z-index:200}.dropdown-item.svelte-12qhfyh{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s}.dropdown-item.svelte-12qhfyh:hover{background:var(--bg-cream)}.dropdown-item.svelte-12qhfyh:first-child{border-radius:5px 5px 0 0}.dropdown-item.svelte-12qhfyh:last-child{border-radius:0 0 5px 5px}.user-dropdown.svelte-12qhfyh{position:relative}.user-dropdown-trigger.svelte-12qhfyh{padding:.4rem .75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-warm);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.user-dropdown-trigger.svelte-12qhfyh:hover{background:var(--bg-cream);border-color:var(--text-light);color:var(--text-primary)}.admin-mode.svelte-12qhfyh .user-dropdown-trigger:where(.svelte-12qhfyh){color:var(--bg-warm-white);border-color:#ffffff80}.admin-mode.svelte-12qhfyh .user-dropdown-trigger:where(.svelte-12qhfyh):hover{background:#ffffff26;border-color:var(--bg-warm-white)}.user-dropdown-menu.svelte-12qhfyh{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-warm-white);border:1px solid var(--border-warm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:140px;z-index:200}.user-dropdown-menu.svelte-12qhfyh .dropdown-item:where(.svelte-12qhfyh){color:var(--text-primary)}.user-dropdown-menu.svelte-12qhfyh .dropdown-item:where(.svelte-12qhfyh):hover{background:var(--bg-cream)}@media print{.app-header.svelte-12qhfyh{display:none}}