:root{--bg-primary: hsl(30, 24%, 97%);--bg-secondary: hsl(30, 16%, 93%);--text-primary: hsl(210, 24%, 12%);--text-normal: hsl(210, 16%, 16%);--text-muted: hsl(210, 10%, 46%);--accent-terracotta: hsl(14, 75%, 52%);--accent-sage: hsl(145, 25%, 38%);--accent-amber: hsl(36, 90%, 46%);--accent-blue: hsl(200, 70%, 42%);--border-color: hsl(30, 12%, 87%);--border-hover: hsl(14, 75%, 82%);--card-shadow: 0 4px 20px rgba(0, 0, 0, .03), 0 2px 6px rgba(0, 0, 0, .02);--card-shadow-hover: 0 16px 32px rgba(217, 93, 57, .08), 0 4px 12px rgba(0, 0, 0, .03);--font-heading: "Playfair Display", Georgia, serif;--font-ui: "Outfit", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg-primary: hsl(215, 28%, 10%);--bg-secondary: hsl(215, 24%, 13%);--text-primary: hsl(210, 20%, 94%);--text-normal: hsl(210, 15%, 86%);--text-muted: hsl(210, 10%, 62%);--accent-terracotta: hsl(14, 80%, 58%);--accent-sage: hsl(145, 30%, 46%);--accent-amber: hsl(36, 95%, 52%);--accent-blue: hsl(200, 80%, 55%);--border-color: hsl(215, 20%, 18%);--border-hover: hsl(14, 80%, 35%);--card-shadow: 0 6px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--card-shadow-hover: 0 16px 36px rgba(217, 93, 57, .12), 0 4px 12px rgba(0, 0, 0, .1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;height:100%}body{background-color:var(--bg-primary);color:var(--text-normal);font-family:var(--font-body);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.site-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:24px 16px;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background-color:rgba(from var(--bg-secondary) r g b / .85)}.header-container{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px;margin-left:auto}.logo-emoji{font-size:2.2rem;animation:cook-bounce 3s infinite ease-in-out}@keyframes cook-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(8deg)}}.site-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.1}.site-title a{background:linear-gradient(120deg,var(--text-primary),var(--accent-terracotta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.site-subtitle{font-family:var(--font-ui);font-size:.85rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:var(--text-normal);transition:all var(--transition-fast)}.back-btn:hover{border-color:var(--accent-terracotta);color:var(--accent-terracotta);transform:translate(-3px)}.main-content{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:40px 20px;animation:fade-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:32px 16px;text-align:center;font-family:var(--font-ui);color:var(--text-muted);font-size:.9rem}.footer-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.footer-sub{font-size:.8rem;font-style:italic;opacity:.8}.alert{border-left:4px solid var(--border-color);background-color:var(--bg-secondary);border-radius:0 12px 12px 0;padding:20px;margin:24px 0;box-shadow:0 2px 8px #00000003}.alert-title{font-family:var(--font-ui);font-weight:700;font-size:1rem;margin-bottom:8px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em}.alert-content{font-size:.95rem;color:var(--text-normal)}.alert-content p{margin-bottom:8px}.alert-content p:last-child{margin-bottom:0}.alert-note{border-left-color:var(--accent-blue);background-color:color-mix(in srgb,var(--accent-blue) 6%,var(--bg-secondary))}.alert-note .alert-title{color:var(--accent-blue)}.alert-note .alert-title:before{content:"ℹ️"}.alert-tip{border-left-color:var(--accent-sage);background-color:color-mix(in srgb,var(--accent-sage) 6%,var(--bg-secondary))}.alert-tip .alert-title{color:var(--accent-sage)}.alert-tip .alert-title:before{content:"💡"}.alert-important{border-left-color:var(--accent-terracotta);background-color:color-mix(in srgb,var(--accent-terracotta) 6%,var(--bg-secondary))}.alert-important .alert-title{color:var(--accent-terracotta)}.alert-important .alert-title:before{content:"🔥"}.alert-warning{border-left-color:var(--accent-amber);background-color:color-mix(in srgb,var(--accent-amber) 6%,var(--bg-secondary))}.alert-warning .alert-title{color:var(--accent-amber)}.alert-warning .alert-title:before{content:"⚠️"}.alert-caution{border-left-color:#df2020;background-color:color-mix(in srgb,hsl(0,75%,50%) 6%,var(--bg-secondary))}.alert-caution .alert-title{color:#df2020}.alert-caution .alert-title:before{content:"🛑"}@media (max-width: 600px){.site-header{padding:16px 12px}.site-title{font-size:1.4rem}.logo-emoji{font-size:1.8rem}.main-content{padding:24px 12px}.back-btn span{display:none}.back-btn{padding:8px;border-radius:50%}}@media print{:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--text-primary: #000000;--text-normal: #111111;--border-color: #cccccc}body{background:#fff;color:#000}.site-header,.site-footer,.back-btn,.print-btn,.search-container,.tag-filters{display:none!important}.main-content{padding:0;max-width:100%}.alert{box-shadow:none!important;border:1px solid #999;background:#f9f9f9!important;page-break-inside:avoid}}