:root{color-scheme:dark;--bg:#0b0e18;--panel:#121725;--text:#eef1ff;--muted:#949eb6;--blue:#7dcaff;--purple:#b39cff;--line:#ffffff13}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#35335535,transparent 40%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.site-header,.wrap{max-width:1480px;margin:auto;padding:0 34px}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:900;letter-spacing:2px;color:var(--text);line-height:1.1}.brand span{background:linear-gradient(100deg,#70bfff,#bd83fa);background-clip:text;color:transparent}.brand small{display:block;margin-top:10px;font-size:10px;letter-spacing:2px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:34px;font-size:13px}.lab-label{color:#c6c7e1;letter-spacing:2px}.lab-label i{display:inline-block;width:6px;height:6px;background:#a99aff;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #a99aff}.intro{padding:40px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0}h1{font-size:clamp(31px,4.6vw,58px);line-height:1.12;letter-spacing:-2px;margin:13px 0}h1 em{font-style:normal;background:linear-gradient(100deg,#8ac8ff,#b29fff,#d5acff);background-clip:text;color:transparent}.intro-copy{color:#aab3c9;font-size:14px;margin:14px 0 0}.intro-aside{border-left:1px solid #a798ff40;padding-left:25px;color:#aab3c9}.intro-aside span{font-size:10px;letter-spacing:1px}.intro-aside p{font-size:14px;margin:12px 0}.explorer-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px}.search{display:flex;gap:13px;align-items:center;border:1px solid #69729545;border-radius:10px;padding:11px 15px;background:#131826;flex:1;max-width:560px}.search>span{font-size:24px;line-height:1;color:var(--blue)}.search input{width:100%;border:0;background:none;color:var(--text);outline:none;font-size:14px}.search input::placeholder{color:#929cb6}.search kbd{font-size:13px;background:#ffffff0a;border:1px solid #ffffff14;padding:0 6px;border-radius:4px;color:var(--muted)}.view-controls,.atom-modes{display:flex;border:1px solid #ffffff1c;border-radius:9px;background:#101421;padding:4px;gap:4px}.view-button,.atom-modes button{background:none;color:#a7b0c8;border:0;border-radius:6px;padding:9px 15px;font-size:13px}.view-button.active,.atom-modes button.active{background:#2d2a49;color:#ddd2ff}.lab-layout{display:block}.table-panel{background:#111522;border:1px solid #ffffff14;border-radius:15px;padding:23px}.table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.table-heading h2{font-size:20px;line-height:1.2;margin:7px 0 0;letter-spacing:-.5px}.muted{color:var(--muted);font-size:12px}.table-scroll{overflow:auto;padding:5px 3px 12px}.periodic-table{display:grid;grid-template-columns:repeat(18,minmax(44px,1fr));grid-template-rows:18px repeat(7,70px) 14px repeat(2,70px);gap:5px;min-width:895px;position:relative}.tile{position:relative;border:1px solid color-mix(in srgb,var(--family) 35%,transparent);background:color-mix(in srgb,var(--family) 9%,#101522);color:var(--text);border-radius:7px;padding:5px;text-align:left;transition:transform .16s,box-shadow .16s,background .16s;min-width:0;z-index:1;overflow:hidden}.tile:hover,.tile:focus-visible{transform:translateY(-3px) scale(1.035);background:color-mix(in srgb,var(--family) 22%,#121725);box-shadow:0 0 20px color-mix(in srgb,var(--family) 22%,transparent);z-index:3}.tile.selected{border-color:var(--family);box-shadow:inset 0 0 0 1px var(--family),0 0 18px color-mix(in srgb,var(--family) 14%,transparent);background:color-mix(in srgb,var(--family) 20%,#121725)}.tile.dimmed{opacity:.17}.tile-number{display:block;font-size:11px;color:var(--family);line-height:1}.tile-symbol{display:block;font-size:22px;font-weight:700;line-height:1.3;margin:4px 0 1px}.tile-name{display:block;font-size:8px;color:#bdc6dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-label{font-size:11px;color:#64708c;text-align:center;align-self:center}.series-label{font-size:10px;color:#7e8ca7;align-self:center;text-align:center;line-height:1.5}.series-label strong{display:block;color:#b6bfd4;font-size:13px}.table-preview{grid-column:3/13;grid-row:2/5;padding:20px 26px;z-index:0;align-self:start}.table-preview h3{font-size:clamp(22px,2vw,29px);letter-spacing:-.8px;margin:13px 0 6px;font-weight:500}.table-preview p{font-size:13px;color:var(--muted);margin:0}.preview-mini{margin-top:17px;display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.preview-symbol{font-size:27px;font-weight:700;color:var(--preview-color)}.preview-name{font-size:13px;color:var(--text);display:block}.legend{display:flex;gap:9px 16px;flex-wrap:wrap;margin-top:15px}.legend button{padding:0;background:none;border:0;display:flex;align-items:center;gap:6px;font-size:13px;color:#adb7cf}.legend button i{height:6px;width:6px;border-radius:50%;background:var(--family)}.legend button.active{color:white;text-decoration:underline;text-underline-offset:4px}.table-help{font-size:12px;color:#7e88a1;margin:16px 0 0}.start-prompt{margin:26px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.start-prompt h2{font-size:20px;font-weight:500;margin:10px 0 0}.starter-chips{display:flex;gap:9px;flex-wrap:wrap}.starter-chips button{background:#161b2b;border:1px solid #ffffff15;border-radius:7px;padding:11px 14px;color:#b8c5df;font-size:13px}.starter-chips span{color:var(--purple);margin-left:10px;font-weight:700}.element-detail{margin-top:22px;border:1px solid #ffffff17;border-radius:15px;background:#111623;overflow:hidden;scroll-margin-top:20px}.detail-header{padding:28px;display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line)}.element-badge{width:104px;height:118px;flex-shrink:0;background:color-mix(in srgb,var(--element-color) 15%,#121725);border:1px solid var(--element-color);border-radius:11px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.element-badge small{font-size:13px;color:var(--element-color)}.element-badge strong{font-size:42px;line-height:1;letter-spacing:-1px}.element-badge>span{font-size:12px;color:#b9c4db}.element-heading{flex:1}.element-heading h2{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:9px 0}.element-heading>p{font-size:14px;color:#abb6ce;margin:10px 0 0;max-width:700px}.detail-nav{align-self:flex-start;display:flex;gap:6px}.detail-nav button{background:#1b2132;border:1px solid #ffffff17;border-radius:6px;color:#b7c2da;width:32px;height:32px}.detail-nav .close-button{margin-left:9px}.detail-tabs{display:flex;gap:28px;padding:0 28px;border-bottom:1px solid var(--line)}.detail-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#94a2be;font-size:13px;font-weight:700;padding:17px 0}.detail-tabs button.active{border-color:var(--purple);color:#d8cfff}.tab-content{padding:28px}.discover-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.subheading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.subheading h3{font-size:16px;letter-spacing:-.3px;margin:0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.photo-card{background:#171d2c;border:1px solid #ffffff10;border-radius:10px;overflow:hidden;margin:0;min-width:0}.photo-card img{width:100%;height:230px;object-fit:contain;display:block;background:#080b13}.photo-card figcaption{padding:14px}.photo-card .kind{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--purple)}.photo-card h4{font-size:13px;margin:7px 0;font-weight:700}.photo-card p{font-size:12px;color:#a9b4cd;margin:7px 0}.photo-card .credits{font-size:10px;color:#7d89a4;line-height:1.6;margin-top:10px}.photo-card .credits a{color:#879fc4}.context-panel{background:linear-gradient(135deg,#172237,#221e35);border:1px solid #af9cff19;border-radius:12px;padding:25px}.context-panel h3{font-size:22px;letter-spacing:-.5px;margin:13px 0 17px}.connection{padding:13px 0;border-bottom:1px solid #ffffff13}.connection:last-child{border:0}.connection strong{font-size:14px;color:#d6e4fa;display:block}.connection p{font-size:13px;color:#a6b3cc;margin:6px 0 0}.source-note{margin-top:20px;font-size:12px;color:#95a5c0}.source-note blockquote{margin:0 0 9px;font-size:13px;color:#cbd5ec;border-left:2px solid var(--purple);padding-left:12px}.source-note a{font-size:11px}.compounds-section{margin-top:28px}.small-copy{font-size:13px;color:#94a2bd;line-height:1.7}.compounds{margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.compounds .photo-card img{height:180px}.empty-gallery{padding:30px;background:#171b2a;border:1px dashed #59617a;border-radius:10px;color:#98a5c1;font-size:14px;min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:10px}.empty-gallery strong{font-size:16px;color:#c3cde3}.detail-footer{padding:17px 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:11px}.detail-footer>span{color:#8c99b3;margin-right:auto}.atom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.motion-button{background:none;border:1px solid #ffffff28;border-radius:6px;padding:9px 12px;color:#aebad2;font-size:12px}.atom-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:25px}.atom-stage{position:relative;background:radial-gradient(ellipse at center,#25315155,transparent 65%),#090e1b;border:1px solid #55618835;border-radius:13px;overflow:hidden;min-height:370px}.atom-stage canvas{width:100%;height:400px;display:block;touch-action:pan-y}.stage-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#9aa8c4;padding:0 18px 16px}.stage-status{font-size:9px;letter-spacing:1.5px;color:#616e89;white-space:nowrap}.cloud-choice{position:absolute;top:14px;left:16px;display:flex;align-items:center;gap:8px;font-size:11px;color:#8799b9}.cloud-choice select{background:#19223a;border:1px solid #65739660;color:#c1d1ed;border-radius:6px;padding:6px;font-size:12px}.atom-info{padding:12px 0}.atom-info h3{font-size:24px;margin:12px 0 22px;letter-spacing:-.5px}.particle-counts{display:grid;gap:10px}.particle-counts>div{display:flex;align-items:center;gap:10px;background:#171e2f;border:1px solid #ffffff0c;padding:10px 12px;border-radius:7px}.particle-counts i{height:7px;width:7px;border-radius:50%}.proton-dot{background:#ee8da6}.neutron-dot{background:#ab99ed}.electron-dot{background:#72d8f8}.particle-counts span{font-size:13px;color:#aebad2}.particle-counts strong{margin-left:auto;font-size:17px}.shell-card{padding:16px 0;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;margin:18px 0}.shell-card span{display:block;font-size:11px;color:#8b9bb8;letter-spacing:1px}.shell-card strong{display:block;color:#b8cdf6;font-size:16px;margin-top:8px;letter-spacing:2px}.model-note{font-size:12px;line-height:1.8;color:#98a9c7}.property-intro h3{font-size:22px;margin:12px 0}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0 0}.property-grid>div{background:#171d2d;border:1px solid #ffffff10;border-radius:9px;padding:17px;min-width:0}.property-grid dt{color:var(--blue);font-size:18px;letter-spacing:.7px}.property-grid dd{margin:9px 0 5px;font-size:20px;line-height:1.4;color:#d4e2fc;overflow-wrap:anywhere}.property-grid small{color:#8391ab;font-size:11px;display:block;line-height:1.6}.property-grid .configuration{grid-column:1/-1}.configuration dd{font-size:18px}.page-footer{padding:25px 0 35px;margin-top:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-top:1px solid var(--line);font-size:12px;color:#6e7e9b}.page-footer>p{margin:0;white-space:nowrap}.page-footer details{max-width:770px}.page-footer summary{cursor:pointer;color:#9babca;text-align:right}.page-footer details p{font-size:12px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{margin:30px;padding:30px;background:#2b2542}.focus-mode .lab-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:23px;align-items:start}.focus-mode .table-panel{padding:16px;position:sticky;top:16px}.focus-mode .table-heading{display:block}.focus-mode .table-heading h2{font-size:17px}.focus-mode .table-heading>.muted{display:block;margin-top:8px}.focus-mode .table-scroll{height:min(73vh,780px);overflow:auto;padding:2px 7px 2px 0}.focus-mode .periodic-table{display:flex;flex-direction:column;min-width:0;gap:6px}.focus-mode .table-preview,.focus-mode .group-label,.focus-mode .series-label,.focus-mode .legend,.focus-mode .table-help{display:none}.focus-mode .tile{display:grid;grid-template-columns:22px 39px 1fr;gap:7px;align-items:center;min-height:43px;padding:7px}.focus-mode .tile-symbol{font-size:19px;margin:0}.focus-mode .tile-name{font-size:8px}.focus-mode .tile.dimmed{display:none}.focus-mode .tile:hover{transform:translateX(2px)}.focus-mode .element-detail{margin-top:0}.focus-mode .start-prompt{display:none}.focus-mode .detail-header{padding:23px}.focus-mode .element-heading h2{font-size:31px}
@media(min-width:1200px){.focus-mode .discover-grid{grid-template-columns:1fr 1fr}.focus-mode .photo-card img{height:220px}}@media(max-width:1050px){.intro-aside{display:none}.periodic-table{grid-template-rows:18px repeat(7,65px) 14px repeat(2,65px)}.focus-mode .lab-layout{grid-template-columns:170px minmax(0,1fr);gap:14px}.focus-mode .tile{grid-template-columns:18px 31px 1fr;gap:4px}.focus-mode .tile-name{font-size:8px}.discover-grid{grid-template-columns:1fr}.atom-layout{grid-template-columns:1fr}.atom-info{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.atom-info>.eyebrow,.atom-info>h3,.model-note{grid-column:1/-1}.atom-info h3{margin-bottom:12px}.atom-info .small-copy{margin-top:0}.particle-counts{grid-row:3/6}.property-grid{grid-template-columns:repeat(2,1fr)}.detail-nav{gap:4px}.detail-nav button{width:27px;height:27px}}
@media(max-width:700px){.wrap,.site-header{padding-left:18px;padding-right:18px}.site-header{height:83px}.brand{font-size:23px}.header-right{font-size:11px}.lab-label{display:none}.intro{padding:28px 0 24px}h1{letter-spacing:-1.2px;font-size:36px}.intro-copy{font-size:14px}.explorer-toolbar{flex-wrap:wrap;gap:12px}.search{max-width:none;flex-basis:100%}.view-controls{width:100%}.view-button{flex:1}.table-panel{padding:15px}.table-heading{align-items:flex-start}.table-heading>.muted{max-width:110px;text-align:right}.start-prompt{display:block}.starter-chips{margin-top:18px}.detail-header{padding:18px;gap:14px;flex-wrap:wrap}.element-badge{width:76px;height:92px;padding:9px}.element-badge strong{font-size:32px}.element-heading h2{font-size:27px}.element-heading>p{font-size:12px}.detail-nav{width:100%;justify-content:flex-end;margin-top:-5px}.detail-tabs{padding:0 18px;gap:24px}.tab-content{padding:18px}.subheading{align-items:flex-start}.subheading>.muted{max-width:130px;text-align:right}.context-panel{padding:21px}.atom-toolbar{flex-wrap:wrap}.atom-modes{width:100%}.atom-modes button{flex:1;padding:9px 6px;font-size:12px}.atom-stage canvas{height:320px}.atom-stage{min-height:350px}.atom-info{display:block}.atom-info>.small-copy{margin-top:13px}.particle-counts{grid-template-columns:repeat(3,1fr);gap:7px}.particle-counts>div{flex-wrap:wrap;padding:10px;gap:6px}.particle-counts strong{width:100%;margin:0}.particle-counts span{font-size:11px}.property-grid{gap:9px}.property-grid>div{padding:13px}.property-grid dd{font-size:18px}.page-footer{display:block}.page-footer details{margin-top:17px}.page-footer summary{text-align:left}.focus-mode .lab-layout{grid-template-columns:105px minmax(0,1fr);gap:10px}.focus-mode .table-panel{padding:9px;top:8px}.focus-mode .table-heading .eyebrow{display:none}.focus-mode .table-heading h2{font-size:14px}.focus-mode .table-heading>.muted{font-size:10px;text-align:left}.focus-mode .tile{grid-template-columns:20px 1fr;gap:3px;padding:7px 5px;min-height:42px}.focus-mode .tile-symbol{font-size:17px}.focus-mode .tile-name{grid-column:1/-1;font-size:8px}.focus-mode .tile-number{font-size:10px}.focus-mode .detail-header{padding:12px}.focus-mode .element-badge{width:61px;height:81px}.focus-mode .element-heading h2{font-size:23px}.focus-mode .element-heading .eyebrow{font-size:9px;letter-spacing:1px}.focus-mode .element-heading>p{display:none}.focus-mode .detail-tabs{gap:12px;padding:0 12px}.focus-mode .detail-tabs button{font-size:11px}.focus-mode .tab-content{padding:12px}.focus-mode .discover-grid{gap:16px}.focus-mode .gallery{grid-template-columns:1fr}.focus-mode .context-panel{padding:14px}.focus-mode .context-panel h3{font-size:19px}.focus-mode .subheading{display:block}.focus-mode .subheading>.muted{display:block;text-align:left;max-width:none;margin-top:5px}.focus-mode .photo-card img{height:170px}.focus-mode .atom-modes{flex-wrap:wrap}.focus-mode .atom-modes button{font-size:10px;white-space:nowrap}.focus-mode .atom-stage canvas{height:260px}.focus-mode .atom-stage{min-height:290px}.focus-mode .atom-layout{gap:15px}.focus-mode .stage-label{display:block;padding:0 10px 10px}.focus-mode .stage-status{display:block;margin-top:6px}.focus-mode .particle-counts{display:block}.focus-mode .particle-counts>div{margin-bottom:7px;flex-wrap:nowrap}.focus-mode .particle-counts strong{width:auto;margin-left:auto}.focus-mode .property-grid{grid-template-columns:1fr}.focus-mode .detail-footer{padding:12px;gap:10px}.focus-mode .cloud-choice{left:8px;font-size:10px;gap:4px}.focus-mode .cloud-choice select{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tile{transition:none}.tile:hover{transform:none}}

.temperature-secondary{display:block;margin-top:5px;font-size:14px;color:#a8b9d4;letter-spacing:0;line-height:1.6}