:root{--heat:0;--bg-0:#070b16;--bg-1:#0d1426;--panel:#121a2ed1;--panel-solid:#121a2e;--stroke:#94b0ff29;--stroke-strong:#94b0ff59;--text:#e8eeff;--text-dim:#93a3c4;--text-faint:#64748b;--solid:#5b8cff;--liquid:#22d3ee;--gas:#ff9a5c;--plasma:#f472b6;--supercritical:#c084fc;--unknown:#5a6683;--sidebar-w:208px;--cell-radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app{isolation:isolate;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app:before,.app:after{content:"";z-index:-2;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.app:before{background:radial-gradient(1100px 700px at 15% -10%, #16306b 0%, transparent 60%), radial-gradient(900px 600px at 90% 0%, #0b2a54 0%, transparent 55%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 60%)}.app:after{opacity:calc(var(--heat) * .85);background:radial-gradient(1000px 620px at 50% 110%,#ff84338c 0%,#0000 62%),radial-gradient(700px 500px at 12% 100%,#ff3c5a59 0%,#0000 60%);transition:opacity .35s}.stage{flex:1;gap:14px;min-height:0;padding:12px 14px 6px;display:flex}.table-area{flex:1;min-width:0;min-height:0;display:flex}.sidebar{width:var(--sidebar-w);flex-direction:column;flex:none;gap:12px;min-height:0;display:flex}.brand-title{letter-spacing:-.01em;background:linear-gradient(92deg, var(--solid), var(--liquid) 50%, var(--gas));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700;line-height:1.2}.brand-sub{color:var(--text-dim);margin-top:3px;font-size:11px;line-height:1.35}.legend-list{flex-direction:column;gap:5px;display:flex}.legend-row{border:1px solid var(--stroke);background:var(--panel);color:inherit;font:inherit;cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;transition:background .18s,border-color .18s;display:flex}.legend-row:hover{background:#ffffff12}.legend-row.active{border-color:#fff}.legend-text{flex:1;min-width:0}.legend-name{font-size:12px;font-weight:600;display:block}.legend-hint{color:var(--text-faint);margin-top:1px;font-size:9.5px;line-height:1.3;display:block}.legend-count{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.sidebar-note{color:var(--text-faint);margin:auto 0 0;font-size:10px;line-height:1.5}.dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 8px}.dot.solid{background:var(--solid);color:var(--solid)}.dot.liquid{background:var(--liquid);color:var(--liquid)}.dot.gas{background:var(--gas);color:var(--gas)}.dot.plasma{background:var(--plasma);color:var(--plasma)}.dot.supercritical{background:var(--supercritical);color:var(--supercritical)}.dot.unknown{background:var(--unknown);color:#0000}.table{flex:1;grid-template-rows:repeat(7,minmax(0,1fr)) minmax(0,.3fr) repeat(2,minmax(0,1fr));grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(2px,.32vw,5px);min-height:0;display:grid}.series-label{border:1px dashed var(--stroke);border-radius:var(--cell-radius);color:var(--text-faint);justify-content:center;align-items:center;font-size:10px;display:flex}.cell{border:1px solid var(--cell-border,var(--stroke));border-radius:var(--cell-radius);background:var(--cell-bg,#ffffff08);min-width:0;min-height:0;color:var(--text);cursor:pointer;font:inherit;flex-direction:column;justify-content:center;align-items:center;padding:2px;transition:background-color .4s,border-color .4s,box-shadow .4s,transform .14s;display:flex;position:relative;overflow:hidden}.cell:hover{border-color:var(--cell-accent,var(--stroke-strong));z-index:5;transform:scale(1.09);box-shadow:0 10px 26px #0000008c}.cell:focus-visible{outline-offset:2px;z-index:6;outline:2px solid #fff}.cell.selected{z-index:4;border-color:#fff;box-shadow:0 0 0 2px #ffffffd9,0 12px 30px #0009}.cell.dimmed{opacity:.26;filter:saturate(.4)}.cell-z{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:8.5px;line-height:1;position:absolute;top:2px;left:4px}.cell-symbol{letter-spacing:-.01em;font-size:clamp(12px,1.45vw,20px);font-weight:700;line-height:1}.cell-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:clamp(6px,.6vw,9px);line-height:1.1;overflow:hidden}@media (max-height:800px){.cell-name{display:none}}.cell-phase{background:var(--cell-accent,transparent);opacity:.9;height:2.5px;position:absolute;bottom:0;left:0;right:0}.cell.flash:after{content:"";border-radius:inherit;background:var(--cell-accent,#fff);pointer-events:none;animation:.75s ease-out forwards flash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes flash{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.cell.ph-gas .cell-symbol{animation:3.2s ease-in-out infinite floaty}.cell.ph-liquid .cell-symbol{animation:4.5s ease-in-out infinite wobble}.cell.ph-supercritical{animation:2.6s ease-in-out infinite pulse}.cell.ph-plasma{animation:1.6s ease-in-out infinite glow}.cell.ph-plasma .cell-symbol{animation:.6s steps(3,end) infinite jitter}@keyframes glow{0%,to{box-shadow:0 0 #f472b600}50%{box-shadow:0 0 20px 3px #f472b68c}}@keyframes jitter{0%{transform:translate(-.7px,.5px)}33%{transform:translate(.6px,-.6px)}66%{transform:translate(-.4px,-.3px)}to{transform:translate(.5px,.6px)}}@keyframes floaty{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(1.5px)}}@keyframes wobble{0%,to{transform:translate(-1px)}50%{transform:translate(1px)}}@keyframes pulse{0%,to{box-shadow:0 0 #c084fc00}50%{box-shadow:0 0 16px 2px #c084fc73}}.cell.ph-liquid .cell-fill{pointer-events:none;background:linear-gradient(#22d3ee59,#22d3ee14);border-radius:40% 40% 0 0/18px 18px 0 0;height:42%;animation:5s ease-in-out infinite slosh;position:absolute;bottom:0;left:-20%;right:-20%}@keyframes slosh{0%,to{transform:translate(-4px)rotate(-1.2deg)}50%{transform:translate(4px)rotate(1.2deg)}}.controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--stroke);background:linear-gradient(#070b1633,#070b16eb 40%);flex:none;padding:8px clamp(12px,2vw,18px) 10px}.controls-inner{flex-direction:column;gap:8px;display:flex}.temp-row{align-items:center;gap:14px;display:flex}.play-btn{border:1px solid var(--stroke-strong);width:42px;height:42px;color:var(--text);cursor:pointer;background:linear-gradient(160deg,#1d2a4d,#131c33);border-radius:50%;flex:none;place-items:center;transition:transform .15s,box-shadow .2s;display:grid}.play-btn:hover{transform:scale(1.07);box-shadow:0 0 20px #5b8cff66}.temp-readout{font-variant-numeric:tabular-nums;flex:none;min-width:148px}.temp-readout .k{font-size:23px;font-weight:700;line-height:1}.temp-readout .c{color:var(--text-dim);margin-top:2px;font-size:12px}.slider-stack{flex:1;min-width:0}input[type=range]{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track,linear-gradient(90deg, #2b3a63, #4a5f96));border:1px solid var(--stroke);border-radius:999px;height:9px}input[type=range]::-moz-range-track{background:var(--track,linear-gradient(90deg, #2b3a63, #4a5f96));border:1px solid var(--stroke);border-radius:999px;height:9px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #0d1426;border-radius:50%;width:20px;height:20px;margin-top:-6.5px;box-shadow:0 0 14px #ffffff8c}input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #0d1426;border-radius:50%;width:20px;height:20px;box-shadow:0 0 14px #ffffff8c}.temp-scale{height:13px;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:10px;position:relative}.temp-scale span{white-space:nowrap;position:absolute;transform:translate(-50%)}.temp-scale span[data-edge=start]{transform:none}.temp-scale span[data-edge=end]{transform:translate(-100%)}.temp-scale span:before{content:"";opacity:.5;background:currentColor;width:1px;height:3px;position:absolute;top:-4px;left:50%}.temp-scale span[data-edge=start]:before{left:0}.temp-scale span[data-edge=end]:before{left:auto;right:0}.pressure-toggle{border:1px solid var(--stroke);color:var(--text-dim);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;flex:none;align-items:center;gap:6px;padding:9px 13px;font-size:13px;transition:background .18s,color .18s,border-color .18s;display:flex}.pressure-toggle:hover{color:var(--text);border-color:var(--stroke-strong)}.pressure-toggle.active{border-color:var(--solid);color:#fff;background:#5b8cff33}.pressure-toggle .badge{color:#ffd0b3;font-variant-numeric:tabular-nums;background:#ff9a5c38;border-radius:6px;padding:2px 6px;font-size:11px}.chips{scrollbar-width:thin;gap:6px;display:flex;overflow-x:auto}.chip{border:1px solid var(--stroke);color:var(--text-dim);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;transition:background .18s,color .18s,border-color .18s;display:flex}.chip:hover{color:var(--text);background:#ffffff1a}.chip.active{border-color:var(--solid);color:#fff;background:#5b8cff38}.pressure-row{border:1px solid var(--stroke);background:#ffffff0a;border-radius:10px;align-items:center;gap:14px;padding:8px 12px;display:flex}.pressure-row .label{min-width:140px;color:var(--text-dim);flex:none;font-size:12px}.pressure-row .label b{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;display:block}.mini-btn{border:1px solid var(--stroke);color:var(--text-dim);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:8px;flex:none;padding:6px 10px;font-size:12px}.mini-btn:hover{color:var(--text);border-color:var(--stroke-strong)}.backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#04070e99;animation:.2s fade;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.details{z-index:31;background:var(--panel-solid);border-left:1px solid var(--stroke);width:min(440px,100vw);padding-bottom:32px;animation:.26s cubic-bezier(.22,1,.36,1) slide-in;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-24px 0 60px #0000008c}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.details-head{border-bottom:1px solid var(--stroke);padding:20px 22px 16px;position:relative}.head-main{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.element-photo{border:1px solid var(--stroke-strong);background:#0a0f1c;border-radius:12px;flex:none;width:108px;height:108px;margin:0;overflow:hidden}.element-photo img{object-fit:cover;width:100%;height:100%;display:block}.close-btn{border:1px solid var(--stroke);width:30px;height:30px;color:var(--text);cursor:pointer;z-index:2;background:#00000059;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.close-btn:hover{background:#ffffff1f}.details-symbol{letter-spacing:-.03em;font-size:50px;font-weight:700;line-height:1}.details-name{margin-top:6px;font-size:19px;font-weight:600}.details-sub{color:var(--text-dim);max-width:22ch;margin-top:3px;font-size:12.5px}.phase-badge{border:1px solid var(--cell-accent,var(--stroke));background:var(--cell-bg,#ffffff0d);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:7px 13px;font-size:13.5px;font-weight:600;display:inline-flex}.details-body{flex-direction:column;gap:18px;padding:16px 22px;display:flex}.description{color:#d5def5;margin:0;font-size:13.5px;line-height:1.6}.hint{color:var(--text-dim);margin:10px 0 0;font-size:13px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 9px;font-size:11px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fact{border:1px solid var(--stroke);background:#ffffff0a;border-radius:10px;padding:8px 11px}.fact .k{color:var(--text-faint);font-size:10.5px}.fact .v{font-variant-numeric:tabular-nums;margin-top:3px;font-size:13.5px;font-weight:600}.fact.wide{grid-column:1/-1}.note{color:#dbe6ff;background:#5b8cff1a;border:1px solid #5b8cff47;border-radius:10px;padding:10px 13px;font-size:12.5px;line-height:1.5}.warn{color:#ffe0cc;background:#ff9a5c1a;border-color:#ff9a5c4d}.thermo{border:1px solid var(--stroke);border-radius:9px;height:32px;position:relative;overflow:hidden}.thermo-seg{color:#ffffffbf;white-space:nowrap;place-items:center;font-size:10px;display:grid;position:absolute;top:0;bottom:0;overflow:hidden}.thermo-marker{background:#fff;border-radius:2px;width:3px;transition:left .12s linear;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 10px #ffffffe6}.thermo-scale{color:var(--text-faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:9.5px;display:flex}.particles{border:1px solid var(--stroke);background:radial-gradient(120% 100% at 50% 0,#ffffff0d,#0000 70%);border-radius:11px;width:100%;height:140px;display:block}.diagram-figure{margin:0}.diagram{border:1px solid var(--stroke);background:#00000040;border-radius:11px;width:100%;height:auto;display:block}.diagram-legend{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;margin-top:9px;font-size:11px;display:flex}.diagram-legend span{align-items:center;gap:7px;display:flex}.diagram-legend .mark{border-radius:50%;flex:none;width:9px;height:9px}.mark.current{background:#fff}.mark.triple{background:#0d1426;border:2px solid #fff}.mark.crit{background:var(--supercritical);border:1.5px solid #fff}.sources ul{color:var(--text-faint);flex-direction:column;gap:6px;margin:0;padding:0;font-size:11px;line-height:1.5;list-style:none;display:flex}.sources a{color:var(--text-dim);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sources a:hover{color:var(--text)}.sources a svg{vertical-align:-1px}.sources .muted{opacity:.75}.tooltip{z-index:40;pointer-events:none;border:1px solid var(--stroke-strong);background:#0a0f1cf5;border-radius:10px;max-width:250px;padding:8px 11px;font-size:12px;line-height:1.45;position:fixed;box-shadow:0 12px 30px #0009}.tooltip b{margin-bottom:3px;font-size:13px;display:block}.tooltip .muted{color:var(--text-dim)}@media (max-width:900px){.app{height:auto;min-height:100dvh;overflow:visible}.stage{flex-direction:column;padding:10px}.sidebar{width:100%}.legend-list{flex-flow:wrap}.legend-row{flex:140px}.legend-hint,.sidebar-note{display:none}.table{grid-template-rows:none;grid-auto-rows:52px;min-width:860px}.table-area{overflow-x:auto}.cell-name{display:none}.controls{position:sticky;bottom:0}.details{border-left:none;border-top:1px solid var(--stroke);border-radius:18px 18px 0 0;width:100vw;max-height:82vh;top:auto}.temp-readout{min-width:110px}.temp-readout .k{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.spectrum-figure{margin:0}.spectrum{width:100%;height:auto;display:block}.spectrum-placeholder{background:#ffffff08;border-radius:6px;height:74px}.spectrum-caption{color:var(--text-faint);margin-top:6px;font-size:11px;line-height:1.45}.hazard{flex-direction:column;gap:12px;display:flex}.routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.route{border:1px solid color-mix(in srgb, var(--sev) 45%, transparent);background:color-mix(in srgb, var(--sev) 12%, transparent);color:var(--sev);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.route-name{color:var(--text);font-size:12px;font-weight:600}.route-sev{font-size:10.5px;line-height:1.25}.route.sev-unknown{opacity:.62}.hazard-radio{color:#ffe9b8;background:#ffd1661a;border:1px solid #ffd16659;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.hazard-radio svg{color:#ffd166;flex:none;margin-top:1px}.hazard-radio .muted{color:var(--text-dim);margin-top:3px;font-size:11.5px}.hazard-flags{flex-direction:column;gap:5px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.hazard-flags li{border-left:3px solid var(--flag,var(--stroke-strong));background:#ffffff0a;border-radius:8px;align-items:baseline;gap:8px;padding:6px 10px;display:flex}.hazard-flags .flag-health{--flag:#ff5f6d}.hazard-flags .flag-physical{--flag:#ff9a5c}.hazard-flags .flag-environment{--flag:#4ade80}.flag-code{color:var(--text-faint);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.exposure{border:1px solid var(--stroke);border-radius:10px;padding:9px 11px;font-size:11.5px}.exposure-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10.5px}.exposure-row{gap:8px;padding:3px 0;line-height:1.45;display:flex}.exposure-key{width:42px;color:var(--text-dim);flex:none;font-weight:600}.exposure-val{color:var(--text)}.ghs-details summary{cursor:pointer;color:var(--text-dim);padding:5px 0;font-size:12px}.ghs-details summary:hover{color:var(--text)}.ghs-list{color:var(--text-dim);flex-direction:column;gap:5px;margin:6px 0 0;padding:0;font-size:11.5px;line-height:1.45;list-style:none;display:flex}.ghs-list li{align-items:baseline;gap:8px;display:flex}.hazard-caveat{color:var(--text-faint);border-left:2px solid var(--stroke-strong);margin:0;padding-left:10px;font-size:11.5px;line-height:1.55}.hazard-source{color:var(--text-dim);font-size:11px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.hazard-source:hover{color:var(--text)}.route-basis{color:var(--text-faint);font-size:9.5px;line-height:1.2}.hazard-cryo{color:#cdf5fb;background:#22d3ee1a;border:1px solid #22d3ee59;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.hazard-cryo svg{color:var(--liquid);flex:none;margin-top:1px}.hazard-cryo .muted{color:var(--text-dim);margin-top:3px;font-size:11.5px}.ghs-share{color:var(--text-faint)}.ghs-source{color:var(--text-faint);margin:8px 0 0;font-size:10.5px;line-height:1.45}.origin{flex-direction:column;gap:10px;display:flex}.origin-bar{border:1px solid var(--stroke);border-radius:6px;height:16px;display:flex;overflow:hidden}.origin-bar span{height:100%;display:block}.origin-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.origin-list li{align-items:center;gap:8px;display:flex}.origin-swatch{border-radius:3px;flex:none;width:10px;height:10px}.origin-name{flex:1;min-width:0}.origin-pct{font-variant-numeric:tabular-nums;font-weight:600}.origin-story{color:var(--text-dim);border-left:2px solid var(--stroke-strong);margin:0;padding-left:10px;font-size:12.5px;line-height:1.55}.origin-source{color:var(--text-faint);margin:0;font-size:10.5px;line-height:1.45}.origin-source a{color:var(--text-dim);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.origin-source a:hover{color:var(--text)}