:root{--color-bg-primary: #0a0a09;--color-bg-secondary: #111110;--color-bg-tertiary: #1a1918;--color-bg-elevated: #222120;--color-bg-card: rgba(26, 25, 24, .7);--color-text-primary: #faf9f7;--color-text-secondary: #a8a5a0;--color-text-tertiary: #6b6863;--color-text-muted: #4a4844;--color-accent-gold: #c9a962;--color-accent-gold-light: #e4d4a5;--color-accent-gold-dark: #8b7642;--color-accent-copper: #c17f59;--color-accent-sage: #7d9471;--color-accent-sage-light: #a3b898;--color-positive: #4ade80;--color-positive-bg: rgba(74, 222, 128, .1);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-negative: #f87171;--color-negative-bg: rgba(248, 113, 113, .1);--color-evidence-5: #10b981;--color-evidence-4: #22c55e;--color-evidence-3: #84cc16;--color-evidence-2: #eab308;--color-evidence-1: #6b7280;--gradient-gold: linear-gradient(135deg, #c9a962 0%, #e4d4a5 50%, #c9a962 100%);--gradient-hero: radial-gradient(ellipse at 30% 0%, rgba(201, 169, 98, .15) 0%, transparent 50%), radial-gradient(ellipse at 70% 100%, rgba(125, 148, 113, .1) 0%, transparent 50%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%);--gradient-glow: radial-gradient(circle, rgba(201, 169, 98, .3) 0%, transparent 70%);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl: clamp(1.15rem, 1.05rem + .5vw, 1.25rem);--text-2xl: clamp(1.4rem, 1.2rem + 1vw, 1.5rem);--text-3xl: clamp(1.8rem, 1.4rem + 2vw, 2rem);--text-4xl: clamp(2.2rem, 1.6rem + 3vw, 2.5rem);--text-5xl: clamp(2.8rem, 2rem + 4vw, 3.5rem);--text-hero: clamp(3rem, 2rem + 5vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(201, 169, 98, .15);--shadow-glow-strong: 0 0 60px rgba(201, 169, 98, .25);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out-expo);--transition-base: .25s var(--ease-out-expo);--transition-slow: .4s var(--ease-out-expo);--transition-slower: .6s var(--ease-out-expo);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--color-accent-gold);color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{color:var(--color-text-secondary);max-width:65ch}a{color:var(--color-accent-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-gold-light)}.app{min-height:100vh;display:flex;flex-direction:column}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:var(--gradient-hero)}.hero-nature-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.nature-layer{position:absolute;inset:0}.nature-leaves{background:radial-gradient(ellipse at 10% 90%,rgba(139,195,74,.08) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(76,175,80,.06) 0%,transparent 45%);animation:naturePulse 15s ease-in-out infinite}.nature-herbs{background:radial-gradient(ellipse at 20% 20%,rgba(129,199,132,.05) 0%,transparent 40%),radial-gradient(ellipse at 80% 30%,rgba(165,214,167,.04) 0%,transparent 35%);animation:naturePulse 20s ease-in-out infinite reverse}.nature-glow{background:radial-gradient(ellipse at 50% 50%,rgba(201,169,98,.03) 0%,transparent 60%);animation:glowPulse 8s ease-in-out infinite}@keyframes naturePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.hero-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 25s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#8bc34a4d,#4caf5033);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#c9a96240,#ffc10726);bottom:-150px;right:-150px;animation-delay:-8s}.orb-3{width:400px;height:400px;background:linear-gradient(135deg,#a5d6a733,#81c78426);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-15s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(40px,20px) scale(1.05)}}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;animation:particleFloat 20s infinite ease-in-out;background:var(--color-accent-gold)}.particle-0{width:3px;height:3px;opacity:.2;box-shadow:0 0 6px var(--color-accent-gold)}.particle-1{width:5px;height:5px;opacity:.3;background:linear-gradient(135deg,#8bc34a,#4caf50);box-shadow:0 0 10px #8bc34a80}.particle-2{width:4px;height:4px;opacity:.25;box-shadow:0 0 8px var(--color-accent-gold)}.particle-3{width:6px;height:6px;opacity:.15;background:linear-gradient(135deg,#a5d6a7,#81c784);box-shadow:0 0 12px #a5d6a766}.particle-4{width:3px;height:3px;opacity:.35;box-shadow:0 0 6px var(--color-accent-gold)}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) scale(1) rotate(0);opacity:var(--particle-opacity, .2)}25%{transform:translateY(-100px) translate(50px) scale(1.3) rotate(90deg);opacity:calc(var(--particle-opacity, .2) * 1.5)}50%{transform:translateY(-200px) translate(-30px) scale(.9) rotate(180deg);opacity:var(--particle-opacity, .2)}75%{transform:translateY(-100px) translate(70px) scale(1.1) rotate(270deg);opacity:calc(var(--particle-opacity, .2) * 1.3)}}.hero-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:fadeInUp 1s var(--ease-out-expo) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#1a1f15e6,#242b1cf2);border:1px solid rgba(201,169,98,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8);animation:fadeInUp 1s var(--ease-out-expo) .2s forwards;opacity:0;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.badge-pulse{position:absolute;left:12px;width:8px;height:8px;background:#4caf50;border-radius:50%;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #4caf5099}50%{box-shadow:0 0 0 8px #4caf5000}}.badge-icon{font-size:1.1em;margin-left:var(--space-4)}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);animation:fadeInUp 1s var(--ease-out-expo) .45s forwards;opacity:0}.feature-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all .3s var(--ease-out-expo)}.feature-chip:hover{background:#c9a9621a;border-color:#c9a9624d;transform:translateY(-2px)}.feature-chip span:first-child{font-size:1.1em}.hero-trust{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-8);animation:fadeInUp 1s var(--ease-out-expo) .7s forwards;opacity:0}.trust-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.trust-badges span{font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);background:#ffffff05;border-radius:var(--radius-sm)}.hero-title{font-size:var(--text-hero);font-weight:400;line-height:1.1;margin-bottom:var(--space-6);animation:fadeInUp 1s var(--ease-out-expo) .3s forwards;opacity:0}.title-line{display:block}.title-line.gradient{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8);animation:fadeInUp 1s var(--ease-out-expo) .4s forwards;opacity:0}.hero-focused .hero-content{max-width:900px}.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-10);animation:fadeInUp 1s var(--ease-out-expo) .5s forwards;opacity:0}@media (max-width: 768px){.intent-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media (max-width: 480px){.intent-grid{grid-template-columns:1fr}}.intent-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:linear-gradient(135deg,#1a1f15e6,#242b1cf2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden;text-align:center}.intent-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity .3s}.intent-card:hover:before{opacity:1}.intent-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0006}.intent-orange:hover{border-color:#ff980080;box-shadow:0 20px 60px #ff98001a}.intent-green:hover{border-color:#4caf5080;box-shadow:0 20px 60px #4caf501a}.intent-blue:hover{border-color:#2196f380;box-shadow:0 20px 60px #2196f31a}.intent-yellow:hover{border-color:#ffeb3b80;box-shadow:0 20px 60px #ffeb3b1a}.intent-pink:hover{border-color:#e91e6380;box-shadow:0 20px 60px #e91e631a}.intent-gold:hover{border-color:#c9a96280;box-shadow:0 20px 60px #c9a9621a}.intent-icon{font-size:2.5rem;transition:transform .3s var(--ease-out-expo)}.intent-card:hover .intent-icon{transform:scale(1.2)}.intent-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}.intent-arrow{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);opacity:0;color:var(--color-accent-gold);font-size:var(--text-xl);transition:all .3s var(--ease-out-expo)}.intent-card:hover .intent-arrow{opacity:1;right:var(--space-3)}.hero-stats-mini{display:flex;justify-content:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);animation:fadeInUp 1s var(--ease-out-expo) .6s forwards;opacity:0}.category-view{min-height:100vh;background:var(--color-bg-primary);padding-bottom:var(--space-16)}.category-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-primary) 80%,transparent 100%);padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .3s var(--ease-out-expo);width:fit-content}.back-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.category-title-section{display:flex;align-items:center;gap:var(--space-4)}.category-icon-large{font-size:3rem}.category-title-section h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin:0}.category-title-section p{font-size:var(--text-base);color:var(--color-text-tertiary);margin:0}.category-search{max-width:400px}.category-search input{width:100%;padding:var(--space-3) var(--space-5);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--text-base);transition:all .3s}.category-search input::placeholder{color:var(--color-text-muted)}.category-search input:focus{outline:none;border-color:var(--color-accent-gold);background:#ffffff14}.category-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-8);margin-bottom:var(--space-4)}.filter-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .3s var(--ease-out-expo)}.filter-pill:hover{background:#ffffff14;border-color:#ffffff26}.filter-pill.active{background:#c9a96226;border-color:#c9a96266;color:var(--color-accent-gold)}.category-results{padding:0 var(--space-8);margin-bottom:var(--space-4)}.results-count{font-size:var(--text-sm);color:var(--color-text-muted)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5);padding:0 var(--space-8)}.herb-card-enhanced{background:linear-gradient(135deg,#1a1f15d9,#242b1ce6);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all .4s var(--ease-out-expo);animation:cardFadeIn .5s var(--ease-out-expo) forwards;opacity:0;transform:translateY(20px)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.herb-card-enhanced:hover{transform:translateY(-8px);border-color:#c9a9624d;box-shadow:0 20px 60px #0006}.herb-card-enhanced.in-stack{border-color:#c9a96280;box-shadow:0 0 30px #c9a96226}.card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.card-emoji{font-size:2.5rem;flex-shrink:0}.card-info{flex:1;min-width:0}.card-info h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 2px}.card-latin{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.05)}.body-areas-mini{display:flex;align-items:center;gap:var(--space-1)}.body-area-icon{font-size:.9rem;opacity:.8}.body-areas-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:var(--space-1)}.timing-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:rgba(var(--timing-color-rgb, 139, 92, 246),.15);border:1px solid var(--timing-color, #8b5cf6);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:var(--timing-color, #8b5cf6);white-space:nowrap}.quick-add{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all .3s var(--ease-out-expo);flex-shrink:0}.quick-add:hover{background:#c9a96233;border-color:#c9a96280;color:var(--color-accent-gold)}.quick-add.added{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-effects{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.effect-tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#ffffff0d;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.card-bonus{padding:var(--space-3);background:linear-gradient(135deg,#c9a96214,#c9a96208);border:1px solid rgba(201,169,98,.15);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.bonus-label{font-size:var(--text-xs);color:var(--color-accent-gold);display:block;margin-bottom:var(--space-2)}.bonus-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bonus-tag{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);background:#ffffff0d;border-radius:var(--radius-sm)}.card-evidence{display:flex;justify-content:flex-end}.evidence-stars{font-size:var(--text-sm);color:var(--color-accent-gold);letter-spacing:2px}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-8)}.no-results-icon{font-size:4rem;display:block;margin-bottom:var(--space-4);opacity:.5}.no-results h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.no-results p{color:var(--color-text-tertiary)}.floating-stack-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#c9a962e6,#c9a962cc);border:none;border-radius:var(--radius-full);color:var(--color-bg-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:0 8px 30px #c9a9624d;transition:all .3s var(--ease-out-expo)}.floating-stack-btn:hover{transform:scale(1.05);box-shadow:0 12px 40px #c9a96266}.stack-count{background:var(--color-bg-primary);color:var(--color-accent-gold);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-sm)}.stack-overlay{position:fixed;inset:0;z-index:2000;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-6);animation:fadeIn .3s var(--ease-out-expo)}.stack-panel-floating{background:linear-gradient(135deg,#1a1f15fa,#242b1cfa);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s var(--ease-out-expo)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stack-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.stack-panel-header h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin:0}.stack-panel-header button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;transition:all .3s}.stack-panel-header button:hover{background:#ffffff1a;color:var(--color-text-primary)}.stack-items{flex:1;overflow-y:auto;padding:var(--space-4)}.stack-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--space-2)}.stack-item-emoji{font-size:1.5rem}.stack-item-name{flex:1;font-size:var(--text-base);color:var(--color-text-primary)}.stack-item button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all .3s}.stack-item button:hover{background:#ef444433;color:#ef4444}.clear-stack-btn{margin:var(--space-4);padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--text-sm);cursor:pointer;transition:all .3s}.clear-stack-btn:hover{background:#ef444433}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-10);animation:fadeInUp 1s var(--ease-out-expo) .5s forwards;opacity:0}.stat{text-align:center}.stat-value{display:block;font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent-gold)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--color-text-muted),transparent)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12);animation:fadeInUp 1s var(--ease-out-expo) .6s forwards;opacity:0}.hero-scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-sm);animation:fadeInUp 1s var(--ease-out-expo) .8s forwards;opacity:0}.scroll-arrow{animation:scrollBounce 2s infinite}.scroll-mouse{width:24px;height:38px;border:2px solid rgba(201,169,98,.4);border-radius:12px;position:relative;display:flex;justify-content:center}.scroll-wheel{width:4px;height:8px;background:var(--color-accent-gold);border-radius:2px;margin-top:6px;animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--gradient-gold);color:var(--color-bg-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.btn-glow{animation:btnGlow 3s ease-in-out infinite}@keyframes btnGlow{0%,to{box-shadow:0 0 20px #c9a9624d,0 4px 15px #0003}50%{box-shadow:0 0 40px #c9a96280,0 4px 20px #0000004d}}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-shine:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:transparent;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;border:1px solid var(--color-text-muted);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold);background:#c9a9620d}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);border:none;cursor:pointer;transition:color var(--transition-fast)}.btn-back:hover{color:var(--color-text-primary)}.app-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4) var(--space-6);background:#0a0a09cc;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);transform:translateY(-100%);transition:transform var(--transition-base)}.app-header.sticky{transform:translateY(0)}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:opacity var(--transition-fast)}.logo:hover{opacity:.8}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-text-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.stack-toggle{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.stack-toggle:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.stack-toggle.active{background:#c9a9621a;border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.stack-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-gold);color:var(--color-bg-primary);font-size:11px;font-weight:600;border-radius:var(--radius-full)}.app-main{flex:1;padding:var(--space-8) var(--space-6);padding-top:calc(80px + var(--space-8));max-width:1600px;margin:0 auto;width:100%}.app-main.below-hero{padding-top:var(--space-8)}.controls{margin-bottom:var(--space-6)}.search-box{position:relative;max-width:500px}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search-box input{width:100%;padding:var(--space-4) var(--space-12);background:var(--color-bg-secondary);border:1px solid var(--color-bg-elevated);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-fast)}.search-box input::placeholder{color:var(--color-text-tertiary)}.search-box input:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 0 3px #c9a9621a}.search-clear{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-text-muted);color:var(--color-text-primary)}.categories-wrapper{margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative}.categories-wrapper:before,.categories-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:1}.categories-wrapper:before{left:0;background:linear-gradient(90deg,var(--color-bg-primary),transparent)}.categories-wrapper:after{right:0;background:linear-gradient(-90deg,var(--color-bg-primary),transparent)}.categories-wrapper::-webkit-scrollbar{display:none}.categories{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-6)}.category-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#1a1f15cc,#242b1ce6);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s var(--ease-out-expo);position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05));opacity:0;transition:opacity .3s}.category-btn:hover:before{opacity:1}.category-btn:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 8px 25px #0000004d;color:var(--color-text-primary)}.category-btn.active{background:linear-gradient(135deg,#c9a96233,#c9a9621a);border-color:#c9a96280;color:var(--color-accent-gold);box-shadow:0 4px 20px #c9a96233,inset 0 1px #ffffff1a}.category-btn.active:before{background:linear-gradient(135deg,rgba(201,169,98,.1),transparent);opacity:1}.cat-icon{font-size:1.1em;transition:transform .3s var(--ease-out-expo)}.category-btn:hover .cat-icon{transform:scale(1.2)}.category-btn.active .cat-icon{animation:catIconPop .4s var(--ease-out-expo)}@keyframes catIconPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1.2)}}.cat-name{font-weight:500}.results-info{margin-bottom:var(--space-4)}.content-area{display:grid;grid-template-columns:1fr;gap:var(--space-6);transition:grid-template-columns var(--transition-base)}.content-area.with-stack{grid-template-columns:1fr 380px}@media (max-width: 1024px){.content-area.with-stack{grid-template-columns:1fr}}.herbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.herb-card{position:relative;background:linear-gradient(135deg,#1a1f15d9,#242b1ce6);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all .4s var(--ease-out-expo);overflow:hidden;opacity:0;transform:translateY(20px);backdrop-filter:blur(10px)}.herb-card.visible{opacity:1;transform:translateY(0)}.herb-card:before{content:"";position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.herb-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(var(--card-angle, 0deg),transparent 0%,rgba(201,169,98,0) 40%,rgba(201,169,98,.5) 50%,rgba(201,169,98,0) 60%,transparent 100%);border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity .4s}.herb-card:hover:after{opacity:1;animation:cardBorderRotate 3s linear infinite}@keyframes cardBorderRotate{0%{--card-angle: 0deg}to{--card-angle: 360deg}}@property --card-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.herb-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(201,169,98,.15) 0%,transparent 50%);opacity:0;transition:opacity .5s var(--ease-out-expo);pointer-events:none}.herb-card:hover{transform:translateY(-8px) scale(1.02);border-color:#c9a9624d;box-shadow:0 20px 60px #0006,0 0 40px #c9a9621a,inset 0 1px #ffffff0d}.herb-card:hover .herb-card-glow{opacity:1}.herb-card.in-stack{border-color:var(--color-accent-gold);box-shadow:var(--shadow-glow),inset 0 0 20px #c9a9620d}.herb-card.in-stack:before{background:linear-gradient(135deg,rgba(201,169,98,.05),transparent)}.herb-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);position:relative}.herb-emoji-wrapper{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);flex-shrink:0;transition:all .3s var(--ease-out-expo)}.herb-card:hover .herb-emoji-wrapper{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#c9a96226,#c9a9620d);border-color:#c9a9624d}.herb-emoji{font-size:1.6rem;transition:transform .3s var(--ease-out-expo)}.herb-card:hover .herb-emoji{transform:scale(1.1)}.herb-names{flex:1;min-width:0}.herb-names h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:2px;transition:color .3s}.herb-card:hover .herb-names h3{color:var(--color-accent-gold)}.herb-name-en{font-size:var(--text-sm);color:var(--color-text-tertiary);display:block}.herb-tradition{font-size:var(--text-xs);color:var(--color-accent-gold);display:block;margin-top:2px}.stack-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:18px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.stack-btn:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.stack-btn.active{background:var(--color-accent-gold);border-color:var(--color-accent-gold);color:var(--color-bg-primary)}.stack-btn-pulse{position:absolute;inset:0;border-radius:var(--radius-md);border:2px solid var(--color-accent-gold);opacity:0;animation:none}.stack-btn.active .stack-btn-pulse{animation:pulse 1s ease-out}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.herb-card-compound{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.compound-label{color:var(--color-text-muted)}.compound-value{color:var(--color-accent-sage);font-family:var(--font-mono)}.herb-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.flavor-tag{padding:2px var(--space-2);background:#7d94711a;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-accent-sage-light)}.herb-card-effects{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.mini-effect{display:flex;align-items:center;gap:var(--space-2)}.mini-effect-icon{font-size:.9em;width:20px;text-align:center}.mini-effect-name{font-size:var(--text-sm);color:var(--color-text-secondary);min-width:100px}.mini-effect-bar{flex:1;height:4px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.mini-effect-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-sage),var(--color-accent-gold));border-radius:var(--radius-full);transition:width var(--transition-slow)}.herb-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.05)}.herb-sources{font-size:var(--text-xs);color:var(--color-text-tertiary)}.evidence-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.evidence-stars{color:var(--color-accent-gold);letter-spacing:1px}.evidence-label{color:var(--color-text-secondary)}.effect-bar{margin-bottom:var(--space-4)}.effect-info{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.effect-icon{font-size:1.1em}.effect-name{flex:1;font-weight:500;color:var(--color-text-primary)}.effect-score{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-gold)}.effect-meter{height:8px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.effect-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-sage),var(--color-accent-gold));border-radius:var(--radius-full);transition:width var(--transition-slow) var(--ease-out-expo)}.effect-description{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.skeleton-card{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-5)}.skeleton-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.skeleton-emoji{width:48px;height:48px;background:var(--color-bg-elevated);border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:14px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.skeleton-line.w-80{width:80%}.skeleton-line.w-50{width:50%}.skeleton-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.skeleton-tag{width:60px;height:20px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.detail-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-modal{position:relative;width:100%;max-width:700px;max-height:90vh;background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s var(--ease-out-expo)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10}.close-btn:hover{background:var(--color-text-muted);color:var(--color-text-primary)}.detail-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);padding-right:var(--space-12);background:linear-gradient(180deg,rgba(201,169,98,.05) 0%,transparent 100%)}.detail-emoji-wrapper{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-xl);flex-shrink:0}.detail-emoji{font-size:2.5rem}.detail-emoji-ring{position:absolute;inset:-4px;border:2px solid var(--color-accent-gold);border-radius:var(--radius-xl);opacity:.3}.detail-title h2{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.detail-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.detail-subtitle em{font-style:italic}.detail-compound{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-sage);margin-bottom:var(--space-2)}.detail-tradition-badge{display:inline-block;padding:2px var(--space-3);background:#c9a9621a;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent-gold)}.detail-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-6);border-bottom:1px solid rgba(255,255,255,.05)}.detail-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tab:hover{color:var(--color-text-secondary)}.detail-tab.active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.detail-content{flex:1;overflow-y:auto;padding:var(--space-6)}.tab-content{animation:fadeIn .3s ease}.detail-section{margin-bottom:var(--space-6)}.detail-section h4{font-size:var(--text-base);color:var(--color-text-tertiary);margin-bottom:var(--space-3);font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.effects-list{display:flex;flex-direction:column;gap:var(--space-4)}.fun-fact{display:flex;gap:var(--space-3);padding:var(--space-4);background:#c9a9620d;border:1px solid rgba(201,169,98,.1);border-radius:var(--radius-lg)}.fun-fact-icon{font-size:1.2em}.fun-fact p{font-style:italic;color:var(--color-text-secondary);margin:0}.dosage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.dosage-card{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);text-align:center}.dosage-card.therapeutic{background:#7d94711a;border:1px solid rgba(125,148,113,.2)}.dosage-card.optimal{background:#c9a9621a;border:1px solid rgba(201,169,98,.2)}.dosage-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.dosage-card h5{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:500}.dosage-value{font-size:var(--text-sm);color:var(--color-text-primary)}.dosage-note{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.note-icon{font-size:1.2em}.dosage-note p{font-size:var(--text-sm);margin:0}.timing-section h4{margin-bottom:var(--space-4)}.timing-grid{display:flex;flex-direction:column;gap:var(--space-3)}.timing-item{display:flex;gap:var(--space-3)}.timing-value{font-size:var(--text-sm);color:var(--color-text-secondary)}.stacks-grid{display:flex;flex-direction:column;gap:var(--space-6)}.stack-section h4{margin-bottom:var(--space-2)}.stack-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.stack-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stack-tag{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.stack-tag.positive{background:var(--color-positive-bg);color:var(--color-positive);border:1px solid rgba(74,222,128,.2)}.stack-tag.negative{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(251,191,36,.2)}.sources-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sources-count{font-size:var(--text-sm);color:var(--color-text-tertiary)}.sources-list{display:flex;flex-direction:column;gap:var(--space-3)}.source-card{display:block;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.source-card:hover{border-color:var(--color-accent-gold);background:var(--color-bg-tertiary)}.source-type{display:inline-block;padding:2px var(--space-2);background:#c9a9621a;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-accent-gold);text-transform:uppercase;margin-bottom:var(--space-2)}.source-card h5{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500;margin-bottom:var(--space-2);line-height:1.4}.source-meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.source-id,.source-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary)}.source-link{font-size:var(--text-sm);color:var(--color-accent-gold)}.detail-footer{padding:var(--space-4) var(--space-6);border-top:1px solid rgba(255,255,255,.05);background:var(--color-bg-tertiary)}.add-to-stack-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);color:var(--color-bg-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.add-to-stack-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.add-to-stack-btn.remove{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.add-to-stack-btn.remove:hover{background:var(--color-negative-bg);color:var(--color-negative);box-shadow:none}.stack-panel{position:sticky;top:100px;background:var(--color-bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-5);max-height:calc(100vh - 140px);overflow-y:auto;animation:slideInRight .3s var(--ease-out-expo)}.stack-panel.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.stack-empty-state{text-align:center;padding:var(--space-6)}.stack-empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.stack-empty-state h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.stack-empty-state p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.stack-empty-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-accent-gold)}.stack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.stack-title{display:flex;align-items:center;gap:var(--space-2)}.stack-icon{font-size:1.2em}.stack-title h3{font-size:var(--text-lg);font-weight:500}.stack-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--color-accent-gold);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-bg-primary)}.clear-btn{padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast)}.clear-btn:hover{color:var(--color-negative)}.stack-items{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.stack-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.stack-item:hover{border-color:var(--color-accent-gold)}.stack-item-emoji{font-size:1em}.stack-item-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.stack-item-remove{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.stack-item-remove:hover{background:var(--color-negative);color:#fff}.stack-section{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.stack-section h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-weight:500}.synergy-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.synergy-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.synergy-herbs{display:flex;align-items:center;gap:var(--space-1);font-size:1.1em}.synergy-plus{font-size:var(--text-sm);color:var(--color-text-tertiary)}.synergy-item.boost .synergy-plus{color:var(--color-positive)}.synergy-item.caution .synergy-plus{color:var(--color-warning)}.synergy-info{display:flex;flex-direction:column}.synergy-names{font-size:var(--text-sm);color:var(--color-text-primary)}.synergy-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.synergy-item.boost .synergy-label{color:var(--color-positive)}.synergy-item.caution .synergy-label{color:var(--color-warning)}.combined-effects{display:flex;flex-direction:column;gap:var(--space-2)}.combined-effect{display:flex;align-items:center;justify-content:space-between}.combined-info{display:flex;align-items:center;gap:var(--space-2)}.combined-icon{font-size:1em}.combined-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.combined-boost{display:flex;align-items:center;gap:var(--space-2)}.boost-multiplier{font-size:var(--text-xs);color:var(--color-accent-gold);padding:2px var(--space-2);background:#c9a9621a;border-radius:var(--radius-sm)}.boost-score{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-sage)}.stack-disclaimer{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#fbbf240d;border:1px solid rgba(251,191,36,.1);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-warning)}.stack-disclaimer p{margin:0;color:var(--color-warning)}.onboarding-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#000000e6;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .3s ease}.onboarding-modal{position:relative;width:100%;max-width:600px;background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);animation:slideUp .4s var(--ease-out-expo)}.onboarding-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.onboarding-close:hover{background:var(--color-text-muted);color:var(--color-text-primary)}.onboarding-progress{display:flex;gap:var(--space-2);margin-bottom:var(--space-8)}.progress-step{flex:1;height:4px;background:var(--color-bg-elevated);border-radius:var(--radius-full);transition:background var(--transition-base)}.progress-step.active{background:var(--gradient-gold)}.onboarding-header{text-align:center;margin-bottom:var(--space-8)}.onboarding-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.onboarding-header p{color:var(--color-text-tertiary);margin:0 auto}.onboarding-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.onboarding-options.grid-small{grid-template-columns:repeat(4,1fr)}@media (max-width: 600px){.onboarding-options.grid-small{grid-template-columns:repeat(2,1fr)}}.option-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-elevated);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.option-card:hover{background:var(--color-bg-tertiary);border-color:#ffffff1a}.option-card.selected{background:#c9a9621a;border-color:var(--color-accent-gold)}.option-icon{font-size:2rem}.option-name{font-weight:500;color:var(--color-text-primary);text-align:center}.option-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.option-check{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-gold);border-radius:var(--radius-full);color:var(--color-bg-primary);font-size:14px;font-weight:600}.onboarding-footer{display:flex;justify-content:space-between;align-items:center}.disclaimer{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-8);background:#fbbf2408;border:1px solid rgba(251,191,36,.1);border-radius:var(--radius-xl)}.disclaimer-content p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.disclaimer-content strong{color:var(--color-warning)}.app-footer{margin-top:auto;padding:var(--space-8) var(--space-6);border-top:1px solid rgba(255,255,255,.05);background:var(--color-bg-secondary)}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-gold)}.footer-credit{font-size:var(--text-sm);color:var(--color-text-muted)}.about-section{padding:var(--space-20) var(--space-8);background:linear-gradient(180deg,var(--color-bg-primary),var(--color-bg-secondary));position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:#c9a9621a;border:1px solid rgba(201,169,98,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-16)}.about-card{background:linear-gradient(135deg,#1a1f15cc,#242b1ce6);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all .4s var(--ease-out-expo);backdrop-filter:blur(10px)}.about-card:hover{transform:translateY(-8px);border-color:#c9a9624d;box-shadow:0 20px 60px #0000004d}.about-icon{font-size:3rem;margin-bottom:var(--space-4)}.about-card h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.about-card p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-6);padding:var(--space-10);background:linear-gradient(135deg,#c9a9620d,#c9a96205);border:1px solid rgba(201,169,98,.2);border-radius:var(--radius-xl)}.about-stat{text-align:center}.stat-big{display:block;font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent-gold);margin-bottom:var(--space-2)}.about-stat span:last-child{font-size:var(--text-sm);color:var(--color-text-tertiary)}.sources-section{padding:var(--space-20) var(--space-8);background:var(--color-bg-secondary)}.sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-16)}.source-category{background:#1a1f1599;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-6)}.source-category h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.1)}.source-category ul{list-style:none;padding:0;margin:0}.source-category li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.source-category a{color:var(--color-accent-gold);text-decoration:none;transition:opacity var(--transition-fast)}.source-category a:hover{opacity:.8;text-decoration:underline}.evidence-methodology{background:linear-gradient(135deg,#1a1f15cc,#242b1ce6);border:1px solid rgba(201,169,98,.2);border-radius:var(--radius-xl);padding:var(--space-10)}.evidence-methodology h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.evidence-scale{display:flex;flex-direction:column;gap:var(--space-4)}.evidence-level{display:grid;grid-template-columns:auto 150px 1fr;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);background:#0003;border-radius:var(--radius-md)}.evidence-level .stars{font-size:var(--text-lg);color:var(--color-accent-gold)}.evidence-level .level-name{font-weight:600;color:var(--color-text-primary)}.evidence-level .level-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}.contact-section{padding:var(--space-20) var(--space-8);background:linear-gradient(180deg,var(--color-bg-secondary),var(--color-bg-primary))}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.contact-card{background:linear-gradient(135deg,#1a1f15b3,#242b1ccc);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all .4s var(--ease-out-expo)}.contact-card:hover{transform:translateY(-5px);border-color:#c9a9624d;box-shadow:0 15px 40px #0003}.contact-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.contact-card h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.contact-card p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.contact-link{display:inline-block;color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:500;text-decoration:none;padding:var(--space-2) var(--space-4);background:#c9a9621a;border-radius:var(--radius-md);transition:all var(--transition-fast)}.contact-link:hover{background:#c9a96233}.contact-social{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.contact-social>span{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.social-links{display:flex;gap:var(--space-4)}.social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;font-size:1.3rem;text-decoration:none;transition:all var(--transition-base)}.social-link:hover{background:#c9a96233;border-color:#c9a96280;transform:translateY(-3px)}.app-footer{background:linear-gradient(180deg,var(--color-bg-primary),rgba(10,12,8,1));border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;padding:var(--space-16) var(--space-8) var(--space-8)}.footer-main{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-12)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-brand .logo-icon{font-size:2rem}.footer-brand .logo-text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary)}.footer-tagline{max-width:500px;font-size:var(--text-base);color:var(--color-text-tertiary);line-height:1.6}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10);max-width:600px;margin:0 auto;text-align:center}.footer-col h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-accent-gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-6)}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 var(--space-8);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}@media (max-width: 768px){.hero{padding:var(--space-6)}.hero-stats{flex-direction:column;gap:var(--space-4)}.stat-divider{width:40px;height:1px}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.app-main{padding:var(--space-6) var(--space-4);padding-top:calc(70px + var(--space-6))}.herbs-grid{grid-template-columns:1fr}.detail-modal{max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:auto}.detail-header{flex-direction:column;text-align:center}.detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.stack-panel{position:fixed;bottom:0;left:0;right:0;max-height:60vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-overlay)}.footer-content{flex-direction:column;text-align:center}.about-section,.sources-section,.contact-section{padding:var(--space-12) var(--space-4)}.section-title{font-size:var(--text-2xl)}.about-grid,.sources-grid,.contact-grid{grid-template-columns:1fr}.evidence-level{grid-template-columns:1fr;text-align:center;gap:var(--space-2)}.footer-nav{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom-content{flex-direction:column;text-align:center}.hero-features{gap:var(--space-2)}.feature-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.trust-badges{flex-direction:column;gap:var(--space-2)}}.earth-intro-cinematic{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#0a0a15,#050510,#000005);overflow:hidden}.starfield-canvas{position:absolute;inset:0;z-index:1}.nebula-container{position:absolute;inset:0;z-index:2;pointer-events:none}.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;animation:nebula-appear 2s ease forwards}.nebula-1{width:600px;height:400px;top:10%;left:-10%;background:radial-gradient(ellipse,rgba(138,43,226,.3) 0%,rgba(75,0,130,.1) 50%,transparent 70%);animation-delay:.5s}.nebula-2{width:500px;height:500px;top:60%;right:-5%;background:radial-gradient(ellipse,rgba(255,107,107,.2) 0%,rgba(255,0,100,.1) 50%,transparent 70%);animation-delay:.8s}.nebula-3{width:300px;height:200px;bottom:30%;left:20%;background:radial-gradient(ellipse,rgba(0,200,255,.1) 0%,transparent 60%);animation-delay:1s}@keyframes nebula-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.phase-hyperspeed .nebula{animation:nebula-streak .5s ease forwards}@keyframes nebula-streak{to{opacity:0;transform:scaleY(10) translateY(-100%)}}.sun-container{position:absolute;top:8%;right:12%;width:120px;height:120px;z-index:3;opacity:0;animation:sun-appear 1.5s ease .5s forwards}@keyframes sun-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.sun-core{position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff,#fffde7 20%,#fc0,#ff9500 80%,#f50);border-radius:50%;box-shadow:0 0 40px 10px #ffc832cc,0 0 80px 30px #ff960080,0 0 120px 50px #ff64004d,0 0 200px 80px #ff320026;animation:sun-pulse 3s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 40px 10px #ffc832cc,0 0 80px 30px #ff960080,0 0 120px 50px #ff64004d,0 0 200px 80px #ff320026}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 50px 15px #ffc832e6,0 0 100px 40px #ff960099,0 0 150px 60px #ff640066,0 0 250px 100px #ff320033}}.sun-corona{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,200,100,.4) 0%,rgba(255,150,50,.2) 40%,transparent 70%);border-radius:50%;animation:corona-pulse 4s ease-in-out infinite alternate}@keyframes corona-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.3);opacity:.9}}.sun-rays{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(255,200,100,.15) 5deg,transparent 10deg,transparent 30deg,rgba(255,200,100,.1) 35deg,transparent 40deg,transparent 60deg,rgba(255,200,100,.15) 65deg,transparent 70deg,transparent 90deg,rgba(255,200,100,.1) 95deg,transparent 100deg,transparent 120deg,rgba(255,200,100,.15) 125deg,transparent 130deg,transparent 150deg,rgba(255,200,100,.1) 155deg,transparent 160deg,transparent 180deg,rgba(255,200,100,.15) 185deg,transparent 190deg,transparent 210deg,rgba(255,200,100,.1) 215deg,transparent 220deg,transparent 240deg,rgba(255,200,100,.15) 245deg,transparent 250deg,transparent 270deg,rgba(255,200,100,.1) 275deg,transparent 280deg,transparent 300deg,rgba(255,200,100,.15) 305deg,transparent 310deg,transparent 330deg,rgba(255,200,100,.1) 335deg,transparent 340deg,transparent 360deg);border-radius:50%;filter:blur(2px);animation:sun-rays-rotate 60s linear infinite}@keyframes sun-rays-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.phase-hyperspeed .sun-container{animation:fly-away .4s ease forwards}.moon-container{position:absolute;bottom:20%;left:8%;width:60px;height:60px;z-index:3;opacity:0;animation:moon-appear 1.5s ease .8s forwards}@keyframes moon-appear{0%{opacity:0;transform:scale(.5) translate(-20px)}to{opacity:1;transform:scale(1) translate(0)}}.moon-body{position:absolute;top:50%;left:50%;width:45px;height:45px;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,#e8e8e8,silver 30%,#909090 70%,#606060);border-radius:50%;box-shadow:inset -10px -8px 20px #00000080,inset 5px 5px 15px #ffffff1a,0 0 30px #c8c8dc4d}.moon-body:before{content:"";position:absolute;width:8px;height:8px;background:#50505066;border-radius:50%;top:20%;left:25%}.moon-body:after{content:"";position:absolute;width:12px;height:12px;background:#5050504d;border-radius:50%;bottom:30%;right:20%}.moon-glow{position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,200,220,.2) 0%,transparent 60%);border-radius:50%}.phase-hyperspeed .moon-container{animation:fly-away .4s ease forwards}@keyframes fly-away{to{opacity:0;transform:translateY(-200%) scale(.1)}}.hyperspeed-container{position:absolute;inset:0;z-index:5;perspective:500px;overflow:hidden;opacity:0;pointer-events:none}.phase-hyperspeed .hyperspeed-container{animation:hyperspeed-activate .3s ease forwards}@keyframes hyperspeed-activate{to{opacity:1}}.hyperspeed-line{position:absolute;top:50%;left:var(--x);width:2px;height:0;background:linear-gradient(to bottom,transparent,rgba(150,200,255,.8),rgba(255,255,255,1),rgba(150,200,255,.8),transparent);transform-origin:center top;animation:none}.phase-hyperspeed .hyperspeed-line{animation:hyperspeed-streak .8s ease-out var(--delay) forwards}@keyframes hyperspeed-streak{0%{height:0;opacity:0;transform:translateY(-50vh)}20%{opacity:1}to{height:var(--length);opacity:0;transform:translateY(100vh)}}.earth-system{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.earth-atmosphere{position:absolute;top:50%;left:50%;width:450px;height:450px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(100,180,255,.1) 80%,rgba(50,150,255,.2) 90%,transparent 100%);opacity:0;animation:atmosphere-appear 1s ease 2s forwards}@keyframes atmosphere-appear{to{opacity:1}}.earth-glow-outer{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(100,200,255,.15) 0%,transparent 60%);animation:outer-glow-pulse 3s ease-in-out infinite}@keyframes outer-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.earth-container-main{position:relative;width:clamp(280px,50vw,450px);height:clamp(280px,50vw,450px);transition:all 2s cubic-bezier(.4,0,.2,1)}.phase-stars .earth-container-main{transform:scale(.4);opacity:.2}.phase-approach .earth-container-main{transform:scale(.8);opacity:.9}.phase-arrival .earth-container-main{transform:scale(1);opacity:1}.phase-reveal .earth-container-main{transform:scale(5) translateY(30%);opacity:0;transition:all 2s cubic-bezier(.4,0,.2,1)}.earth-glow-inner{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(125,148,113,.4) 0%,rgba(100,180,255,.2) 30%,transparent 60%);animation:inner-glow-pulse 2.5s ease-in-out infinite}@keyframes inner-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.earth-image-main{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 80px #64b4ff66,0 0 120px #7d94714d,inset -30px -30px 80px #00000080;animation:earth-rotate-main 50s linear infinite}@keyframes earth-rotate-main{to{transform:rotate(360deg)}}.earth-clouds{position:absolute;inset:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='30' cy='50' r='15' fill='rgba(255,255,255,0.3)' filter='url(%23blur)'/%3E%3Ccircle cx='100' cy='30' r='20' fill='rgba(255,255,255,0.25)' filter='url(%23blur)'/%3E%3Ccircle cx='160' cy='70' r='18' fill='rgba(255,255,255,0.28)' filter='url(%23blur)'/%3E%3Ccircle cx='50' cy='130' r='22' fill='rgba(255,255,255,0.22)' filter='url(%23blur)'/%3E%3Ccircle cx='140' cy='150' r='16' fill='rgba(255,255,255,0.3)' filter='url(%23blur)'/%3E%3C/svg%3E");background-size:cover;animation:clouds-rotate 80s linear infinite reverse;opacity:.6}@keyframes clouds-rotate{to{transform:rotate(360deg)}}.earth-highlight{position:absolute;top:15%;left:20%;width:40%;height:35%;border-radius:50%;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.15) 0%,transparent 70%);transform:rotate(-30deg)}.sweden-marker-epic{position:absolute;top:22%;left:55%;transform:translate(-50%,-50%);z-index:20;opacity:0}.phase-arrival .sweden-marker-epic,.phase-reveal .sweden-marker-epic{animation:marker-epic-appear .8s ease forwards}@keyframes marker-epic-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.marker-ring{position:absolute;top:50%;left:50%;border:2px solid;border-radius:50%;transform:translate(-50%,-50%)}.ring-1{width:60px;height:60px;border-color:#c9a962cc;animation:ring-expand 2s ease-out infinite}.ring-2{width:40px;height:40px;border-color:#7d9471e6;animation:ring-expand 2s ease-out .4s infinite}.ring-3{width:20px;height:20px;border-color:#ffffffe6;animation:ring-expand 2s ease-out .8s infinite}@keyframes ring-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.marker-core{position:absolute;top:50%;left:50%;width:12px;height:12px;background:radial-gradient(circle,#fff,#c9a962,#7d9471);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #c9a962cc,0 0 40px #7d947180}.marker-beam{position:absolute;top:50%;left:50%;width:4px;height:100px;background:linear-gradient(to top,rgba(201,169,98,.8),transparent);transform:translate(-50%,-100%);animation:beam-pulse 1.5s ease-in-out infinite}@keyframes beam-pulse{0%,to{opacity:.5;height:100px}50%{opacity:1;height:150px}}.intro-text-epic{position:absolute;bottom:18%;left:50%;transform:translate(-50%);text-align:center;z-index:30;display:flex;flex-direction:column;align-items:center;gap:.5rem}.text-line{display:flex;justify-content:center;gap:.1em;overflow:hidden}.text-line-1{font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);font-weight:200;letter-spacing:.5em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3)}.phase-arrival .text-line-1 .char-reveal,.phase-reveal .text-line-1 .char-reveal{animation:char-reveal-epic .6s ease forwards;animation-delay:calc(var(--i, 0) * .08s);opacity:0;transform:translateY(100%)}.text-line-1 .char-reveal:nth-child(1){--i: 0}.text-line-1 .char-reveal:nth-child(2){--i: 1}.text-line-1 .char-reveal:nth-child(3){--i: 2}.text-line-1 .char-reveal:nth-child(4){--i: 3}.text-line-1 .char-reveal:nth-child(5){--i: 4}.text-line-1 .char-reveal:nth-child(6){--i: 5}.text-line-1 .char-reveal:nth-child(7){--i: 6}.text-line-1 .char-reveal:nth-child(8){--i: 7}@keyframes char-reveal-epic{0%{opacity:0;transform:translateY(100%) rotateX(-90deg)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotateX(0);color:var(--color-text-primary);-webkit-text-stroke:0}}.text-line-2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;gap:.3em}.text-line-2 .word-reveal{opacity:0;display:inline-block}.phase-arrival .text-line-2 .word-reveal:nth-child(1),.phase-reveal .text-line-2 .word-reveal:nth-child(1){animation:word-reveal-epic .8s ease .5s forwards}.phase-arrival .text-line-2 .word-reveal:nth-child(2),.phase-reveal .text-line-2 .word-reveal:nth-child(2){animation:word-reveal-epic .8s ease .7s forwards;background:linear-gradient(135deg,#c9a962,#7d9471);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes word-reveal-epic{0%{opacity:0;transform:translateY(30px) scale(.8);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.text-line-3{margin-top:.5rem}.subtitle-reveal{font-size:clamp(.9rem,2vw,1.2rem);color:var(--color-text-secondary);opacity:0;display:block}.phase-arrival .subtitle-reveal,.phase-reveal .subtitle-reveal{animation:subtitle-reveal-epic 1s ease .9s forwards}@keyframes subtitle-reveal-epic{0%{opacity:0;transform:translateY(20px);letter-spacing:.5em}to{opacity:1;transform:translateY(0);letter-spacing:.1em}}.text-line-4{margin-top:1rem}.tagline-reveal{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;color:var(--color-accent-sage);opacity:0;display:flex;align-items:center;gap:.5rem}.phase-reveal .tagline-reveal{animation:tagline-reveal-epic 1s ease 1.2s forwards}@keyframes tagline-reveal-epic{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.phase-reveal .intro-text-epic{animation:text-fade-out 1s ease 1.5s forwards}@keyframes text-fade-out{to{opacity:0;transform:translate(-50%) translateY(-30px)}}.particle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,#c9a962,#7d947180);border-radius:50%;opacity:0}.phase-arrival .particle{animation:particle-explode 1.5s ease var(--delay) forwards}@keyframes particle-explode{0%{opacity:0;transform:rotate(var(--angle)) translate(0)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(var(--distance))}}.lens-flare-container{position:absolute;inset:0;z-index:25;pointer-events:none;opacity:0}.phase-arrival .lens-flare-container,.phase-reveal .lens-flare-container{animation:flare-appear .5s ease forwards}@keyframes flare-appear{to{opacity:1}}.lens-flare{position:absolute;border-radius:50%}.flare-1{top:30%;right:25%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.flare-2{top:45%;right:35%;width:80px;height:80px;background:radial-gradient(circle,rgba(201,169,98,.2) 0%,transparent 60%)}.flare-3{top:55%;right:30%;width:40px;height:40px;background:radial-gradient(circle,rgba(125,148,113,.3) 0%,transparent 60%)}.skip-btn-epic{position:absolute;bottom:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all .3s ease;z-index:100}.skip-btn-epic:hover{background:#ffffff14;border-color:#c9a9624d;color:var(--color-text-secondary);transform:translate(-5px)}.skip-btn-epic svg{transition:transform .3s ease}.skip-btn-epic:hover svg{transform:translate(3px)}.intro-progress-epic{position:absolute;bottom:0;left:0;right:0;z-index:50;padding:var(--space-4) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.progress-track{position:relative;width:100%;max-width:400px;height:3px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.progress-glow{position:absolute;top:-10px;left:0;width:100%;height:20px;background:linear-gradient(90deg,transparent,rgba(201,169,98,.3),transparent);animation:progress-glow-move 2s linear infinite}@keyframes progress-glow-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill-epic{height:100%;background:linear-gradient(90deg,var(--color-accent-sage),var(--color-accent-gold),var(--color-accent-sage));background-size:200% 100%;animation:progress-grow-epic 8s linear forwards,progress-shimmer 1s linear infinite;border-radius:var(--radius-full);box-shadow:0 0 10px #c9a96280}@keyframes progress-grow-epic{0%{width:0%}to{width:100%}}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:0% 0}}.progress-text{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.2em;animation:text-pulse 1s ease-in-out infinite}.phase-hyperspeed .progress-text{color:var(--color-accent-gold);animation:hyperspeed-text .3s ease infinite}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes hyperspeed-text{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.intro-text-simple{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:center;z-index:30;opacity:0;animation:text-simple-appear 1.5s ease 3s forwards}.intro-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:300;color:var(--color-text-primary);letter-spacing:.1em;margin-bottom:.5rem;text-shadow:0 0 40px rgba(125,148,113,.5)}.intro-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:var(--color-text-secondary);letter-spacing:.2em;text-transform:uppercase}@keyframes text-simple-appear{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.skip-btn-simple{position:absolute;bottom:var(--space-6);right:var(--space-6);padding:var(--space-3) var(--space-5);background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all .3s ease;z-index:100}.skip-btn-simple:hover{background:#ffffff1a;border-color:#c9a9624d;color:var(--color-text-secondary)}.intro-progress-simple{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0d;z-index:50}.progress-fill-simple{height:100%;background:linear-gradient(90deg,var(--color-accent-sage),var(--color-accent-gold));animation:progress-simple 6s linear forwards;border-radius:0 var(--radius-sm) var(--radius-sm) 0}@keyframes progress-simple{0%{width:0%}to{width:100%}}@media (max-width: 768px){.nebula-1,.nebula-2,.nebula-3{transform:scale(.6)}.galaxy-container{top:10%;right:5%}.galaxy{width:100px;height:100px}.sun{width:40px;height:40px}.moon{width:25px;height:25px}.earth-container-main{width:clamp(150px,60vw,250px);height:clamp(150px,60vw,250px)}.text-line-1{letter-spacing:.3em}}.hero.hero-enterprise{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8)}.hero-enterprise .hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-gradient-mesh{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(201,169,98,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(125,148,113,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(193,127,89,.08) 0%,transparent 60%)}.hero-nature-bg,.nature-layer{position:absolute;inset:0}.nature-leaves{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 80 Q30 60 50 70 Q70 80 80 60' stroke='%23c9a96215' fill='none' stroke-width='0.5'/%3E%3C/svg%3E");background-size:200px;opacity:.3}.nature-glow{background:radial-gradient(circle at 30% 70%,rgba(125,148,113,.1) 0%,transparent 40%)}.hero-orbs{position:absolute;inset:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orb-float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;top:-100px;left:-50px;background:#c9a96233}.orb-2{width:300px;height:300px;bottom:-50px;right:-50px;background:#7d947126;animation-delay:-5s}.orb-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:#c17f591f;animation-delay:-10s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}.floating-botanicals{position:absolute;inset:0;overflow:hidden}.botanical-float{position:absolute;font-size:2rem;opacity:.15;animation:botanical-drift 15s ease-in-out infinite}.botanical-float:nth-child(1){top:10%;animation-delay:0s}.botanical-float:nth-child(2){top:30%;animation-delay:-2s}.botanical-float:nth-child(3){top:50%;animation-delay:-4s}.botanical-float:nth-child(4){top:70%;animation-delay:-6s}.botanical-float:nth-child(5){top:20%;animation-delay:-8s}.botanical-float:nth-child(6){top:60%;animation-delay:-10s}@keyframes botanical-drift{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-30px) rotate(10deg);opacity:.2}}.hero-content-enterprise{position:relative;z-index:10;max-width:1200px;width:100%;text-align:center}.trust-row{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap}.trust-row .trust-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.trust-icon{font-size:1rem}.hero-title-enterprise{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.title-pre{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-secondary);font-weight:300}.title-main{font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;line-height:1.1;height:1.2em;overflow:hidden}.word-rotate{display:flex;flex-direction:column;animation:word-rotate-anim 9s infinite}.word-rotate .word{height:1.2em;display:flex;align-items:center;justify-content:center;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes word-rotate-anim{0%,30%{transform:translateY(0)}33.33%,63.33%{transform:translateY(-1.2em)}66.66%,96.66%{transform:translateY(-2.4em)}to{transform:translateY(0)}}.title-sub{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:400;margin-top:var(--space-4)}.hero-desc-enterprise{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--space-12);line-height:1.7}.hero-desc-enterprise strong{color:var(--color-accent-gold)}.intent-grid-enterprise{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:900px;margin:0 auto var(--space-12)}.intent-card-premium{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s var(--ease-out-expo);overflow:hidden;text-align:left;animation:card-fade-in .6s ease backwards}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--glow-color, rgba(201, 169, 98, .2)) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.intent-card-premium:hover .card-glow{opacity:1}.intent-card-premium:hover{transform:translateY(-6px);border-color:#c9a9624d;box-shadow:0 20px 40px #0000004d}.intent-orange{--glow-color: rgba(193, 127, 89, .25)}.intent-green{--glow-color: rgba(125, 148, 113, .25)}.intent-blue{--glow-color: rgba(100, 160, 220, .25)}.intent-yellow{--glow-color: rgba(220, 180, 80, .25)}.intent-purple{--glow-color: rgba(160, 100, 200, .25)}.intent-gold{--glow-color: rgba(201, 169, 98, .3)}.card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-3);flex:1}.intent-icon-large{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.intent-info{display:flex;flex-direction:column;gap:var(--space-1)}.intent-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary)}.intent-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.intent-meta{display:flex;flex-direction:column;gap:var(--space-1);margin-top:auto;padding-top:var(--space-3)}.intent-count{font-size:var(--text-sm);color:var(--color-accent-gold);font-weight:500}.intent-highlight{font-size:var(--text-xs);color:var(--color-text-tertiary)}.card-arrow{position:absolute;bottom:var(--space-4);right:var(--space-4);color:var(--color-accent-gold);opacity:.5;transition:all .3s ease}.intent-card-premium:hover .card-arrow{opacity:1;transform:translate(4px)}.real-stats{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-8)}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-6);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg)}.stat-badge .stat-num{font-family:var(--font-display);font-size:var(--text-2xl);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-badge .stat-lbl{font-size:var(--text-sm);color:var(--color-text-tertiary)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-sm)}.scroll-wheel{width:4px;height:8px;background:var(--color-accent-gold);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll-wheel-anim 2s infinite}@keyframes scroll-wheel-anim{0%{opacity:1;top:8px}to{opacity:0;top:20px}}@media (max-width: 900px){.intent-grid-enterprise{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width: 600px){.intent-grid-enterprise{grid-template-columns:1fr;max-width:350px}.title-main{font-size:var(--text-4xl)}.title-pre,.title-sub{font-size:var(--text-xl)}.trust-row{flex-direction:column;align-items:center}.stats-row{flex-direction:column;gap:var(--space-4)}.stat-divider{width:60px;height:1px}}.enterprise-hero{min-height:100vh;background:var(--color-bg-primary);position:relative;overflow:hidden}.hero-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.hero-gradient-orb:nth-child(1){width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,rgba(201,169,98,.3) 0%,transparent 70%);animation:float-slow 15s infinite ease-in-out}.hero-gradient-orb:nth-child(2){width:500px;height:500px;bottom:-100px;right:-150px;background:radial-gradient(circle,rgba(125,148,113,.25) 0%,transparent 70%);animation:float-slow 18s infinite ease-in-out reverse}.hero-gradient-orb:nth-child(3){width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(193,127,89,.2) 0%,transparent 70%);animation:float-slow 12s infinite ease-in-out}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(201,169,98,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,169,98,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:var(--space-12) var(--space-8)}.trust-badges-row{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);transition:all .3s ease}.trust-badge:hover{background:#ffffff0f;border-color:#c9a96233}.trust-badge .badge-icon{font-size:1.2em}.trust-badge .badge-value{color:var(--color-accent-gold);font-weight:600}.hero-title-section{text-align:center;margin-bottom:var(--space-16)}.hero-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,#c9a96226,#c9a9620d);border:1px solid rgba(201,169,98,.3);border-radius:var(--radius-full);color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-6)}.label-dot{width:6px;height:6px;background:var(--color-accent-gold);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;color:var(--color-text-primary);line-height:1.1;margin-bottom:var(--space-6)}.hero-title .word-container{display:inline-block;position:relative;overflow:hidden;height:1.2em;vertical-align:bottom}.rotating-words{display:flex;flex-direction:column;animation:word-rotate 9s infinite}.rotating-words span{height:1.2em;display:flex;align-items:center;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes word-rotate{0%,30%{transform:translateY(0)}33.33%,63.33%{transform:translateY(-1.2em)}66.66%,96.66%{transform:translateY(-2.4em)}to{transform:translateY(0)}}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.intent-grid-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1200px;margin:0 auto var(--space-16)}.intent-card-premium{position:relative;padding:var(--space-8);background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s var(--ease-out-expo);overflow:hidden}.intent-card-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--card-glow, rgba(201, 169, 98, .15)) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.intent-card-premium:hover:before{opacity:1}.intent-card-premium:hover{transform:translateY(-8px);border-color:#c9a9624d;box-shadow:0 20px 40px #0006,0 0 60px var(--card-glow, rgba(201, 169, 98, .1))}.intent-card-premium.cooking{--card-glow: rgba(193, 127, 89, .2)}.intent-card-premium.health{--card-glow: rgba(125, 148, 113, .2)}.intent-card-premium.recovery{--card-glow: rgba(100, 180, 255, .2)}.intent-card-premium.performance{--card-glow: rgba(255, 180, 100, .2)}.intent-card-premium.cocktails{--card-glow: rgba(180, 100, 255, .2)}.intent-card-premium.explore{--card-glow: rgba(201, 169, 98, .2)}.card-decoration{position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at 100% 0%,var(--card-glow, rgba(201, 169, 98, .1)) 0%,transparent 70%);opacity:.5}.intent-icon-premium{font-size:3rem;margin-bottom:var(--space-4);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));position:relative;z-index:1}.intent-card-premium h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2);position:relative;z-index:1}.intent-card-premium .card-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);position:relative;z-index:1}.card-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);position:relative;z-index:1}.card-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.card-stat span:first-child{color:var(--color-accent-gold);font-weight:600}.card-highlights{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);position:relative;z-index:1}.highlight-tag{padding:var(--space-1) var(--space-3);background:#ffffff0d;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.card-cta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06);color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:500;position:relative;z-index:1}.card-cta .arrow{transition:transform .3s ease}.intent-card-premium:hover .card-cta .arrow{transform:translate(4px)}.testimonials-section{margin-bottom:var(--space-12)}.testimonials-header{text-align:center;margin-bottom:var(--space-8)}.testimonials-header h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.testimonials-header p{color:var(--color-text-tertiary);font-size:var(--text-sm)}.testimonials-carousel{display:flex;gap:var(--space-6);overflow-x:auto;padding:var(--space-4) 0;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials-carousel::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 350px;padding:var(--space-6);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);scroll-snap-align:start}.testimonial-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-gold) 0%,var(--color-accent-copper) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.testimonial-info{flex:1}.testimonial-info h4{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.testimonial-info span{font-size:var(--text-sm);color:var(--color-text-tertiary)}.testimonial-rating{color:var(--color-accent-gold);font-size:var(--text-sm)}.testimonial-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;font-style:italic}.stats-row{display:flex;justify-content:center;gap:var(--space-16);padding:var(--space-8) 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:var(--space-8)}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-sm)}.scroll-mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.2);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--color-accent-gold);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll-wheel 2s infinite}@keyframes scroll-wheel{0%{opacity:1;top:8px}to{opacity:0;top:20px}}.cocktails-view{min-height:100vh;background:var(--color-bg-primary);padding:var(--space-8)}.cocktails-header{margin-bottom:var(--space-8)}.cocktails-disclaimer{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#fbbf241a,#f871710d);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.disclaimer-icon{font-size:1.5rem}.disclaimer-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.disclaimer-text strong{color:var(--color-warning)}.cocktails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.cocktail-card{padding:var(--space-6);background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s var(--ease-out-expo);animation:card-enter .6s ease backwards}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cocktail-card:hover{transform:translateY(-8px);border-color:#c9a9624d;box-shadow:0 20px 40px #0006}.cocktail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.cocktail-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.cocktail-title-info h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.cocktail-aka{font-size:var(--text-sm);color:var(--color-accent-gold);font-style:italic}.cocktail-origin{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.cocktail-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.cocktail-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.evidence-stars{color:var(--color-accent-gold)}.cocktail-benefits{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.benefit-tag{padding:var(--space-1) var(--space-3);background:#7d947126;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent-sage-light)}.cocktail-cta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06);color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:500}.recipe-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-8);animation:overlay-in .3s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.recipe-modal{width:100%;max-width:700px;max-height:90vh;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;animation:modal-in .4s var(--ease-out-expo)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:#fff3;color:var(--color-text-primary)}.recipe-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.recipe-icon-large{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.recipe-header h2{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin:0}.recipe-aka{font-size:var(--text-lg);color:var(--color-accent-gold);font-style:italic;margin:var(--space-1) 0}.recipe-origin{font-size:var(--text-sm);color:var(--color-text-tertiary)}.recipe-story{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#c9a9621a,#c9a96205);border-left:3px solid var(--color-accent-gold);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-6)}.story-icon{font-size:1.5rem}.recipe-story p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);font-style:italic;line-height:1.6}.recipe-section{margin-bottom:var(--space-6)}.recipe-section h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-4)}.ingredients-list{list-style:none;padding:0;margin:0}.ingredients-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid rgba(255,255,255,.05)}.ingredients-list li:last-child{border-bottom:none}.ingredients-list li.optional{opacity:.7}.ing-amount{min-width:60px;font-weight:600;color:var(--color-accent-gold)}.ing-item{flex:1;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.herb-link{padding:var(--space-1) var(--space-2);background:#7d947126;border:none;border-radius:var(--radius-sm);color:var(--color-accent-sage-light);font-size:var(--text-xs);cursor:pointer;transition:all .3s ease}.herb-link:hover{background:#7d94714d}.ing-note{width:100%;font-size:var(--text-sm);color:var(--color-accent-gold);padding-left:calc(60px + var(--space-3))}.ing-optional{font-size:var(--text-xs);color:var(--color-text-tertiary)}.instructions-list{padding-left:var(--space-5);margin:0}.instructions-list li{padding:var(--space-3) 0;color:var(--color-text-secondary);line-height:1.6}.instructions-list li::marker{color:var(--color-accent-gold);font-weight:600}.recipe-benefits-full{margin-bottom:var(--space-6)}.recipe-benefits-full h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-4)}.benefits-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.benefit-tag-large{padding:var(--space-2) var(--space-4);background:#7d947126;border:1px solid rgba(125,148,113,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-accent-sage-light)}.recipe-warnings{padding:var(--space-5);background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.recipe-warnings h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-negative);margin-bottom:var(--space-3)}.recipe-warnings ul{margin:0;padding-left:var(--space-5)}.recipe-warnings li{color:var(--color-text-secondary);padding:var(--space-1) 0}.recipe-evidence{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.evidence-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.evidence-stars-large{font-size:var(--text-xl);color:var(--color-accent-gold)}@media (max-width: 1024px){.intent-grid-premium{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.intent-grid-premium{grid-template-columns:1fr}.trust-badges-row{flex-direction:column;align-items:center;gap:var(--space-3)}.stats-row{flex-direction:column;gap:var(--space-6)}.hero-title{font-size:var(--text-4xl)}.cocktails-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px}@media print{.hero,.app-header,.stack-panel,.app-footer{display:none}.app-main{padding:0}.herb-card{break-inside:avoid;page-break-inside:avoid}}.hero.hero-value{min-height:100vh;background:var(--color-bg-primary);position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}.hero-bg-simple{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(201,169,98,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(125,148,113,.06) 0%,transparent 50%);pointer-events:none}.hero-content-value{position:relative;z-index:1;max-width:800px;text-align:center}.trust-row{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.trust-icon{font-size:var(--text-base)}.value-hook{margin-bottom:var(--space-10)}.hook-headline{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:400;color:var(--color-text-primary);line-height:1.3;margin-bottom:var(--space-4)}.hook-highlight{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hook-subline{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.goal-section{margin-bottom:var(--space-10)}.goal-question{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);max-width:500px;margin:0 auto}.goal-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.goal-card:hover{background:#ffffff0d;border-color:#c9a9624d;transform:translateY(-2px)}.goal-icon{font-size:var(--text-2xl)}.goal-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.cta-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10)}.cta-primary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#c9a96233,#c9a9621a);border:1px solid rgba(201,169,98,.4);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease}.cta-primary:hover{background:linear-gradient(135deg,#c9a9624d,#c9a96226);border-color:var(--color-accent-gold);transform:translateY(-2px)}.cta-icon{font-size:var(--text-2xl)}.cta-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.cta-text strong{font-size:var(--text-lg);color:var(--color-text-primary)}.cta-text small{font-size:var(--text-sm);color:var(--color-text-secondary)}.cta-arrow{font-size:var(--text-xl);color:var(--color-accent-gold);transition:transform .3s ease}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-secondary{padding:var(--space-3) var(--space-6);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.cta-secondary:hover{border-color:#fff3;color:var(--color-text-primary)}.evidence-types{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.06)}.evidence-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.evidence-tags{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.ev-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.ev-meta{background:#10b98126;color:#10b981}.ev-rct{background:#22c55e26;color:#22c55e}.ev-obs{background:#eab30826;color:#eab308}.ev-trad{background:#6b728026;color:#9ca3af}@media (max-width: 600px){.goal-grid{grid-template-columns:repeat(2,1fr)}.trust-row{gap:var(--space-3)}.trust-badge{font-size:var(--text-xs)}}.stack-builder-overlay{position:fixed;inset:0;z-index:9999;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.stack-builder{width:100%;max-width:900px;max-height:85vh;background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column}.stack-header{position:relative;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06);text-align:center}.stack-header h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-1)}.stack-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.stack-header .close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;transition:all .2s ease}.stack-header .close-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.stack-content{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.search-box input{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base)}.search-box input:focus{outline:none;border-color:#c9a96280}.goal-filter{margin-top:var(--space-4)}.goal-filter p{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:var(--space-2)}.goal-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.goal-chip{padding:var(--space-1) var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.goal-chip:hover{background:#ffffff0f}.goal-chip.active{background:#c9a96226;border-color:#c9a96266;color:var(--color-accent-gold)}.herb-results{margin-top:var(--space-4);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.herb-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md)}.herb-result-name{font-size:var(--text-sm);color:var(--color-text-primary)}.herb-result-evidence{font-size:var(--text-xs);color:var(--color-accent-gold)}.add-btn{width:28px;height:28px;background:#c9a96226;border:1px solid rgba(201,169,98,.3);border-radius:var(--radius-full);color:var(--color-accent-gold);font-size:var(--text-base);cursor:pointer;transition:all .2s ease}.add-btn:hover:not(:disabled){background:#c9a96240}.add-btn:disabled{opacity:.5;cursor:not-allowed}.stack-current-panel{padding:var(--space-4);display:flex;flex-direction:column;overflow:hidden}.stack-current-panel h3{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-4)}.stack-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-text-tertiary)}.stack-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.stack-item{padding:var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.stack-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.stack-item-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.remove-btn{width:24px;height:24px;background:#f8717126;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-full);color:#f87171;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#f8717140}.dosage-input{width:100%;padding:var(--space-2);background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.dosage-input:focus{outline:none;border-color:#c9a96266}.stack-item-meta{display:flex;align-items:center;gap:var(--space-2)}.evidence-mini{font-size:var(--text-xs);color:var(--color-accent-gold)}.warning-flag{font-size:var(--text-xs)}.stack-export{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.export-btn{flex:1;padding:var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#ffffff0f;color:var(--color-text-primary)}.export-btn.primary{background:#c9a96226;border-color:#c9a9624d;color:var(--color-accent-gold)}.export-btn.primary:hover{background:#c9a96240}.stack-builder-v2{max-width:1200px;max-height:90vh}.stack-builder-v2 .stack-header{display:flex;justify-content:space-between;align-items:flex-start;text-align:left}.stack-builder-v2 .stack-header-content h2{margin:0;font-size:var(--text-xl)}.stack-builder-v2 .stack-header-content p{margin:var(--space-1) 0 0;color:var(--color-text-tertiary);font-size:var(--text-sm)}.stack-builder-v2 .stack-content{display:block;flex:1;overflow-y:auto}.stack-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-5);border-bottom:1px solid rgba(255,255,255,.06)}.stack-tab{padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.stack-tab:hover{color:var(--color-text-secondary)}.stack-tab.active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.tab-count{background:#c9a96233;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent-gold)}.quick-stacks-panel{padding:var(--space-5);overflow-y:auto;max-height:70vh}.quick-stacks-intro{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5);max-width:600px}.quick-stacks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.quick-stack-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:var(--space-4);transition:all .3s ease}.quick-stack-card:hover{background:#ffffff0a;border-color:#c9a96233;transform:translateY(-2px)}.qs-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.qs-icon{font-size:2rem}.qs-title h4{margin:0;font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.qs-evidence{font-size:var(--text-xs);color:var(--color-accent-gold);opacity:.8}.qs-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.5}.qs-items{list-style:none;padding:0;margin:0 0 var(--space-3)}.qs-items li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:var(--text-sm)}.qs-items li:last-child{border-bottom:none}.qs-items strong{color:var(--color-text-primary);font-weight:500}.qs-dose{color:var(--color-text-tertiary);font-size:var(--text-xs)}.qs-warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);font-size:var(--text-xs);color:#fbbf24;margin-bottom:var(--space-3)}.qs-load-btn{width:100%;padding:var(--space-3);background:#c9a96226;border:1px solid rgba(201,169,98,.3);border-radius:var(--radius-md);color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.qs-load-btn:hover{background:#c9a96240;transform:translate(4px)}.stack-build-panel{display:grid;grid-template-columns:1fr 380px;height:70vh}.stack-search-panel{padding:var(--space-4);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.search-box{position:relative;margin-bottom:var(--space-3)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-sm);opacity:.5}.search-box input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm)}.search-box input:focus{outline:none;border-color:#c9a96266}.search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:24px;height:24px;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm)}.filter-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.goal-filter,.evidence-filter{flex:1;min-width:150px}.goal-filter p,.evidence-filter p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.goal-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.goal-chip{padding:var(--space-2);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-base);cursor:pointer;transition:all .2s ease}.goal-chip:hover{background:#ffffff0f;color:var(--color-text-secondary)}.goal-chip.active{background:#c9a96226;border-color:#c9a9624d;color:var(--color-accent-gold)}.evidence-slider{display:flex;gap:2px}.evidence-level-btn{width:28px;height:28px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:all .2s ease}.evidence-level-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.evidence-level-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.evidence-level-btn.active{background:#c9a96226;border-color:#c9a9624d;color:var(--color-accent-gold)}.results-count{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.herb-result-item{padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.herb-result-item:hover{background:#ffffff0a;border-color:#ffffff14}.herb-result-item.expanded{background:#c9a9620d;border-color:#c9a96226}.herb-result-main{display:flex;justify-content:space-between;align-items:center}.herb-result-info{display:flex;flex-direction:column;gap:2px}.herb-result-scientific{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.herb-result-meta{display:flex;align-items:center;gap:var(--space-2)}.herb-detail-preview{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.herb-detail-benefits{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.herb-detail-dosage{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stack-current-panel{padding:var(--space-4);display:flex;flex-direction:column;overflow:hidden;background:#0003}.stack-current-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.stack-current-header h3{margin:0;font-size:var(--text-base);color:var(--color-text-primary)}.clear-stack-btn{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);color:#f87171;font-size:var(--text-xs);cursor:pointer;transition:all .2s ease}.clear-stack-btn:hover{background:#f871711a}.stack-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6)}.empty-icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.3}.stack-empty p{color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.stack-empty small{color:var(--color-text-tertiary);font-size:var(--text-xs);opacity:.7}.stack-interactions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.interaction-warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs)}.interaction-warning.danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.interaction-warning.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.interaction-warning.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#60a5fa}.interaction-warning.good{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.interaction-icon{flex-shrink:0}.interaction-message{line-height:1.4}.stack-item-reason{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-style:italic}.from-quick{font-size:9px;color:var(--color-text-tertiary);background:#ffffff0d;padding:2px 6px;border-radius:var(--radius-sm)}@media (max-width: 900px){.stack-build-panel{grid-template-columns:1fr;height:auto;max-height:80vh}.stack-search-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);max-height:50vh}.stack-current-panel{max-height:40vh}.quick-stacks-grid{grid-template-columns:1fr}}@media (max-width: 600px){.stack-tabs{padding:0 var(--space-3)}.stack-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.filter-row{flex-direction:column;gap:var(--space-2)}}.herb-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.herb-modal{background:linear-gradient(135deg,#1e1e23fa,#141419fa);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#ffffff26;color:var(--color-text-primary)}.herb-modal-header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.herb-modal-emoji{font-size:4rem;line-height:1}.herb-modal-titles{flex:1}.herb-modal-titles h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--space-1)}.herb-modal-latin{font-style:italic;color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0}.herb-modal-english{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.herb-modal-evidence{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.evidence-stars-large{font-size:var(--text-lg);color:var(--color-accent-gold)}.evidence-label-modal{font-size:var(--text-xs);color:var(--color-text-tertiary)}.herb-modal-content{flex:1;overflow-y:auto;padding:var(--space-5)}.herb-modal-section{margin-bottom:var(--space-5)}.herb-modal-section h3{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.active-compound{font-size:var(--text-base);color:var(--color-accent-gold);font-weight:500;padding:var(--space-3);background:#c9a9621a;border-radius:var(--radius-md)}.effects-detailed{display:flex;flex-direction:column;gap:var(--space-3)}.effect-detailed{padding:var(--space-3);background:#ffffff05;border-radius:var(--radius-md)}.effect-header-detail{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.effect-icon-large{font-size:1.25rem}.effect-name-detail{flex:1;font-weight:500;color:var(--color-text-primary)}.effect-score-detail{font-size:var(--text-sm);color:var(--color-accent-gold);font-weight:600}.effect-bar-detail{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:var(--space-2)}.effect-fill-detail{height:100%;background:linear-gradient(90deg,var(--color-accent-gold),#fbbf24);border-radius:3px;transition:width .5s ease}.effect-description-detail{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0;line-height:1.5}.dosage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.dosage-item{padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md)}.dosage-item.highlight{background:#c9a9621a;border-color:#c9a96233}.dosage-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.dosage-value{display:block;font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.dosage-note{margin-top:var(--space-3);padding:var(--space-3);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:#60a5fa}.timing-info{display:flex;flex-direction:column;gap:var(--space-2)}.timing-row{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.04)}.timing-row:last-child{border-bottom:none}.timing-label{font-size:var(--text-sm);color:var(--color-text-tertiary);min-width:80px}.timing-value{font-size:var(--text-sm);color:var(--color-text-primary)}.stacks-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stack-tag{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs)}.stack-tag.good{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.stack-tag.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.sources-list{display:flex;flex-direction:column;gap:var(--space-2)}.source-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.source-item:hover{background:#ffffff0a;border-color:#c9a96233}.source-type{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase}.source-title{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);min-width:200px}.source-year{font-size:var(--text-xs);color:var(--color-text-tertiary)}.source-link{font-size:var(--text-xs);color:var(--color-accent-gold);font-weight:500}.herb-modal-section.fun-fact{background:#ffffff05;padding:var(--space-4);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent-gold)}.herb-modal-section.fun-fact p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.herb-modal-interactive{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.1)}.interactive-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 768px){.interactive-grid{grid-template-columns:1fr}}.interactive-body h4,.interactive-dosing h4{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.herb-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#0003;border-top:1px solid rgba(255,255,255,.06)}.modal-btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary)}.modal-btn.secondary:hover{background:#ffffff14}.modal-btn.primary{background:#c9a96233;border:1px solid rgba(201,169,98,.3);color:var(--color-accent-gold)}.modal-btn.primary:hover{background:#c9a9624d}.ai-advisor-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.ai-advisor{background:linear-gradient(135deg,#191923fa,#0f0f19fa);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-2xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.ai-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom:1px solid rgba(139,92,246,.2)}.ai-title{display:flex;align-items:center;gap:var(--space-3)}.ai-icon{font-size:2.5rem}.ai-title h2{margin:0;font-size:var(--text-xl);color:var(--color-text-primary)}.ai-title p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-tertiary)}.ai-content{flex:1;overflow-y:auto;padding:var(--space-5)}.ai-section{margin-bottom:var(--space-6)}.ai-section h3{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-2)}.ai-section-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.skip-medication-btn{display:block;width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#4ade8014;border:1px dashed rgba(74,222,128,.3);border-radius:var(--radius-lg);color:var(--color-positive);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;text-align:center}.skip-medication-btn:hover{background:#4ade8026;border-style:solid}.medication-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.med-chip{padding:var(--space-2) var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.med-chip:hover{background:#ffffff0f}.med-chip.selected{background:#ef444426;border-color:#ef44444d;color:#f87171}.med-chip.selected:last-child{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.goal-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-3)}.goal-btn-large{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all .3s ease}.goal-btn-large:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translate(4px)}.goal-btn-icon{font-size:2rem}.goal-btn-text{flex:1;font-size:var(--text-sm)}.goal-btn-arrow{color:var(--color-text-tertiary);font-size:var(--text-lg);transition:transform .2s ease}.goal-btn-large:hover .goal-btn-arrow{transform:translate(4px)}.ai-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-4)}.processing-spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-processing p{color:var(--color-text-secondary);font-size:var(--text-sm)}.ai-result{animation:fadeIn .3s ease}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.result-header h3{font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.result-evidence{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.result-evidence .evidence-stars{color:var(--color-accent-gold);font-size:var(--text-lg)}.result-evidence span:last-child{font-size:var(--text-xs);color:var(--color-text-tertiary)}.result-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.result-warnings{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.warning-item{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.warning-item.info{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24}.warning-item.danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.result-items{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.result-item{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:var(--space-4)}.result-item-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.item-number{width:28px;height:28px;background:#8b5cf633;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#a78bfa}.item-info{flex:1;display:flex;align-items:center;gap:var(--space-2)}.item-name{font-weight:600;color:var(--color-text-primary)}.item-evidence{color:var(--color-accent-gold);font-size:var(--text-sm)}.item-details{display:flex;flex-direction:column;gap:var(--space-2)}.detail-row{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.detail-label{color:var(--color-text-tertiary);min-width:80px}.detail-value{color:var(--color-text-primary)}.detail-row.reason{padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.04)}.detail-row.reason .detail-value{color:var(--color-text-secondary);font-style:italic}.result-sources{margin-bottom:var(--space-4)}.result-sources h4{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.source-link-small{display:block;font-size:var(--text-xs);color:#60a5fa;text-decoration:none;padding:var(--space-2) 0;transition:color .2s ease}.source-link-small:hover{color:#93c5fd}.result-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.action-btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary)}.action-btn.secondary:hover{background:#ffffff14}.action-btn.primary{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border:1px solid rgba(139,92,246,.4);color:#a78bfa}.action-btn.primary:hover{background:linear-gradient(135deg,#8b5cf666,#3b82f666)}.cta-ai{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-xl);color:var(--color-text-primary);cursor:pointer;transition:all .3s ease}.cta-ai:hover{background:linear-gradient(135deg,#8b5cf640,#3b82f640);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf633}.cta-ai .cta-icon{font-size:1.5rem}.cta-ai .cta-text strong{color:#a78bfa}.cta-explore{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.cta-explore:hover{background:#ffffff0d;color:var(--color-text-primary)}@media (max-width: 600px){.ai-advisor{max-height:95vh}.goal-buttons{grid-template-columns:1fr}.result-item-header{flex-wrap:wrap}.detail-row{flex-direction:column;gap:var(--space-1)}.detail-label{min-width:auto}}@media (max-width: 600px){.herb-modal{max-height:95vh}.herb-modal-header{flex-direction:column;gap:var(--space-3)}.herb-modal-evidence{align-items:flex-start}.dosage-grid{grid-template-columns:1fr}.source-item{flex-direction:column;align-items:flex-start}.source-title{min-width:auto}}.hero-premium{position:relative;min-height:100vh;background:#0a0a0a;overflow:hidden}.hero-premium:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1}.hero-bg-premium{position:absolute;inset:0;overflow:hidden}.bg-gradient-1{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(201,169,98,.06) 0%,transparent 50%);animation:bgPulse 20s ease-in-out infinite}.bg-gradient-2{position:absolute;top:-50%;right:-50%;width:150%;height:150%;background:radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.04) 0%,transparent 40%);animation:bgPulse 25s ease-in-out infinite reverse}.hero-bg-premium:after{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,transparent 0%,transparent 50%,rgba(10,10,10,1) 100%),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(125,148,113,.08) 0%,transparent 50%);pointer-events:none;animation:auroraShift 15s ease-in-out infinite}@keyframes auroraShift{0%,to{opacity:1}50%{opacity:.6}}@keyframes bgPulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(5deg);opacity:.8}}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-leaf{position:absolute;font-size:1.5rem;opacity:.1;animation:floatLeaf 20s linear infinite}@keyframes floatLeaf{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.leaf-0{animation-duration:25s;font-size:2rem}.leaf-1{animation-duration:20s;font-size:1.2rem}.leaf-2{animation-duration:30s;font-size:1.8rem}.leaf-3{animation-duration:22s;font-size:1.4rem}.leaf-4{animation-duration:28s;font-size:1.6rem}.hero-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--space-8)}.hero-main{text-align:center;padding:var(--space-16) 0 var(--space-12);animation:fadeInUp .8s ease-out}.hero-main .hero-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full);font-size:var(--text-sm);color:#22c55e;margin-bottom:var(--space-6);animation:fadeInUp .8s ease-out .1s both}.hero-main .hero-badge .badge-icon{font-size:1rem}.hero-main .hero-badge .badge-text{font-weight:500}.hero-title{font-size:clamp(2.5rem,5vw + 1rem,4.5rem);font-weight:400;line-height:1.1;margin-bottom:var(--space-6);animation:fadeInUp .8s ease-out .2s both}.title-gradient{display:block;background:linear-gradient(135deg,#22c55e,#86efac,#c9a962);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;position:relative}.title-gradient:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;background:linear-gradient(135deg,#22c55e,#86efac,#c9a962);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(30px);opacity:.5;z-index:-1;pointer-events:none}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--space-10);line-height:1.7;animation:fadeInUp .8s ease-out .3s both}.hero-subtitle strong{color:var(--color-accent-sage);text-shadow:0 0 20px rgba(125,148,113,.3)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:900px;margin:0 auto var(--space-10);animation:fadeInUp .8s ease-out .4s both}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}.stat-item:hover:before{left:100%}.stat-item:hover{background:#ffffff0a;border-color:#c9a96240;transform:translateY(-6px);box-shadow:0 20px 40px -15px #0000004d,0 0 30px -10px #c9a96226}.stat-icon{font-size:1.8rem;margin-bottom:var(--space-1);transition:transform .3s ease}.stat-item:hover .stat-icon{transform:scale(1.15)}.stat-content{text-align:center}.stat-value{display:block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:500;color:var(--color-text-primary);line-height:1;transition:color .3s ease}.stat-item:hover .stat-value{color:var(--color-accent-gold)}.stat-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-2)}.animated-counter{font-variant-numeric:tabular-nums}.hero-ctas{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);animation:fadeInUp .8s ease-out .5s both}.cta-button{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:none;min-width:260px}.cta-button:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.cta-button:hover:before{opacity:1}.cta-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.cta-button:hover .cta-glow{opacity:1}.cta-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.cta-icon-wrap{font-size:1.8rem;transition:transform .3s ease}.cta-button:hover .cta-icon-wrap{transform:scale(1.1)}.cta-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cta-label strong{font-size:var(--text-lg);font-weight:600}.cta-label small{font-size:var(--text-xs);opacity:.7}.cta-arrow{font-size:var(--text-xl);transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(6px)}.cta-primary-new{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px #22c55e4d,inset 0 1px #ffffff1a}.cta-primary-new:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #22c55e73,0 0 60px -10px #22c55e66,inset 0 1px #ffffff26}.cta-primary-new .cta-glow{background:radial-gradient(circle at center,rgba(255,255,255,.25),transparent 70%)}.cta-ai-new{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #ffffff1a}.cta-ai-new:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #8b5cf673,0 0 60px -10px #8b5cf666,inset 0 1px #ffffff26}.cta-ai-new .cta-glow{background:radial-gradient(circle at center,rgba(255,255,255,.25),transparent 70%)}.hero-paths-section{padding:var(--space-16) 0 var(--space-12);animation:fadeInUp .8s ease-out .4s both}.hero-paths-section .section-header{text-align:center;margin-bottom:var(--space-10)}.hero-paths-section .section-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--color-text-primary);background:linear-gradient(135deg,#fff 0%,var(--color-accent-sage) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-paths-section .section-header p{font-size:var(--text-lg);color:var(--color-text-secondary)}.categories-section{padding:var(--space-16) 0;animation:fadeInUp .8s ease-out .6s both}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--color-text-primary)}.section-header p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.category-card-premium{position:relative;display:flex;flex-direction:column;padding:var(--space-6);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;text-align:left}.category-card-premium .card-glow{position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-gradient);opacity:0;transition:all .4s ease}.category-card-premium:hover .card-glow{opacity:1;height:4px;box-shadow:0 0 20px 2px currentColor}.category-card-premium:hover{transform:translateY(-10px);background:#ffffff0d;border-color:#ffffff26;box-shadow:0 25px 60px #00000059,0 0 40px -15px #7d947133}.card-content{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.card-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .4s ease}.category-card-premium:hover .card-icon{transform:scale(1.15) translateY(-3px)}.card-info h3{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.card-meta{margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.card-count{display:inline-block;padding:var(--space-1) var(--space-3);background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full);font-size:var(--text-xs);color:#22c55e;font-weight:600;margin-bottom:var(--space-2)}.card-highlight{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}.card-arrow{position:absolute;bottom:var(--space-4);right:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);opacity:0;transform:translate(-10px);transition:all .3s ease}.category-card-premium:hover .card-arrow{opacity:1;transform:translate(0);color:var(--color-accent-gold)}.ai-showcase{padding:var(--space-16) 0;animation:fadeInUp .8s ease-out .7s both}.showcase-badge{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary)}.badge-new{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding:var(--space-10);background:linear-gradient(135deg,#8b5cf60d,#3b82f60d);border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-2xl)}.showcase-text h3{font-size:var(--text-3xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.showcase-text>p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.showcase-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.showcase-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary)}.showcase-features .check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#22c55e1a;border-radius:50%;color:#22c55e;font-size:.75rem}.showcase-cta{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s ease}.showcase-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.showcase-cta span{transition:transform .3s ease}.showcase-cta:hover span{transform:translate(4px)}.showcase-preview{display:flex;justify-content:center}.preview-card{width:100%;max-width:360px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:blur(10px)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#8b5cf61a;border-bottom:1px solid rgba(255,255,255,.06)}.preview-title{font-size:var(--text-sm);color:var(--color-text-secondary)}.preview-icon{font-size:1.5rem}.preview-body{padding:var(--space-5)}.preview-protocol{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.protocol-name{font-weight:600;color:var(--color-text-primary)}.protocol-match{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#22c55e1a;border-radius:var(--radius-full);font-size:var(--text-xs);color:#22c55e;font-weight:600;cursor:help;position:relative}.protocol-match:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;z-index:10;margin-bottom:var(--space-2)}.match-info{font-size:10px;opacity:.7;cursor:help}.preview-items{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.preview-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.item-dot{width:6px;height:6px;background:#8b5cf6;border-radius:50%}.preview-bars{display:flex;flex-direction:column;gap:var(--space-3)}.bar-row{display:flex;align-items:center;gap:var(--space-3)}.bar-row span{font-size:var(--text-xs);color:var(--color-text-tertiary);min-width:60px}.bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:var(--radius-full);transition:width 1s ease-out}.bar-fill.safe{background:linear-gradient(90deg,#22c55e,#86efac)}.preview-dots{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.dot{width:8px;height:8px;background:#fff3;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background:#8b5cf6;transform:scale(1.2)}.hero-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-12) 0;animation:fadeInUp .8s ease-out .8s both}.footer-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;text-align:center}.footer-link:hover{background:#ffffff0a;border-color:#c9a96233;transform:translateY(-4px)}.link-icon{font-size:2rem}.link-text{font-weight:600;color:var(--color-text-primary)}.link-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}.premium-footer{background:linear-gradient(180deg,#080808fa,#000);border-top:1px solid rgba(125,148,113,.1);padding:var(--space-20) var(--space-10) var(--space-12);margin-top:var(--space-16);position:relative}.premium-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:1px;background:linear-gradient(90deg,transparent,rgba(125,148,113,.3),transparent)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-16);max-width:1200px;margin:0 auto var(--space-16);align-items:start}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.footer-logo{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-start}.footer-logo .logo-icon{font-size:1.8rem;filter:drop-shadow(0 0 10px rgba(125,148,113,.5))}.footer-logo .logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em}.brand-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;max-width:260px}.footer-stats-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.footer-stat{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);background:#7d947114;border:1px solid rgba(125,148,113,.15);border-radius:var(--radius-full)}.footer-stat strong{color:var(--color-accent-sage);font-weight:600}.footer-section{padding-top:0}.footer-section h5{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-sage);margin-bottom:var(--space-5);font-weight:600}.footer-section button,.footer-section a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none}.footer-section button:hover,.footer-section a:hover{color:var(--color-text-primary);transform:translate(4px)}.footer-link-icon{font-size:.9em;opacity:.7;transition:opacity .2s ease}.footer-section button:hover .footer-link-icon,.footer-section a:hover .footer-link-icon{opacity:1}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,148,113,.15),transparent);max-width:1100px;margin:0 auto var(--space-8)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:1100px;margin:0 auto;padding-top:var(--space-6)}.creator-branding-centered{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.creator-branding-centered .footer-copyright{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.creator-branding-centered .footer-disclaimer{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.creator-branding-centered .divider-dot{color:var(--color-text-muted);font-size:var(--text-xs)}.creator-credits{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.creator-credits .built-by{font-size:var(--text-sm);color:var(--color-text-secondary)}.creator-credits .built-by .name{color:var(--color-accent-gold);font-weight:500;text-decoration:none;transition:color .2s ease}.creator-credits .built-by .name:hover{color:var(--color-accent-sage)}.creator-credits .divider-dot{color:var(--color-text-muted);font-size:var(--text-xs)}.creator-credits .powered-by{font-size:var(--text-sm);color:var(--color-text-secondary)}.creator-credits .claude-badge{display:inline;padding:3px 10px;background:linear-gradient(135deg,#d977571f,#d977570d);border:1px solid rgba(217,119,87,.25);border-radius:var(--radius-sm);font-weight:500;color:#d97757;transition:all .2s ease}.creator-credits .claude-badge:hover{background:linear-gradient(135deg,#d9775733,#d9775714);border-color:#d9775766}@media (max-width: 1024px){.hero-stats,.category-grid{grid-template-columns:repeat(2,1fr)}.showcase-content{grid-template-columns:1fr}.showcase-preview{order:-1}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-container{padding:var(--space-4)}.hero-main{padding:var(--space-10) 0 var(--space-8)}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-item{padding:var(--space-4) var(--space-3)}.stat-value{font-size:var(--text-2xl)}.hero-ctas{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:340px}.category-grid{grid-template-columns:1fr}.hero-footer-links{grid-template-columns:1fr;gap:var(--space-3)}.footer-content{grid-template-columns:1fr;gap:var(--space-10);text-align:center}.footer-section{text-align:center}.footer-section button,.footer-section a{justify-content:center}.footer-bottom{gap:var(--space-4)}.creator-branding-centered,.creator-credits{flex-direction:column;gap:var(--space-2)}.creator-branding-centered .divider-dot,.creator-credits .divider-dot{display:none}.footer-brand{padding-right:0}.footer-stats{justify-content:center}.showcase-content{padding:var(--space-6)}}@media (max-width: 480px){.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:var(--text-base)}.stat-label{font-size:.65rem}}.title-speed{display:block;font-size:.5em;font-weight:400;color:var(--color-accent-gold);margin-top:var(--space-2);opacity:.9}.category-filters{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-primary) 90%,transparent 100%);padding:var(--space-4) var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-2);backdrop-filter:blur(10px)}.modal-disclaimer{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);margin-top:var(--space-6)}.modal-disclaimer .disclaimer-icon{font-size:1.2rem;flex-shrink:0}.modal-disclaimer p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5;margin:0}.interaction-checker-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.interaction-checker{width:100%;max-width:900px;max-height:90vh;background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column}.ic-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#f59e0b0d,#ef44440d)}.ic-title-section{display:flex;align-items:flex-start;gap:var(--space-4)}.ic-icon{font-size:2rem}.ic-title-section h2{font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.ic-title-section p{color:var(--color-text-tertiary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.ic-content{flex:1;overflow-y:auto;padding:var(--space-6)}.ic-section{margin-bottom:var(--space-8)}.ic-section h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2)}.ic-section-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.drug-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.drug-category-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.drug-category-btn:hover{background:#ffffff0a;border-color:#ffffff26}.drug-category-btn.selected{background:#f59e0b1a;border-color:#f59e0b66}.drug-category-btn .cat-icon{font-size:1.5rem}.drug-category-btn .cat-name{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.drug-category-btn.selected .cat-name{color:#fbbf24}.ic-results{background:#0003;border-radius:var(--radius-xl);padding:var(--space-5)}.ic-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.ic-results-header h3{margin:0}.ic-search{padding:var(--space-2) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);min-width:200px}.ic-search:focus{outline:none;border-color:#f59e0b66}.ic-interaction-list{display:flex;flex-direction:column;gap:var(--space-4)}.ic-interaction-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden}.ic-interaction-card.severity-danger{border-color:#ef44444d;background:#ef44440d}.ic-interaction-card.severity-warning{border-color:#f59e0b4d;background:#f59e0b0d}.ic-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0003}.severity-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.severity-badge.danger{background:#ef444433;color:#f87171}.severity-badge.warning{background:#f59e0b33;color:#fbbf24}.severity-badge.info{background:#3b82f633;color:#60a5fa}.drug-name{font-weight:500;color:var(--color-text-primary)}.ic-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ic-herbs{display:flex;flex-direction:column;gap:var(--space-2)}.herbs-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.herbs-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.herb-tag{padding:var(--space-1) var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-full);font-size:var(--text-xs);color:#f87171}.ic-effect,.ic-advice{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.ic-effect strong,.ic-advice strong{color:var(--color-text-primary);margin-right:var(--space-2)}.ic-empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary)}.ic-empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.ic-no-results{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}.ic-footer{padding:var(--space-4) var(--space-6);border-top:1px solid rgba(255,255,255,.06)}@media (max-width: 600px){.drug-category-grid{grid-template-columns:repeat(2,1fr)}.ic-results-header{flex-direction:column;align-items:stretch}.ic-search{width:100%}}.privacy-policy-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.privacy-policy{background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.privacy-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06)}.privacy-header h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.privacy-content{flex:1;overflow-y:auto;padding:var(--space-6)}.privacy-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.06)}.privacy-section:last-of-type{border-bottom:none}.privacy-section h3{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.privacy-section p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.privacy-section ul{list-style:none;padding:0;margin:0}.privacy-section li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;padding:var(--space-2) 0;padding-left:var(--space-4);position:relative}.privacy-section li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;background:var(--color-accent-sage);border-radius:50%}.privacy-footer{padding-top:var(--space-4);text-align:center}.privacy-footer p{font-size:var(--text-xs);color:var(--color-text-tertiary)}.privacy-link{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all .2s ease}.privacy-link:hover{color:var(--color-text-secondary);background:#ffffff0d}@media (max-width: 600px){.privacy-policy{max-height:90vh}.privacy-content{padding:var(--space-4)}}.creator-branding{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(34,197,94,.15);text-align:center}.creator-branding .creator-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.creator-branding .built-by{font-size:.9rem;font-weight:600;color:#fff;letter-spacing:.5px}.creator-branding .built-by .name{background:linear-gradient(135deg,#22c55e,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;animation:name-shimmer 3s ease-in-out infinite}@keyframes name-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.creator-branding .powered-by{font-size:.8rem;color:#fff9;display:flex;align-items:center;gap:.5rem}.creator-branding .claude-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:linear-gradient(135deg,#d9770626,#f59e0b1a);border:1px solid rgba(217,119,6,.4);border-radius:6px;font-weight:500;color:#f59e0b;transition:all .3s ease;animation:claude-pulse 2.5s ease-in-out infinite}.creator-branding .claude-badge:hover{background:#d9770640;box-shadow:0 0 20px #d977064d}.creator-branding .claude-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d97706,#f59e0b);border-radius:4px;font-size:9px;font-weight:700;color:#fff;box-shadow:0 0 8px #d9770680}@keyframes claude-pulse{0%,to{box-shadow:0 0 5px #d9770633}50%{box-shadow:0 0 15px #d9770666}}.body-map-container{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:#0000004d;border:1px solid rgba(125,148,113,.2);border-radius:var(--radius-2xl);min-height:350px}.body-map-svg{width:100%;max-width:250px;height:auto}.body-area{transition:all .3s ease}.body-area:hover circle{fill:#7d947166!important;stroke:#a8c896!important}.body-area.active circle{animation:areaPulse 2s ease-in-out infinite}.area-glow.pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes areaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.area-icon{pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.body-map-tooltip{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#14141ef2;border:1px solid rgba(125,148,113,.4);border-radius:var(--radius-lg);white-space:nowrap;z-index:10;animation:tooltipFade .2s ease}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-icon{font-size:1.2rem}.tooltip-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.body-map-legend{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);width:100%}.legend-title{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.legend-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.legend-item{font-size:var(--text-xs);color:var(--color-accent-sage);padding:var(--space-1) var(--space-2);background:#7d947126;border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-1)}.dosing-info-card{background:#0000004d;border:1px solid rgba(125,148,113,.2);border-radius:var(--radius-xl);padding:var(--space-5)}.dosing-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.dosing-grid{display:flex;flex-direction:column;gap:var(--space-3)}.dosing-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.dosing-item.timing{border-left:3px solid var(--accent, #7d9471)}.dosing-icon{font-size:1.5rem;flex-shrink:0}.dosing-content{display:flex;flex-direction:column;gap:2px}.dosing-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.dosing-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.dosing-detail{font-size:var(--text-xs);color:var(--color-text-secondary)}.rdi-meter{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.rdi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.rdi-header span{font-size:var(--text-xs);color:var(--color-text-secondary)}.rdi-percent{font-weight:700!important;color:var(--color-accent-sage)!important}.rdi-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.rdi-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.rdi-warning{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:#ef4444}.protocol-timeline{background:#0000004d;border:1px solid rgba(125,148,113,.2);border-radius:var(--radius-xl);padding:var(--space-5)}.protocol-timeline.empty{min-height:200px;display:flex;align-items:center;justify-content:center}.timeline-empty-state{text-align:center;color:var(--color-text-tertiary)}.empty-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-3);opacity:.5}.timeline-empty-state h4{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.timeline-empty-state p{font-size:var(--text-sm)}.timeline-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.timeline-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 768px){.timeline-slots{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.timeline-slots{grid-template-columns:1fr}}.timeline-slot{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);overflow:hidden}.slot-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--slot-color-rgb, 125, 148, 113),.1);border-bottom:1px solid rgba(var(--slot-color-rgb, 125, 148, 113),.2)}.slot-icon{font-size:1.1rem}.slot-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);flex:1}.slot-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.slot-items{padding:var(--space-2);min-height:60px}.slot-empty{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;padding:var(--space-3);opacity:.6}.timeline-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#7d94711a;border-radius:var(--radius-md);margin-bottom:var(--space-1)}.timeline-item:last-child{margin-bottom:0}.item-emoji{font-size:1rem}.item-info{flex:1;display:flex;flex-direction:column}.item-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.item-dose{font-size:10px;color:var(--color-text-tertiary)}.item-remove{background:none;border:none;color:var(--color-text-tertiary);font-size:1rem;cursor:pointer;padding:0 var(--space-1);opacity:.5;transition:opacity .2s}.item-remove:hover{opacity:1;color:#ef4444}.timeline-summary{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.summary-stat{text-align:center}.summary-stat .stat-number{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent-sage);display:block}.summary-stat .stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase}.hero-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}@media (max-width: 900px){.hero-paths{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}.path-card{position:relative;background:#0006;border:1px solid rgba(125,148,113,.2);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.path-card:before{content:"";position:absolute;inset:0;background:var(--path-gradient);opacity:0;transition:opacity .4s ease}.path-card:hover{transform:translateY(-8px);border-color:#7d947180;box-shadow:0 20px 40px #0006}.path-card:hover:before{opacity:.1}.path-icon{position:relative;font-size:3.5rem;margin-bottom:var(--space-4);display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.path-title{position:relative;font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.path-description{position:relative;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.path-examples{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.path-example{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:#7d947126;border-radius:var(--radius-full);color:var(--color-accent-sage)}.path-cta{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#7d947133;border:1px solid rgba(125,148,113,.4);border-radius:var(--radius-full);color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm);transition:all .3s ease}.path-card:hover .path-cta{background:var(--color-accent-sage);color:#0a0a0f}.path-cta-arrow{transition:transform .3s ease}.path-card:hover .path-cta-arrow{transform:translate(4px)}.category-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#7d94711a;border:1px solid rgba(125,148,113,.2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.category-badge.cooking{--badge-color: #f59e0b}.category-badge.supplement{--badge-color: #8b5cf6}.category-badge.goal{--badge-color: #10b981}.herb-modal-overlay-new{position:fixed;inset:0;z-index:10000;background:#000000d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .3s ease}.herb-modal-new{background:linear-gradient(145deg,#1e1e1efa,#141414fa);border-radius:var(--radius-2xl);border:1px solid rgba(125,148,113,.3);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0009,0 0 100px #7d94711a;animation:modalSlideUp .4s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-new{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:linear-gradient(180deg,rgba(125,148,113,.1),transparent);border-bottom:1px solid rgba(125,148,113,.2)}.modal-header-left{display:flex;align-items:center;gap:var(--space-4)}.modal-emoji-large{font-size:3.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.modal-titles h2{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.modal-latin{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.modal-header-right{display:flex;align-items:center;gap:var(--space-4)}.evidence-badge-large{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.evidence-badge-large .stars{font-size:1.1rem;color:#f59e0b;letter-spacing:2px}.evidence-badge-large .label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.modal-close-new{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-new:hover{background:#ffffff1a;color:var(--color-text-primary)}.modal-body-new{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);padding:var(--space-6);overflow-y:auto;flex:1}.modal-body-left{background:#0000004d;border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid rgba(125,148,113,.15)}.modal-body-left h4{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-align:center}.body-visualization{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.body-svg{width:140px;height:200px}.body-glow-circle{pointer-events:none}.body-point{cursor:pointer}.body-legend{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#7d94710d;border-radius:var(--radius-md)}.legend-icon{font-size:1rem}.legend-name{font-size:var(--text-xs);color:var(--color-text-secondary);min-width:60px}.legend-bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.legend-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-sage),#a3c28c);border-radius:var(--radius-full)}.legend-percent{font-size:var(--text-xs);color:var(--color-accent-sage);font-weight:600;min-width:35px;text-align:right}.modal-body-right{display:flex;flex-direction:column;gap:var(--space-4)}.info-panel{background:#ffffff08;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(125,148,113,.15)}.info-panel h4{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.dosage-panel{background:linear-gradient(135deg,#7d94711a,#7d94710d)}.dosage-main{display:flex;flex-direction:column;gap:var(--space-1)}.dosage-value-large{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.dosage-type{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dosage-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.05)}.timing-panel{border-left:3px solid var(--panel-color, var(--color-accent-sage))}.timing-main{display:flex;align-items:center;gap:var(--space-3)}.timing-icon-large{font-size:2rem}.timing-text{display:flex;flex-direction:column;gap:2px}.timing-value{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.timing-detail{font-size:var(--text-sm);color:var(--color-text-tertiary)}.absorption-main{display:flex;align-items:center;gap:var(--space-3)}.absorption-icon{font-size:1.5rem}.absorption-text{flex:1;display:flex;flex-direction:column;gap:2px}.absorption-need{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.absorption-detail{font-size:var(--text-xs);color:var(--color-text-tertiary)}.absorption-importance{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:#7d947133;border-radius:var(--radius-full);color:var(--color-accent-sage)}.absorption-importance.critical{background:#ef444433;color:#f87171}.warnings-panel{background:linear-gradient(135deg,rgba(239,68,68,.05),transparent);border-color:#ef444433}.warnings-list{display:flex;flex-direction:column;gap:var(--space-2)}.warning-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:#0003;border-radius:var(--radius-md);border-left:3px solid}.warning-item.danger{border-color:#ef4444}.warning-item.warning{border-color:#f59e0b}.warning-drug{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.warning-effect{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stacks-panel{background:linear-gradient(135deg,rgba(16,185,129,.05),transparent);border-color:#10b98133}.stacks-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stack-pill{padding:var(--space-1) var(--space-3);background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);font-size:var(--text-sm);color:#6ee7b7}.modal-footer-new{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#0000004d;border-top:1px solid rgba(125,148,113,.15)}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer-actions{display:flex;gap:var(--space-3)}.btn-secondary{padding:var(--space-2) var(--space-5);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-primary{padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,var(--color-accent-sage),#6b8c5a);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7d947166}@media (max-width: 768px){.modal-body-new{grid-template-columns:1fr}.modal-body-left{order:2}.modal-header-new{flex-direction:column;gap:var(--space-4);text-align:center}.modal-header-left{flex-direction:column}.modal-footer-new{flex-direction:column;gap:var(--space-3);text-align:center}}.ai-advisor-overlay-new{position:fixed;inset:0;z-index:10000;background:#000000e6;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .3s ease}.ai-advisor-new{background:linear-gradient(145deg,#191919fa,#0f0f0ffa);border-radius:var(--radius-2xl);border:1px solid rgba(125,148,113,.25);max-width:1000px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -15px #000000b3,0 0 120px #7d947114;animation:modalSlideUp .4s ease}.ai-header-new{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:linear-gradient(180deg,rgba(125,148,113,.08),transparent);border-bottom:1px solid rgba(125,148,113,.15)}.ai-header-left{display:flex;align-items:center;gap:var(--space-4)}.ai-icon-container{width:50px;height:50px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#7d94714d,#7d94711a);display:flex;align-items:center;justify-content:center;position:relative}.ai-icon-glow{font-size:1.8rem;animation:pulse 2s ease-in-out infinite}.ai-titles h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.ai-titles p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.ai-close-new{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.ai-close-new:hover{background:#ffffff1a;color:var(--color-text-primary)}.ai-progress{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6);gap:var(--space-2);background:#0003}.progress-step{display:flex;align-items:center;gap:var(--space-2);opacity:.4;transition:all .3s ease}.progress-step.active{opacity:1}.progress-step.completed{opacity:.7}.progress-step .step-number{width:28px;height:28px;border-radius:var(--radius-full);background:#7d947133;border:2px solid rgba(125,148,113,.3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);transition:all .3s ease}.progress-step.active .step-number{background:var(--color-accent-sage);border-color:var(--color-accent-sage);color:#fff}.progress-step.completed .step-number{background:#7d947166;border-color:#7d947180}.progress-step .step-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.progress-line{width:40px;height:2px;background:#7d947133}.ai-content-new{flex:1;overflow-y:auto;padding:var(--space-6)}.ai-step{animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-step h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.goal-card-new{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;overflow:hidden;animation:fadeIn .4s ease backwards}.goal-card-new:hover{transform:translateY(-5px);border-color:var(--goal-color);background:rgba(var(--goal-color),.05)}.goal-card-new:hover .goal-glow{opacity:.15}.goal-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:100px;background:var(--goal-color);filter:blur(40px);opacity:0;transition:opacity .3s ease;pointer-events:none}.goal-icon-large{font-size:3rem;margin-bottom:var(--space-3);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.goal-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.goal-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}.meds-step{text-align:center}.meds-desc{color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.meds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.med-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.med-card:hover{border-color:#7d947166;background:#7d94710d}.med-card.selected{border-color:var(--color-accent-sage);background:#7d947126}.med-icon{font-size:1.5rem;margin-bottom:var(--space-2)}.med-name{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.med-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent-sage);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.meds-actions{display:flex;justify-content:center;gap:var(--space-4)}.btn-skip{padding:var(--space-3) var(--space-5);background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.btn-skip:hover{background:#ffffff0d;border-color:#ffffff40}.result-step{animation:fadeSlideIn .5s ease}.result-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-6);margin-bottom:var(--space-6)}.result-left,.result-right{display:flex;flex-direction:column;gap:var(--space-4)}.result-header-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,rgba(var(--result-color),.1),transparent);border-radius:var(--radius-xl);border:1px solid rgba(var(--result-color),.2);border-left:4px solid var(--result-color)}.result-emoji{font-size:2.5rem}.result-title-group{flex:1}.result-title-group h3{font-size:var(--text-lg);margin:0 0 var(--space-1) 0;text-align:left}.result-title-group p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.result-evidence{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.result-evidence .stars{font-size:1rem;color:#f59e0b;letter-spacing:2px}.result-evidence .label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.body-effects-card,.warnings-card,.timeline-card,.items-card{background:#0000004d;border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid rgba(125,148,113,.1)}.body-effects-card h4,.warnings-card h4,.timeline-card h4,.items-card h4{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.body-effect-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.body-effect-row .effect-icon{font-size:1.25rem}.body-effect-row .effect-info{flex:1;display:flex;flex-direction:column}.body-effect-row .effect-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.body-effect-row .effect-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.effect-bar-container{width:100px;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.effect-bar-fill{height:100%;border-radius:var(--radius-full)}.effect-percent{font-size:var(--text-sm);color:var(--color-accent-sage);font-weight:600;min-width:40px;text-align:right}.warnings-card{background:linear-gradient(135deg,rgba(239,68,68,.05),transparent);border-color:#ef444433}.warning-row{padding:var(--space-2) var(--space-3);background:#0003;border-radius:var(--radius-md);font-size:var(--text-sm);color:#fca5a5;margin-bottom:var(--space-2)}.warning-row:last-child{margin-bottom:0}.timeline-visual{display:flex;flex-direction:column;gap:var(--space-2);position:relative;padding-left:var(--space-8)}.timeline-visual:before{content:"";position:absolute;left:17px;top:10px;bottom:10px;width:2px;background:#7d947133}.timeline-slot{display:flex;align-items:flex-start;gap:var(--space-3);position:relative}.slot-time{position:absolute;left:-60px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);min-width:50px;text-align:right}.slot-dot{width:10px;height:10px;border-radius:var(--radius-full);margin-top:5px;position:relative;z-index:1;flex-shrink:0}.slot-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.slot-item{padding:var(--space-1) var(--space-3);background:#7d947126;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-primary)}.protocol-item{padding:var(--space-3);background:#7d94710d;border-radius:var(--radius-lg);margin-bottom:var(--space-2);border:1px solid rgba(125,148,113,.1)}.protocol-item:last-child{margin-bottom:0}.item-main{display:flex;align-items:flex-start;gap:var(--space-3)}.item-time-icon{font-size:1.25rem}.item-details{flex:1}.protocol-item .item-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);display:block}.protocol-item .item-reason{font-size:var(--text-xs);color:var(--color-text-tertiary)}.item-dose{font-size:var(--text-sm);font-weight:600;color:var(--color-accent-sage);background:#7d947126;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.item-meta{display:flex;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.05)}.item-timing{font-size:var(--text-xs);color:var(--color-text-tertiary)}.item-evidence{font-size:var(--text-xs);color:#f59e0b;letter-spacing:1px}.result-actions{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(125,148,113,.1)}.ai-processing-new{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);z-index:10}.processing-animation{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:var(--radius-full);border:2px solid rgba(125,148,113,.4);animation:pulseRing 1.5s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.processing-icon{font-size:2rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-processing-new p{color:var(--color-text-secondary);font-size:var(--text-base)}.ai-footer-new{padding:var(--space-3) var(--space-6);background:#0000004d;border-top:1px solid rgba(125,148,113,.1);text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary)}@media (max-width: 768px){.goal-grid,.meds-grid{grid-template-columns:repeat(2,1fr)}.result-layout{grid-template-columns:1fr}.meds-actions,.result-actions{flex-direction:column}}.stack-builder-overlay-new{position:fixed;inset:0;z-index:10000;background:#000000e6;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .3s ease}.stack-builder-new{background:linear-gradient(145deg,#191919fa,#0f0f0ffa);border-radius:var(--radius-2xl);border:1px solid rgba(125,148,113,.25);max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -15px #000000b3,0 0 120px #7d947114;animation:modalSlideUp .4s ease}.sb-header-new{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:linear-gradient(180deg,rgba(125,148,113,.08),transparent);border-bottom:1px solid rgba(125,148,113,.15)}.sb-header-left{display:flex;align-items:center;gap:var(--space-4)}.sb-icon-container{width:50px;height:50px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#7d94714d,#7d94711a);display:flex;align-items:center;justify-content:center;position:relative}.sb-icon-glow{font-size:1.8rem;animation:pulse 2s ease-in-out infinite}.sb-titles h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.sb-titles p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.sb-header-right{display:flex;align-items:center;gap:var(--space-3)}.stack-counter{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);background:#7d947126;border-radius:var(--radius-lg)}.counter-number{font-size:var(--text-lg);font-weight:700;color:var(--color-accent-sage)}.counter-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sb-close-new{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.sb-close-new:hover{background:#ffffff1a;color:var(--color-text-primary)}.sb-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-6);background:#0003;border-bottom:1px solid rgba(125,148,113,.1)}.sb-tab{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.sb-tab:hover:not(:disabled){color:var(--color-text-secondary);background:#ffffff08}.sb-tab.active{color:var(--color-accent-sage);border-bottom-color:var(--color-accent-sage)}.sb-tab:disabled{opacity:.4;cursor:not-allowed}.tab-icon{font-size:1.1rem}.tab-label{font-weight:500}.tab-badge{padding:2px 6px;background:var(--color-accent-sage);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff;min-width:18px;text-align:center}.sb-content{flex:1;overflow-y:auto;padding:var(--space-6)}.sb-quick-tab{animation:fadeSlideIn .4s ease}.quick-intro{text-align:center;margin-bottom:var(--space-6)}.quick-intro h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.quick-intro p{font-size:var(--text-base);color:var(--color-text-tertiary)}.quick-stacks-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.quick-stack-card-new{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-5);transition:all .3s ease;animation:fadeIn .4s ease backwards}.quick-stack-card-new:hover{transform:translateY(-5px);border-color:#7d94714d;background:#7d94710d}.qs-header-new{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.qs-icon-large{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.qs-title-group{flex:1}.qs-title-group h4{font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.qs-evidence-badge{display:flex;align-items:center;gap:var(--space-1)}.qs-evidence-badge .stars{color:#f59e0b;font-size:var(--text-sm);letter-spacing:1px}.qs-evidence-badge .label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.qs-description-new{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.qs-items-new{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.qs-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#7d947114;border-radius:var(--radius-md)}.qs-item-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.qs-item-dose{font-size:var(--text-xs);color:var(--color-text-tertiary)}.qs-warning-new{padding:var(--space-2) var(--space-3);background:#ef44441a;border-left:3px solid rgba(239,68,68,.5);border-radius:var(--radius-md);font-size:var(--text-sm);color:#fca5a5;margin-bottom:var(--space-4)}.qs-load-btn-new{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-accent-sage),#6b8c5a);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.qs-load-btn-new:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7d947166}.sb-build-tab{animation:fadeSlideIn .4s ease}.build-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-6);height:100%}.build-search,.build-stack{display:flex;flex-direction:column}.build-search{background:#0003;border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid rgba(125,148,113,.1)}.search-header h3{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-4)}.search-input-group{position:relative;display:flex;align-items:center;margin-bottom:var(--space-4)}.search-icon-new{position:absolute;left:var(--space-3);font-size:1.1rem;color:var(--color-text-tertiary)}.search-input-new{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm)}.search-input-new:focus{outline:none;border-color:var(--color-accent-sage)}.search-clear-new{position:absolute;right:var(--space-2);width:24px;height:24px;border-radius:var(--radius-full);background:#ffffff1a;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-new:hover{background:#ffffff26}.search-filters{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.goal-pills,.evidence-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.goal-pill,.evidence-pill{width:36px;height:36px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-tertiary);font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.goal-pill:hover,.evidence-pill:hover{background:#ffffff14;border-color:#7d94714d}.goal-pill.active,.evidence-pill.active{background:#7d947133;border-color:var(--color-accent-sage);color:var(--color-accent-sage)}.evidence-pill{font-size:.9rem}.search-results{flex:1;overflow-y:auto;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.05)}.results-count{font-size:var(--text-sm);color:var(--color-text-tertiary)}.results-list{display:flex;flex-direction:column;gap:var(--space-2)}.herb-search-item{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-3);transition:all .2s ease}.herb-search-item:hover{border-color:#7d94714d;background:#7d94710d}.herb-item-main{display:flex;justify-content:space-between;align-items:center}.herb-item-info{display:flex;align-items:center;gap:var(--space-2)}.herb-item-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.herb-item-evidence{font-size:var(--text-xs);color:#f59e0b}.herb-add-btn{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--color-accent-sage);border:none;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.herb-add-btn:hover:not(:disabled){transform:scale(1.1)}.herb-add-btn:disabled{background:#7d94714d;cursor:not-allowed}.herb-add-btn.added{background:#7d947180}.build-stack{background:#0003;border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid rgba(125,148,113,.1)}.stack-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.stack-header-section h3{font-size:var(--text-lg);color:var(--color-text-primary)}.clear-stack-btn-new{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.clear-stack-btn-new:hover{background:#ef44441a;border-color:#ef444480}.stack-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.empty-icon-large{font-size:4rem;margin-bottom:var(--space-4);opacity:.3}.stack-empty-state h4{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stack-empty-state p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.stack-warnings-section{margin-bottom:var(--space-4)}.interaction-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#0003;border-radius:var(--radius-lg);margin-bottom:var(--space-2);border-left:3px solid}.interaction-alert.danger{border-color:#ef4444;background:#ef44440d}.interaction-alert.warning{border-color:#f59e0b;background:#f59e0b0d}.interaction-alert.good{border-color:#10b981;background:#10b9810d}.alert-icon{font-size:1.2rem}.alert-text{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary)}.stack-items-list{flex:1;overflow-y:auto;margin:0 calc(var(--space-4) * -1) var(--space-4);padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.stack-item-card{background:#7d94710d;border:1px solid rgba(125,148,113,.15);border-radius:var(--radius-lg);padding:var(--space-4)}.stack-item-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.stack-item-left{display:flex;align-items:center;gap:var(--space-3)}.stack-item-number{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent-sage);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.stack-item-info{display:flex;flex-direction:column;gap:2px}.stack-item-name-text{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.from-protocol{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.stack-item-remove{width:28px;height:28px;border-radius:var(--radius-full);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.stack-item-remove:hover{background:#ef444433;border-color:#ef444480}.stack-item-reason-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.stack-item-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.control-group{display:flex;flex-direction:column;gap:var(--space-1)}.control-group label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dose-input-new,.timing-select-new{padding:var(--space-2) var(--space-3);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm)}.dose-input-new:focus,.timing-select-new:focus{outline:none;border-color:var(--color-accent-sage)}.timing-select-new{cursor:pointer}.stack-item-footer{display:flex;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.05)}.item-evidence-stars{font-size:var(--text-xs);color:#f59e0b;letter-spacing:1px}.stack-export-section{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(125,148,113,.1)}.export-btn-new{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.export-btn-new.primary{background:linear-gradient(135deg,var(--color-accent-sage),#6b8c5a);color:#fff}.export-btn-new.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-secondary)}.export-btn-new:hover{transform:translateY(-2px)}.export-btn-new.primary:hover{box-shadow:0 4px 12px #7d947166}.export-btn-new.secondary:hover{background:#ffffff0d}.sb-timeline-tab{animation:fadeSlideIn .4s ease}.timeline-intro{text-align:center;margin-bottom:var(--space-6)}.timeline-intro h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.timeline-intro p{font-size:var(--text-base);color:var(--color-text-tertiary)}.timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.timeline-slot-card{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-5);animation:fadeIn .4s ease backwards}.timeline-slot-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.05)}.slot-icon{font-size:2rem}.timeline-slot-header h4{flex:1;font-size:var(--text-lg);color:var(--color-text-primary);margin:0}.slot-count{width:28px;height:28px;border-radius:var(--radius-full);background:#7d947133;color:var(--color-accent-sage);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600}.slot-empty{text-align:center;padding:var(--space-6);color:var(--color-text-tertiary);font-size:1.5rem;opacity:.3}.slot-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-item{padding:var(--space-3);background:#7d947114;border-radius:var(--radius-lg);border-left:3px solid var(--color-accent-sage)}.timeline-item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.timeline-item-name{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.timeline-item-dose{font-size:var(--text-sm);color:var(--color-accent-sage);font-weight:600}.timeline-item-reason{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.4}.timeline-footer{display:flex;justify-content:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(125,148,113,.1)}@media (max-width: 968px){.build-layout,.timeline-grid,.quick-stacks-grid-new{grid-template-columns:1fr}}@media (max-width: 768px){.sb-tabs{flex-direction:column;gap:0}.sb-tab{border-bottom:1px solid rgba(255,255,255,.05)}.stack-item-controls{grid-template-columns:1fr}.stack-export-section,.timeline-footer{flex-direction:column}}