@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;overflow:hidden}.sidebar-content{display:flex;flex-direction:column;height:100%;opacity:1;transition:opacity .15s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:1.05rem;color:var(--text-primary)}.sidebar-brand strong{color:var(--accent)}.sidebar-collapse-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center}.sidebar-collapse-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-new-chat{display:flex;align-items:center;gap:.45rem;margin:.75rem .75rem 0;padding:.55rem .85rem;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s}.sidebar-new-chat:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sidebar-nav{padding:.5rem .75rem}.sidebar-section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:.75rem 0 .35rem .35rem}.sidebar-nav-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .55rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);font-size:.84rem;cursor:pointer;text-align:left;transition:background .12s}.sidebar-nav-item:hover{background:var(--bg-surface-hover)}.sidebar-history{flex:1;display:flex;flex-direction:column;padding:0 .75rem;min-height:0}.sidebar-empty{display:flex;align-items:center;gap:.4rem;color:var(--text-tertiary);font-size:.8rem;padding:.5rem .35rem}.sidebar-history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-history-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.45rem .55rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);font-size:.82rem;cursor:pointer;text-align:left;position:relative;transition:background .12s}.sidebar-history-item:hover{background:var(--bg-surface-hover)}.sidebar-history-item.active{background:var(--accent-soft);font-weight:500}.history-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-date{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap}.history-delete{opacity:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.sidebar-history-item:hover .history-delete{opacity:1}.history-delete:hover{color:#ef4444;background:#ef444414}.sidebar-deep-dive{padding:.5rem .75rem .75rem;border-top:1px solid var(--border-subtle);margin-top:auto}.sidebar-deep-dive-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem .35rem;border:none;background:transparent;color:var(--text-tertiary);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:color .15s}.sidebar-deep-dive-toggle:hover{color:var(--text-secondary)}.sidebar-deep-dive-toggle .chevron{transition:transform .2s ease}.sidebar-deep-dive-toggle .chevron.rotated{transform:rotate(180deg)}.sidebar-deep-dive-list{display:flex;flex-direction:column;gap:1px;margin-top:.35rem}.sidebar-deep-dive-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .55rem;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;text-align:left;transition:background .12s,color .12s}.sidebar-deep-dive-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-theme-toggle{display:flex;align-items:center;gap:2px;padding:.35rem;margin-top:auto;background:var(--bg-inset);border-radius:var(--radius-sm)}.theme-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.4rem;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.theme-btn:hover{color:var(--text-secondary);background:var(--bg-surface-hover)}.theme-btn.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-sm)}.chat-pane{width:var(--chat-width);min-width:340px;max-width:520px;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-chat);position:relative}.chat-pane-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;min-height:44px;border-bottom:1px solid var(--border-subtle);background:var(--bg-chat)}.chat-open-sidebar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.35rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center}.chat-open-sidebar:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.chat-clear-btn{display:flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);font-size:.78rem;cursor:pointer;margin-left:auto;transition:all .12s}.chat-clear-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.chat-clear-btn:disabled{opacity:.5;cursor:not-allowed}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.chat-msg{display:flex;gap:.6rem;max-width:100%;animation:fadeInUp .2s ease both}.chat-msg.user{justify-content:flex-end}.chat-msg.user .chat-msg-bubble{background:var(--accent);color:#fff;border-radius:var(--radius-md) var(--radius-md) 4px var(--radius-md);max-width:85%}.chat-msg.assistant{align-items:flex-start}.chat-msg.system{justify-content:center;margin:.5rem 0}.chat-system-divider{display:flex;align-items:center;gap:.75rem;width:100%}.chat-system-divider:before,.chat-system-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.chat-system-divider span{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.chat-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.assistant-avatar{background:var(--accent-soft);color:var(--accent)}.chat-msg-bubble{padding:.65rem .9rem;border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 4px;background:var(--bg-surface-hover);color:var(--text-primary);font-size:.9rem;line-height:1.55;max-width:90%}.chat-msg-bubble p{margin:0 0 .4rem;word-break:break-word}.chat-msg-bubble p:last-child{margin-bottom:0}.chat-msg-bubble.loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-style:italic}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-tool-status{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.35rem .65rem;background:var(--accent-soft, #e8f5e9);border-radius:var(--radius-sm);color:var(--accent, #0f7b3f);font-size:.78rem;font-style:italic;animation:fadeInStatus .3s ease}@keyframes fadeInStatus{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-artifact-cards{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.chat-artifact-card{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;text-align:left;transition:all .12s}.chat-artifact-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.artifact-card-type{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600}.artifact-card-title{font-size:.82rem;color:var(--text-primary)}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:2rem 1rem}.chat-welcome-logo{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.chat-welcome h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.chat-welcome p{color:var(--text-secondary);font-size:.88rem;margin:0;max-width:300px}.chat-quick-prompts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem}.quick-prompt-btn{padding:.45rem .85rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-size:.82rem;cursor:pointer;transition:all .12s}.quick-prompt-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chat-input-area{padding:.75rem 1.25rem .85rem;border-top:1px solid var(--border-subtle);background:var(--bg-chat)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.45rem .55rem .45rem .85rem;transition:border-color .15s,box-shadow .15s}.chat-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;resize:none;outline:none;min-height:24px;max-height:160px;line-height:1.45;padding:.2rem 0;overflow-y:auto}.chat-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:#1a1a1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.chat-send-btn:disabled{background:#d0d0d0;color:#999;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{background:#333}.chat-disclaimer{margin:.45rem 0 0;font-size:.7rem;color:var(--text-tertiary);text-align:center}.chat-suggestion-item{display:flex;flex-direction:column;gap:.2rem;margin:.35rem 0}.chat-suggestion-btn{display:inline-block;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600;cursor:pointer;text-align:left;width:fit-content;transition:all .15s}.chat-suggestion-btn:hover{background:var(--accent);color:#fff}.chat-suggestion-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45;padding-left:.2rem}.thermo-timeline-wrapper{position:relative;width:100%;min-height:400px;background:#0003;border-radius:12px;padding:1rem 0;margin-bottom:2rem}.thermo-axis text{fill:var(--text-secondary);font-size:.75rem;font-family:inherit}.thermo-axis path,.thermo-axis line{stroke:#fff3}.stage-marker:hover circle{filter:drop-shadow(0 0 8px rgba(255,209,102,.6))}.thermo-tooltip{background:#0f0f14f2;border:1px solid var(--accent-thermo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;border-radius:8px;min-width:250px;max-width:300px;z-index:100;box-shadow:0 8px 32px #0006}.thermo-tooltip h4{margin:0 0 .25rem;color:var(--text-primary);font-size:.95rem}.thermo-tooltip .tt-meta{font-family:Space Mono,monospace;font-size:.8rem;color:var(--accent-thermo);margin:0 0 .75rem}.thermo-tooltip .tt-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin:0 0 .75rem}.thermo-tooltip .tt-rxns{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.thermo-tooltip .tt-rxns li{font-size:.75rem;background:#ef233c26;color:#ffd166;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(239,35,60,.3)}.artifact-panel{flex:1;height:100vh;display:flex;flex-direction:column;background:var(--bg-artifact);overflow:hidden;min-width:0}.artifact-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);gap:.5rem;flex-shrink:0}.artifact-tabs{display:flex;gap:2px;overflow-x:auto;flex:1;min-width:0}.artifact-tab{padding:.35rem .75rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .12s}.artifact-tab:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.artifact-tab.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.artifact-header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.artifact-nav-btn,.artifact-close-btn,.artifact-export-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center}.artifact-nav-btn:hover,.artifact-close-btn:hover,.artifact-export-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.artifact-nav-btn:disabled{opacity:.3;cursor:default}.artifact-close-btn:hover{color:#ef4444}.artifact-export-btn:hover{color:var(--accent)}.artifact-counter{font-size:.72rem;color:var(--text-tertiary);min-width:30px;text-align:center}.artifact-body{flex:1;overflow-y:auto;padding:0}.artifact-welcome{height:100%;display:flex;flex-direction:column}.artifact-welcome-hero{flex:1;min-height:300px;background-size:cover;background-position:center;display:flex;align-items:flex-end;position:relative}.artifact-welcome-overlay{width:100%;padding:3rem 2.5rem;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);color:#fff}.artifact-welcome-overlay h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin:0}.artifact-welcome-overlay p{margin:.5rem 0 0;font-size:1rem;opacity:.85;max-width:400px}.artifact-season-card{padding:1.25rem 1.5rem;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.season-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.season-month{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.season-badge{font-size:.72rem;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.season-tip{margin:0 0 .75rem;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.season-ingredients{display:flex;flex-wrap:wrap;gap:.4rem}.season-ingredient-tag{font-size:.78rem;padding:.25rem .6rem;border-radius:var(--radius-sm);background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-subtle)}.artifact-generic{padding:1.5rem}.artifact-generic h3{font-family:var(--font-display);font-size:1.15rem;margin:0 0 1rem}.artifact-json{font-size:.78rem;background:var(--bg-surface-hover);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.artifact-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.9rem}.artifact-atomic{padding:1.5rem;max-width:600px;margin:0 auto}.artifact-atomic-wide{max-width:1000px}.artifact-atomic-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.artifact-atomic-header h3{font-family:var(--font-display);font-size:1.15rem;font-weight:500;margin:0;color:var(--text-primary)}.artifact-deep-dive-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--accent);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.artifact-deep-dive-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.artifact-atomic-body{display:flex;flex-direction:column;gap:1rem}.artifact-sensory-card{padding:.5rem 0 0}.artifact-flavor-bars{display:flex;flex-direction:column;gap:.55rem}.artifact-flavor-row{display:grid;grid-template-columns:10px 90px minmax(0,1fr) 48px;align-items:center;gap:.6rem}.artifact-flavor-dot{width:8px;height:8px;border-radius:50%}.artifact-flavor-label,.artifact-flavor-value{font-size:.82rem;color:var(--text-secondary)}.artifact-flavor-track{height:8px;background:#0f172a14;border-radius:999px;overflow:hidden}.artifact-flavor-fill{height:100%;border-radius:999px}.artifact-summary-strip{display:flex;flex-wrap:wrap;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);background:#f59e0b14;border:1px solid rgba(245,158,11,.18);color:var(--text-primary);font-size:.86rem}.artifact-time-section h4{margin:0 0 .6rem;font-size:.92rem;color:var(--text-primary)}.artifact-mode-toggle{display:inline-flex;gap:.35rem;padding:.3rem;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-subtle);width:fit-content}.artifact-mode-toggle button{border:none;background:transparent;color:var(--text-secondary);padding:.45rem .8rem;border-radius:999px;cursor:pointer;font-size:.8rem}.artifact-mode-toggle button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.artifact-relationship-card{position:relative;min-height:620px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.time-intensity-container svg{width:100%;display:block}.time-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.time-legend-item{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.76rem}.time-legend-dot{width:8px;height:8px;border-radius:50%}.causal-diagram-container{width:100%;height:100%;position:absolute;inset:0}.causal-diagram-container svg{width:100%;height:100%}.diagram-legend{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;max-width:calc(100% - 24px);align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:8px;background:#ffffffeb;border:1px solid var(--border-subtle);font-size:.68rem;color:var(--text-tertiary);pointer-events:none;z-index:10;box-shadow:var(--shadow-sm)}.legend-section{display:flex;align-items:center;gap:.6rem}.legend-item{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-line{width:14px;height:2px;border-radius:1px;flex-shrink:0}.legend-divider{width:1px;height:14px;background:var(--border-subtle)}.node-tooltip{position:absolute;transform:translate(-50%,-100%);padding:.5rem .75rem;border-radius:8px;background:#fffffffa;border:1px solid rgba(79,70,229,.15);box-shadow:var(--shadow-lg);pointer-events:none;z-index:20;display:flex;flex-direction:column;gap:.15rem;white-space:normal;max-width:240px}.node-tooltip strong{font-size:.8rem;color:var(--text-primary)}.tooltip-type{font-size:.68rem;color:var(--text-tertiary);font-style:italic}.tooltip-conn,.tooltip-flavors{font-size:.65rem;color:var(--accent-molecular)}.tooltip-evidence{font-size:.6rem;color:var(--text-secondary);font-style:italic}.cld-controls{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius-sm);background:#fffffff2;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:12}.cld-ctrl-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.cld-ctrl-btn:hover{background:var(--bg-surface-hover)}.cld-ctrl-btn.cld-reset{margin-left:4px;border-left:1px solid var(--border-subtle);padding-left:6px}.cld-zoom-level{font-size:.72rem;color:var(--text-tertiary);min-width:36px;text-align:center}.cld-filters{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);background:#fffffff2;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:12}.cld-filters-label{font-size:.72rem;color:var(--text-tertiary);margin-right:4px}.cld-filter-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;font-size:.72rem;color:var(--text-secondary);cursor:pointer;transition:all .15s}.cld-filter-btn:hover{border-color:var(--filter-color, var(--accent))}.cld-filter-btn.hidden{opacity:.5;background:var(--bg-inset)}.cld-filter-btn .filter-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--filter-color, var(--text-tertiary))}.cld-selection-hint{position:absolute;left:50%;bottom:56px;transform:translate(-50%);padding:6px 12px;border-radius:var(--radius-sm);background:#000000bf;color:#fff;font-size:.72rem;z-index:11;pointer-events:none}.artifact-hint{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin:0;padding:1rem;background:var(--bg-card-alt);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.artifact-seed-tags{display:flex;flex-wrap:wrap;gap:.4rem}.artifact-tag{display:inline-block;padding:.3rem .65rem;border-radius:999px;background:#4f46e50f;border:1px solid rgba(79,70,229,.15);color:var(--accent-molecular);font-size:.82rem;font-weight:500}.artifact-drink-list{display:flex;flex-direction:column;gap:.5rem}.artifact-drink-card{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;text-align:left;transition:all .15s}.artifact-drink-card:hover{border-color:var(--accent-sensory)}.artifact-drink-card.active{border-color:var(--accent-sensory);background:#7c3aed0a;box-shadow:var(--shadow-sm)}.artifact-drink-card strong{font-size:.88rem;color:var(--text-primary)}.artifact-drink-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.artifact-drink-badge{display:inline-flex;align-items:center;padding:.2rem .45rem;border-radius:999px;background:#4f46e514;color:var(--accent);font-size:.66rem;font-weight:600;white-space:nowrap}.artifact-drink-type{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.artifact-drink-meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.72rem;color:var(--text-tertiary)}.artifact-drink-meta span{padding:.18rem .45rem;border-radius:999px;background:#0f172a0d}.artifact-drink-reason{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.artifact-drink-notes,.artifact-drink-tip{font-size:.76rem;color:var(--text-secondary);line-height:1.35}.artifact-suggestions{padding-top:.75rem;border-top:1px solid var(--border-subtle)}.artifact-suggestions-label{font-size:.78rem;color:var(--text-secondary);margin:0 0 .4rem;font-weight:500}.flavor-wheel-container{display:flex;justify-content:center;padding:1rem}.artifact-center{display:flex;justify-content:center;align-items:center}.comparison-view{display:flex;flex-direction:column;gap:1.25rem}.comparison-chart{display:flex;justify-content:center;padding:.5rem}.comparison-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.comparison-card{padding:.85rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-top-width:3px}.comparison-card-title{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.comparison-dot{width:10px;height:10px;border-radius:50%}.comparison-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.comparison-meta-item{font-size:.78rem;color:var(--text-secondary)}.comparison-meta-item.difficulty{padding:.15rem .5rem;border-radius:999px;background:var(--bg-inset);font-size:.72rem}.comparison-ingredients{padding-top:.65rem;border-top:1px solid var(--border-subtle)}.comparison-ingredients-label{font-size:.72rem;color:var(--text-tertiary);display:block;margin-bottom:.35rem}.comparison-ingredients-list{display:flex;flex-wrap:wrap;gap:.3rem}.comparison-ingredient-tag{font-size:.72rem;padding:.2rem .5rem;border-radius:999px;background:var(--bg-surface-hover);color:var(--text-secondary)}.comparison-ingredient-more{font-size:.72rem;color:var(--text-tertiary);padding:.2rem .3rem}.comparison-empty{padding:2rem;text-align:center;color:var(--text-tertiary)}.substitution-tree{padding:.5rem 0}.substitution-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.substitution-list{display:flex;flex-direction:column;gap:.5rem}.substitution-node{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.substitution-header{display:flex;align-items:center;gap:.65rem;width:100%;padding:.75rem 1rem;border:none;background:var(--bg-card);cursor:pointer;text-align:left;transition:background .12s}.substitution-header:hover{background:var(--bg-card-hover)}.substitution-category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.substitution-name{flex:1;font-size:.92rem;font-weight:500;color:var(--text-primary)}.substitution-count{font-size:.75rem;color:var(--text-tertiary)}.substitution-chevron{color:var(--text-tertiary);flex-shrink:0}.substitution-children{padding:.5rem 1rem 1rem;background:var(--bg-inset);display:flex;flex-direction:column;gap:.5rem}.substitution-item{padding:.65rem .85rem;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle)}.substitution-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.substitution-item-name{font-size:.88rem;font-weight:500;color:var(--text-primary)}.substitution-match{display:flex;gap:2px}.match-bar{width:8px;height:8px;border-radius:2px;background:var(--bg-surface-hover);border:1px solid var(--border-subtle)}.match-bar.filled{background:var(--accent);border-color:var(--accent)}.substitution-item-ratio{font-size:.78rem;color:var(--text-secondary);margin-bottom:.25rem}.substitution-item-notes{font-size:.78rem;color:var(--text-tertiary);line-height:1.4;margin-bottom:.35rem}.substitution-item-tags{display:flex;flex-wrap:wrap;gap:.3rem}.dietary-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:500}.chat-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-base)}.chat-layout.sidebar-collapsed .sidebar{width:0;min-width:0;padding:0;overflow:hidden;border-right:none}.chat-layout.sidebar-collapsed .sidebar-content{opacity:0;pointer-events:none}@media(max-width:1200px){.chat-layout .sidebar{position:fixed;z-index:100;height:100vh;box-shadow:var(--shadow-lg)}.chat-layout.sidebar-collapsed .sidebar{transform:translate(-100%)}.chat-layout .chat-pane{max-width:50%}}@media(max-width:768px){.chat-layout{flex-direction:column}.chat-layout .sidebar{position:fixed;z-index:100;width:280px;box-shadow:var(--shadow-lg)}.chat-layout.sidebar-collapsed .sidebar{transform:translate(-100%)}.chat-layout .chat-pane{width:100%;max-width:100%;min-width:100%;border-right:none}.chat-layout .artifact-panel{position:fixed;inset:0;z-index:50;display:none}.chat-layout .artifact-panel.mobile-visible{display:flex}}:root{color-scheme:light;--bg-base: #f7f7f8;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-surface: #ffffff;--bg-surface-hover: #f0f0f2;--bg-sidebar: #f0f0f2;--bg-chat: #ffffff;--bg-artifact: #fafafa;--bg-input: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fa;--bg-card-alt: #f5f6f8;--bg-inset: #f0f1f3;--border-subtle: rgba(0, 0, 0, .08);--border-active: rgba(0, 0, 0, .18);--border-card: rgba(0, 0, 0, .1);--text-primary: #1a1a1a;--text-secondary: #555555;--text-tertiary: #888888;--accent: #0a8a6e;--accent-hover: #07755c;--accent-soft: rgba(10, 138, 110, .08);--accent-molecular: #4f46e5;--accent-thermo: #c2410c;--accent-bio: #15803d;--accent-sensory: #7c3aed;--accent-experience: #0284c7;--accent-match: #9333ea;--accent-neuro: #db2777;--accent-cyan: #0891b2;--accent-gold: #a16207;--accent-warning: #dc2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--shadow-glow: none;--glass-blur: 0px;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 260px;--chat-width: 440px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.surface-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.surface-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-active)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-weight:500;font-size:.88rem;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem 1rem;font-weight:500;font-size:.88rem;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-active)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:500}input[type=text],input[type=search],textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.55rem .75rem;color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;outline:none;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=search]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .3s ease both}.login-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);padding:1rem}.login-form{display:flex;flex-direction:column;gap:1.1rem;padding:2.5rem 2rem;border-radius:var(--radius-lg);width:100%;max-width:360px;background:#fff;box-shadow:var(--shadow-lg)}.login-logo{display:flex;align-items:center;gap:.5rem;justify-content:center;color:var(--text-primary)}.login-logo h1{font-family:var(--font-display);font-size:1.8rem;font-weight:600;margin:0}.login-logo h1 span{color:var(--accent)}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:.88rem;margin:-.4rem 0 .3rem}.login-form label{display:flex;flex-direction:column;gap:.3rem}.login-form label span{font-size:.78rem;color:var(--text-secondary)}.login-form input{padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-base);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-btn{padding:.65rem;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s;margin-top:.3rem}.login-btn:hover{background:var(--accent-hover)}.login-error{color:#ef4444;font-size:.82rem;text-align:center;margin:-.3rem 0}.login-footer-text{text-align:center;color:var(--text-tertiary);font-size:.72rem;margin-top:.5rem}:root[data-theme=dark]{color-scheme:dark;--bg-base: #0f0f10;--bg-primary: #1a1a1c;--bg-secondary: #141416;--bg-surface: #1e1e21;--bg-surface-hover: #28282c;--bg-sidebar: #141416;--bg-chat: #1a1a1c;--bg-artifact: #141416;--bg-input: #1e1e21;--bg-card: #1e1e21;--bg-card-hover: #28282c;--bg-card-alt: #232326;--bg-inset: #141416;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .16);--border-card: rgba(255, 255, 255, .08);--text-primary: #f0f0f2;--text-secondary: #a0a0a6;--text-tertiary: #6a6a72;--accent: #10b981;--accent-hover: #0d9668;--accent-soft: rgba(16, 185, 129, .12);--accent-molecular: #818cf8;--accent-thermo: #fb923c;--accent-bio: #4ade80;--accent-sensory: #a78bfa;--accent-experience: #38bdf8;--accent-match: #c084fc;--accent-neuro: #f472b6;--accent-cyan: #22d3ee;--accent-gold: #fbbf24;--accent-warning: #f87171;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 6px rgba(0, 0, 0, .3);--shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(16, 185, 129, .15);--glass-blur: 12px}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}:root[data-theme=dark] .login-gate{background:linear-gradient(135deg,#0f0f10,#1a1a1c)}:root[data-theme=dark] .login-form{background:var(--bg-surface);box-shadow:var(--shadow-lg)}:root[data-theme=dark] .login-form input{background:var(--bg-inset);border-color:var(--border-subtle);color:var(--text-primary)}:root[data-theme=dark] .chat-send-btn{background:#f0f0f2;color:#1a1a1c}:root[data-theme=dark] .chat-send-btn:disabled{background:#3a3a3e;color:#6a6a72}:root[data-theme=dark] .chat-send-btn:not(:disabled):hover{background:#d0d0d2}:root[data-theme=dark] .chat-msg.user .chat-msg-bubble{background:var(--accent);color:#fff}body{margin:0;padding:0;min-height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;font-weight:400;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;margin:0;letter-spacing:-.02em}.glass-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .2s ease}.glass-panel:hover{border-color:var(--border-active);box-shadow:var(--shadow-card-hover)}button{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.6em 1.2em;font-size:.9rem;font-family:var(--font-body);font-weight:500;background-color:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s}button:hover{background-color:var(--bg-surface-hover);border-color:var(--border-active)}button:focus,button:focus-visible{outline:2px solid var(--accent-molecular);outline-offset:2px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-in-up .4s ease both}.placeholder{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-secondary);font-family:var(--font-display);font-weight:300}