:root{color-scheme:dark;--bg: #051015;--panel: rgba(4, 20, 17, .82);--panel-strong: rgba(8, 31, 26, .94);--line: rgba(126, 255, 210, .32);--text: #d8ffe8;--muted: rgba(216, 255, 232, .7);--cyan: #6cf7ff;--amber: #ffd166;--red: #ff6f7d;--green: #72f4a1;--pink: #ff84cf;--shadow: rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:IBM Plex Mono,Cascadia Mono,SFMono-Regular,monospace;color:var(--text);background:radial-gradient(circle at top,rgba(108,247,255,.12),transparent 42%),linear-gradient(180deg,#08161d,#03070a)}button,select{font:inherit}.shell{position:relative;min-height:100vh;padding:24px;overflow:hidden}.grid,.screen-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid{background-image:linear-gradient(rgba(114,244,161,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(114,244,161,.08) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 88%)}.screen-noise{background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px,transparent 4px,transparent 8px);opacity:.12}.layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr);gap:20px;align-items:start}.panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 65%),var(--panel);box-shadow:0 18px 50px var(--shadow),inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(108,247,255,.08),transparent 35%,rgba(255,209,102,.08));pointer-events:none}.hero,.toolbar,.side-console,.mode-panel{padding:20px}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px}.eyebrow,.panel-title,.toolbar-note,label span,.label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}h1{margin:8px 0 10px;font-size:clamp(2.3rem,7vw,4.2rem);line-height:.92;letter-spacing:.03em}p{margin:0;max-width:64ch;color:var(--muted)}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-stats div,.meta-list div,.cascade-output div{padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.hero-stats span,.meta-list span,.cascade-output span{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.hero-stats strong,.meta-list strong,.cascade-output strong{display:block;margin-top:6px;font-size:1.05rem}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mode-tab,.selector-actions button{border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--text);padding:9px 14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mode-tab:hover,.selector-actions button:hover,select:hover{transform:translateY(-1px);border-color:#d8ffe86b}.mode-tab.active{background:#6cf7ff1f;border-color:#6cf7ff75;box-shadow:0 0 0 1px #6cf7ff29 inset}.toolbar-note{margin-left:auto;letter-spacing:.1em}.mode-panel{display:none}.mode-panel.active{display:block}.selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{display:grid;gap:8px}select{width:100%;border:1px solid var(--line);border-radius:12px;background:#081b16f0;color:var(--text);padding:12px 14px}.selector-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.reaction-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.state-card,.inset{padding:16px;border-radius:16px;background:var(--panel-strong)}.state-card.center{display:grid;align-content:center;gap:14px;text-align:center}.state-label,.product-label{margin-top:12px;font-size:1.35rem;line-height:1.2;font-weight:700}.bond-detail,.product-label{color:var(--muted)}.delta-badge{display:inline-flex;align-items:center;justify-content:center;min-height:72px;padding:12px 18px;border-radius:18px;border:1px solid currentColor;font-size:1.25rem;font-weight:700}.delta-badge.ionic{color:var(--cyan);background:#6cf7ff14}.delta-badge.covalent{color:var(--amber);background:#ffd16614}.delta-badge.anti{color:var(--red);background:#ff6f7d14}.delta-badge.exotic{color:var(--pink);background:#ff84cf14}.molecule-grid,.map-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.chip.linked{color:var(--cyan)}.empty{color:var(--muted)}.side-console{position:sticky;top:24px;display:grid;gap:16px}.console-lines{display:grid;gap:8px;padding:14px;border-radius:14px;background:#00000047;border:1px solid rgba(255,255,255,.05);min-height:260px}.console-lines div{color:var(--green)}.legend{display:grid;gap:10px}.legend-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.legend-row small{display:block;margin-top:4px;color:var(--muted)}.swatch{width:14px;height:14px;border-radius:999px;margin-top:4px}.swatch.ionic{background:var(--cyan)}.swatch.covalent{background:var(--amber)}.swatch.anti{background:var(--red)}.swatch.inert{background:var(--green)}.swatch.exotic{background:var(--pink)}.map-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.map-shell{min-height:420px;border-radius:16px;background:radial-gradient(circle at center,rgba(108,247,255,.08),transparent 55%),#020a0ccc;display:flex;align-items:center;justify-content:center}#fano-map{width:100%;height:auto}.fano-line{fill:none;stroke:#d8ffe833;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.fano-line.active{stroke:#6cf7ffd1;filter:url(#glow)}.period-node circle{fill:#081b16e6;stroke:#d8ffe833;stroke-width:2}.period-node text{fill:var(--text);text-anchor:middle;font-family:IBM Plex Mono,Cascadia Mono,monospace}.period-node .period-number{font-size:14px;letter-spacing:.16em}.period-node .period-label{font-size:18px;font-weight:700}.period-node.active circle{stroke:var(--cyan);fill:#6cf7ff24}.period-node.linked circle{stroke:#ffd166b8;fill:#ffd16614}.map-sidebar{display:grid;gap:16px}@media(max-width:1100px){.layout,.hero,.map-layout{grid-template-columns:1fr}.side-console{position:static}}@media(max-width:840px){.shell{padding:14px}.selectors,.reaction-board,.molecule-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar-note{margin-left:0}}