:has(.hydrogenPage) .container0,:has(.hydrogenPage) .standardlayout-main{padding:0!important;margin:0!important;border:0!important;background-color:#000!important;box-shadow:none!important;outline:none!important;overflow:hidden!important}:has(.hydrogenPage) .standardlayout-main{width:100%!important;min-height:calc(100dvh - var(--site-header-h))!important;height:calc(100dvh - var(--site-header-h))!important;border-radius:0!important}.hydrogenPage{min-height:100%;width:100%;display:flex;flex-direction:column;gap:.4rem;background:radial-gradient(circle at top,rgba(44,78,128,.14),transparent 34%),linear-gradient(180deg,#03060b,#020305 46%,#000);color:#e8e8e8;overflow:hidden;font-family:var(--font-body),system-ui,-apple-system,sans-serif}.energyNav{flex-shrink:0;justify-content:center;min-height:64px;padding:.65rem .9rem .3rem;background:transparent}.energyNav,.energyNavSide{display:flex;align-items:center}.energyNavSide{flex:1 1 0;min-width:0}.energyNavSideLeft{justify-content:flex-start;padding-left:.9rem}.energyTrack{position:relative;flex:0 0 auto;width:min(250px,44vw);height:20px}.energyLine{position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.22);transform:translateY(-50%);pointer-events:none}.energyNode{position:absolute;top:calc(50% - 7px);transform:translateX(-50%);background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.energyDot{display:block;width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;transition:background .2s,border-color .2s,box-shadow .2s}.energyNode.active .energyDot{background:#fff;border-color:#fff;box-shadow:0 0 8px rgba(255,255,255,.45)}.energyLabel{color:rgba(255,255,255,.32);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:color .2s;user-select:none}.energyNode.active .energyLabel{color:rgba(255,255,255,.88)}.energyNode:hover .energyDot{border-color:rgba(255,255,255,.75);box-shadow:0 0 6px rgba(255,255,255,.25)}.energyNode:hover .energyLabel{color:rgba(255,255,255,.65)}.elementBadge{display:flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.04);border:1px solid rgba(173,201,255,.22);border-radius:10px;padding:.32rem .65rem;cursor:pointer;color:#dce7ff;font-family:var(--font-mono),"SFMono-Regular",Menlo,monospace;max-width:100%;transition:background .15s,border-color .15s}.elementBadge.open,.elementBadge:hover{background:rgba(145,182,255,.14);border-color:rgba(173,201,255,.55)}.elementBadgeZ{color:inherit;font-size:10px;opacity:.6}.elementBadgeSymbol{color:inherit;font-size:15px;font-weight:700}.elementBadgeName{font-family:var(--font-body),system-ui,-apple-system,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elementBadgeChevron{color:inherit;font-size:9px;opacity:.5}.workArea{flex:1;display:flex;flex-direction:row;min-height:0;border-top:1px solid rgba(255,255,255,.07);border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(1,4,7,.2),rgba(1,4,7,.68))}.mathDrawer,.workArea{position:relative;overflow:hidden}.mathDrawer{width:500px;flex-shrink:0;background:#080808;border-right:1px solid rgba(255,255,255,.06);transition:width .28s ease,border-color .28s ease;height:100%}.mathDrawer.closed{width:0;border-right-color:transparent}.mathDrawerInner{width:500px;height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1.5rem 3rem;box-sizing:border-box}.mathDrawer:before{content:"";position:absolute;top:0;left:0;right:0;height:32px;background:linear-gradient(180deg,#000 0,transparent);pointer-events:none;z-index:1}.mathDrawerInner::-webkit-scrollbar{width:4px}.mathDrawerInner::-webkit-scrollbar-track{background:transparent}.mathDrawerInner::-webkit-scrollbar-thumb{background:transparent;border-radius:2px;transition:background .3s}.mathDrawerInner:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.mathDrawerInner h1{font-size:1.05rem;font-weight:600;margin:1.5rem 0 .4rem;color:#e8e8e8}.mathDrawerInner h2{font-size:.78rem;font-weight:500;margin:1.2rem 0 .3rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.07em}.mathDrawerInner p{font-size:.77rem;line-height:1.65;color:rgba(255,255,255,.45);margin:.3rem 0 .7rem}.mathDrawerInner,.mathDrawerInner h1,.mathDrawerInner h2,.mathDrawerInner h3,.mathDrawerInner h4,.mathDrawerInner h5,.mathDrawerInner h6,.mathDrawerInner li,.mathDrawerInner p,.mathDrawerInner span{color:#eef3ffd5}.mathDrawerInner .katex,.mathDrawerInner .katex *{color:#eef3ffd5!important}.mathDrawerInner .katex-display{overflow-x:auto;overflow-y:hidden;padding-bottom:2px;margin:.5rem 0}.mathDrawerInner .katex-display>.katex{font-size:.83em}.mathToggle{position:absolute;top:50%;transform:translateY(-50%);z-index:20;transition:left .28s ease,background .15s,color .15s,border-color .15s;background:#0f0f0f;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.35);width:18px;height:52px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;padding:0;line-height:1}.mathToggle.open{border-right:none;border-radius:5px 0 0 5px}.mathToggle.closed{border-left:none;border-radius:0 5px 5px 0}.mathToggle:hover{background:#1c1c1c;color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.22)}.vizArea{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.hydrogenSpectrumPane{padding:1rem;height:100%;overflow-y:auto;box-sizing:border-box}.waveVizStack{height:100%;display:flex;flex-direction:column;min-height:0}.waveCloudPanel{position:relative;flex:0 0 60%;min-height:260px;border-bottom:1px solid rgba(255,255,255,.08)}.wavePlotsPanel{flex:1;min-height:0;overflow:auto;padding:.8rem;background:linear-gradient(180deg,rgba(6,10,16,.62),rgba(4,8,13,.78))}.wavePlotsGrid{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wavePlotCard{border:1px solid rgba(173,201,255,.16);border-radius:12px;background:linear-gradient(180deg,rgba(9,14,21,.68),rgba(4,8,13,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);padding:.55rem .65rem .4rem;min-height:0}.wavePlotHead h3{margin:0;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#dce7ff}.wavePlotHead p{margin:.16rem 0 .35rem;font-family:var(--font-mono),"SFMono-Regular",Menlo,monospace;font-size:.69rem;color:rgba(226,234,251,.72)}.wavePlotSvg{width:100%;height:calc(100% - 2rem);min-height:150px;display:block}.waveGridLine{stroke:rgba(176,196,229,.17);stroke-width:1}.waveAxisZero{stroke:rgba(210,226,255,.55);stroke-width:1.1}.waveDataPath{fill:none;stroke:#91b6ff;stroke-width:2}.waveTickText{fill:rgba(224,233,252,.72);font-size:10px}.waveAxisLabel,.waveTickText{font-family:var(--font-mono),"SFMono-Regular",Menlo,monospace}.waveAxisLabel{fill:rgba(224,233,252,.85);font-size:11px}.hydrogenCloudRoot{width:100%;height:100%;position:relative}.hydrogenCloudControls{position:absolute;top:.6rem;left:.6rem;z-index:10;max-width:255px;max-height:calc(100% - 1.2rem);overflow-y:auto;padding:.8rem;border-radius:12px;background:linear-gradient(180deg,rgba(9,14,21,.88),rgba(4,8,13,.78));border:1px solid rgba(173,201,255,.14);color:#eef2f8;font-family:var(--font-mono),"SFMono-Regular",Menlo,monospace;backdrop-filter:blur(8px);box-shadow:0 14px 28px rgba(0,0,0,.34)}.hydrogenCloudControls div,.hydrogenCloudControls h3,.hydrogenCloudControls label,.hydrogenCloudControls span{color:#e7ecf5}.periodicTableCollapse{flex-shrink:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease,opacity .22s ease}.periodicTableCollapse.open{max-height:320px;opacity:1}.periodicTableRoot{flex-shrink:0;padding:.5rem .9rem .35rem;overflow-x:auto}.periodicTableGrid{display:grid;grid-template-columns:repeat(18,30px);grid-template-rows:repeat(4,30px);gap:3px;width:max-content;margin:0 auto}.periodicCell{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(173,201,255,.18);background:rgba(255,255,255,.03);color:#dce7ff;cursor:pointer;padding:0;font-family:var(--font-mono),"SFMono-Regular",Menlo,monospace;transition:background .15s,border-color .15s}.periodicCell:hover{background:rgba(145,182,255,.16);border-color:rgba(173,201,255,.5)}.periodicCell.active{background:#91b6ff;border-color:#fff;color:#04070d}.periodicCellDisabled{cursor:default;opacity:.28;background:rgba(255,255,255,.02)}.periodicCellDisabled:hover{background:rgba(255,255,255,.02);border-color:rgba(173,201,255,.18)}.periodicCellZ{color:inherit;font-size:7px;line-height:1;opacity:.7}.periodicCellSymbol{color:inherit;font-size:11px;font-weight:600;line-height:1.2}.periodicTableNote{margin:.3rem 0 0;font-size:.68rem;color:rgba(226,234,251,.5);text-align:center}@media (max-width:900px){.workArea{border-radius:20px 20px 0 0}.mathDrawer,.mathDrawerInner{width:min(420px,78vw)}.mathDrawerInner{padding:1rem 1rem 2rem}.hydrogenCloudControls{max-width:220px;max-height:calc(100% - 1rem);padding:.65rem}.waveCloudPanel{flex-basis:55%;min-height:220px}.wavePlotsGrid{grid-template-columns:1fr}}@media (max-width:768px){.hydrogenPage{gap:.3rem}.energyNav{justify-content:flex-start;padding:.55rem .7rem .2rem}.energyTrack{width:min(220px,62vw)}.energyNavSideLeft{padding-left:.5rem}.elementBadge{padding:.28rem .5rem}.elementBadgeName{display:none}.hydrogenSpectrumPane{padding:.65rem}}