:root{--color-peach-dark:#e8925a;--color-peach-mid:#f2a870;--color-peach-light:#f7d9a8;--color-peach-cream:#fbf3e4;--color-teal-900:#173945;--color-teal-700:#1f4e5f;--color-teal-500:#3a7d8c;--color-teal-300:#7ec8c4;--color-teal-100:#c4e8e6;--color-bg-dark:var(--color-bg);--color-bg-panel:var(--color-bg-alt);--color-primary:var(--color-navy);--color-primary-dim:var(--color-green-muted);--color-warning:var(--color-amber);--color-danger:var(--color-peach-dark);--mp-accent-teal:var(--color-teal-500);--mp-accent-peach:var(--color-peach-mid)}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#ffffff80}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fffc;box-shadow:0 8px 32px #0119600d}.text-gradient{background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-text-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.mode-toggle{z-index:100;border-radius:var(--radius-full);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fef4e0cc;padding:4px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0119601a}.mode-toggle-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-size:.875rem;font-weight:500}.mode-toggle-btn.active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:0 2px 8px #0119601a}.app-layout{width:100%;display:flex}.main-content{flex:1;width:100%;position:relative}@media (min-width:1024px){.mode-presentation{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;overflow-y:auto}.mode-presentation>div>section{scroll-snap-align:start;min-height:100vh;max-height:100vh;overflow:hidden auto;padding:2rem!important}.mode-presentation>div>section::-webkit-scrollbar{width:4px}.mode-presentation .container{transform-origin:50%;transform:scale(.95)}}@media (max-width:1023px){.mode-presentation{height:auto;overflow-y:visible}.sticky-nav{display:none}}.responsive-not-rec{grid-template-columns:1fr;gap:2rem;display:grid}.responsive-not-rec .not-rec-image{display:block}.responsive-recipe-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid;position:relative}.recipe-line{display:none}.recipe-desc{display:block}@media (min-width:1024px){.responsive-not-rec{grid-template-columns:1fr 2fr}.responsive-recipe-grid{grid-template-columns:repeat(5,1fr)}.recipe-line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);z-index:1;opacity:.3;height:2px;display:block;position:absolute;top:50%;left:10%;right:10%}.recipe-desc,.gallery-desc{display:none}}.sticky-nav{border-right:1px solid var(--color-border);flex-direction:column;gap:16px;width:250px;height:100vh;padding:48px 24px;display:flex;position:sticky;top:0}.nav-item{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);border-left:2px solid #0000;padding:8px 12px;font-size:.875rem;text-decoration:none}.nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-panel)}.nav-item.active{color:var(--color-primary);background:var(--color-primary-dim);border-left-color:var(--color-primary)}@media (max-width:768px){.sticky-nav{display:none}}