@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";
:root[data-theme=greenleaf]{--bg:#fdfbf7;--surface:#f5f2ea;--surface-accent:#eae5d8;--accent:#2d5a27;--accent-soft:#2d5a271a;--text:#1a1c19;--text-dim:#5c625a;--font-serif:"Instrument Serif", serif;--font-sans:"Inter", sans-serif;--border:#2d5a271a}.greenleaf-wrapper{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);min-height:100vh}.font-serif{font-family:var(--font-serif)!important}.font-sans{font-family:var(--font-sans)!important}.text-teal{color:var(--accent)}.bg-teal{background-color:var(--accent)}.border-teal{border-color:var(--accent)}.nav-link{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--accent)}.hero-headline span{opacity:0;animation:.6s forwards fadeInUp;display:inline-block;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.countdown-digit{font-family:var(--font-mono);background:var(--surface-accent);text-align:center;border-radius:4px;min-width:2.8rem;padding:.5rem;font-size:1.1rem;font-weight:500}.countdown-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-dim);text-align:center;margin-top:.25rem;font-size:.7rem}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-soft);transform:translateY(-8px)}.add-button{background:var(--accent);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:99px;padding:.6rem 1.4rem;font-weight:600;transition:all .2s}.add-button:hover{filter:brightness(1.1);transform:scale(1.02)}.quantity-stepper{font-family:var(--font-mono);align-items:center;gap:.75rem;display:flex}.builder-toggle-container{background:var(--surface-accent);border:1px solid var(--border);border-radius:999px;width:fit-content;padding:6px;display:flex;position:relative}.toggle-btn{z-index:1;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.6rem 2rem;font-size:.8rem;transition:color .3s;position:relative}.toggle-btn.active{color:#0d0c0b}.toggle-indicator{background:var(--accent);z-index:0;border-radius:999px;height:calc(100% - 12px);transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:6px}.box-size-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.box-size-card.active{border-color:var(--accent);box-shadow:0 0 40px var(--accent-soft);transform:scale(1.02)}.producer-reveal{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translate(-30px)}.producer-reveal.in-view{opacity:1;transform:translate(0)}.transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fdfbf7d9}.teal-highlight{color:var(--accent);position:relative}.recipe-card{aspect-ratio:4/5;cursor:pointer;border-radius:20px;position:relative;overflow:hidden}.recipe-card-overlay{background:linear-gradient(#0000 40%,#0d0c0be6 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}