@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--bg: #08090d;--bg-elevated: #11131b;--bg-panel: #0d0f15;--border: #1f2230;--border-soft: #181a24;--text: #e8eaf0;--text-dim: #8a8d9b;--text-faint: #5a5d6c;--accent: #ff7a3d;--accent-dim: rgba(255, 122, 61, .12);--accent-edge: rgba(255, 122, 61, .45)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Geist,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg)}.sidebar-toggle{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:30px;height:30px;border-radius:6px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--accent-edge)}.brand{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--accent);font-style:italic;margin-left:.75rem}.title-block{display:flex;align-items:baseline;gap:1rem;margin-left:.5rem}.title-block h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.1rem;letter-spacing:-.005em;margin:0}.meta{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-family:Geist Mono,monospace}.tag{padding:2px 7px;border-radius:3px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-edge)}.dot{width:3px;height:3px;background:var(--text-faint);border-radius:50%}.header-spacer{flex:1}.toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:6px 11px 6px 9px;border-radius:6px;cursor:pointer;font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:7px;transition:background .15s,color .15s,border-color .15s}.toggle-btn:hover{background:var(--bg-elevated);color:var(--text)}.toggle-btn .dot-indicator{width:7px;height:7px;border-radius:50%;background:var(--text-faint);transition:background .15s,box-shadow .15s}.toggle-btn.on .dot-indicator{background:var(--accent);box-shadow:0 0 8px var(--accent)}.toggle-btn.on{color:var(--text);border-color:var(--accent-edge)}.main{flex:1;display:grid;grid-template-columns:320px 1fr;min-height:0;transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1)}.app.sidebar-collapsed .main{grid-template-columns:0px 1fr}.sidebar{border-right:1px solid var(--border);padding:1.5rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.75rem;background:var(--bg-panel);transition:opacity .2s ease,padding .28s cubic-bezier(.4,0,.2,1)}.app.sidebar-collapsed .sidebar{padding:0;opacity:0;pointer-events:none}.panel h2{font-family:Geist Mono,monospace;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);margin:0 0 .85rem}.state-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.state-list button{width:100%;text-align:left;background:transparent;border:1px solid var(--border-soft);color:var(--text);padding:.7rem .8rem;border-radius:6px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:3px;transition:background .12s ease,border-color .12s ease}.state-list button:hover{background:var(--bg-elevated);border-color:var(--border)}.state-list button.active{background:var(--accent-dim);border-color:var(--accent-edge)}.state-name{font-weight:500;font-size:.92rem}.state-desc{font-size:.78rem;color:var(--text-dim);line-height:1.4}.state-list button.active .state-desc{color:#ffeadcc7}.info-grid{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 1rem;font-family:Geist Mono,monospace;font-size:.82rem}.info-grid dt{color:var(--text-dim)}.info-grid dd{margin:0;text-align:right;color:var(--text)}.obj-list{margin:0;padding-left:1.1rem;font-size:.83rem;color:var(--text-dim);line-height:1.55}.obj-list li{margin-bottom:.4rem}.obj-list li::marker{color:var(--accent)}.viewer{position:relative;overflow:hidden;min-width:0}.viewer>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0}.caption{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);font-family:Fraunces,Georgia,serif;font-style:italic;font-size:.95rem;color:var(--text-dim);background:#08090d8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 16px;border-radius:999px;border:1px solid var(--border-soft);pointer-events:none;z-index:5;letter-spacing:.005em}.timeline{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 3rem));background:#0d0f15eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:10px;padding:.7rem .95rem 1.4rem;z-index:10;display:flex;flex-direction:column;gap:.55rem;box-shadow:0 8px 30px #0006}.timeline-controls{display:flex;align-items:center;gap:.5rem}.ctrl-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform .06s;padding:0}.ctrl-btn:hover{background:var(--bg-panel);border-color:var(--accent-edge)}.ctrl-btn:active{transform:scale(.96)}.ctrl-btn.play{background:var(--accent);border-color:var(--accent);color:#0a0b10}.ctrl-btn.play:hover{background:#ff8e57;border-color:#ff8e57}.time{margin-left:auto;font-family:Geist Mono,monospace;font-size:.72rem;color:var(--text-dim);letter-spacing:.04em;display:flex;gap:5px;align-items:baseline}.time-sep{color:var(--text-faint)}.timeline-track{position:relative;height:8px;background:var(--bg-elevated);border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:.3rem;border:1px solid var(--border-soft)}.timeline-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent),#ffa874);border-radius:3px;pointer-events:none}.timeline-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border:2px solid var(--accent);border-radius:50%;pointer-events:none;box-shadow:0 0 12px #ff7a3d80}.timeline-marker{position:absolute;top:0;bottom:0;pointer-events:none}.marker-tick{position:absolute;top:-4px;bottom:-4px;left:0;width:2px;transform:translate(-50%);background:#ffffff40;border-radius:1px}.marker-label{position:absolute;top:calc(100% + 6px);left:0;transform:translate(-50%);font-family:Geist Mono,monospace;font-size:.62rem;color:var(--text-faint);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}@media (max-width: 720px){.header{padding:.65rem .85rem;gap:.4rem}.brand{font-size:.95rem;margin-left:.4rem}.title-block{display:none}.toggle-btn{padding:5px 9px;font-size:.62rem}.timeline{width:calc(100% - 1.5rem);padding:.6rem .7rem 1.3rem}.marker-label{font-size:.55rem}}.reaction-selector{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:500;padding:6px 28px 6px 12px;border-radius:6px;cursor:pointer;margin-left:.75rem;transition:border-color .15s,background .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 14px) center,calc(100% - 9px) center;background-size:5px 5px;background-repeat:no-repeat;max-width:320px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reaction-selector:hover{background-color:var(--bg-panel);border-color:var(--accent-edge)}.reaction-selector:focus{outline:none;border-color:var(--accent)}.reaction-selector option{background:var(--bg-panel);color:var(--text);font-family:Geist,system-ui,sans-serif}.lewis-inset{position:absolute;top:1rem;right:1rem;background:#0d0f15eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:10px;padding:.45rem .55rem .55rem;z-index:6;box-shadow:0 8px 30px #0006;display:flex;flex-direction:column;gap:.3rem;pointer-events:none}.lewis-inset-label{font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.lewis-inset-body{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:6px;overflow:hidden;min-height:0}.lewis-inset-status{font-family:Geist Mono,monospace;font-size:.7rem;color:var(--text-faint)}.lewis-inset-svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lewis-inset-svg svg{display:block;max-width:100%;max-height:100%}.atom-tooltip{background:#0d0f15f5;border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;font-size:.78rem;color:var(--text);box-shadow:0 6px 20px #00000080;min-width:150px;transform:translate(14px,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.atom-tooltip.pinned{border-color:var(--accent);box-shadow:0 6px 20px #ff7a3d40}.atom-tooltip-header{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-bottom:.4rem;border-bottom:1px solid var(--border-soft);padding-bottom:.25rem}.atom-tooltip-symbol{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--accent)}.atom-tooltip-id{font-family:Geist Mono,monospace;font-size:.7rem;color:var(--text-faint)}.atom-tooltip-details{display:grid;grid-template-columns:auto 1fr;gap:.18rem .7rem;margin:0}.atom-tooltip-details dt{color:var(--text-dim);font-size:.7rem;letter-spacing:.02em}.atom-tooltip-details dd{margin:0;font-family:Geist Mono,monospace;font-size:.78rem;color:var(--text);text-align:right}.atom-tooltip-details dd.tt-charged{color:var(--accent)}.atom-tooltip-hint{font-size:.65rem;color:var(--text-faint);font-style:italic;margin-top:.4rem;text-align:right}.title-block .meta{margin-top:0}.mech-tag{font-family:Geist Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.mech-tag.mech-concerted{color:#6dd3a7}.mech-tag.mech-stepwise{color:#ffb24a}.info-grid dd.mech-concerted{color:#6dd3a7;font-weight:500}.info-grid dd.mech-stepwise{color:#ffb24a;font-weight:500}.kind-badge{font-family:Geist Mono,monospace;font-size:.6rem;letter-spacing:.08em;padding:2px 6px;border-radius:3px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-panel);white-space:nowrap}.kind-badge.kind-reactant{color:#87b8f2;border-color:#87b8f24d}.kind-badge.kind-transition-state{color:#ffb24a;border-color:#ffb24a66;background:#ffb24a14}.kind-badge.kind-intermediate{color:#ff7a3d;border-color:#ff7a3d66;background:#ff7a3d14}.kind-badge.kind-product{color:#6dd3a7;border-color:#6dd3a74d}.state-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;width:100%}.caption{display:flex;align-items:center;gap:.5rem;padding:6px 14px}.caption-kind{font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.08em;padding:2px 6px;border-radius:3px}.caption-kind.kind-reactant{color:#87b8f2;background:#87b8f21f}.caption-kind.kind-transition-state{color:#ffb24a;background:#ffb24a26}.caption-kind.kind-intermediate{color:#ff7a3d;background:#ff7a3d26}.caption-kind.kind-product{color:#6dd3a7;background:#6dd3a71f}.caption-text{font-style:italic}.lewis-inset-label.kind-transition-state{color:#ffb24a;font-weight:600}.lewis-inset-label.kind-intermediate{color:#ff7a3d;font-weight:600}.lewis-inset-label.kind-reactant,.lewis-inset-label.kind-product{color:var(--text-dim);font-weight:500}.speed-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:Geist Mono,monospace;font-size:.72rem;padding:4px 22px 4px 8px;border-radius:5px;cursor:pointer;margin-left:.5rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 11px) center,calc(100% - 7px) center;background-size:4px 4px;background-repeat:no-repeat}.speed-select:hover{border-color:var(--accent-edge)}.speed-select:focus{outline:none;border-color:var(--accent)}.timeline-marker.kind-ts .marker-tick{width:2px;height:16px;background:#ffb24a}.timeline-marker.kind-ts .marker-tick-glyph{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:700;color:#ffb24a}.timeline-marker.kind-int .marker-tick{width:6px;height:6px;margin-top:5px;background:#ff7a3d;border-radius:0;transform:rotate(45deg)}.timeline-marker.kind-int .marker-tick-glyph{display:none}.marker-tick{position:relative}.inspector-state{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--accent);font-weight:500}.energy-diagram{position:relative;height:78px;margin:0 14px 6px;background:#0f111880;border:1px solid var(--border);border-radius:6px;overflow:hidden}.energy-diagram svg{width:100%;height:100%;display:block}.energy-diagram-label{position:absolute;top:6px;left:8px;font-family:Geist Mono,monospace;font-size:.62rem;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;pointer-events:none;z-index:2}.substrate-switcher{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.substrate-btn{flex:1 1 auto;min-width:0;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;font-family:inherit;font-size:.78rem;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.substrate-btn:hover{color:var(--text);border-color:var(--accent-edge)}.substrate-btn.active{background:#ff7a3d1a;border-color:var(--accent);color:var(--accent);font-weight:500}.substrate-hint{margin:.6rem 0 0;font-size:.74rem;color:var(--text-dim);line-height:1.4}.substrate-hint strong{color:var(--text);text-transform:uppercase;font-size:.7rem;letter-spacing:.04em}.info-grid dd.radical-count{color:#ff7a3d;font-weight:600}.reaction-selector optgroup{font-style:normal;font-weight:600;color:var(--accent);font-family:Geist Mono,monospace;font-size:.75rem;letter-spacing:.04em;background:var(--bg)}.reaction-selector option{font-weight:400;color:var(--text);padding-left:.6rem}.bottom-controls{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:min(680px,calc(100% - 3rem));display:flex;flex-direction:column;gap:.4rem;z-index:10;pointer-events:none}.bottom-controls>*{pointer-events:auto}.bottom-controls .timeline{position:relative;bottom:auto;left:auto;transform:none;width:100%}.bottom-controls .energy-diagram{position:relative;margin:0;width:100%}.mode-toggle{display:flex;gap:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:2px;margin-left:.5rem}.mode-btn{position:relative;padding:5px 14px;background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:.78rem;font-weight:500;letter-spacing:.02em;cursor:pointer;border-radius:6px;transition:all .15s;display:flex;align-items:center;gap:.4rem}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--accent);color:#1a1a1a;font-weight:600}.mode-btn-tag{font-size:.6rem;padding:1px 5px;border-radius:3px;background:#ffb24a40;color:#ffb24a;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.mode-btn.active .mode-btn-tag{background:#1a1a1a33;color:#1a1a1a}.display-mode-toggle{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.04em;padding:5px 10px;border-radius:5px;cursor:pointer;margin-right:.5rem;transition:all .15s}.display-mode-toggle:hover{color:var(--text);border-color:var(--accent-edge)}.title-line{margin:0;display:flex;align-items:baseline;gap:.6rem}.reaction-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;color:var(--text);letter-spacing:-.005em}.reaction-subtitle-h{font-family:Geist,system-ui,sans-serif;font-size:.78rem;color:var(--text-dim);font-style:italic}.picker-panel{padding-bottom:.4rem}.reaction-picker{display:flex;flex-direction:column;gap:.3rem}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 .4rem;font-size:.7rem;color:var(--text-dim)}.picker-count{font-family:Geist Mono,monospace;letter-spacing:.04em}.picker-bulk{display:flex;gap:.3rem}.picker-bulk button{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:Geist Mono,monospace;font-size:.65rem;padding:2px 6px;border-radius:3px;cursor:pointer;transition:all .15s}.picker-bulk button:hover{color:var(--text);border-color:var(--accent-edge)}.picker-categories{display:flex;flex-direction:column;gap:.15rem}.picker-category{border-radius:5px;overflow:hidden}.category-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:6px 8px;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:.85rem;cursor:pointer;border-radius:4px;transition:background .12s;text-align:left}.category-header:hover{background:#ff7a3d0f}.picker-category.open .category-header{background:#ff7a3d14;color:var(--accent);font-weight:500}.category-chevron{display:inline-block;width:12px;font-family:Geist Mono,monospace;font-size:.85rem;color:var(--text-dim)}.picker-category.open .category-chevron{color:var(--accent)}.category-name{flex:1;text-transform:capitalize}.category-count{font-family:Geist Mono,monospace;font-size:.7rem;color:var(--text-dim);background:var(--bg-elevated);padding:1px 6px;border-radius:8px;min-width:18px;text-align:center}.category-body{padding:.2rem 0 .4rem .6rem;display:flex;flex-direction:column;gap:.4rem}.template-group{border-left:2px solid var(--accent-edge);padding-left:.5rem;margin-left:.3rem}.template-group-label{font-size:.7rem;font-weight:600;color:var(--text-dim);letter-spacing:.02em;display:flex;align-items:center;gap:.4rem;padding:2px 0}.variant-count{font-family:Geist Mono,monospace;font-size:.62rem;font-weight:400;color:var(--accent);background:#ff7a3d14;padding:1px 5px;border-radius:3px}.reaction-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.reaction-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:5px 8px;background:transparent;border:none;border-radius:4px;cursor:pointer;text-align:left;font-family:inherit;color:var(--text-dim);transition:all .12s}.reaction-item:hover{background:#ffffff0a;color:var(--text)}.reaction-item.selected{background:#ff7a3d1f;color:var(--accent)}.reaction-primary{font-size:.82rem;line-height:1.25;font-weight:500}.reaction-item.selected .reaction-primary{font-weight:600}.reaction-subtitle{font-size:.7rem;color:var(--text-dim);margin-top:1px}.reaction-item.selected .reaction-subtitle{color:var(--accent-edge)}.mech-2d-wrapper{position:absolute;top:5rem;right:1rem;background:#fffffff5;border:1px solid var(--border);border-radius:8px;padding:0;box-shadow:0 4px 16px #00000040;z-index:6;overflow:hidden;transition:all .2s}.mech-2d-wrapper.fullscreen{top:5rem;right:1rem;bottom:auto}.mech-2d-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.08)}.mech-2d-title{font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#555;font-weight:500}.mech-2d-expand{background:transparent;border:none;color:#555;cursor:pointer;padding:2px 6px;border-radius:3px;font-size:.9rem;line-height:1}.mech-2d-expand:hover{background:#0000000f;color:#111}.mechanism-2d{display:block;background:#fff}.mechanism-2d svg{display:block;width:100%;height:100%}.custom-mode-area{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem;overflow-y:auto;background:var(--bg)}.custom-substrate-panel{max-width:760px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.custom-header{display:flex;align-items:center;gap:1rem;margin-bottom:-.5rem}.custom-title{font-family:Fraunces,Georgia,serif;font-size:1.4rem;font-weight:500;color:var(--text);margin:0}.custom-status-badge{font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.08em;padding:4px 10px;border-radius:4px;background:#ffb24a26;color:#ffb24a;text-transform:uppercase;font-weight:600}.custom-intro{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-dim)}.custom-section{display:flex;flex-direction:column;gap:.6rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem}.custom-label{font-family:Geist Mono,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.smiles-input-row{display:flex;gap:.5rem}.smiles-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:Geist Mono,monospace;font-size:.95rem;padding:8px 12px;border-radius:6px;outline:none;transition:border-color .15s}.smiles-input:focus{border-color:var(--accent)}.smiles-input.invalid{border-color:#c0392b}.smiles-submit{background:var(--accent);color:#1a1a1a;border:none;padding:8px 18px;border-radius:6px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.smiles-submit:disabled{opacity:.4;cursor:not-allowed}.smiles-submit:hover:not(:disabled){opacity:.9}.smiles-error{margin:0;font-size:.75rem;color:#c0392b}.example-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.example-label{font-size:.75rem;color:var(--text-dim);font-style:italic}.example-pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:Geist Mono,monospace;font-size:.75rem;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .12s}.example-pill:hover{background:#ff7a3d1a;border-color:var(--accent);color:var(--accent)}.analysis-card{display:flex;flex-direction:column;gap:.4rem}.analysis-row{display:flex;gap:.6rem;font-size:.85rem}.analysis-key{font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);min-width:110px}.analysis-val{color:var(--text)}.analysis-val.mono{font-family:Geist Mono,monospace}.analysis-note{margin:.4rem 0 0;font-size:.78rem;font-style:italic;color:var(--text-dim);line-height:1.5}.secondary-substrate-panel{margin-top:.8rem;padding:.8rem;border:1px dashed var(--border);border-radius:6px;background:#6090d80a}.secondary-substrate-hint{font-size:.85em;color:var(--text-secondary, #aaa);margin:0 0 .6rem;line-height:1.4}.secondary-substrate-summary{margin-top:.5rem;padding:.4rem .6rem;background:#6090d81a;border-left:3px solid #6090d8;border-radius:3px;font-size:.9em}.secondary-substrate-class{color:var(--text-secondary, #888);font-size:.88em}.two-substrate-badge{display:inline-block;font-size:.66em;padding:1px 6px;margin-left:.4rem;background:#6090d8;color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.reaction-category{margin-bottom:.6rem;border:1px solid var(--border);border-radius:8px;padding:0;background:var(--bg-elevated);transition:border-color .15s}.reaction-category-preferred{border-color:var(--accent, #3b82f6);border-width:1.5px}.reaction-category-summary{cursor:pointer;padding:10px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .6rem;-webkit-user-select:none;user-select:none;list-style:none;font-size:.92em}.reaction-category-summary::-webkit-details-marker{display:none}.reaction-category-summary:before{content:"▶";display:inline-block;font-size:.7em;color:var(--text-secondary, #888);transition:transform .15s;flex-shrink:0}details[open]>.reaction-category-summary:before{transform:rotate(90deg)}.reaction-category-label{flex:1 1 200px;font-weight:500;color:var(--text);min-width:0;line-height:1.3}.reaction-category-count{font-size:.82em;color:var(--text-secondary, #888);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.reaction-category-badge{font-size:.74em;padding:2px 8px;background:var(--accent, #3b82f6);color:#fff;border-radius:999px;text-transform:lowercase;letter-spacing:.02em;flex-shrink:0;white-space:nowrap}.reaction-category>.reaction-options{padding:0 14px 14px;margin-top:.4rem}.reaction-options{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem}.reaction-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:inherit;cursor:pointer;transition:all .12s;text-align:left}.reaction-option:hover{border-color:var(--accent-edge)}.reaction-option.selected{background:#ff7a3d1a;border-color:var(--accent)}.reaction-option-name{font-size:.85rem;font-weight:500}.reaction-option-needs{font-size:.7rem;color:var(--text-dim);font-style:italic}.coming-soon-card{background:#ffb24a0f;border-color:#ffb24a4d}.coming-soon-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:1rem;color:#ffb24a}.coming-soon-text{margin:0;font-size:.85rem;line-height:1.55;color:var(--text-dim)}.coming-soon-text strong{color:var(--text)}.coming-soon-list{margin:0;padding-left:1.4rem;font-size:.82rem;color:var(--text-dim);line-height:1.6}.coming-soon-list li{margin-bottom:.2rem}.coming-soon-action{align-self:flex-start;background:var(--accent);color:#1a1a1a;border:none;padding:8px 16px;border-radius:6px;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;margin-top:.4rem}.info-section h3{margin:0 0 .4rem;font-family:Fraunces,Georgia,serif;font-size:1rem;color:var(--text);font-weight:500}.how-list{margin:0;padding-left:1.4rem;font-size:.85rem;color:var(--text-dim);line-height:1.6}.how-list li{margin-bottom:.3rem}.disambig-section{background:#87b8f20f;border-color:#87b8f24d}.disambig-text{margin:0;font-size:.85rem;color:var(--text);font-weight:500}.disambig-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem}.disambig-option{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:6px;cursor:pointer;transition:all .12s;text-align:left;font-family:inherit}.disambig-option:hover{border-color:#87b8f2;background:#87b8f20f}.disambig-option-label{font-size:.88rem;font-weight:600;color:var(--text)}.disambig-option-smiles{font-family:Geist Mono,monospace;font-size:.72rem;color:var(--accent)}.disambig-option-desc{font-size:.74rem;color:var(--text-dim);font-style:italic}.substrate-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:.8rem 1rem}.substrate-card-name{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:500;color:var(--text);margin-bottom:.6rem}.substrate-card-grid{display:grid;grid-template-columns:110px 1fr;gap:4px 12px;font-size:.82rem}.substrate-card-key{font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.substrate-card-val{color:var(--text)}.substrate-card-val.mono{font-family:Geist Mono,monospace}.reaction-option.status-soon{opacity:.55;cursor:not-allowed}.ready-badge,.soon-badge{font-family:Geist Mono,monospace;font-size:.6rem;letter-spacing:.06em;padding:1px 6px;border-radius:3px;margin-left:6px;font-weight:600}.ready-badge{background:#6dd3a72e;color:#6dd3a7}.soon-badge{background:#ffb24a2e;color:#ffb24a}.verdict-section.verdict-ok{background:#6dd3a70f;border-color:#6dd3a766}.verdict-section.verdict-no{background:#c0392b0f;border-color:#c0392b66}.verdict-section.verdict-info{background:#6090d80f;border-color:#6090d866}.verdict-section.verdict-warn{background:#ffb24a0f;border-color:#ffb24a66}.verdict-rate{font-size:.95rem;color:var(--text);font-weight:500}.rate-fast{color:#6dd3a7;font-weight:600}.rate-moderate{color:#ffb24a;font-weight:600}.rate-slow{color:#ff7a3d;font-weight:600}.verdict-notes{margin:0;padding-left:1.4rem;font-size:.84rem;color:var(--text-dim);line-height:1.6}.verdict-reason{font-size:1rem;color:#c0392b;font-weight:600}.verdict-explanation{margin:0;font-size:.88rem;line-height:1.55;color:var(--text)}.verdict-hint{margin:.4rem 0 0;font-size:.78rem;color:var(--text-dim);font-style:italic}.generate-btn{align-self:flex-start;background:#6dd3a7;color:#1a1a1a;border:none;padding:10px 18px;border-radius:6px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:.6rem;transition:opacity .15s}.generate-btn:hover{opacity:.9}.how-tip{margin:.8rem 0 0;padding:.6rem .8rem;background:var(--bg-elevated);border-radius:5px;font-size:.8rem;color:var(--text-dim);line-height:1.5}.how-tip code{font-family:Geist Mono,monospace;background:#ff7a3d1f;color:var(--accent);padding:1px 5px;border-radius:3px;font-size:.85em}.custom-back-row{margin-bottom:.6rem}.custom-back-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:5px;font-family:inherit;font-size:.78rem;cursor:pointer;transition:all .12s}.custom-back-btn:hover{color:var(--text);border-color:var(--accent)}.custom-playing-title{margin:0 0 .3rem}.custom-playing-name{margin:0 0 .4rem;font-family:Fraunces,Georgia,serif;font-size:1rem;color:var(--accent)}.custom-playing-note{margin:0;font-size:.78rem;color:var(--text-dim);line-height:1.5}.flow-toggle{display:inline-flex;gap:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:2px;align-self:flex-start}.flow-btn{padding:6px 14px;background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s}.flow-btn:hover{color:var(--text)}.flow-btn.active{background:var(--accent);color:#1a1a1a;font-weight:600}.conditions-grid{display:flex;flex-direction:column;gap:.5rem}.condition-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:.8rem}.condition-label{font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.condition-pills{display:flex;flex-wrap:wrap;gap:.3rem}.condition-pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);font-family:inherit;font-size:.78rem;padding:5px 12px;border-radius:5px;cursor:pointer;transition:all .12s;text-transform:capitalize}.condition-pill:hover{color:var(--text);border-color:var(--accent-edge)}.condition-pill.active{background:#ff7a3d1f;border-color:var(--accent);color:var(--accent);font-weight:500}.prediction-pathway{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;font-size:.95rem;color:var(--text)}.prediction-name{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--accent);letter-spacing:.02em}.prediction-confidence{font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:#6dd3a726;color:#6dd3a7;font-weight:600}.prediction-reason{margin:.4rem 0 0;font-size:.9rem;line-height:1.55;color:var(--text)}.prediction-details{margin-top:.4rem;font-size:.82rem}.prediction-details summary{cursor:pointer;color:var(--accent);font-weight:500;padding:4px 0;-webkit-user-select:none;user-select:none}.prediction-details summary:hover{color:var(--text)}.prediction-details ul{margin:.4rem 0 0;padding-left:1.2rem;color:var(--text-dim);line-height:1.6}.prediction-details ul li{margin-bottom:.3rem}.prediction-details ul li strong{color:var(--text)}.prediction-competing{margin-top:.8rem;padding:.6rem .8rem;background:#ffb24a0f;border-left:3px solid #ffb24a;border-radius:0 5px 5px 0}.prediction-competing strong{color:#ffb24a;font-size:.82rem}.prediction-competing ul{margin:.3rem 0 0;padding-left:1.2rem;font-size:.8rem;color:var(--text);line-height:1.5}.prediction-competing-note{margin:.5rem 0 0;font-size:.74rem;color:var(--text-dim);font-style:italic;line-height:1.5}.products-section{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}.products-label{font-family:Geist Mono,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.products-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.products-buttons-vertical{flex-direction:column;align-items:stretch}.products-buttons-vertical .product-btn{justify-content:space-between}.product-btn{display:flex;align-items:center;gap:.6rem;padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;font-family:inherit;transition:all .12s;color:var(--text)}.product-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.product-btn-major{border-color:#6dd3a7;background:#6dd3a71a}.product-btn-major:hover{background:#6dd3a72e;border-color:#6dd3a7}.product-btn-minor{border-color:#ffb24a;background:#ffb24a0f}.product-btn-minor:hover{background:#ffb24a1f;border-color:#ffb24a}.product-btn-applicable{border-color:#6090d8;background:#6090d814}.product-btn-applicable:hover{background:#6090d829;border-color:#6090d8}.product-btn-applicable .product-rank{background:#6090d8;color:#fff}.product-rank{font-family:Geist Mono,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:3px}.product-btn-major .product-rank{background:#6dd3a7;color:#1a1a1a}.product-btn-minor .product-rank{background:#ffb24a;color:#1a1a1a}.product-pathway{font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:600}.product-arrow{color:var(--text-dim);margin-left:.2rem}.products-note{margin:.6rem 0 0;font-size:.75rem;font-style:italic;color:var(--text-dim);line-height:1.5}.product-rank-badge{display:inline-block;font-family:Geist Mono,monospace;font-size:.6rem;letter-spacing:.1em;font-weight:700;padding:2px 7px;border-radius:3px;margin-left:.5rem;vertical-align:middle}.product-rank-major{background:#6dd3a7;color:#1a1a1a}.product-rank-minor{background:#ffb24a;color:#1a1a1a}.reaction-error-banner{position:relative;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:#ff50501f;border-bottom:1px solid rgba(255,80,80,.4);color:#ffd6d6;font-size:.85rem;line-height:1.4;z-index:100}.reaction-error-banner strong{color:#ff8080;font-weight:600}.reaction-error-dismiss{margin-left:auto;background:transparent;border:1px solid rgba(255,128,128,.4);color:#ffd6d6;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;transition:all .12s;flex-shrink:0}.reaction-error-dismiss:hover{background:#ff808033;color:#fff}