.PeriodicTable-module__x9_YGW__shell{gap:1rem;width:min(100%,92rem);padding:clamp(1rem,1.8vw,1.5rem)}.PeriodicTable-module__x9_YGW__topbar{grid-template-columns:minmax(16rem,1fr) minmax(12rem,18rem);gap:.75rem;display:grid}.PeriodicTable-module__x9_YGW__searchBox{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-elevated);align-items:center;gap:.7rem;min-height:2.75rem;padding:0 .9rem;display:flex}.PeriodicTable-module__x9_YGW__searchBox svg{width:1rem;height:1rem;color:var(--color-text-disabled);flex:none}.PeriodicTable-module__x9_YGW__searchBox input,.PeriodicTable-module__x9_YGW__categorySelect{width:100%;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:none}.PeriodicTable-module__x9_YGW__categorySelect{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-elevated);padding:0 .9rem}.PeriodicTable-module__x9_YGW__stage{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.PeriodicTable-module__x9_YGW__tableWrap{overflow:hidden}.PeriodicTable-module__x9_YGW__groupLabels{color:var(--color-text-disabled);font-family:var(--font-mono);text-align:center;grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(.08rem,.25vw,.22rem);padding:0 0 .3rem;font-size:clamp(.42rem,.95vw,.68rem);display:grid}.PeriodicTable-module__x9_YGW__periodicGrid{grid-template-rows:repeat(9,minmax(clamp(1.9rem,4.6vw,4.25rem),auto));grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(.08rem,.25vw,.22rem);display:grid}.PeriodicTable-module__x9_YGW__elementTile{border:1px solid color-mix(in srgb, var(--tile-color) 42%, var(--color-border-subtle));background:color-mix(in srgb, var(--tile-color) 13%, var(--color-surface));min-height:clamp(1.9rem,4.6vw,4.25rem);color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:clamp(.28rem,.8vw,.55rem);grid-template-rows:auto 1fr auto;align-items:center;padding:clamp(.16rem,.5vw,.38rem) clamp(.14rem,.5vw,.42rem);transition:transform .16s,border-color .16s,background .16s,opacity .16s;display:grid;position:relative}.PeriodicTable-module__x9_YGW__elementTile:hover,.PeriodicTable-module__x9_YGW__elementTile[data-selected=true]{border-color:var(--tile-color);background:color-mix(in srgb, var(--tile-color) 21%, var(--color-surface));transform:translateY(-1px)}.PeriodicTable-module__x9_YGW__elementTile[data-selected=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tile-color) 60%, transparent)}.PeriodicTable-module__x9_YGW__elementTile[data-dimmed=true]{opacity:.24}.PeriodicTable-module__x9_YGW__atomic{font-family:var(--font-mono);color:var(--color-text-disabled);font-size:clamp(.42rem,.9vw,.64rem)}.PeriodicTable-module__x9_YGW__symbol{font-family:var(--font-mono);letter-spacing:-.04em;justify-self:center;font-size:clamp(.72rem,1.75vw,1.55rem);font-weight:700}.PeriodicTable-module__x9_YGW__mass{color:var(--color-text-disabled);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.32rem,.78vw,.57rem);overflow:hidden}.PeriodicTable-module__x9_YGW__seriesLabel{color:var(--color-text-disabled);font-family:var(--font-mono);border:1px dashed var(--color-border-subtle);border-radius:clamp(.28rem,.8vw,.55rem);place-items:center;font-size:clamp(.48rem,1vw,.72rem);display:grid}.PeriodicTable-module__x9_YGW__detailPanel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-elevated);grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);align-items:stretch;gap:1rem;padding:1rem;display:grid}.PeriodicTable-module__x9_YGW__detailHero{border:1px solid color-mix(in srgb, var(--tile-color) 42%, var(--color-border-subtle));border-radius:var(--radius-xl);background:color-mix(in srgb, var(--tile-color) 14%, var(--color-surface));align-content:center;justify-items:center;gap:.3rem;min-height:9rem;display:grid}.PeriodicTable-module__x9_YGW__detailAtomic{color:var(--color-text-disabled);font-family:var(--font-mono);font-size:.85rem}.PeriodicTable-module__x9_YGW__detailHero strong{font-family:var(--font-mono);letter-spacing:-.08em;font-size:clamp(3rem,8vw,4.75rem);line-height:.95}.PeriodicTable-module__x9_YGW__detailHero span:last-child{color:var(--color-text-secondary);font-size:.95rem}.PeriodicTable-module__x9_YGW__detailGrid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;display:grid}.PeriodicTable-module__x9_YGW__detailGrid div{border-top:1px solid var(--color-border-subtle);align-items:baseline;gap:.3rem;padding:.7rem .8rem;display:grid}.PeriodicTable-module__x9_YGW__detailGrid dt{color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.PeriodicTable-module__x9_YGW__detailGrid dd{color:var(--color-text-primary);font-family:var(--font-mono);margin:0;font-size:.92rem}.PeriodicTable-module__x9_YGW__legend{flex-wrap:wrap;gap:.35rem;display:flex}.PeriodicTable-module__x9_YGW__legend button{appearance:none;border:1px solid var(--color-border-subtle);min-height:2rem;color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.74rem;display:inline-flex}.PeriodicTable-module__x9_YGW__legend button[aria-pressed=true],.PeriodicTable-module__x9_YGW__legend button:hover{color:var(--color-text-primary);border-color:var(--tile-color);background:color-mix(in srgb, var(--tile-color) 10%, transparent)}.PeriodicTable-module__x9_YGW__legend span{background:var(--tile-color);border-radius:999px;block-size:.5rem;inline-size:.5rem}.PeriodicTable-module__x9_YGW__elementTile[data-category=alkali-metal],.PeriodicTable-module__x9_YGW__detailHero[data-category=alkali-metal],.PeriodicTable-module__x9_YGW__legend button[data-category=alkali-metal]{--tile-color:#d6a14b}.PeriodicTable-module__x9_YGW__elementTile[data-category=alkaline-earth-metal],.PeriodicTable-module__x9_YGW__detailHero[data-category=alkaline-earth-metal],.PeriodicTable-module__x9_YGW__legend button[data-category=alkaline-earth-metal]{--tile-color:#c7be5a}.PeriodicTable-module__x9_YGW__elementTile[data-category=transition-metal],.PeriodicTable-module__x9_YGW__detailHero[data-category=transition-metal],.PeriodicTable-module__x9_YGW__legend button[data-category=transition-metal]{--tile-color:#78b7d9}.PeriodicTable-module__x9_YGW__elementTile[data-category=post-transition-metal],.PeriodicTable-module__x9_YGW__detailHero[data-category=post-transition-metal],.PeriodicTable-module__x9_YGW__legend button[data-category=post-transition-metal]{--tile-color:#8dc7a9}.PeriodicTable-module__x9_YGW__elementTile[data-category=metalloid],.PeriodicTable-module__x9_YGW__detailHero[data-category=metalloid],.PeriodicTable-module__x9_YGW__legend button[data-category=metalloid]{--tile-color:#78c48b}.PeriodicTable-module__x9_YGW__elementTile[data-category=reactive-nonmetal],.PeriodicTable-module__x9_YGW__detailHero[data-category=reactive-nonmetal],.PeriodicTable-module__x9_YGW__legend button[data-category=reactive-nonmetal]{--tile-color:#3ddc97}.PeriodicTable-module__x9_YGW__elementTile[data-category=noble-gas],.PeriodicTable-module__x9_YGW__detailHero[data-category=noble-gas],.PeriodicTable-module__x9_YGW__legend button[data-category=noble-gas]{--tile-color:#b59af1}.PeriodicTable-module__x9_YGW__elementTile[data-category=lanthanide],.PeriodicTable-module__x9_YGW__detailHero[data-category=lanthanide],.PeriodicTable-module__x9_YGW__legend button[data-category=lanthanide]{--tile-color:#d997c2}.PeriodicTable-module__x9_YGW__elementTile[data-category=actinide],.PeriodicTable-module__x9_YGW__detailHero[data-category=actinide],.PeriodicTable-module__x9_YGW__legend button[data-category=actinide]{--tile-color:#e08a7a}.PeriodicTable-module__x9_YGW__elementTile[data-category=unknown],.PeriodicTable-module__x9_YGW__detailHero[data-category=unknown],.PeriodicTable-module__x9_YGW__legend button[data-category=unknown]{--tile-color:#8c9891}@media (max-width:960px){.PeriodicTable-module__x9_YGW__topbar,.PeriodicTable-module__x9_YGW__detailPanel{grid-template-columns:1fr}}@media (max-width:640px){.PeriodicTable-module__x9_YGW__shell{padding:.85rem}.PeriodicTable-module__x9_YGW__topbar{gap:.5rem}.PeriodicTable-module__x9_YGW__detailHero{min-height:8rem}.PeriodicTable-module__x9_YGW__mass{display:none}}@media (max-width:420px){.PeriodicTable-module__x9_YGW__atomic{display:none}.PeriodicTable-module__x9_YGW__elementTile{min-height:1.62rem}.PeriodicTable-module__x9_YGW__periodicGrid{grid-template-rows:repeat(9,minmax(1.62rem,auto))}}@media (prefers-reduced-motion:reduce){.PeriodicTable-module__x9_YGW__elementTile{transition:none}}