:root{--bg:#141210;--bg2:#1c1917;--bg3:#232020;--line:#302b26;--fg:#efe9de;--fg2:#a09789;--fg3:#6f675c;--accent:#e0483a;--radius:4px;--display:"Space Grotesk", sans-serif;--ui:"Space Grotesk", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--ui);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}input[type=range]{accent-color:var(--accent)}button{font-family:inherit}.app{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--ui);flex-direction:column;display:flex}.main{flex:1;align-items:stretch;min-height:0;display:flex}.hdr{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px;padding:14px 20px;display:flex}.wordmark{flex-direction:column;gap:2px;min-width:180px;display:flex}.wordmark-title{font-family:var(--display);letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1}.wordmark-sub{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);font-size:10px}.search-wrap{flex:1;min-width:180px;max-width:320px}.search{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--fg);font-family:var(--mono);outline:none;padding:8px 10px;font-size:12px}.search::placeholder{color:var(--fg3)}.hdr-right{align-items:center;gap:6px;margin-left:auto;display:flex}.btn-pill{color:var(--fg2);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--mono);letter-spacing:.02em;cursor:pointer;background:0 0;padding:7px 12px;font-size:11px}.btn-pill.active{background:var(--accent);color:var(--fg);border-color:#0000}.ctrl{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;min-height:44px;padding:10px 20px;display:flex}.tabs{gap:2px;display:flex}.prop-ctrl{align-items:center;gap:12px;display:flex}.prop-select{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);font-family:var(--mono);outline:none;padding:6px 8px;font-size:11px}.grad-legend{font-family:var(--mono);color:var(--fg3);align-items:center;gap:8px;font-size:10px;display:flex}.grad-svg{cursor:crosshair;touch-action:none;width:150px;height:21px;display:block}.state-ctrl{flex:1;align-items:center;gap:14px;max-width:560px;display:flex}.temp-slider{cursor:ew-resize;touch-action:none;outline:none;flex:1;min-width:160px;display:block}.temp-slider:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.temp-readout{font-family:var(--mono);min-width:78px;color:var(--fg);font-size:12px}.state-key{font-family:var(--mono);color:var(--fg2);gap:10px;font-size:10px;display:flex}.key-item{align-items:center;gap:5px;display:flex}.sw{border-radius:2px;width:9px;height:9px;display:inline-block}.legend{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-sw{border-radius:2px;width:10px;height:10px;display:inline-block}.legend-item span{font-family:var(--mono);color:var(--fg2);white-space:nowrap;font-size:10px}.table-scroll{cursor:grab;flex:1;min-width:0;padding:22px 20px 28px;position:relative;overflow:hidden}.table-scroll:active{cursor:grabbing}.canvas{transform-origin:0 0;position:relative}.cell{cursor:pointer;z-index:1;border-radius:var(--radius);flex-direction:column;width:72px;height:72px;padding:4px 5px;transition:opacity .18s,transform .12s,filter .12s;display:flex;position:absolute;overflow:hidden}.cell.dim{opacity:.09}.cell.selected{box-shadow:0 0 0 2px var(--accent);z-index:4}.cell.focused{outline:2px solid var(--fg3);outline-offset:1px}.cell:hover{z-index:6;filter:brightness(1.12);transform:translateY(-2px)}.cell-top{font-family:var(--mono);opacity:.72;justify-content:space-between;align-items:baseline;font-size:8px;line-height:1;display:flex}.cell-sym{font-family:var(--display);letter-spacing:-.02em;margin-top:1px;font-size:19px;font-weight:600;line-height:1.1}.cell-name{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:7px;line-height:1.15;overflow:hidden}.cell-sub{font-family:var(--mono);opacity:.9;white-space:nowrap;margin-top:auto;font-size:8px;line-height:1;overflow:hidden}.cell.tier-symbol .cell-top,.cell.tier-symbol .cell-name,.cell.tier-symbol .cell-sub{display:none}.cell.tier-symbol .cell-sym{margin:auto;font-size:22px}.ph{border:1px dashed var(--line);border-radius:var(--radius);width:72px;height:72px;font-family:var(--mono);color:var(--fg3);justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute}.foot{font-family:var(--mono);color:var(--fg3);flex-wrap:wrap;gap:20px;margin-top:18px;font-size:10px;display:flex}.panel{border-left:1px solid var(--line);background:var(--bg2);flex:0 0 400px;width:400px;padding:20px;overflow:auto}.detail-head{border-radius:var(--radius);padding:16px}.detail-head-top{font-family:var(--mono);opacity:.75;justify-content:space-between;align-items:flex-start;font-size:11px;display:flex}.detail-sym{font-family:var(--display);letter-spacing:-.03em;margin:6px 0 4px;font-size:64px;font-weight:600;line-height:1}.detail-name{letter-spacing:-.01em;font-size:17px;font-weight:500}.detail-cat{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-top:6px;font-size:10px}.detail-mid{align-items:center;gap:14px;margin:18px 0 6px;display:flex}.shell-svg{flex:0 0 132px;width:132px;height:132px}.detail-config{min-width:0}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);margin-bottom:5px;font-size:10px}.config-text{font-family:var(--mono);color:var(--fg);word-break:break-word;font-size:12px;line-height:1.5}.shells-line{font-family:var(--mono);color:var(--fg2);margin-top:8px;font-size:11px}.state-strip{border-radius:var(--radius);align-items:center;gap:8px;margin:8px 0 14px;padding:9px 12px;display:flex}.state-strip-text{font-family:var(--mono);font-size:11px}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:8px 0;display:flex}.detail-row-label{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg3);white-space:nowrap;font-size:10px}.detail-row-value{font-family:var(--mono);color:var(--fg);text-align:right;font-size:12px}.discovery{color:var(--fg2);margin-top:16px;font-size:12px;line-height:1.55}.hint{font-family:var(--mono);color:var(--fg3);margin-top:18px;font-size:10px;line-height:1.6}.compare-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);margin-bottom:14px;font-size:10px}.cmp-slots{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.cmp-slot{border-radius:var(--radius);border:1px solid var(--line);min-height:84px;padding:14px}.cmp-sym{font-family:var(--display);font-size:34px;font-weight:600;line-height:1}.cmp-name{margin-top:4px;font-size:12px}.cmp-row{margin-bottom:14px}.cmp-labels{font-family:var(--mono);color:var(--fg2);justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:5px;font-size:10px;display:flex}.cmp-side{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.cmp-side-b{text-align:right;align-items:flex-end}.cmp-val{white-space:nowrap}.cmp-pct{color:var(--fg3);white-space:nowrap;font-size:8px}.cmp-prop-label{color:var(--fg3);letter-spacing:.06em;text-transform:uppercase}.cmp-bars{align-items:center;gap:3px;display:flex}.bar-track{background:var(--bg3);border-radius:2px;flex:1;height:7px;display:flex;position:relative;overflow:hidden}.bar-med{background:var(--fg3);opacity:.6;width:1px;position:absolute;top:0;bottom:0}.bar-a{justify-content:flex-end}.bar{border-radius:2px;height:100%}.clear-btn{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg2);font-family:var(--mono);cursor:pointer;background:0 0;margin-top:8px;padding:7px 10px;font-size:10px}.cell.hovered{outline:2px solid var(--fg2);outline-offset:1px;z-index:5}.panel-wide{flex:0 0 500px;width:500px;padding:18px 18px 16px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.panel-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);font-size:10px}.panel-readout{min-height:24px;font-family:var(--mono);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.scatter-selects{font-family:var(--mono);color:var(--fg3);align-items:center;gap:12px;font-size:10px;display:flex}.scatter-selects label{align-items:center;gap:5px;display:flex}.tr-sym{font-family:var(--display);font-size:20px;font-weight:600;line-height:1}.tr-val{color:var(--fg);font-size:13px}.tr-unit{color:var(--fg2);font-size:10px}.tr-sub{color:var(--fg3);font-size:10px}.panel-svg{touch-action:none;width:100%;height:auto;display:block}.axis-lbl{font-family:var(--mono);fill:var(--fg3);font-size:9px}.period-lbl{font-family:var(--mono);fill:var(--fg2);font-size:9px}.period-line{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 3}.guide-line{stroke:var(--fg3);stroke-width:1px;opacity:.35}.brush-hit{cursor:ew-resize}.panel-legend{margin-top:12px}.panel-hint{font-family:var(--mono);color:var(--fg3);margin-top:10px;font-size:9px;line-height:1.6}.disc-ctrl{align-items:center;gap:10px;margin-top:12px;display:flex}.disc-slider{min-width:0;accent-color:var(--accent);flex:1}.disc-readout{font-family:var(--mono);text-align:right;min-width:44px;color:var(--fg);font-size:12px}.treemap{width:100%;height:auto;display:block}.treemap-sym{font-family:var(--display);font-size:12px;font-weight:600}.phase-strip{cursor:ew-resize;touch-action:none;width:100%;height:auto;margin-top:20px;display:block}.phase-tick{font-family:var(--mono);fill:var(--fg3);font-size:9px}.phase-temp{font-family:var(--mono);fill:var(--accent);font-size:10px}.bond{margin:0 0 6px}.bond-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px;font-size:10px}.bond-svg{width:100%;height:auto;display:block}.bond-label{font-family:var(--mono);fill:var(--fg2);font-size:9px}.bond-axis{font-family:var(--mono);fill:var(--fg3);font-size:9px}.bond-type{font-family:var(--mono);color:var(--fg2);margin-top:8px;font-size:10px}.bond-type strong{color:var(--fg);font-weight:500}.bond-nums{color:var(--fg3)}.bond-muted{color:var(--fg3);font-size:9px}.tooltip{z-index:100;background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);pointer-events:none;white-space:nowrap;padding:5px 8px;position:fixed}.tip-row{font-family:var(--mono);color:var(--fg);align-items:center;gap:6px;font-size:11px;display:inline-flex}.tip-dot{border-radius:2px;flex:0 0 8px;width:8px;height:8px;display:inline-block}.tip-sym{font-family:var(--display);font-size:13px;font-weight:600;line-height:1}.tip-name{color:var(--fg2)}.tip-chip{color:var(--fg3);margin-left:4px}.layout-seg{align-items:center;gap:4px;margin-left:auto;display:flex}.layout-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);margin-right:4px;font-size:10px}.layout-btn{padding:5px 9px}.sm-svg{width:100%;height:auto;display:block}.sm-dot{stroke-width:0;cursor:pointer;transition:filter .12s}.sm-node:hover .sm-dot{filter:brightness(1.15)}.sm-sym{font-family:var(--display);fill:#f4f0e8;pointer-events:none;font-size:11px;font-weight:600}.sm-axis{font-family:var(--mono);fill:var(--fg3);font-size:10px}