:root{--bg:#07111f;--panel:#0d1a2c;--panel-2:#102238;--line:#20344b;--text:#e9f1fb;--muted:#8da1b8;--cyan:#43d8e7;--violet:#927bff;--orange:#ffb86b;--green:#65dfab}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 55% -10%,#152947 0,#07111f 43%);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:72px;border-bottom:1px solid rgba(141,161,184,.15);display:flex;align-items:center;padding:0 clamp(20px,4vw,64px);gap:54px}.brand{display:flex;gap:10px;align-items:center;font-weight:750;font-size:18px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;color:#091421;background:linear-gradient(135deg,var(--cyan),#8df0db);width:29px;height:29px;border-radius:9px;font-size:18px}.muted{color:var(--muted);font-weight:500}.topbar nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.topbar nav a:first-child{color:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.quiet-link{color:var(--muted);font-size:13px}.avatar{background:#24375a;color:#b9c8ff;border:1px solid #40527d;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px;font-weight:700}.shell{max-width:1450px;margin:auto;padding:52px clamp(20px,4vw,64px) 30px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow,.kicker,.section-label{font-size:10px;letter-spacing:1.6px;color:#7e96b0;font-weight:750}.page-heading h1{font-size:40px;letter-spacing:-1.7px;line-height:1.1;margin:8px 0 8px}.intro{color:var(--muted);margin:0}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:7px;box-shadow:0 0 10px var(--green)}button{font:inherit;color:inherit;cursor:pointer}.heading-actions{display:flex;gap:10px}.outline-btn,.primary-btn{border:1px solid var(--line);border-radius:8px;background:transparent;padding:10px 15px;font-size:12px}.primary-btn{background:var(--cyan);border-color:var(--cyan);color:#06202b;font-weight:750}.workspace{display:grid;grid-template-columns:260px minmax(430px,1fr) 290px;gap:17px}.panel{background:linear-gradient(145deg,rgba(17,35,57,.96),rgba(10,24,40,.96));border:1px solid var(--line);border-radius:12px;min-width:0}.library-panel,.details-panel{padding:21px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font-size:15px;margin:6px 0 20px;letter-spacing:-.3px}.count{color:#8ca1ba;font-size:11px;background:#152b43;border-radius:12px;padding:2px 8px}.search{height:36px;border:1px solid #29415b;background:#091828;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#7190ab;margin-bottom:14px}.search input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:12px}.element-list{display:flex;flex-direction:column;gap:3px}.element-row{display:flex;text-align:left;align-items:center;gap:10px;padding:8px 7px;border:1px solid transparent;background:transparent;border-radius:7px;width:100%}.element-row:hover{background:#132a43}.element-row.active{background:#16324b;border-color:#26506b}.row-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#1d3550;color:var(--cyan);font-weight:800}.element-row strong{font-size:12px;display:block}.element-row small{font-size:10px;color:var(--muted);display:block;margin-top:1px}.row-arrow{margin-left:auto;color:#718ba6;font-size:19px}.browse-link{display:flex;justify-content:space-between;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);color:var(--cyan);font-size:11px}.viewer{overflow:hidden}.viewer-head{display:flex;justify-content:space-between;padding:21px 23px 0}.viewer-head h2{font-size:18px;margin:6px 0 0}.symbol{color:var(--cyan);font-size:12px;background:#153247;padding:3px 7px;border-radius:5px;margin-left:5px;vertical-align:middle}.model-meta{display:flex;align-items:center;gap:13px}.status-pill{font-size:10px;color:#a6bdc9}.icon-btn{background:none;border:0;color:#8299b2;font-size:20px}.stage{height:410px;position:relative;overflow:hidden;perspective:900px;cursor:grab;transform:translateZ(0);background:radial-gradient(ellipse at center,rgba(33,78,108,.34),transparent 38%),radial-gradient(ellipse at center,rgba(18,41,67,.7),transparent 67%)}.stage:before{content:"";position:absolute;width:410px;height:410px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(67,216,231,.09),transparent 62%)}.orbit{position:absolute;left:50%;top:50%;width:275px;height:145px;margin:-72px 0 0 -137px;border:1px solid rgba(94,207,225,.52);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 16px rgba(67,216,231,.06)}.orbit-a{transform:rotateX(65deg) rotateZ(var(--rotation,0deg))}.orbit-b{transform:rotateY(65deg) rotateZ(calc(var(--rotation,0deg) + 65deg))}.orbit-c{transform:rotateX(65deg) rotateY(65deg) rotateZ(calc(var(--rotation,0deg) + 125deg))}.nucleus{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));width:87px;height:87px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:17px;background:radial-gradient(circle at 35% 30%,#d798ff,#7e43cc 65%,#4b288e);box-shadow:0 0 33px #8a50dd99, inset 4px 5px 10px #e7c4ff77;font-size:10px;font-weight:800}.electron{position:absolute;width:10px;height:10px;background:#66f1ed;border-radius:50%;z-index:4;box-shadow:0 0 13px 4px #43d8e7aa;left:50%;top:50%;animation:float 3s ease-in-out infinite}.e1{margin-left:133px;margin-top:-5px}.e2{margin-left:-143px;margin-top:-5px;animation-delay:-1s}.e3{margin-left:-5px;margin-top:-77px;animation-delay:-1.7s}.e4{margin-left:-5px;margin-top:67px;animation-delay:-.4s}.e5{margin-left:94px;margin-top:47px;animation-delay:-2.2s}.e6{margin-left:-104px;margin-top:-57px;animation-delay:-1.3s}@keyframes float{50%{transform:translateY(-5px) scale(1.15)}}.stage-label{position:absolute;color:#66829d;font-size:9px;letter-spacing:1.2px}.label-nucleus{left:calc(50% + 58px);top:calc(50% + 47px)}.label-electron{right:27px;top:30px}.viewer-footer{border-top:1px solid var(--line);padding:12px 23px;color:#738aa3;font-size:10px;display:flex;gap:24px}.viewer-footer kbd{color:#b7cbe0;border:1px solid #3a5169;border-radius:4px;padding:2px 5px;margin-right:4px}.element-badge{font-size:21px;font-weight:800;color:var(--cyan);background:#153247;border-radius:9px;padding:7px 12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;border-bottom:1px solid var(--line);padding-bottom:20px}.stats span{color:var(--muted);font-size:10px;display:block}.stats strong{display:block;margin-top:3px;font-size:14px}.composition{padding:19px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between}.section-label span{letter-spacing:0;color:#637e9a;font-size:10px}.bar{display:flex;height:6px;margin:12px 0 12px;border-radius:6px;overflow:hidden;gap:2px}.bar i{display:block}.bar i:nth-child(1){background:var(--violet)}.bar i:nth-child(2){background:var(--orange)}.bar i:nth-child(3){background:var(--cyan)}.legend{display:grid;gap:7px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center}.legend b{margin-left:auto;color:var(--text);font-weight:600}.dot{width:7px;height:7px;border-radius:50%;margin-right:8px}.dot.proton{background:var(--violet)}.dot.neutron{background:var(--orange)}.dot.electron{background:var(--cyan)}.configuration{padding:18px 0}.config-value{font-family:ui-monospace,monospace;color:#c7d8ef;font-size:13px;margin-top:10px}.learn-card{display:flex;align-items:center;gap:10px;background:#132b43;border:1px solid #264865;border-radius:8px;padding:11px;color:var(--text)}.book-icon{color:var(--cyan);font-size:19px}.learn-card strong,.learn-card small{display:block}.learn-card strong{font-size:11px}.learn-card small{font-size:10px;color:var(--muted)}.arrow{margin-left:auto;color:var(--cyan)}.tip{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:11px}.tip>span:first-child{color:var(--orange);font-size:17px}.tip strong{color:#dce7f2}.tip a{color:var(--cyan);margin-left:auto}footer{border-top:1px solid rgba(141,161,184,.13);padding:23px clamp(20px,4vw,64px);display:flex;gap:22px;color:#6e849c;font-size:11px}footer a:hover,.browse-link:hover,.tip a:hover{color:white}.footer-note{margin-left:auto}@media(max-width:1050px){.workspace{grid-template-columns:220px minmax(390px,1fr)}.details-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px}.details-panel .panel-title{display:block}.details-panel .stats{border:0}.details-panel .learn-card{align-self:end}}@media(max-width:720px){.topbar{height:62px;gap:18px}.topbar nav{display:none}.shell{padding-top:30px}.page-heading{display:block}.page-heading h1{font-size:34px}.heading-actions{margin-top:20px}.workspace{display:flex;flex-direction:column}.library-panel{order:2}.viewer{order:1}.details-panel{order:3;display:block}.stage{height:330px}.viewer-footer{gap:12px;justify-content:space-between}.label-electron{right:12px}.tip{flex-wrap:wrap}.tip a{margin-left:28px}.footer-note{display:none}}@media(max-width:430px){.quiet-link{display:none}.top-actions{gap:0}.shell{padding-left:14px;padding-right:14px}.stage{height:285px}.orbit{transform:scale(.8) rotateX(65deg)}.orbit-b{transform:scale(.8) rotateY(65deg) rotateZ(65deg)}.orbit-c{transform:scale(.8) rotateX(65deg) rotateY(65deg) rotateZ(125deg)}.e1{margin-left:108px}.e2{margin-left:-118px}.viewer-footer{font-size:9px}.heading-actions button{flex:1}.page-heading .heading-actions{display:flex}}