:root{--bg: #eef2f7;--panel: #ffffff;--panel-2: #f6f8fb;--text: #16202b;--muted: #5b6a7d;--border: #d3dbe6;--accent: #2f6fed;--accent-soft: #dbe6ff;--shadow: 0 6px 24px rgba(20, 40, 80, .12);--radius: 8px;--tile-gap: 3px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--mono: "Cascadia Mono", "Consolas", ui-monospace, monospace;color-scheme:light}:root[data-theme=dark]{--bg: #0e131d;--panel: #19202e;--panel-2: #131a26;--text: #e7edf7;--muted: #97a4b8;--border: #2c3749;--accent: #6ea8fe;--accent-soft: #1e2f4d;--shadow: 0 8px 28px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}#app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:8px;font-weight:700;font-size:18px;letter-spacing:.02em}.brand .brand-mark{color:var(--accent)}.brand small{font-weight:500;font-size:11px;color:var(--muted);letter-spacing:.04em}.seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg button{border:0;background:transparent;padding:6px 12px;cursor:pointer;color:var(--muted);white-space:nowrap}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.seg button:hover:not([aria-pressed=true]){background:var(--accent-soft);color:var(--text)}.icon-btn{border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius);padding:6px 10px;cursor:pointer}.icon-btn:hover{background:var(--accent-soft)}.search{position:relative;margin-left:auto}.search input{width:210px;padding:7px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);outline:none}.search input:focus{border-color:var(--accent)}.search .hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px;pointer-events:none}.controls{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.controls label{color:var(--muted);font-size:12px;margin-right:6px}.controls select{border:1px solid var(--border);background:var(--panel-2);border-radius:6px;padding:5px 8px}.controls .temp{display:flex;align-items:center;gap:10px;min-width:280px}.controls .temp input[type=range]{width:180px;accent-color:var(--accent)}.controls .temp .val{font-variant-numeric:tabular-nums;min-width:66px;text-align:right;font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 16px;background:var(--panel-2);border-bottom:1px solid var(--border)}.legend .item{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:default}.legend .swatch{width:15px;height:15px;border-radius:4px;border:1px solid rgba(0,0,0,.15)}.legend .gradient{display:inline-flex;align-items:center;gap:10px;flex:1 1 100%;min-width:260px}.legend .gradient .bar{flex:1;height:12px;border-radius:6px;border:1px solid var(--border)}.stage{flex:1;padding:14px 16px 22px;overflow-x:auto}.table{display:grid;grid-template-columns:repeat(18,minmax(46px,1fr));gap:var(--tile-gap);min-width:940px;max-width:1500px;margin:0 auto}.tile{position:relative;aspect-ratio:1 / 1;border-radius:6px;border:1px solid rgba(0,0,0,.14);background:var(--panel);padding:3px 4px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform .06s ease,box-shadow .1s ease,opacity .15s ease}.tile:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 16px #00000047;z-index:5}.tile.selected{outline:2px solid var(--accent);outline-offset:-1px;z-index:6}.tile.dimmed{opacity:.18}.tile .num{font-size:10px;line-height:1;color:#0000009e}.tile .sym{font-size:clamp(15px,1.7vw,22px);font-weight:700;line-height:1.05;color:#0b1520}.tile .nm{font-size:8.5px;line-height:1.05;color:#000000a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .mass{margin-top:auto;font-size:8.5px;color:#0009;font-variant-numeric:tabular-nums}.tile .badge{position:absolute;top:3px;right:4px;font-size:8px;color:#0000008c}.tile.unknown-props{border-style:dashed}.tile .phase{position:absolute;bottom:3px;right:4px;font-size:9px;font-weight:700}.tile.config{align-items:center;justify-content:center;text-align:center}.tile.config .cfg{font-family:var(--mono);font-size:8.5px;line-height:1.15;color:#0b1520;overflow:hidden}.tile.config .sym-sm{position:absolute;top:3px;left:4px;font-size:10px;font-weight:700;color:#0b1520}.spacer{aspect-ratio:1 / 1}.fblock-note{display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--muted);border-radius:6px;border:1px dashed var(--border)}.loading{padding:40px;text-align:center;color:var(--muted)}.overlay{position:fixed;inset:0;z-index:50;background:#080e1873;backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.overlay[hidden]{display:none}.card{width:min(560px,100%);height:100%;overflow-y:auto;background:var(--panel);border-left:1px solid var(--border);box-shadow:var(--shadow);animation:slide-in .18s ease}@keyframes slide-in{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}.card-head{position:sticky;top:0;display:flex;align-items:flex-start;gap:16px;padding:18px 18px 16px;background:var(--panel);border-bottom:1px solid var(--border);z-index:2}.card-head .big{flex:0 0 auto;width:92px;height:92px;border-radius:10px;border:1px solid rgba(0,0,0,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b1520}.card-head .big .n{font-size:12px;align-self:flex-start;padding:4px 0 0 8px;position:absolute;margin-top:-46px;color:#0009}.card-head .big .s{font-size:38px;font-weight:800;line-height:1}.card-head .big .m{font-size:11px;color:#000000a6}.card-head .titles{flex:1;min-width:0}.card-head h2{margin:0;font-size:24px}.card-head .sub{color:var(--muted);font-size:13px;margin-top:2px}.card-head .close{flex:0 0 auto;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:6px}.card-head .close:hover{background:var(--accent-soft);color:var(--text)}.card-body{padding:16px 18px 40px}.cat-chip{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#0b1520;border:1px solid rgba(0,0,0,.12)}.grid-props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:16px 0}.prop{border-bottom:1px dashed var(--border);padding:5px 0}.prop .k{font-size:11px;color:var(--muted)}.prop .v{font-size:13.5px;font-variant-numeric:tabular-nums}.section{margin-top:22px}.section h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.summary{font-size:13.5px;line-height:1.55}.summary+.summary{margin-top:8px}.shells{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}.shell{display:flex;flex-direction:column;align-items:center;min-width:42px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 4px}.shell .lbl{font-size:10px;color:var(--muted)}.shell .cnt{font-weight:700;font-variant-numeric:tabular-nums}.orbitals{display:flex;flex-direction:column;gap:8px}.subshell{display:flex;align-items:center;gap:8px}.subshell .name{width:26px;font-family:var(--mono);font-size:12px;color:var(--muted)}.boxes{display:flex;gap:5px}.obox{width:22px;height:22px;border:1.5px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:1px;font-size:12px;line-height:1}.obox .spin{color:var(--accent);font-weight:700}.obox.filled{border-color:var(--accent)}.cfg-line{font-family:var(--mono);font-size:13px;word-break:break-word;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin-bottom:8px}.card-foot{margin-top:22px;font-size:12px;color:var(--muted)}.card-foot a{color:var(--accent)}@media(max-width:560px){.grid-props{grid-template-columns:1fr}}.actions{display:inline-flex;gap:6px}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.footer{padding:0 16px 18px;color:var(--muted);font-size:12px}.isotopes-view{display:flex;flex-direction:column;gap:10px}.isotopes-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.isotopes-bar label{color:var(--muted);font-size:12px}.isotopes-bar select{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:5px 8px}.isotopes-hint{color:var(--muted);font-size:12px}.isotopes-legend{display:flex;flex-wrap:wrap;gap:6px 16px}.isotopes-legend .item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.isotopes-legend .swatch{width:13px;height:13px;border-radius:3px;border:1px solid rgba(0,0,0,.15)}.isotopes-legend .gradient{display:inline-flex;align-items:center;gap:10px;flex:1 1 100%;min-width:260px}.isotopes-legend .bar{flex:1;height:12px;border-radius:6px;border:1px solid var(--border)}.isotopes-scroll{overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);max-height:62vh}.isotopes-canvas{display:block}.isotopes-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 18px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:13px}.isotopes-details .prop{border-bottom:1px dashed var(--border)}.compounds-view{display:flex;flex-direction:column;gap:10px;max-width:1100px;margin:0 auto}.compounds-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.compounds-bar input[type=search]{flex:1 1 260px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);outline:none}.compounds-bar input[type=search]:focus{border-color:var(--accent)}.compounds-bar select{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:6px 8px;max-width:220px}.compounds-count{color:var(--muted);font-size:12px;margin-left:auto;white-space:nowrap}.compounds-details{position:relative;padding:12px 40px 12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.compounds-details .close{position:absolute;top:6px;right:6px;border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:16px;padding:4px 8px;border-radius:6px}.compounds-details .close:hover{background:var(--accent-soft)}.compounds-detail-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.compounds-detail-head .formula{font-size:22px;font-weight:700}.compounds-detail-head .name{font-size:15px}.compounds-detail-head .en{color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px}.chip b{color:var(--accent)}.compounds-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.compound-item{display:grid;grid-template-columns:130px 1fr minmax(120px,.7fr);align-items:baseline;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;padding:8px 12px;cursor:pointer}.compound-item:last-child{border-bottom:0}.compound-item:hover{background:var(--accent-soft)}.compound-item.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.compound-item .f{font-weight:700;font-size:15px}.compound-item .n{font-size:13.5px}.compound-item .e{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compounds-more{align-self:center;padding:8px 18px}@media(max-width:620px){.compound-item{grid-template-columns:1fr;gap:2px}.compound-item .e{display:none}}@media print{@page{size:A4 landscape;margin:8mm}:root,:root[data-theme=dark]{--bg: #fff;--panel: #fff;--text: #000;--border: #bbb;--muted: #444}body{background:#fff}.topbar,.controls,.footer,.overlay,.isotopes-bar,.compounds-bar,.compounds-details,.compounds-more{display:none!important}.stage{padding:0;overflow:visible}.table{min-width:0;width:100%;max-width:none;gap:2px}.tile{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.isotopes-view,.compounds-view{display:block!important}.isotopes-scroll{max-height:none;overflow:visible}}