*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.page{position:relative;z-index:2;padding:0 32px 80px;max-width:1600px;margin:0 auto}.hero{padding:80px 0 48px;text-align:center}.hero-eyebrow{font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:16px}.hero h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);text-shadow:0 0 40px rgba(200,160,60,.3)}.hero-sub{margin-top:12px;font-size:.72rem;color:var(--dim);line-height:1.8;max-width:52ch;margin-left:auto;margin-right:auto;font-family:monospace}.pt-info{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;padding:14px 28px;background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;max-width:360px;margin-left:auto;margin-right:auto;transition:border-color .2s,background .2s}.pt-info-sym{font-size:3rem;font-weight:700;color:var(--ink);line-height:1;min-width:56px;text-align:center}.pt-info-main{display:flex;flex-direction:column;gap:6px}.pt-info-name{font-size:1.1rem;color:var(--ink);font-weight:600}.pt-info-row{display:flex;gap:28px}.pt-info-cell{display:flex;flex-direction:column;gap:2px}.pt-info-val{font-size:1.05rem;color:var(--ink);font-weight:700}.pt-info-lbl{font-size:.65rem;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}.pt-scroll{overflow-x:auto}.pt-wrap{overflow:visible;padding:10px}.pt-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px;padding:14px 16px;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px}.pt-controls-label{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);margin-right:8px;flex-shrink:0}.pt-mode-btn{background:var(--bg-soft);border:1px solid var(--line);border-radius:4px;padding:8px 14px;cursor:pointer;font-family:IBM Plex Mono,Courier New,monospace;font-size:.8rem;color:var(--ink-dim);transition:all .18s;white-space:nowrap}.pt-mode-btn:hover{background:var(--panel);color:var(--chem-gold)}.pt-mode-btn.active{background:#c49a0038;border-color:#c49a0080;color:var(--chem-gold);font-weight:600}.pt-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px;padding:16px 18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:6px}.pt-leg-item{display:flex;align-items:center;gap:9px}.pt-leg-dot{width:14px;height:14px;border-radius:3px;flex-shrink:0}.pt-leg-label{font-size:1rem;color:var(--ink);line-height:1.3}.pt-legend-more{margin-top:10px}.pt-legend-toggle{display:flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;padding:4px 2px;font-family:IBM Plex Mono,Courier New,monospace;font-size:.78rem;color:var(--ink-dim);transition:color .15s}.pt-legend-toggle:hover{color:var(--chem-gold)}.pt-legend-toggle-icon{display:inline-block;font-size:.7rem;transition:transform .2s}.pt-legend-toggle.open .pt-legend-toggle-icon{transform:rotate(180deg)}.pt-legend-detail{overflow:hidden;max-height:0;transition:max-height .25s ease}.pt-legend-detail.open{max-height:1200px}.pt-legend-detail-inner{padding:14px 16px 2px;margin-top:8px;border-top:1px solid var(--line)}.pt-legend-desc{font-size:.85rem;line-height:1.6;color:var(--ink-dim);margin-bottom:14px}.pt-leg-detail-item{display:flex;gap:9px;margin-bottom:10px}.pt-leg-detail-item:last-child{margin-bottom:0}.pt-leg-detail-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0;margin-top:3px}.pt-leg-detail-text{font-size:.82rem;line-height:1.55;color:var(--ink-dim)}.pt-leg-detail-text b{color:var(--ink)}.pt-grid{display:grid;grid-template-columns:repeat(18,minmax(56px,1fr));grid-template-rows:repeat(10,auto);gap:3px;min-width:900px}.pt-gap{grid-row:8;grid-column:1/19;height:10px}.pt-fmark{display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border:1px dashed var(--line);border-radius:3px;font-size:.5rem;color:var(--ink-dim);cursor:default}.el{position:relative;padding:4px 4px 3px;border-radius:3px;border:1px solid var(--line);background:var(--panel);cursor:pointer;display:flex;flex-direction:column;min-height:66px;transition:transform .15s,box-shadow .15s,border-color .15s,filter .15s}.el:hover{transform:scale(1.12);z-index:20;border-color:var(--ink-dim)!important;box-shadow:0 4px 20px var(--shadow);filter:brightness(1.25)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .el:hover{filter:brightness(1.08) saturate(1.15)}}:root[data-theme=light] .el:hover{filter:brightness(1.08) saturate(1.15)}.el-z{font-size:.55rem;color:var(--ink-dim);line-height:1}.el-sym{font-size:1.15rem;font-weight:700;text-align:center;line-height:1;margin:2px 0 1px;color:var(--ink)}.el-name{font-size:.58rem;text-align:center;color:var(--ink-dim);line-height:1.2}.el-w{font-size:.52rem;text-align:center;color:var(--ink-dim);margin-top:auto;padding-top:2px}@media (max-width:1400px){.el-z{font-size:.38rem}.el-name{font-size:.33rem}.el-w{font-size:.32rem}}