@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,75..125,300..900;1,75..125,300..900&family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg: #0A0A0B;--bg-elevated: #141417;--bg-panel: #0E0E11;--bg-raised: #1B1B1F;--border: #26262B;--border-soft: #1A1A1E;--text: #F4F4F2;--text-dim: #9A9A9C;--text-faint: #5E5E62;--accent: #4C7DFF;--accent-deep: #2F5FE0;--accent-dim: rgba(76, 125, 255, .14);--accent-edge: rgba(76, 125, 255, .48);--moss: #57C97D;--paper: #F4F4F2;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--font-serif: "Instrument Serif", Georgia, serif;--label-size: .68rem;--label-track: .16em}.ov-label{font-family:var(--font-mono);font-size:var(--label-size);letter-spacing:var(--label-track);text-transform:uppercase;color:var(--text-faint)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Archivo,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:"Instrument Serif",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:"Instrument Serif",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:DM 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:DM 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:DM 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:DM 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:"Instrument Serif",Georgia,serif;font-style:italic;font-size:.95rem;color:var(--text-dim);background:#0a0a0b8c;-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:#0a0a0beb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:10px;padding:.7rem .95rem 2.1rem;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:#0a0a0b}.ctrl-btn.play:hover{background:#ff8e57;border-color:#ff8e57}.time{margin-left:auto;font-family:DM 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:DM Mono,monospace;font-size:.62rem;color:var(--text-faint);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;max-width:116px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1180px){.marker-label{max-width:200px}}.marker-label.marker-label-start{transform:translate(0);text-align:left}.marker-label.marker-label-end{transform:translate(-100%);text-align:right}.marker-label.marker-label-low{top:calc(100% + 19px)}.marker-label.marker-label-low.marker-label-end{transform:translate(-100%)}.sidebar-backdrop{display:none}@media (max-width: 720px){.header{padding:.6rem .85rem;gap:.4rem;flex-wrap:wrap}.header-spacer{display:none}.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 2rem}.marker-label{font-size:.55rem}.main{grid-template-columns:1fr;position:relative}.app.sidebar-collapsed .main{grid-template-columns:1fr}.sidebar{position:absolute;top:0;left:0;bottom:0;width:min(86vw,320px);z-index:60;background:var(--bg);box-shadow:4px 0 24px #00000080;transform:translate(0);transition:transform .28s cubic-bezier(.4,0,.2,1)}.app.sidebar-collapsed .sidebar{transform:translate(-100%)}.app:not(.sidebar-collapsed) .sidebar-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000073}}.reaction-selector{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:"Instrument Serif",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:Archivo,system-ui,sans-serif}.lewis-inset{position:absolute;top:1rem;right:1rem;background:#0a0a0beb;-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:DM 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:DM 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:#0a0a0bf5;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:"Instrument Serif",Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--accent)}.atom-tooltip-id{font-family:DM 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:DM 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:DM 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:DM 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:DM 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:DM 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:"Instrument Serif",Georgia,serif;font-style:italic;color:var(--accent);font-weight:500}.energy-diagram{position:relative;height:78px;margin:0 14px 6px;background:#0a0a0b80;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:DM 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:DM 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:#141417;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:#141417}.display-mode-toggle{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:DM 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:"Instrument Serif",Georgia,serif;font-size:1.1rem;font-weight:500;color:var(--text);letter-spacing:-.005em}.reaction-subtitle-h{font-family:Archivo,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:DM 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:DM 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:DM 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:DM 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:DM 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:#4c7dff24;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:DM 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{grid-column:1 / -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:"Instrument Serif",Georgia,serif;font-size:1.4rem;font-weight:500;color:var(--text);margin:0}.custom-status-badge{font-family:DM 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-disclaimer{margin:12px 0 0;padding:7px 0 7px 11px;font-size:.78rem;line-height:1.5;color:var(--text-dim);border-left:2px solid rgba(255,178,74,.45)}.custom-disclaimer strong{color:#ffb24a;font-weight:600}.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-hint{margin:-.15rem 0 .2rem;font-size:.82rem;line-height:1.5;color:var(--text-dim)}.custom-label{font-family:DM 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:DM 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:#141417;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:DM 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:DM 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:DM 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:"Instrument Serif",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:#141417;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:"Instrument Serif",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:DM 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:"Instrument Serif",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:DM 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:DM Mono,monospace}.reaction-option.status-soon{opacity:.55;cursor:not-allowed}.ready-badge,.soon-badge{font-family:DM 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:#141417;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:DM Mono,monospace;background:#4c7dff24;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:"Instrument Serif",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:#141417;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:DM 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:#4c7dff24;border-color:var(--accent);color:var(--accent);font-weight:500}.condition-pill-reagent{text-transform:none;font-family:DM Mono,monospace;font-size:.74rem}.prediction-pathway{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;font-size:.95rem;color:var(--text)}.prediction-name{font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--accent);letter-spacing:.02em}.prediction-pre{font-family:DM Mono,monospace;font-size:.78rem;color:var(--text-dim);letter-spacing:.02em}.prediction-confidence{font-family:DM 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:DM 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:DM 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:#141417}.product-btn-minor .product-rank{background:#ffb24a;color:#141417}.product-pathway{font-family:"Instrument Serif",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:DM 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:#141417}.product-rank-minor{background:#ffb24a;color:#141417}.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}.error-boundary{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg, #0A0A0B);padding:2rem;z-index:9999}.error-boundary-card,.viewer-fallback-card{max-width:420px;text-align:center;background:var(--bg-panel, #141417);border:1px solid var(--border, #26262B);border-radius:12px;padding:1.75rem 1.6rem}.error-boundary-card h2,.viewer-fallback-card h3{margin:0 0 .6rem;color:var(--text, #F4F4F2)}.error-boundary-card p,.viewer-fallback-card p{margin:0 0 1.1rem;color:var(--text-dim, #85858A);font-size:.9rem;line-height:1.55}.error-boundary-actions{display:flex;gap:.6rem;justify-content:center}.error-boundary-btn{font-family:inherit;font-size:.85rem;padding:8px 16px;border-radius:6px;border:1px solid var(--border, #26262B);background:var(--bg-elevated, #1B1B1F);color:var(--text, #F4F4F2);cursor:pointer;transition:all .12s}.error-boundary-btn:hover{border-color:var(--accent, #ff7a3d)}.error-boundary-btn.primary{background:var(--accent, #ff7a3d);border-color:var(--accent, #ff7a3d);color:#141417;font-weight:600}.viewer-fallback{width:100%;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at center,#15171f,#0a0a0b 80%)}.feedback-fab{position:fixed;right:1.1rem;bottom:1.1rem;z-index:40;font-family:inherit;font-size:.78rem;letter-spacing:.02em;padding:8px 14px;border-radius:999px;border:1px solid var(--border, #26262B);background:var(--bg-panel, #141417);color:var(--text-dim, #C8C8CA);cursor:pointer;box-shadow:0 4px 16px #00000059;transition:all .14s}.feedback-fab:hover{color:var(--text, #fff);border-color:var(--accent, #ff7a3d);transform:translateY(-1px)}.feedback-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;background:#0006}.feedback-panel{position:fixed;right:1.1rem;bottom:3.4rem;z-index:42;width:min(360px,calc(100vw - 2rem));background:var(--bg-panel, #141417);border:1px solid var(--border, #26262B);border-radius:12px;padding:1rem 1.1rem 1.1rem;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;gap:.6rem}.feedback-head{display:flex;align-items:center;justify-content:space-between}.feedback-head h3{margin:0;font-size:1rem;color:var(--text, #F4F4F2)}.feedback-close{background:none;border:none;color:var(--text-dim, #85858A);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px}.feedback-close:hover{color:var(--text, #fff)}.feedback-kinds{display:flex;gap:.35rem}.feedback-kind{flex:1;font-family:inherit;font-size:.78rem;padding:5px 0;border-radius:6px;border:1px solid var(--border, #26262B);background:var(--bg-elevated, #1B1B1F);color:var(--text-dim, #85858A);cursor:pointer;transition:all .12s}.feedback-kind.active{border-color:var(--accent, #ff7a3d);color:var(--accent, #ff7a3d);background:#4c7dff24}.feedback-text,.feedback-contact{width:100%;font-family:inherit;font-size:.85rem;background:var(--bg, #0E0E11);border:1px solid var(--border, #26262B);border-radius:6px;color:var(--text, #F4F4F2);padding:8px 10px;resize:vertical;box-sizing:border-box}.feedback-text:focus,.feedback-contact:focus{outline:none;border-color:var(--accent, #ff7a3d)}.feedback-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.feedback-send{font-family:inherit;font-size:.85rem;font-weight:600;padding:9px 0;border-radius:6px;border:none;background:var(--accent, #ff7a3d);color:#141417;cursor:pointer}.feedback-send:disabled{opacity:.5;cursor:default}.feedback-note{margin:0;font-size:.72rem;color:var(--text-faint, #5E5E62);text-align:center}.feedback-error{margin:0;font-size:.78rem;color:#ff8b8b}.feedback-thanks{margin:.3rem 0;font-size:.88rem;line-height:1.5;color:var(--text-dim, #C8C8CA)}@media (max-width: 720px){.feedback-fab{bottom:5.3rem}.feedback-panel{bottom:7.6rem}}.landing{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:clip}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1180px;margin:0 auto;padding:1.5rem 1.6rem 1rem}.landing-brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.02rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text)}.landing-brand-mark{width:21px;height:21px;color:var(--accent);flex:none}.landing-nav-meta{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.landing-main{max-width:1180px;margin:0 auto;padding:0 1.6rem}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3.4rem;align-items:center;padding:3.6rem 0 3rem}.landing-kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.landing-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.landing-hero h1{margin:0 0 1.35rem;font-family:var(--font-display);font-size:clamp(2.5rem,6.6vw,5.4rem);font-weight:800;line-height:.9;letter-spacing:-.012em;text-transform:uppercase;color:var(--text)}.landing-hero h1 .accent{color:var(--accent);font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}.landing-sub{margin:0 0 2rem;max-width:34rem;font-size:1.02rem;line-height:1.62;color:var(--text-dim)}.landing-sub em{color:var(--text);font-style:italic}.landing-cta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.landing-cta{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;padding:.95rem 1.7rem;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.landing-cta.primary{background:var(--accent);color:#1a0d04;font-weight:500}.landing-cta.primary:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 10px 28px #dc500052}.landing-cta-note{display:block;margin-top:.95rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--text-faint)}.landing-preview{filter:drop-shadow(0 26px 54px rgba(0,0,0,.55))}.landing-preview svg{width:100%;height:auto;display:block}.landing-spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:0}.landing-spec{display:flex;flex-direction:column;gap:.45rem;padding:1.35rem 1.3rem;border-left:1px solid var(--border-soft)}.landing-spec:first-child{border-left:none}.landing-spec-k{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;color:var(--text-faint)}.landing-spec-v{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.landing-ticker{overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-panel);padding:.85rem 0;margin:3.2rem 0 0;-webkit-user-select:none;user-select:none}.landing-ticker-track{display:flex;width:max-content;animation:ov-ticker 78s linear infinite}.landing-ticker-group{display:flex}.landing-ticker-item{display:inline-flex;align-items:center;gap:1.5rem;padding-right:1.5rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.landing-ticker-sep{color:var(--accent);font-style:normal;opacity:.75}@keyframes ov-ticker{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.landing-ticker-track{animation:none}}.landing-section{display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:3rem;padding:5rem 0;border-bottom:1px solid var(--border-soft)}.landing-section-head{position:sticky;top:2rem;align-self:start}.landing-section-num{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;color:var(--accent);margin-bottom:.9rem}.landing-section h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:var(--text)}.landing-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.landing-mode{display:flex;flex-direction:column;gap:.9rem;padding:1.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;transition:border-color .18s ease,transform .18s ease}.landing-mode:hover{border-color:var(--accent-edge);transform:translateY(-2px)}.landing-mode-tag{align-self:flex-start;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding:.32rem .6rem;border:1px solid var(--accent-edge);border-radius:2px}.landing-mode p{margin:0;font-size:.93rem;line-height:1.62;color:var(--text-dim)}.landing-mode-meta{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--border-soft);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.landing-features-list{display:flex;flex-direction:column}.landing-feature{display:grid;grid-template-columns:2.6rem minmax(140px,.5fr) 1fr;gap:1.2rem;align-items:baseline;padding:1.15rem 0;border-top:1px solid var(--border-soft)}.landing-feature:last-child{border-bottom:1px solid var(--border-soft)}.landing-feature-idx{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--accent)}.landing-feature-label{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:var(--text)}.landing-feature p{margin:0;font-size:.9rem;line-height:1.58;color:var(--text-dim)}.landing-bignum{display:flex;align-items:flex-end;gap:2rem;padding:4.5rem 0;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.landing-bignum-value{font-family:var(--font-display);font-size:clamp(5rem,17vw,14rem);font-weight:900;line-height:.78;letter-spacing:-.03em;color:var(--accent)}.landing-bignum-label{flex:1;min-width:240px;max-width:30rem;padding-bottom:.7rem;font-size:1rem;line-height:1.55;color:var(--text-dim)}.landing-families-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start}.landing-family-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:.5rem .85rem;border:1px solid var(--border);border-radius:2px;background:var(--bg-elevated);transition:color .16s ease,border-color .16s ease}.landing-family-tag:hover{color:var(--accent);border-color:var(--accent-edge)}.landing-close{padding:5.5rem 0 6rem;text-align:center}.landing-close h2{margin:0 0 1.8rem;font-family:var(--font-display);font-size:clamp(1.9rem,5vw,3.6rem);font-weight:800;line-height:.95;letter-spacing:-.015em;text-transform:uppercase;color:var(--text)}.landing-footer{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:2rem 1.6rem 2.6rem;border-top:1px solid var(--border-soft);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.landing-brand-sm{color:var(--text-dim)}.landing-footer-sep{opacity:.4}@media (max-width: 900px){.landing-hero{grid-template-columns:1fr;gap:2.4rem;padding-top:2.4rem}.landing-section{grid-template-columns:1fr;gap:1.8rem;padding:3.4rem 0}.landing-section-head{position:static}.landing-modes-grid{grid-template-columns:1fr}.landing-spec-strip{grid-template-columns:1fr 1fr}.landing-spec:nth-child(3){border-left:none}.landing-spec:nth-child(n+3){border-top:1px solid var(--border-soft)}}@media (max-width: 560px){.landing-feature{grid-template-columns:2.2rem 1fr}.landing-feature p{grid-column:2}.landing-nav-meta{display:none}}.mode-toggle{border-radius:3px;padding:3px}.mode-btn{border-radius:2px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;padding:5px 13px}.mode-btn.active{font-weight:500}.picker-header{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;color:var(--text-faint);padding-bottom:.55rem;border-bottom:1px solid var(--border-soft);margin-bottom:.5rem}.category-header{border-radius:2px;font-size:.8rem;letter-spacing:.02em}.caption{background:#0a0a0b9e;border-radius:3px;border-color:var(--border)}.panel,.sidebar-toggle,.speed-select,.substrate-input,.reaction-select{border-radius:3px}.timeline-controls button{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:2px}.energy-value,.state-energy,.timeline-time,.atom-tooltip-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sh-wrap{position:relative;height:620vh}.sh-wrap-fallback{height:100vh}.sh-sticky{--sh-mix: 0;--sh-paper: #EDEDEA;--sh-dark: #0C0D0F;--sh-ink: #15161A;--sh-cream: #F2F2F0;position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--sh-paper),var(--sh-dark) calc(var(--sh-mix) * 100%));color:color-mix(in srgb,var(--sh-ink),var(--sh-cream) calc(var(--sh-mix) * 100%))}.sh-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sh-canvas canvas{display:block}.sh-atom-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;font-weight:500;color:color-mix(in srgb,#15161A,#FFFFFF calc(var(--sh-mix, 1) * 100%));background:color-mix(in srgb,#EDEDEA,#16181C calc(var(--sh-mix, 1) * 100%));border:1px solid color-mix(in srgb,#C9C9C4,#33363C calc(var(--sh-mix, 1) * 100%));padding:1px 5px;border-radius:2px;white-space:nowrap;transition:opacity .2s linear}.sh-intro,.sh-beat,.sh-outro{position:relative;z-index:2;justify-self:start;align-self:center;max-width:38rem;padding:0 clamp(1.4rem,6vw,6rem);will-change:opacity,transform}.sh-beat,.sh-outro{position:absolute;left:0;top:50%;transform:translateY(-50%)}.sh-eyebrow,.sh-beat-label{display:inline-block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,#6C7078,#9BA2AE calc(var(--sh-mix) * 100%));margin-bottom:1.3rem}.sh-beat-label{color:var(--accent)}.sh-intro h1{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(2.4rem,6.2vw,5rem);font-weight:800;line-height:.9;letter-spacing:-.018em;text-transform:uppercase;color:inherit}.sh-intro h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.012em;color:var(--accent)}.sh-intro p,.sh-beat p{margin:0 0 1.9rem;max-width:30rem;font-size:1rem;line-height:1.62;color:color-mix(in srgb,#4A4E57,#A6ADB8 calc(var(--sh-mix) * 100%))}.sh-cta-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.sh-hint{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,#83878F,#7E848E calc(var(--sh-mix) * 100%));animation:sh-bob 2.6s ease-in-out infinite}@keyframes sh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.sh-beat h2,.sh-outro h2{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.7rem,3.6vw,2.9rem);font-weight:800;line-height:1;letter-spacing:-.015em;text-transform:uppercase;color:inherit}.sh-beat p{margin-bottom:0}.sh-outro{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}@media (max-width: 860px){.sh-wrap{height:520vh}.sh-intro,.sh-beat,.sh-outro{max-width:none}.sh-beat,.sh-outro{top:auto;bottom:8vh;transform:none}.sh-intro{align-self:end;padding-bottom:12vh}}@media (prefers-reduced-motion: reduce){.sh-wrap{height:100vh}.sh-hint{animation:none}.sh-beat,.sh-outro{display:none}.sh-sticky{--sh-mix: 1}}:root{--cpk-o: #D6453B;--cpk-br: #B4622C;--cpk-s: #E0A32E;--cpk-cl: #6B8E3D;--cpk-n: #4C7DFF;--cpk-p: #E2703A;--paper: #F2EFE8}.sh-atom-label{font-size:.95rem;font-weight:600;letter-spacing:.06em;padding:3px 9px;border-radius:3px;box-shadow:0 2px 10px #00000059}[data-reveal]{opacity:0;transform:translateY(30px) scale(.982);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .95s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}[data-reveal].is-in{opacity:1;transform:none}[data-reveal-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}[data-reveal-stagger].is-in>*{opacity:1;transform:none}[data-reveal-stagger].is-in>*:nth-child(1){transition-delay:.04s}[data-reveal-stagger].is-in>*:nth-child(2){transition-delay:.11s}[data-reveal-stagger].is-in>*:nth-child(3){transition-delay:.18s}[data-reveal-stagger].is-in>*:nth-child(4){transition-delay:.25s}[data-reveal-stagger].is-in>*:nth-child(5){transition-delay:.32s}[data-reveal-stagger].is-in>*:nth-child(6){transition-delay:.39s}[data-reveal-stagger].is-in>*:nth-child(n+7){transition-delay:.46s}.landing-section-head{transform-origin:left center}[data-reveal=head]{transform:translateY(26px) scale(.94)}.landing-section[data-el=o]{--sec: var(--cpk-o)}.landing-section[data-el=br]{--sec: var(--cpk-br)}.landing-section[data-el=s]{--sec: var(--cpk-s)}.landing-section[data-el=cl]{--sec: var(--cpk-cl)}.landing-section[data-el=n]{--sec: var(--cpk-n)}.landing-section .landing-section-num,.landing-section .landing-feature-idx{color:var(--sec, var(--accent))}.landing-section .landing-mode-tag,.landing-section .landing-family-tag:hover{color:var(--sec, var(--accent));border-color:var(--sec, var(--accent))}.landing-bignum-value{color:var(--cpk-o)}.landing-spec-strip .landing-spec:nth-child(1) .landing-spec-v{color:var(--cpk-o)}.landing-spec-strip .landing-spec:nth-child(2) .landing-spec-v{color:var(--cpk-s)}.landing-spec-strip .landing-spec:nth-child(3) .landing-spec-v{color:var(--cpk-cl)}.landing-spec-strip .landing-spec:nth-child(4) .landing-spec-v{color:var(--cpk-n)}.landing-ticker-item:nth-child(5n+1) .landing-ticker-sep{color:var(--cpk-o)}.landing-ticker-item:nth-child(5n+2) .landing-ticker-sep{color:var(--cpk-s)}.landing-ticker-item:nth-child(5n+3) .landing-ticker-sep{color:var(--cpk-cl)}.landing-ticker-item:nth-child(5n+4) .landing-ticker-sep{color:var(--cpk-n)}.landing-ticker-item:nth-child(5n+5) .landing-ticker-sep{color:var(--cpk-br)}@media (prefers-reduced-motion: reduce){[data-reveal],[data-reveal-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}.sh-sticky{--sh-paper: #DCDCD4;--sh-dark: #0D0F12}.sh-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.sh-reg{position:absolute;width:26px;height:26px;border-color:color-mix(in srgb,#6B7280,#6E7681 calc(var(--sh-mix) * 100%));opacity:.75}.sh-reg.tl{top:26px;left:26px;border-top:1px solid;border-left:1px solid}.sh-reg.tr{top:26px;right:26px;border-top:1px solid;border-right:1px solid}.sh-reg.bl{bottom:26px;left:26px;border-bottom:1px solid;border-left:1px solid}.sh-reg.br{bottom:26px;right:26px;border-bottom:1px solid;border-right:1px solid}.sh-titleblock{position:absolute;left:54px;bottom:54px;min-width:300px;border:1px solid color-mix(in srgb,#9BA1A9,#2A2F36 calc(var(--sh-mix) * 100%));background:color-mix(in srgb,rgba(255,255,255,.5),rgba(18,20,24,.62) calc(var(--sh-mix) * 100%));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sh-tb-row{display:flex;justify-content:space-between;gap:1.6rem;padding:.5rem .85rem;border-bottom:1px solid color-mix(in srgb,#B6BBC2,#262B32 calc(var(--sh-mix) * 100%));font-family:var(--font-mono);font-size:.66rem;letter-spacing:.09em}.sh-tb-row:last-child{border-bottom:none}.sh-tb-row span{text-transform:uppercase;color:color-mix(in srgb,#6E747C,#8B939D calc(var(--sh-mix) * 100%))}.sh-tb-row b{color:color-mix(in srgb,#16181C,#F2F2F0 calc(var(--sh-mix) * 100%));font-weight:500}.sh-tb-live{color:var(--cpk-n)!important}.sh-readout{position:absolute;right:54px;bottom:54px;width:250px;padding:.85rem .95rem;border:1px solid color-mix(in srgb,#9BA1A9,#2A2F36 calc(var(--sh-mix) * 100%));background:color-mix(in srgb,rgba(255,255,255,.5),rgba(18,20,24,.62) calc(var(--sh-mix) * 100%));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sh-ro-row{display:grid;grid-template-columns:3rem 1fr 2.2rem;align-items:center;gap:.6rem;margin-bottom:.5rem}.sh-ro-row span,.sh-ro-row b{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;color:color-mix(in srgb,#33383F,#E6E8EB calc(var(--sh-mix) * 100%))}.sh-ro-row b{text-align:right;font-weight:500}.sh-ro-bar{display:block;height:4px;background:color-mix(in srgb,#C3C7CC,#262B32 calc(var(--sh-mix) * 100%));overflow:hidden}.sh-ro-bar em{display:block;height:100%;background:var(--cpk-br);transform-origin:left center;transition:transform .1s linear}.sh-ro-bar em.form{background:var(--cpk-n)}.sh-ro-cap{display:block;margin-top:.15rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,#7E848C,#767D87 calc(var(--sh-mix) * 100%))}.sh-intro,.sh-beat,.sh-outro{z-index:4}.sh-intro h1,.sh-beat h2,.sh-outro h2{color:color-mix(in srgb,#14161A,#F4F4F2 calc(var(--sh-mix) * 100%))}.sh-intro p,.sh-beat p{color:color-mix(in srgb,#4B5058,#A6ADB8 calc(var(--sh-mix) * 100%))}.sh-eyebrow{color:color-mix(in srgb,#6E747C,#98A0AA calc(var(--sh-mix) * 100%))}@media (max-width: 1100px){.sh-titleblock,.sh-readout,.sh-reg{display:none}}.sh-callout{font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,#14161A,#FFFFFF calc(var(--sh-mix) * 100%));text-shadow:0 0 3px color-mix(in srgb,rgba(255,255,255,.95),rgba(0,0,0,.95) calc(var(--sh-mix) * 100%)),0 1px 4px color-mix(in srgb,rgba(255,255,255,.85),rgba(0,0,0,.8) calc(var(--sh-mix) * 100%)),0 0 10px color-mix(in srgb,rgba(255,255,255,.6),rgba(0,0,0,.5) calc(var(--sh-mix) * 100%))}.sh-callout sup{font-size:.78em;font-weight:700;margin-left:1px}.sh-callout sup.neg{color:#ff8a8a}.sh-callout sup.pos{color:#8aaeff}.sh-arrow{overflow:visible;transition:opacity .15s linear}.sh-lp{font-family:var(--font-body);font-size:17px;font-weight:800;letter-spacing:2px;color:#14161a;-webkit-user-select:none;user-select:none;line-height:1}.wt-wrap{position:relative;height:460vh;background:var(--bg)}.wt-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}.wt-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;mask-image:radial-gradient(ellipse 78% 74% at 62% 50%,#000 62%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 78% 74% at 62% 50%,#000 62%,transparent 100%)}.wt-stage{width:min(1180px,82vw);transform-origin:center center;will-change:transform}.wt-app{border:1px solid var(--border);background:var(--bg-panel);border-radius:5px;overflow:hidden;box-shadow:0 40px 120px #0009;font-family:var(--font-mono);font-size:9px}.wt-bar{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.wt-dot{width:6px;height:6px;border-radius:50%;background:#34383f}.wt-bar-title{margin-left:8px;color:var(--text-dim);letter-spacing:.06em}.wt-bar-mode{margin-left:auto;display:flex;gap:3px}.wt-bar-mode b{padding:2px 8px;border-radius:2px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);border:1px solid transparent}.wt-bar-mode b.on{background:var(--accent);color:#0a0a0b}.wt-body{display:grid;grid-template-columns:172px 1fr;min-height:300px}.wt-side{border-right:1px solid var(--border);padding:8px;background:var(--bg-panel)}.wt-side-head{display:flex;justify-content:space-between;padding-bottom:6px;margin-bottom:5px;border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint)}.wt-side-head b{color:var(--cpk-n)}.wt-cat{display:flex;align-items:center;gap:6px;padding:4px 5px;border-radius:2px;color:var(--text-dim)}.wt-cat.open{background:#4c7dff1a;color:var(--text)}.is-catalog .wt-cat.open{animation:wt-breathe 3.4s ease-in-out infinite}.wt-caret{color:var(--accent);width:7px}.wt-cat-name{flex:1}.wt-cat-n{color:var(--text-faint)}.wt-sub{margin:4px 0 0 14px;border-left:1px solid var(--border-soft);padding-left:7px}.wt-rx{padding:3px 5px;color:var(--text-faint);border-radius:2px}.wt-rx.sel{color:var(--accent);background:#4c7dff1f}.wt-view{position:relative;padding:12px;display:flex;flex-direction:column;gap:10px}.wt-caption{align-self:center;padding:3px 10px;border:1px solid var(--border-soft);border-radius:2px;color:var(--text-dim);background:#0a0a0b8c}.wt-mol{position:relative;flex:1;min-height:190px;display:flex;align-items:center;justify-content:center;gap:0;animation:wt-turn 16s ease-in-out infinite}.wt-atom{position:relative;z-index:2;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:11px;box-shadow:inset -4px -5px 10px #00000073,0 6px 18px #0006}.wt-atom.o{width:40px;height:40px;background:radial-gradient(circle at 34% 30%,#f5877c,var(--cpk-o) 62%,#8d2a22)}.wt-atom.c{width:46px;height:46px;background:radial-gradient(circle at 34% 30%,#6d737d,#33383f 62%,#16181c)}.wt-atom.br{width:52px;height:52px;background:radial-gradient(circle at 34% 30%,#e0946a,var(--cpk-br) 62%,#6d3716)}.wt-atom sup{font-size:.68em;color:#ffb3b3}.wt-bond{width:46px;height:7px;border-radius:4px;z-index:1}.wt-bond.forming{background:linear-gradient(90deg,transparent,var(--cpk-n));animation:wt-form 3.2s ease-in-out infinite}.wt-bond.breaking{background:linear-gradient(90deg,var(--cpk-br),transparent);animation:wt-break 3.2s ease-in-out infinite}.wt-h{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#cfd3d8 60%,#8d9199);box-shadow:0 3px 10px #0006;z-index:2}.wt-h.h1{top:24%;left:50%}.wt-h.h2{bottom:22%;left:44%}.wt-h.h3{bottom:26%;left:57%}.wt-curl{position:absolute;top:16%;left:16%;width:180px;height:54px;overflow:visible;z-index:3}.wt-curl path{fill:none;stroke:var(--cpk-n);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;animation:wt-draw 3.6s ease-in-out infinite}.wt-hud{position:relative;display:flex;gap:14px;align-items:center;padding:5px 9px;border:1px solid var(--border-soft);border-radius:2px;color:var(--text-faint);overflow:hidden}.wt-hud b.fall{color:var(--cpk-br)}.wt-hud b.rise{color:var(--cpk-n)}.wt-scan{position:absolute;inset:0 auto 0 0;width:34%;background:linear-gradient(90deg,transparent,rgba(76,125,255,.14),transparent);animation:wt-scan 4.6s linear infinite}.wt-time{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--border);background:var(--bg-elevated)}.wt-play{color:var(--accent)}.wt-track{position:relative;flex:1;height:2px;background:var(--border)}.wt-fill{position:absolute;inset:0 auto 0 0;width:50%;background:var(--accent)}.wt-node{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#4a4f58}.wt-node.ts{background:var(--accent);animation:wt-pulse 2.4s ease-in-out infinite}.wt-node:after{content:attr(data-l);position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.wt-head{position:absolute;top:-4px;width:2px;height:10px;background:var(--paper);animation:wt-sweep 5.2s ease-in-out infinite}.wt-speed{color:var(--text-faint)}.wt-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border-top:1px solid var(--border);background:var(--bg-panel)}.wt-cx-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint)}.wt-cx-input{flex:1;min-width:160px;padding:4px 8px;border:1px solid var(--border);border-radius:2px;color:var(--text);background:var(--bg)}.wt-caret-blink{display:inline-block;width:1px;height:9px;margin-left:2px;vertical-align:-1px;background:var(--accent);animation:wt-blink 1.05s step-end infinite}.wt-cx-pill{padding:3px 8px;border:1px solid var(--border);border-radius:2px;color:var(--text-dim)}.wt-cx-go{padding:4px 12px;border-radius:2px;background:var(--accent);color:#0a0a0b;font-weight:500}.wt-copy{position:absolute;left:clamp(1.4rem,5vw,5rem);top:50%;transform:translateY(-50%);z-index:3;max-width:24rem}.wt-step{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:var(--accent);margin-bottom:.7rem}.wt-step i{font-style:normal;color:var(--text-faint)}.wt-label{display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.9rem}.wt-copy h2{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.5rem,2.9vw,2.3rem);font-weight:800;line-height:1.02;letter-spacing:-.014em;text-transform:uppercase;color:var(--text);animation:wt-rise .55s cubic-bezier(.22,.61,.36,1) both}.wt-copy p{margin:0 0 1.3rem;font-size:.93rem;line-height:1.6;color:var(--text-dim);animation:wt-rise .7s cubic-bezier(.22,.61,.36,1) both}.wt-dots{display:flex;gap:6px}.wt-dots i{width:16px;height:2px;background:var(--border);transition:background .3s}.wt-dots i.on{background:var(--accent)}.wt-cta{position:absolute;left:clamp(1.4rem,5vw,5rem);bottom:7vh;z-index:3}@keyframes wt-turn{0%,to{transform:rotate(-2.2deg) scale(1)}50%{transform:rotate(2.2deg) scale(1.02)}}@keyframes wt-breathe{0%,to{background:#4c7dff14}50%{background:#4c7dff2e}}@keyframes wt-form{0%,to{opacity:.4;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@keyframes wt-break{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.38;transform:scaleX(.7)}}@keyframes wt-draw{0%{stroke-dashoffset:240}45%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes wt-scan{0%{transform:translate(-40%)}to{transform:translate(300%)}}@keyframes wt-pulse{0%,to{box-shadow:0 0 0 2px #4c7dff33}50%{box-shadow:0 0 0 6px #4c7dff0d}}@keyframes wt-sweep{0%,to{left:4%}50%{left:96%}}@keyframes wt-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes wt-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width: 1000px){.wt-wrap{height:380vh}.wt-viewport{mask-image:radial-gradient(ellipse 96% 52% at 50% 34%,#000 66%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 96% 52% at 50% 34%,#000 66%,transparent 100%)}.wt-stage{width:94vw}.wt-copy{left:1.2rem;right:1.2rem;top:auto;bottom:12vh;transform:none;max-width:none}.wt-cta{left:1.2rem;bottom:5vh}}@media (prefers-reduced-motion: reduce){.wt-wrap{height:120vh}.wt-mol,.wt-cat.open,.wt-bond,.wt-curl path,.wt-scan,.wt-node.ts,.wt-head,.wt-caret-blink{animation:none!important}}.landing-spec{position:relative;overflow:hidden}.landing-spec:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55;transform:translate(-100%);animation:spec-sweep 7s cubic-bezier(.5,0,.5,1) infinite}.landing-spec:nth-child(2):after{animation-delay:.5s}.landing-spec:nth-child(3):after{animation-delay:1s}.landing-spec:nth-child(4):after{animation-delay:1.5s}.landing-spec-v{display:inline-block;animation:spec-tick 7s ease-in-out infinite}.landing-spec:nth-child(2) .landing-spec-v{animation-delay:.5s}.landing-spec:nth-child(3) .landing-spec-v{animation-delay:1s}.landing-spec:nth-child(4) .landing-spec-v{animation-delay:1.5s}.landing-spec-k:before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;vertical-align:1px;border-radius:50%;background:var(--accent);animation:spec-blip 7s ease-in-out infinite}.landing-spec:nth-child(2) .landing-spec-k:before{animation-delay:.5s}.landing-spec:nth-child(3) .landing-spec-k:before{animation-delay:1s}.landing-spec:nth-child(4) .landing-spec-k:before{animation-delay:1.5s}@keyframes spec-sweep{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes spec-tick{0%,92%,to{transform:translateY(0)}95%{transform:translateY(-2px)}}@keyframes spec-blip{0%,88%,to{opacity:.35}92%{opacity:1}}@media (prefers-reduced-motion: reduce){.landing-spec:after,.landing-spec-v,.landing-spec-k:before{animation:none!important}}.landing-nav{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1180px;z-index:20}.landing-brand,.landing-nav-meta{mix-blend-mode:difference;color:#f4f4f2}.landing-brand-mark{color:var(--accent);mix-blend-mode:normal}.wt-bar{gap:7px;flex-wrap:nowrap}.wt-back{color:var(--text-faint)}.wt-brand{font-family:var(--font-serif);font-style:italic;font-size:12px;color:var(--accent)}.wt-modes{display:flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:3px}.wt-modes b{padding:2px 7px;border-radius:2px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.wt-modes b.on{background:var(--accent);color:#0a0a0b}.wt-rxname{margin-left:4px;color:var(--text);letter-spacing:.03em}.wt-badge{padding:2px 6px;border:1px solid var(--border);border-radius:2px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-dim);font-size:7.5px}.wt-badge.dim{color:var(--text-faint)}.wt-toggles{margin-left:auto;display:flex;gap:3px}.wt-toggles b{padding:2px 6px;border:1px solid var(--border);border-radius:2px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-faint);font-weight:500}.wt-toggles b.on{color:var(--accent);border-color:var(--accent-edge);background:#4c7dff1a}.wt-signin{color:var(--text-faint);padding-left:4px}.wt-side-head{align-items:center;gap:6px}.wt-side-head i{font-style:normal;color:var(--text-faint);border:1px solid var(--border);padding:1px 4px;border-radius:2px}.wt-side-head.mt{margin-top:9px}.wt-cx-parsed{padding:3px 5px;color:var(--cpk-cl);letter-spacing:.05em}.wt-cond{display:flex;justify-content:space-between;padding:3px 5px;color:var(--text-faint)}.wt-cond b{color:var(--text-dim);font-weight:500}.wt-predict{margin-top:8px;text-align:center;padding:5px;border-radius:2px;background:var(--accent);color:#0a0a0b;font-weight:500;letter-spacing:.14em;text-transform:uppercase;animation:wt-breathe-btn 2.8s ease-in-out infinite}@keyframes wt-breathe-btn{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.wt-caption{display:flex;align-items:center;gap:7px}.wt-caption b{font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:7.5px}.wt-verdict{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border:1px solid var(--border-soft);border-radius:2px}.wt-vrow{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:7px;color:var(--text-dim)}.wt-vrow i{display:block;height:4px;background:var(--border);overflow:hidden}.wt-vrow em{display:block;height:100%;background:var(--cpk-n);animation:wt-vgrow 3.4s ease-in-out infinite}.wt-vrow:first-child em{background:var(--cpk-cl)}.wt-vrow b{text-align:right;color:var(--text-faint);font-weight:500}@keyframes wt-vgrow{0%,to{transform:scaleX(.9);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}.wt-clock{color:var(--text-faint);letter-spacing:.06em}.wt-node{display:grid;place-items:center;font-size:5px;color:#0a0a0b}.wt-node.int{background:var(--accent);border-radius:1px;width:8px;height:8px;margin:-4px 0 0 -4px}.wt-speeds{display:flex;gap:2px}.wt-speeds b{padding:1px 5px;border-radius:2px;color:var(--text-faint);font-weight:500;border:1px solid transparent}.wt-speeds b.on{color:var(--accent);border-color:var(--accent-edge)}.wt-note{padding:6px 12px;border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:7.5px;letter-spacing:.05em;border-left:2px solid var(--cpk-s)}.wt-mol{min-height:210px;animation:none}.wt-canvas{width:100%!important;height:100%!important}.wt-cx-parsed{opacity:.45;transition:opacity .3s,color .3s}.wt-cx-parsed.in{opacity:1}.wt-cond b{color:var(--text-faint);transition:color .25s}.wt-cond.set b{color:var(--cpk-cl)}.wt-predict.fired{background:var(--cpk-cl);animation:none}.wt-vrow em{transition:width .5s cubic-bezier(.22,.61,.36,1)}.wt-mol{position:relative;flex:none;height:208px;min-height:0;display:block;animation:none}.wt-mol>div,.wt-mol canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}@media (min-width: 1000px){.wt-viewport{top:0;right:0;bottom:0;left:26%}.wt-copy{max-width:21rem}.wt-copy:before{content:"";position:absolute;top:-2rem;right:-3rem;bottom:-2rem;left:-3rem;z-index:-1;background:radial-gradient(ellipse at 35% 50%,rgba(10,10,11,.94) 45%,transparent 78%)}}.sh-callout{padding:1px 5px;border-radius:3px;background:color-mix(in srgb,rgba(236,236,232,.92),rgba(12,14,17,.86) calc(var(--sh-mix) * 100%));box-shadow:0 1px 6px #00000047}.landing-nav-right{display:flex;align-items:center;gap:1rem}.landing-nav-right .google-signin{transform:scale(.85);transform-origin:right center}.landing-close-actions{justify-content:center}.verdict-load{margin-top:.55rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .85rem;border-radius:2px;border:1px solid var(--accent-edge);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.verdict-load:hover{background:var(--accent);color:#0a0a0b}
