:root{--color-background-primary: #ffffff;--color-background-secondary: #f5f4ef;--color-background-tertiary: #ebe9e0;--color-background-info: #E6F1FB;--color-text-primary: #1a1a1a;--color-text-secondary: #6b6b66;--color-text-tertiary: #9a9a93;--color-text-info: #185FA5;--color-border-tertiary: rgba(0,0,0,.12);--color-border-secondary: rgba(0,0,0,.22);--color-border-info: #85B7EB;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--border-radius-md: 8px;--border-radius-lg: 12px}*{box-sizing:border-box}#periodic-table-host{font-family:var(--font-sans);background:var(--color-background-tertiary);color:var(--color-text-primary);margin:0;padding:16px;line-height:1.5}.pt-container{max-width:1100px;margin:0 auto}h1{font-size:22px;font-weight:500;margin:0 0 4px}.subtitle{font-size:13px;color:var(--color-text-secondary);margin:0 0 20px}input[type=text],input[type=range]{font-family:inherit}input[type=text]{height:36px;padding:0 12px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);font-size:14px}input[type=text]:focus{outline:none;border-color:var(--color-border-info);box-shadow:0 0 0 2px var(--color-background-info)}select{height:32px;padding:0 8px;border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);font-family:inherit;font-size:12px;cursor:pointer}button{border:.5px solid var(--color-border-secondary);background:transparent;color:var(--color-text-primary);border-radius:var(--border-radius-md);font-family:inherit;cursor:pointer;transition:background .1s,transform .1s}button:hover{background:var(--color-background-secondary)}button:active{transform:scale(.98)}.mb.active,.vb.active{background:var(--color-background-info);color:var(--color-text-info);border-color:var(--color-border-info)}.cf-btn{transition:opacity .15s,transform .1s}.cf-btn.active[data-cat=all]{background:var(--color-background-info);color:var(--color-text-info);border-color:var(--color-border-info)}.cf-btn.active:not([data-cat=all]){box-shadow:0 0 0 2px var(--color-text-primary)}.cf-btn.dim{opacity:.4}.ctrl-panel{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ctrl-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:500;margin-right:4px;flex-shrink:0;min-width:56px}.ctrl-panel .cf-btn,.ctrl-panel .vb,.ctrl-panel .mb{background:var(--color-background-primary)}.el{aspect-ratio:1;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:3px;cursor:pointer;border:.5px solid transparent;transition:transform .1s,opacity .15s,box-shadow .15s;min-height:0;overflow:hidden;position:relative}.el:hover{transform:scale(1.12);z-index:3;border-color:var(--color-text-primary)}.el.fd{opacity:.15}.el.pn{box-shadow:0 0 0 2px var(--color-text-primary);z-index:2}.el.c1{box-shadow:0 0 0 2px #185fa5;z-index:2}.el.c2{box-shadow:0 0 0 2px #993c1d;z-index:2}.el.nd{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px)}.el .n{font-size:8px;line-height:1;opacity:.75}.el .s{font-size:13px;font-weight:500;line-height:1;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.el .nm{font-size:7px;line-height:1;text-align:center;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep{aspect-ratio:1}.ph{background:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-text-tertiary);border-radius:4px}.lb{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:10px 12px}.lt{font-size:11px;color:var(--color-text-secondary);margin-bottom:6px}.lc{display:flex;flex-wrap:wrap;gap:6px}.lp{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 8px 3px 6px;border-radius:999px;background:var(--color-background-primary)}.sw{width:10px;height:10px;border-radius:2px;flex-shrink:0}.lg-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--color-text-secondary)}.lg-bar{width:180px;height:10px;border-radius:5px}.dc{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:1rem 1.25rem}.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.st{background:var(--color-background-primary);border-radius:var(--border-radius-md);padding:8px 10px}.sl{font-size:11px;color:var(--color-text-secondary);margin-bottom:2px}.sv{font-size:13px;font-weight:500;color:var(--color-text-primary)}.sv .u{font-weight:400;font-size:11px;color:var(--color-text-secondary);margin-left:2px}.ar-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ar-row button{font-size:12px;padding:4px 10px}.cr{display:grid;grid-template-columns:130px 1fr 1fr;gap:10px;padding:6px 0;border-bottom:.5px solid var(--color-border-tertiary);align-items:center;font-size:12px}.cr:last-child{border-bottom:none}.cb{height:4px;background:var(--color-background-secondary);border-radius:2px;overflow:hidden;margin-top:3px}.cb>div{height:100%}.speak-btn{background:transparent;border:.5px solid var(--color-border-tertiary);width:26px;height:26px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;vertical-align:middle;margin-left:8px}.speak-btn:hover{background:var(--color-background-info);border-color:var(--color-border-info)}.speak-btn svg{width:13px;height:13px;fill:var(--color-text-secondary)}.speak-btn:hover svg{fill:var(--color-text-info)}.list-table{width:100%;border-collapse:collapse;font-size:12px}.list-table th{text-align:left;padding:8px 10px;background:var(--color-background-secondary);font-weight:500;color:var(--color-text-secondary);font-size:11px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:.5px solid var(--color-border-tertiary);position:sticky;top:0}.list-table th:hover{color:var(--color-text-primary)}.list-table th.sorted{color:var(--color-text-info)}.list-table th.sorted:after{content:" ▾"}.list-table th.sorted.asc:after{content:" ▴"}.list-table td{padding:6px 10px;border-bottom:.5px solid var(--color-border-tertiary)}.list-table tr{cursor:pointer}.list-table tr:hover td{background:var(--color-background-secondary)}.list-sym{display:inline-flex;align-items:center;gap:8px}.list-chip{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.scatter-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px;padding:10px 12px;background:var(--color-background-secondary);border-radius:var(--border-radius-md)}.scatter-controls label{font-size:11px;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:6px}.temp-controls{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);margin-bottom:8px}.temp-controls input[type=range]{flex:1;min-width:200px}.temp-readout{font-family:var(--font-mono);font-size:13px;font-weight:500;min-width:110px;text-align:right}.discovery-controls{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);margin-bottom:8px;flex-wrap:wrap}.year-readout{font-family:var(--font-mono);font-size:14px;font-weight:500;min-width:70px}.share-banner{font-size:11px;color:var(--color-text-secondary);margin-top:8px;padding:8px 12px;background:var(--color-background-secondary);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:space-between;gap:8px}.copy-link{font-size:11px;padding:3px 8px}@media(max-width:700px){body{padding:12px}h1{font-size:18px}.subtitle{font-size:12px;margin-bottom:14px}input[type=text]{font-size:13px;height:34px}.ctrl-panel{padding:8px 10px;gap:6px}.ctrl-label{min-width:0;width:100%;margin-right:0;margin-bottom:2px;font-size:10px}.ctrl-panel button{font-size:11px!important;padding:5px 8px!important}#tw{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}#pt,#lr,#ar{min-width:540px}.el .nm{display:none}.el .num,.el .n{font-size:7px}.el .sym,.el .s{font-size:11px}.ph{font-size:8px}.sg{grid-template-columns:repeat(2,1fr)}.dc [style*="grid-template-columns:auto 1fr"]{grid-template-columns:1fr!important}.dc [style*="display:flex;gap:16px"]{gap:10px!important}.cr{grid-template-columns:1fr 1fr;gap:8px;padding:8px 0}.cr>div:first-child{grid-column:1 / -1;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);padding-bottom:2px}.cmp-header-row{grid-template-columns:1fr 1fr!important}.cmp-header-row>div:first-child{display:none}.list-table th:nth-child(n+8),.list-table td:nth-child(n+8){display:none}.list-table th,.list-table td{padding:6px;font-size:11px}.cb-el{padding:1px!important}.cb-el div:first-child{font-size:7px!important}.cb-el div:last-child{font-size:11px!important}.scatter-controls,.temp-controls,.discovery-controls{flex-direction:column;align-items:stretch}.scatter-controls label,.temp-controls label,.discovery-controls label{width:100%}[style*="grid-template-columns:repeat(18,1fr)"][style*="max-width:540px"]{max-width:100%!important}}@media(max-width:480px){body{padding:10px}h1{font-size:17px}.ctrl-panel{padding:8px}.ctrl-panel button{font-size:10px!important;padding:4px 7px!important}.list-table th:nth-child(n+5),.list-table td:nth-child(n+5){display:none}.list-table th:nth-child(2),.list-table td:nth-child(2){padding:4px 6px}.sg{grid-template-columns:1fr}#cb-slots{grid-template-columns:1fr!important;gap:8px!important}#cb-slots>div:nth-child(2){display:none}.dc svg[viewBox*="280 280"]{max-width:200px}}#periodic-table-host button:not(.active){background:#ffffffb3;border-color:#0000002e}#periodic-table-host button:not(.active):hover{background:#fff;border-color:#00000052}#search-row,#cat-filter-row,#view-row,#mode-row{background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:12px 14px!important;margin-bottom:10px!important;position:relative}#search-row{border-left:3px solid #94A3B8}#cat-filter-row{border-left:3px solid #08B2E3}#view-row{border-left:3px solid #7C3AED}#mode-row{border-left:3px solid #D97706}#cat-filter-row>span:first-child,#view-row>span:first-child,#mode-row>span:first-child{font-size:10px!important;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);padding-right:8px;margin-right:4px;border-right:.5px solid var(--color-border-tertiary);white-space:nowrap}@media(max-width:700px){#periodic-table-host button{font-size:13px!important;padding:8px 12px!important;min-height:36px}#periodic-table-host input[type=text]{font-size:16px;height:40px}#tw{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}#pt,#lr{min-width:540px}#periodic-table-host .el .s{font-size:14px}#periodic-table-host .el .n{font-size:9px}}