.periodic-scope .ion-anim *,.periodic-scope .ion-anim :before,.periodic-scope .ion-anim :after{animation-play-state:var(--ion-anim-play-state,running)!important}.periodic-scope .ion-anim{border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative}.periodic-scope .ion-anim:hover{transform:scale(1.05)}.periodic-scope .ion-anim-ph{flex-direction:column;gap:4px;overflow:hidden}.periodic-scope .ph-bar{background:linear-gradient(90deg,#ef4444 0%,#f97316 25%,#eab308 50%,#84cc16 75%,#22c55e 100%);border-radius:6px;width:64px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a}.periodic-scope .ph-bar:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:4.5s ease-in-out infinite phShine;position:absolute;top:0;left:-100%}@keyframes phShine{0%{left:-100%}to{left:100%}}.periodic-scope .ph-pointer{width:6px;height:16px;top:-2px;left:var(--ph-pos,10%);background:linear-gradient(#1e293b,#475569);border-radius:3px;animation:6s ease-in-out infinite phPointerMove;position:absolute;box-shadow:0 2px 4px #0000004d}@keyframes phPointerMove{0%,to{left:var(--ph-pos,10%)}50%{left:var(--ph-hover,80%)}}.periodic-scope .ph-drops{width:100%;height:100%;position:absolute}.periodic-scope .ph-drop{border-radius:50%;width:4px;height:4px;animation:3.5s ease-in infinite phDropFall;position:absolute;top:-10px}.periodic-scope .ph-drop:first-child{background:#ef4444;left:20%}.periodic-scope .ph-drop:nth-child(2){background:#eab308;animation-delay:1.2s;left:50%}.periodic-scope .ph-drop:nth-child(3){background:#22c55e;animation-delay:1s;left:80%}@keyframes phDropFall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.periodic-scope .ph-label{color:#64748b;font-size:.6rem;font-weight:700}.periodic-scope .ion-anim-bubble{background:#3b82f614;overflow:hidden}.periodic-scope .bubble-rise{opacity:0;background:#3b82f6b3;border:2px solid #3b82f6e6;border-radius:50%;width:12px;height:12px;position:absolute;bottom:10px}.periodic-scope .bubble-rise:first-child{width:9px;height:9px;left:20%}.periodic-scope .bubble-rise:nth-child(2){left:50%}.periodic-scope .bubble-rise:nth-child(3){width:7px;height:7px;left:75%}.periodic-scope .ion-anim-bubble .bubble-rise{animation:6s ease-out infinite bubbleUp}.periodic-scope .ion-anim-bubble .bubble-rise:nth-child(2){animation-delay:1.2s}.periodic-scope .ion-anim-bubble .bubble-rise:nth-child(3){animation-delay:1s}@keyframes bubbleUp{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1)}}.periodic-scope .ion-anim-flame{align-items:flex-end;padding-bottom:6px}.periodic-scope .flame-shape{background:var(--flame-color,radial-gradient(ellipse at 50% 100%,#fcd34d,#f97316));filter:blur(2px);width:28px;height:44px;box-shadow:0 0 16px var(--flame-glow,#f9731680);border-radius:50%/60% 60% 40% 40%;animation:4.5s ease-in-out infinite alternate flameFlicker}@keyframes flameFlicker{0%{opacity:.9;transform:scaleY(1)scaleX(1)}to{opacity:1;transform:scaleY(1.1)scaleX(.95)}}.periodic-scope .flame-orange{--flame-color:radial-gradient(ellipse at 50% 100%,#fcd34d,#f97316);--flame-glow:#f9731680}.periodic-scope .flame-red{--flame-color:radial-gradient(ellipse at 50% 100%,#fca5a5,#dc2626);--flame-glow:#dc262680}.periodic-scope .flame-violet{--flame-color:radial-gradient(ellipse at 50% 100%,#e9d5ff,#9333ea);--flame-glow:#9333ea80}.periodic-scope .flame-green{--flame-color:radial-gradient(ellipse at 50% 100%,#bbf7d0,#22c55e);--flame-glow:#22c55e80}.periodic-scope .flame-blue{--flame-color:radial-gradient(ellipse at 50% 100%,#bfdbfe,#3b82f6);--flame-glow:#3b82f680}.periodic-scope .flame-white{--flame-color:radial-gradient(ellipse at 50% 100%,#fff,#e2e8f0);--flame-glow:#fff9}.periodic-scope .ion-anim-dissolve{background:linear-gradient(#3b82f608,#3b82f61f);overflow:hidden}.periodic-scope .dissolve-cube{z-index:2;background:linear-gradient(135deg,#94a3b8,#64748b);border:2px solid #475569;border-radius:4px;width:24px;height:24px;animation:5s ease-in-out infinite dissolvePulse;position:relative;box-shadow:0 2px 6px #0003}.periodic-scope .dissolve-cube:before{content:"";background:#fff6;border-radius:2px;width:6px;height:6px;position:absolute;top:2px;left:2px}@keyframes dissolvePulse{0%,to{opacity:1;transform:scale(1)rotate(0)}25%{transform:scale(.9)rotate(2deg)}50%{opacity:.6;transform:scale(.7)rotate(-2deg)}75%{transform:scale(.85)rotate(1deg)}}.periodic-scope .dissolve-particle{opacity:0;background:#64748b;border-radius:50%;width:5px;height:5px;position:absolute}.periodic-scope .dissolve-particle:first-child{animation:4s ease-out infinite particleSpread1}.periodic-scope .dissolve-particle:nth-child(2){animation:4s ease-out .15s infinite particleSpread2}.periodic-scope .dissolve-particle:nth-child(3){animation:4s ease-out .3s infinite particleSpread3}.periodic-scope .dissolve-particle:nth-child(4){animation:4s ease-out .45s infinite particleSpread4}.periodic-scope .dissolve-particle:nth-child(5){animation:4s ease-out .6s infinite particleSpread5}.periodic-scope .dissolve-particle:nth-child(6){animation:4s ease-out .75s infinite particleSpread6}.periodic-scope .dissolve-particle:nth-child(7){animation:4s ease-out .9s infinite particleSpread7}.periodic-scope .dissolve-particle:nth-child(8){animation:4s ease-out 1.05s infinite particleSpread8}@keyframes particleSpread1{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:15%;left:20%;transform:scale(1)}}@keyframes particleSpread2{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:10%;left:50%;transform:scale(1)}}@keyframes particleSpread3{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:15%;left:80%;transform:scale(1)}}@keyframes particleSpread4{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:50%;left:10%;transform:scale(1)}}@keyframes particleSpread5{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:50%;left:90%;transform:scale(1)}}@keyframes particleSpread6{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:85%;left:25%;transform:scale(1)}}@keyframes particleSpread7{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:90%;left:55%;transform:scale(1)}}@keyframes particleSpread8{0%{opacity:0;top:50%;left:50%;transform:scale(.5)}20%{opacity:1}to{opacity:0;top:80%;left:80%;transform:scale(1)}}.periodic-scope .dissolve-ripple{border:2px solid #64748b80;border-radius:50%;width:20px;height:20px;animation:4.5s ease-out infinite dissolveRipple;position:absolute}.periodic-scope .dissolve-ripple:nth-child(10){animation-delay:.7s}@keyframes dissolveRipple{0%{opacity:.8;width:20px;height:20px}to{opacity:0;width:70px;height:70px}}.periodic-scope .ion-anim-orb{background:0 0;overflow:visible}.periodic-scope .color-orb{background:var(--orb-color,#3b82f6);width:46px;height:46px;box-shadow:0 0 0 5px #ffffff4d,0 0 30px var(--orb-glow,#3b82f680),inset 0 -8px 16px #0003,inset 0 8px 16px #ffffff4d;border-radius:50%;animation:5s ease-in-out infinite orbPulse;position:relative;overflow:hidden}.periodic-scope .color-orb:before{content:"";background:#ffffff80;border-radius:50%;width:12px;height:8px;position:absolute;top:6px;left:10px;transform:rotate(-30deg)}.periodic-scope .color-orb:after{content:"";background:linear-gradient(#0000,#00000026);border-radius:0 0 50% 50%;width:100%;height:50%;position:absolute;bottom:0;left:0}@keyframes orbPulse{0%,to{box-shadow:0 0 0 4px #ffffff4d,0 0 25px var(--orb-glow,#3b82f680),inset 0 -8px 16px #0003,inset 0 8px 16px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 0 6px #fff6,0 0 40px var(--orb-glow,#3b82f6b3),inset 0 -8px 16px #00000026,inset 0 8px 16px #fff6;transform:scale(1.12)}}.periodic-scope .orb-wave{border:2px solid var(--orb-color,#3b82f6);opacity:0;border-radius:50%;width:100%;height:100%;animation:4.5s ease-out infinite orbWaveExpand;position:absolute}.periodic-scope .orb-wave:nth-child(2){animation-delay:1.5s}.periodic-scope .orb-wave:nth-child(3){animation-delay:1.2s}@keyframes orbWaveExpand{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.periodic-scope .orb-bubble{background:#fff6;border-radius:50%;position:absolute}.periodic-scope .orb-bubble:nth-child(4){width:6px;height:6px;animation:4.5s ease-in-out infinite orbBubbleRise;bottom:10px;left:30%}.periodic-scope .orb-bubble:nth-child(5){width:4px;height:4px;animation:4.5s ease-in-out .5s infinite orbBubbleRise;bottom:8px;left:55%}.periodic-scope .orb-bubble:nth-child(6){width:5px;height:5px;animation:4.5s ease-in-out 1s infinite orbBubbleRise;bottom:12px;left:70%}@keyframes orbBubbleRise{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(-25px)}}.periodic-scope .orb-blue{--orb-color:#3b82f6;--orb-glow:#3b82f680}.periodic-scope .orb-green{--orb-color:#22c55e;--orb-glow:#22c55e80}.periodic-scope .orb-yellow{--orb-color:#eab308;--orb-glow:#eab30880}.periodic-scope .orb-purple{--orb-color:#a855f7;--orb-glow:#a855f780}.periodic-scope .orb-orange{--orb-color:#f97316;--orb-glow:#f9731680}.periodic-scope .orb-red{--orb-color:#ef4444;--orb-glow:#ef444480}.periodic-scope .orb-pink{--orb-color:#ec4899;--orb-glow:#ec489980}.periodic-scope .orb-clear{--orb-color:#fffc;--orb-glow:#ffffff4d;border:1px solid #e2e8f0}.periodic-scope .ion-anim-pulse{background:radial-gradient(circle,#ef444414 0%,#0000 70%);overflow:visible}.periodic-scope .pulse-center{background:var(--pulse-color,#ef4444);z-index:3;width:28px;height:28px;box-shadow:0 0 20px var(--pulse-glow,#ef444499),inset 0 -4px 8px #0003,inset 0 4px 8px #ffffff4d;border-radius:50%;animation:3.5s ease-in-out infinite pulseCore;position:relative}.periodic-scope .pulse-center:before{content:"";background:#fff6;border-radius:50%;width:8px;height:6px;position:absolute;top:4px;left:6px;transform:rotate(-30deg)}.periodic-scope .pulse-center:after{content:"!";color:#fff;text-shadow:0 1px 2px #0000004d;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseCore{0%,to{box-shadow:0 0 20px var(--pulse-glow,#ef444499),inset 0 -4px 8px #0003,inset 0 4px 8px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 35px var(--pulse-glow,#ef4444cc),inset 0 -4px 8px #00000026,inset 0 4px 8px #fff6;transform:scale(1.15)}}.periodic-scope .pulse-ring{border:3px solid var(--pulse-color,#ef4444);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.periodic-scope .ion-anim-pulse .pulse-ring{animation:6s ease-out infinite pulseExpand}.periodic-scope .pulse-ring:nth-child(2){animation-delay:1s}.periodic-scope .pulse-ring:nth-child(3){animation-delay:.8s}@keyframes pulseExpand{0%{opacity:.9;border-width:3px;width:28px;height:28px}to{opacity:0;border-width:1px;width:70px;height:70px}}.periodic-scope .pulse-particle{background:var(--pulse-color,#ef4444);width:5px;height:5px;box-shadow:0 0 6px var(--pulse-glow,#ef444499);border-radius:50%;position:absolute}.periodic-scope .pulse-particle:nth-child(4){animation:4.5s ease-in-out infinite pulseFloat}.periodic-scope .pulse-particle:nth-child(5){animation:4.5s ease-in-out .5s infinite pulseFloat}.periodic-scope .pulse-particle:nth-child(6){animation:4.5s ease-in-out 1s infinite pulseFloat}.periodic-scope .pulse-particle:nth-child(7){animation:4.5s ease-in-out 1.5s infinite pulseFloat}.periodic-scope .pulse-particle:nth-child(4){top:15%;left:20%}.periodic-scope .pulse-particle:nth-child(5){top:20%;right:18%}.periodic-scope .pulse-particle:nth-child(6){bottom:18%;left:22%}.periodic-scope .pulse-particle:nth-child(7){bottom:15%;right:20%}@keyframes pulseFloat{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.periodic-scope .pulse-wave{background:radial-gradient(circle,var(--pulse-color,#ef4444)0%,transparent 70%);opacity:0;border-radius:50%;width:40px;height:40px;animation:4.5s ease-out infinite pulseWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.periodic-scope .pulse-wave:nth-child(9){animation-delay:1s}@keyframes pulseWave{0%{opacity:.5;width:30px;height:30px}to{opacity:0;width:80px;height:80px}}.periodic-scope .pulse-red{--pulse-color:#ef4444;--pulse-glow:#ef444499}.periodic-scope .pulse-orange{--pulse-color:#f97316;--pulse-glow:#f9731699}.periodic-scope .pulse-yellow{--pulse-color:#eab308;--pulse-glow:#eab30899}.periodic-scope .ion-anim-battery{flex-direction:column;gap:2px}.periodic-scope .battery-body{border:3px solid #1f2937;border-radius:5px;width:44px;height:24px;position:relative;overflow:hidden}.periodic-scope .battery-body:after{content:"";background:#1f2937;border-radius:0 3px 3px 0;width:4px;height:12px;position:absolute;top:5px;right:-6px}.periodic-scope .battery-fill{background:linear-gradient(90deg,#22c55e,#4ade80);width:30%;height:100%;animation:4.5s ease-in-out infinite batteryCharge}@keyframes batteryCharge{0%,to{width:30%}50%{width:100%}}.periodic-scope .ion-anim-crystal{background:linear-gradient(135deg,#38bdf814,#0ea5e926);overflow:hidden}.periodic-scope .crystal-core{z-index:3;background:linear-gradient(135deg,#7dd3fc,#0ea5e9,#0284c7);width:18px;height:18px;animation:4s linear infinite crystalSpin;position:relative;transform:rotate(45deg);box-shadow:0 0 15px #0ea5e999,inset 0 0 8px #fff6}.periodic-scope .crystal-core:before{content:"";background:#ffffff80;border-radius:1px;width:6px;height:6px;position:absolute;top:2px;left:2px}@keyframes crystalSpin{0%{transform:rotate(45deg)scale(1)}25%{transform:rotate(45deg)scale(1.15)}50%{transform:rotate(45deg)scale(1)}75%{transform:rotate(45deg)scale(1.1)}to{transform:rotate(45deg)scale(1)}}.periodic-scope .crystal-arm{z-index:2;background:linear-gradient(#0284c7 0%,#0ea5e9 50%,#38bdf8 100%);width:5px;height:22px;position:absolute;box-shadow:0 0 8px #38bdf880}.periodic-scope .crystal-arm:first-child{animation:2s ease-in-out infinite crystalGrow1;top:8px;left:50%;transform:translate(-50%)}.periodic-scope .crystal-arm:nth-child(2){animation:2s ease-in-out .25s infinite crystalGrow1;bottom:8px;left:50%;transform:translate(-50%)}.periodic-scope .crystal-arm:nth-child(3){animation:2s ease-in-out .5s infinite crystalGrow2;top:50%;left:8px;transform:translateY(-50%)rotate(90deg)}.periodic-scope .crystal-arm:nth-child(4){animation:2s ease-in-out .75s infinite crystalGrow2;top:50%;right:8px;transform:translateY(-50%)rotate(90deg)}.periodic-scope .crystal-arm-diag{z-index:1;background:linear-gradient(#38bdf8,#7dd3fc);width:4px;height:16px;position:absolute;box-shadow:0 0 6px #7dd3fc66}.periodic-scope .crystal-arm-diag:nth-child(5){animation:4.5s ease-in-out infinite crystalGrowDiag;top:12px;left:12px;transform:rotate(-45deg)}.periodic-scope .crystal-arm-diag:nth-child(6){animation:4.5s ease-in-out .3s infinite crystalGrowDiag;top:12px;right:12px;transform:rotate(45deg)}.periodic-scope .crystal-arm-diag:nth-child(7){animation:4.5s ease-in-out .6s infinite crystalGrowDiag;bottom:12px;left:12px;transform:rotate(45deg)}.periodic-scope .crystal-arm-diag:nth-child(8){animation:4.5s ease-in-out .9s infinite crystalGrowDiag;bottom:12px;right:12px;transform:rotate(-45deg)}@keyframes crystalGrow1{0%,to{opacity:.7;height:16px}50%{opacity:1;height:26px}}@keyframes crystalGrow2{0%,to{opacity:.7;height:14px}50%{opacity:1;height:24px}}@keyframes crystalGrowDiag{0%,to{opacity:.5;height:10px}50%{opacity:.9;height:18px}}.periodic-scope .crystal-sparkle{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 6px #7dd3fc}.periodic-scope .crystal-sparkle:nth-child(9){animation:3.5s infinite crystalSparkle;top:15%;left:20%}.periodic-scope .crystal-sparkle:nth-child(10){animation:3.5s .3s infinite crystalSparkle;top:25%;right:18%}.periodic-scope .crystal-sparkle:nth-child(11){animation:3.5s .6s infinite crystalSparkle;bottom:20%;left:22%}.periodic-scope .crystal-sparkle:nth-child(12){animation:3.5s .9s infinite crystalSparkle;bottom:25%;right:20%}@keyframes crystalSparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}}.periodic-scope .ion-anim-electron{background:linear-gradient(90deg,#6366f10d,#6366f11a,#6366f10d)}.periodic-scope .electron-wire{background:#64748b;border-radius:2px;width:40px;height:3px;position:relative;overflow:visible}.periodic-scope .electron-dot{opacity:0;background:#6366f1;border-radius:50%;width:6px;height:6px;position:absolute;top:-1.5px;left:-6px;box-shadow:0 0 6px #6366f199}.periodic-scope .ion-anim-electron .electron-dot{animation:4.5s linear infinite electronMove}.periodic-scope .electron-dot:nth-child(2){animation-delay:1.5s}.periodic-scope .electron-dot:nth-child(3){animation-delay:1.2s}@keyframes electronMove{0%{opacity:0;left:-6px}10%{opacity:1}90%{opacity:1}to{opacity:0;left:40px}}.periodic-scope .ion-anim-precipitate{background:linear-gradient(#f1f5f94d,#cbd5e166);flex-direction:column;overflow:hidden}.periodic-scope .ppt-cloud{background:var(--ppt-color,#94a3b8);border-radius:50%;width:30px;height:22px;animation:4.5s ease-in-out infinite pptFloat;position:relative;box-shadow:0 4px 12px #00000059,inset 0 -2px 4px #0000001a}@keyframes pptFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.05)}}.periodic-scope .ppt-cloud:before,.periodic-scope .ppt-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.periodic-scope .ppt-cloud:before{width:16px;height:16px;top:-7px;left:4px}.periodic-scope .ppt-cloud:after{width:14px;height:14px;top:-5px;right:2px}.periodic-scope .ppt-fall{background:var(--ppt-color,#cbd5e1);opacity:0;border-radius:50%;width:6px;height:6px;position:absolute}.periodic-scope .ppt-fall:first-child{animation:3.5s ease-in infinite pptFall;left:25%}.periodic-scope .ppt-fall:nth-child(2){animation:3.5s ease-in .3s infinite pptFall;left:45%}.periodic-scope .ppt-fall:nth-child(3){animation:3.5s ease-in .6s infinite pptFall;left:65%}.periodic-scope .ppt-fall:nth-child(4){animation:3.5s ease-in .9s infinite pptFall;left:35%}.periodic-scope .ppt-fall:nth-child(5){animation:3.5s ease-in 1.2s infinite pptFall;left:55%}@keyframes pptFall{0%{opacity:0;top:35%;transform:scale(.5)}20%{opacity:.9}to{opacity:.3;top:90%;transform:scale(.8)}}.periodic-scope .ppt-sediment{background:var(--ppt-color,#cbd5e1);opacity:.7;border-radius:50%;width:50px;height:10px;animation:6s ease-in-out infinite pptGrow;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 -2px 4px #0000001a}@keyframes pptGrow{0%,to{opacity:.5;width:40px;height:8px}50%{opacity:.8;width:56px;height:12px}}.periodic-scope .ppt-white{--ppt-color:#94a3b8}.periodic-scope .ppt-cream{--ppt-color:#d97706}.periodic-scope .ppt-yellow{--ppt-color:#eab308}.periodic-scope .ppt-brown{--ppt-color:#78350f}.periodic-scope .ppt-black{--ppt-color:#1f2937}.periodic-scope .ppt-green{--ppt-color:#16a34a}.periodic-scope .ppt-blue{--ppt-color:#3b82f6}.periodic-scope .ion-anim-plant{background:linear-gradient(#0000,#22c55e14);align-items:flex-end;padding-bottom:4px}.periodic-scope .plant-stem{background:#22c55e;border-radius:2px;width:4px;height:28px;animation:4.5s ease-in-out infinite plantGrow;position:relative}@keyframes plantGrow{0%,to{height:28px}50%{height:38px}}.periodic-scope .plant-leaf{transform-origin:0;background:#4ade80;border-radius:0 80%;width:16px;height:10px;animation:4.5s ease-in-out infinite leafWave;position:absolute}@keyframes leafWave{0%,to{opacity:.8;transform:rotate(-20deg)scale(1)}50%{opacity:1;transform:rotate(-10deg)scale(1.1)}}.periodic-scope .plant-leaf:first-child{top:2px;left:3px}.periodic-scope .plant-leaf:nth-child(2){border-radius:80% 0;animation-delay:.7s;top:8px;left:auto;right:3px}.periodic-scope .ion-anim-bone{background:linear-gradient(135deg,#fbbf240d,#fef3c726);overflow:hidden}.periodic-scope .bone-shape{z-index:2;background:linear-gradient(#f5f5f4,#e7e5e4,#d6d3d1);border-radius:9px;width:48px;height:18px;animation:6s ease-in-out infinite boneStrength;position:relative;box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a,0 3px 6px #00000026}@keyframes boneStrength{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.periodic-scope .bone-shape:before,.periodic-scope .bone-shape:after{content:"";background:linear-gradient(#f5f5f4,#e7e5e4);border-radius:50%;width:16px;height:22px;position:absolute;top:-2px;box-shadow:inset 0 2px 4px #fff9,0 2px 4px #0000001a}.periodic-scope .bone-shape:before{left:-5px}.periodic-scope .bone-shape:after{right:-5px}.periodic-scope .bone-glow{z-index:1;background:radial-gradient(#fbbf2480 0%,#0000 70%);border-radius:14px;width:56px;height:28px;animation:4.5s ease-in-out infinite boneGlow;position:absolute}@keyframes boneGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.periodic-scope .bone-particle{opacity:0;background:#fbbf24;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 6px #fbbf24cc}.periodic-scope .bone-particle:first-child{animation:4.5s ease-in infinite boneAbsorb}.periodic-scope .bone-particle:nth-child(2){animation:4.5s ease-in .4s infinite boneAbsorb}.periodic-scope .bone-particle:nth-child(3){animation:4.5s ease-in .8s infinite boneAbsorb}.periodic-scope .bone-particle:nth-child(4){animation:4.5s ease-in 1.2s infinite boneAbsorb}.periodic-scope .bone-particle:nth-child(5){animation:4.5s ease-in 1.6s infinite boneAbsorb}.periodic-scope .bone-particle:first-child{top:10%;left:20%}.periodic-scope .bone-particle:nth-child(2){top:15%;right:25%}.periodic-scope .bone-particle:nth-child(3){bottom:15%;left:30%}.periodic-scope .bone-particle:nth-child(4){bottom:10%;right:20%}.periodic-scope .bone-particle:nth-child(5){top:50%;left:10%}@keyframes boneAbsorb{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)translate(10px,10px)}}.periodic-scope .bone-ring{border:2px solid #fbbf2466;border-radius:50%;width:30px;height:16px;animation:3.5s ease-out infinite boneRing;position:absolute}.periodic-scope .bone-ring:nth-child(7){animation-delay:1.2s}@keyframes boneRing{0%{opacity:.6;width:30px;height:16px}to{opacity:0;width:70px;height:40px}}.periodic-scope .ion-anim-shield{background:0 0;overflow:visible}.periodic-scope .shield-icon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 50%,#1e40af 100%);width:40px;height:46px;animation:4.5s ease-in-out infinite shieldPulse;position:relative;box-shadow:0 4px 12px #3b82f666}.periodic-scope .shield-icon:before{content:"";background:#ffffff4d;border-radius:50%;width:14px;height:14px;animation:3.5s ease-in-out infinite shieldCore;position:absolute;top:8px;left:50%;transform:translate(-50%)}.periodic-scope .shield-icon:after{content:"✓";color:#fff;text-shadow:0 1px 2px #0000004d;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes shieldCore{0%,to{opacity:.3;transform:translate(-50%)scale(1)}50%{opacity:.6;transform:translate(-50%)scale(1.3)}}@keyframes shieldPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.06)}}.periodic-scope .shield-ring{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:0;border:2px solid #3b82f699;width:30px;height:36px;animation:3.5s ease-out infinite shieldExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.periodic-scope .shield-ring:nth-child(2){animation-delay:1.2s}.periodic-scope .shield-ring:nth-child(3){animation-delay:1s}@keyframes shieldExpand{0%{opacity:.8;width:30px;height:36px}to{opacity:0;width:70px;height:80px}}.periodic-scope .shield-spark{background:#60a5fa;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 6px #3b82f6}.periodic-scope .shield-spark:nth-child(4){animation:4.5s ease-in-out infinite sparkFloat;top:20%;left:15%}.periodic-scope .shield-spark:nth-child(5){animation:4.5s ease-in-out .4s infinite sparkFloat;top:30%;right:15%}.periodic-scope .shield-spark:nth-child(6){animation:4.5s ease-in-out .8s infinite sparkFloat;bottom:30%;left:20%}.periodic-scope .shield-spark:nth-child(7){animation:4.5s ease-in-out 1.2s infinite sparkFloat;bottom:25%;right:20%}@keyframes sparkFloat{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.periodic-scope .ion-anim-water{background:linear-gradient(#3b82f60d,#3b82f626);border-radius:14px 14px 50% 50%}.periodic-scope .water-drop{background:linear-gradient(135deg,#93c5fd,#3b82f6);border-radius:50%/30% 30% 70% 70%;width:14px;height:18px;position:relative}.periodic-scope .water-ripple{border:1.5px solid #3b82f680;border-radius:50%;width:20px;height:6px;animation:6s ease-out infinite rippleOut;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.periodic-scope .water-ripple:nth-child(2){animation-delay:1s}@keyframes rippleOut{0%{opacity:.8;width:20px}to{opacity:0;width:40px}}.periodic-scope .ion-anim-magnet{background:linear-gradient(#ef44440d,#3b82f614);overflow:hidden}.periodic-scope .magnet-u{border:6px solid #ef4444;border-top:#ef4444;border-radius:0 0 20px 20px;width:40px;height:28px;animation:3s ease-in-out infinite magnetPulse;position:relative;box-shadow:0 4px 12px #ef44444d}@keyframes magnetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.periodic-scope .magnet-u:before{content:"";background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:3px 0 0;width:12px;height:14px;position:absolute;top:-6px;left:-6px}.periodic-scope .magnet-u:after{content:"";background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:0 3px 0 0;width:12px;height:14px;position:absolute;top:-6px;right:-6px}.periodic-scope .magnet-particle{opacity:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 8px #fbbf2499}.periodic-scope .ion-anim-magnet .magnet-particle{animation:4s ease-in infinite magnetPull}.periodic-scope .magnet-particle:first-child{top:5px;left:15%}.periodic-scope .magnet-particle:nth-child(2){animation-delay:1.3s;top:10px;left:70%}.periodic-scope .magnet-particle:nth-child(3){animation-delay:.7s;top:0;left:45%}@keyframes magnetPull{0%{opacity:1;transform:translateY(-20px)scale(.6)}50%{opacity:1;transform:translateY(10px)scale(1)}to{opacity:0;transform:translateY(30px)scale(.8)}}.periodic-scope .ion-anim-tooth{background:linear-gradient(#3b82f60d,#93c5fd1f);overflow:hidden}.periodic-scope .tooth-shape{z-index:2;background:linear-gradient(#fff 0%,#f5f5f4 50%,#e7e5e4 100%);border-radius:10px 10px 6px 6px;width:30px;height:38px;animation:6s ease-in-out infinite toothShine;position:relative;box-shadow:0 3px 10px #0003,inset 0 2px 4px #fff,inset 0 -3px 6px #00000014}@keyframes toothShine{0%,to{filter:brightness()}50%{filter:brightness(1.1)}}.periodic-scope .tooth-shape:before,.periodic-scope .tooth-shape:after{content:"";background:linear-gradient(#f5f5f4,#e7e5e4);border-radius:0 0 5px 5px;width:10px;height:16px;position:absolute;bottom:-10px;box-shadow:0 3px 5px #0000001f}.periodic-scope .tooth-shape:before{left:3px}.periodic-scope .tooth-shape:after{right:3px}.periodic-scope .tooth-sparkle{background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 10px #ffffffe6,0 0 20px #93c5fd80}.periodic-scope .tooth-sparkle:first-child{width:10px;height:10px;animation:4.5s infinite sparkleMain;top:8px;left:6px}.periodic-scope .tooth-sparkle:nth-child(2){width:5px;height:5px;animation:4.5s .3s infinite sparkleSub;top:12px;right:8px}.periodic-scope .tooth-sparkle:nth-child(3){width:4px;height:4px;animation:4.5s .6s infinite sparkleSub;top:20px;left:10px}@keyframes sparkleMain{0%,to{opacity:.6;transform:scale(.8);box-shadow:0 0 6px #fff9}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 15px #fff,0 0 25px #93c5fd99}}@keyframes sparkleSub{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.periodic-scope .tooth-shield{z-index:1;border:2px solid #3b82f666;border-radius:12px 12px 8px 8px;width:40px;height:45px;animation:4.5s ease-in-out infinite toothProtect;position:absolute;top:0;left:-5px}@keyframes toothProtect{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.periodic-scope .fluoride-particle{opacity:0;background:#60a5fa;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 6px #60a5facc}.periodic-scope .fluoride-particle:nth-child(5){animation:4.5s ease-in infinite fluorideAbsorb;top:5%;left:15%}.periodic-scope .fluoride-particle:nth-child(6){animation:4.5s ease-in .4s infinite fluorideAbsorb;top:10%;right:10%}.periodic-scope .fluoride-particle:nth-child(7){animation:4.5s ease-in .8s infinite fluorideAbsorb;top:35%;left:8%}.periodic-scope .fluoride-particle:nth-child(8){animation:4.5s ease-in 1.2s infinite fluorideAbsorb;top:40%;right:12%}@keyframes fluorideAbsorb{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)translateY(15px)}}.periodic-scope .ion-anim-sun{background:linear-gradient(135deg,#fbbf241a,#fbbf2433)}.periodic-scope .sun-core{background:#fbbf24;border-radius:50%;width:28px;height:28px;position:relative;box-shadow:0 0 16px #fbbf2499}.periodic-scope .sun-ray{transform-origin:50% 22px;background:#fbbf24;border-radius:2px;width:4px;height:10px;animation:3.5s ease-in-out infinite sunRayPulse;position:absolute}@keyframes sunRayPulse{0%,to{opacity:.7;height:10px}50%{opacity:1;height:14px}}.periodic-scope .ion-anim-pill{background:0 0}.periodic-scope .pill-shape{border-radius:9px;width:44px;height:18px;animation:4.5s ease-in-out infinite pillFloat;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000040}.periodic-scope .pill-half{flex:1;height:100%}.periodic-scope .pill-half:first-child{background:linear-gradient(135deg,#ef4444,#dc2626)}.periodic-scope .pill-half:last-child{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}@keyframes pillFloat{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)scale(1.05)}}.periodic-scope .ion-anim-lightning{background:linear-gradient(#fbbf2414,#fbbf2433);overflow:hidden}.periodic-scope .lightning-bolt{filter:drop-shadow(0 0 8px #fbbf24cc);width:20px;height:36px;position:relative}.periodic-scope .lightning-bolt:before{content:"";border-top:0;border-bottom:18px solid #fbbf24;border-left:10px solid #0000;border-right:10px solid #fbbf24;width:0;height:0;position:absolute;top:0;left:2px}.periodic-scope .lightning-bolt:after{content:"";border-top:18px solid #fbbf24;border-bottom:0;border-left:10px solid #fbbf24;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:0;right:2px}.periodic-scope .ion-anim-lightning .lightning-bolt{animation:5s infinite lightningFlash}@keyframes lightningFlash{0%,20%,40%,to{opacity:1;filter:drop-shadow(0 0 8px #fbbf24cc)brightness()}10%,30%{opacity:0;filter:drop-shadow(0 0 #0000)brightness(2)}}.periodic-scope .lightning-branch{opacity:0;filter:blur(1px);background:#fcd34d;width:3px;height:16px;position:absolute}.periodic-scope .lightning-branch:first-child{animation:4.5s infinite branchFlash;top:10px;left:-8px;transform:rotate(-30deg)}.periodic-scope .lightning-branch:nth-child(2){animation:4.5s .15s infinite branchFlash;top:20px;right:-10px;transform:rotate(25deg)}.periodic-scope .lightning-branch:nth-child(3){animation:4.5s .3s infinite branchFlash;bottom:15px;left:-6px;transform:rotate(-20deg)}@keyframes branchFlash{0%,15%,to{opacity:0}5%,10%{opacity:.9}}.periodic-scope .lightning-energy{border:2px solid #fbbf2466;border-radius:50%;width:60px;height:60px;animation:5s ease-out infinite energyPulse;position:absolute}.periodic-scope .lightning-energy:nth-child(5){animation-delay:.33s}.periodic-scope .lightning-energy:nth-child(6){animation-delay:.66s}@keyframes energyPulse{0%{opacity:.8;width:20px;height:20px}to{opacity:0;width:70px;height:70px}}.periodic-scope .lightning-spark{background:#fff7ed;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 4px #fbbf24}.periodic-scope .lightning-spark:nth-child(7){animation:4s infinite sparkBurst;top:10%;left:20%}.periodic-scope .lightning-spark:nth-child(8){animation:4s .1s infinite sparkBurst;top:30%;right:15%}.periodic-scope .lightning-spark:nth-child(9){animation:4s .2s infinite sparkBurst;bottom:20%;left:25%}.periodic-scope .lightning-spark:nth-child(10){animation:4s .3s infinite sparkBurst;bottom:35%;right:20%}@keyframes sparkBurst{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.periodic-scope .ion-anim-dna{background:linear-gradient(135deg,#9333ea0d,#9333ea1a);overflow:hidden}.periodic-scope .dna-strand{width:24px;height:40px;position:relative}.periodic-scope .dna-node{background:#a855f7;border-radius:50%;width:6px;height:6px;position:absolute;left:0}.periodic-scope .dna-node:first-child{animation:3.5s ease-in-out infinite dnaWave;top:0}.periodic-scope .dna-node:nth-child(2){animation:3.5s ease-in-out .2s infinite dnaWave;top:10px}.periodic-scope .dna-node:nth-child(3){animation:3.5s ease-in-out .4s infinite dnaWave;top:20px}.periodic-scope .dna-node:nth-child(4){animation:3.5s ease-in-out .6s infinite dnaWave;top:30px}.periodic-scope .dna-node-r{background:#c084fc;border-radius:50%;width:6px;height:6px;position:absolute;right:0}.periodic-scope .dna-node-r:nth-child(5){animation:3.5s ease-in-out infinite dnaWaveR;top:0}.periodic-scope .dna-node-r:nth-child(6){animation:3.5s ease-in-out .2s infinite dnaWaveR;top:10px}.periodic-scope .dna-node-r:nth-child(7){animation:3.5s ease-in-out .4s infinite dnaWaveR;top:20px}.periodic-scope .dna-node-r:nth-child(8){animation:3.5s ease-in-out .6s infinite dnaWaveR;top:30px}.periodic-scope .dna-link{background:#d8b4fe;width:12px;height:2px;position:absolute;left:6px}.periodic-scope .dna-link:nth-child(9){top:2px}.periodic-scope .dna-link:nth-child(10){top:12px}.periodic-scope .dna-link:nth-child(11){top:22px}.periodic-scope .dna-link:nth-child(12){top:32px}@keyframes dnaWave{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes dnaWaveR{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.periodic-scope .ion-anim-gas{background:0 0;overflow:hidden}.periodic-scope .gas-cloud{background:var(--gas-color,#6b7280);opacity:0;filter:blur(3px);border-radius:50%;width:22px;height:16px;position:absolute}.periodic-scope .gas-cloud:first-child{bottom:10px;left:10px}.periodic-scope .gas-cloud:nth-child(2){width:18px;height:14px;bottom:14px;left:28px}.periodic-scope .gas-cloud:nth-child(3){width:16px;height:12px;bottom:8px;left:44px}.periodic-scope .ion-anim-gas .gas-cloud{animation:6s ease-out infinite gasFume}.periodic-scope .gas-cloud:nth-child(2){animation-delay:1.2s!important}.periodic-scope .gas-cloud:nth-child(3){animation-delay:1s!important}@keyframes gasFume{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:.8}to{opacity:0;transform:translateY(-30px)scale(1.3)}}.periodic-scope .gas-gray{--gas-color:#6b7280}.periodic-scope .gas-yellow{--gas-color:#eab308}.periodic-scope .gas-green{--gas-color:#22c55e}.periodic-scope .gas-brown{--gas-color:#92400e}.periodic-scope .gas-clear{--gas-color:#94a3b8}.periodic-scope .ion-anim-bleach{background:0 0;flex-direction:column;gap:4px}.periodic-scope .bleach-paper{background-color:#fef3c7;border-radius:6px;width:56px;height:40px;animation:5s ease-in-out infinite bleachPaper;box-shadow:0 2px 4px #00000026}@keyframes bleachPaper{0%{background-color:#fef3c7}25%{background-color:#fef9c3}50%{background-color:#fff}75%{background-color:#fef9c3}to{background-color:#fef3c7}}.periodic-scope .bleach-wave{background:#3b82f699;border-radius:2px;width:0;height:3px;animation:4.5s ease-out infinite bleachSpread;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes bleachSpread{0%{opacity:1;width:0}to{opacity:0;width:50px}}
:root{--global-nav-scale:1}.periodic-scope .global-nav{width:calc(100% - 24px);height:calc(56px*var(--global-nav-scale));-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:10000;align-items:center;gap:calc(12px*var(--global-nav-scale));border-radius:calc(28px*var(--global-nav-scale));padding:0 calc(20px*var(--global-nav-scale));background:#ffffffb8;border:1px solid #ffffff80;justify-content:space-between;transition:height .3s,padding .3s,top .3s,border-radius .3s;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a}.periodic-scope .nav-brand-section{justify-content:flex-start;align-items:center;gap:calc(10px*var(--global-nav-scale));flex:1;min-width:0;display:flex}.periodic-scope .nav-logo-link{align-items:center;text-decoration:none;display:flex}.periodic-scope .nav-logo{width:calc(32px*var(--global-nav-scale));height:calc(32px*var(--global-nav-scale));transition:transform .3s}.periodic-scope .nav-logo-link:hover .nav-logo{transform:scale(1.1)rotate(-5deg)}.periodic-scope .nav-brand{font-size:calc(1.25rem*var(--global-nav-scale));color:#1d1d1f;letter-spacing:-.02em;white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.periodic-scope .nav-brand:hover{opacity:.7}.periodic-scope .nav-center-group{align-items:center;gap:calc(10px*var(--global-nav-scale));flex-shrink:0;display:flex}.periodic-scope .global-nav-pill{justify-content:center;gap:calc(4px*var(--global-nav-scale));padding:calc(4px*var(--global-nav-scale));border-radius:calc(22px*var(--global-nav-scale));background:#0000000a;flex-shrink:0;display:flex;position:relative}.periodic-scope .nav-pill-slider{top:calc(4px*var(--global-nav-scale));height:calc(100% - (8px*var(--global-nav-scale)));border-radius:calc(18px*var(--global-nav-scale));z-index:0;pointer-events:none;background:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1);position:absolute;left:0;box-shadow:0 1px 3px #0000001a}.periodic-scope .nav-pill-btn{padding:calc(8px*var(--global-nav-scale))calc(20px*var(--global-nav-scale));border-radius:calc(18px*var(--global-nav-scale));color:#444;font-size:calc(.9rem*var(--global-nav-scale));cursor:pointer;white-space:nowrap;min-height:calc(36px*var(--global-nav-scale));min-width:calc(74px*var(--global-nav-scale));text-align:center;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-weight:600;line-height:1.05;text-decoration:none;transition:color .25s;display:flex;position:relative}.periodic-scope .nav-pill-btn:hover:not(.active){color:#000}.periodic-scope .nav-pill-btn.active{color:#1d1d1f}.periodic-scope .nav-right-section{justify-content:flex-end;align-items:center;gap:calc(12px*var(--global-nav-scale));flex:1;min-width:0;display:flex}.periodic-scope .lang-dropdown{flex-shrink:0;align-items:center;display:flex;position:relative}.periodic-scope .lang-dropdown-toggle{align-items:center;gap:calc(5px*var(--global-nav-scale));height:calc(34px*var(--global-nav-scale));padding:0 calc(14px*var(--global-nav-scale))0 calc(13px*var(--global-nav-scale));border-radius:calc(18px*var(--global-nav-scale));color:#555;font-size:calc(.85rem*var(--global-nav-scale));cursor:pointer;letter-spacing:-.01em;background:#0000000a;border:none;font-family:inherit;font-weight:600;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;box-shadow:0 .5px 1px #0000000a}.periodic-scope .lang-dropdown-toggle:hover{color:#1d1d1f;background:#00000012;box-shadow:0 1px 3px #00000014}.periodic-scope .lang-dropdown-toggle:active{background:#00000017;transform:scale(.96)}.periodic-scope .lang-dropdown.open .lang-dropdown-toggle{color:#1d1d1f;background:#00000012}.periodic-scope .lang-globe-icon{color:currentColor;flex-shrink:0}.periodic-scope .lang-chevron{color:currentColor;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s}.periodic-scope .lang-dropdown.open .lang-chevron{color:#374151;transform:rotate(180deg)}.periodic-scope .lang-dropdown-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;visibility:hidden;z-index:10002;background:linear-gradient(#fffffff0 0%,#f8f8faed 100%);border:1px solid #00000014;border-radius:14px;flex-direction:column;gap:2px;min-width:148px;padding:6px;transition:opacity .2s,visibility .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)scale(.97);box-shadow:0 14px 38px #00000024,0 4px 12px #00000014}.periodic-scope .lang-dropdown.open .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.periodic-scope .lang-option{text-align:left;color:#2f3136;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:550;transition:background .15s,color .15s;display:flex}.periodic-scope .lang-option:hover{color:#15161a;background:#0000000e}.periodic-scope .lang-option:not(:last-child){margin-bottom:3px}.periodic-scope .lang-option.active{color:#111827;background:#00000017;font-weight:650}.periodic-scope .lang-option:focus-visible,.periodic-scope .lang-dropdown-toggle:focus-visible{outline-offset:2px;outline:2px solid #00000040}.periodic-scope .version-dropdown{flex-shrink:0;position:relative}.periodic-scope .version-dropdown-toggle{align-items:center;gap:calc(5px*var(--global-nav-scale));padding:calc(7px*var(--global-nav-scale))calc(14px*var(--global-nav-scale))calc(7px*var(--global-nav-scale))calc(13px*var(--global-nav-scale));border-radius:calc(18px*var(--global-nav-scale));color:#555;font-size:calc(.82rem*var(--global-nav-scale));cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:#0000000a;border:none;font-family:inherit;font-weight:600;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:flex;box-shadow:0 .5px 1px #0000000a}.periodic-scope .version-dropdown-toggle:hover{color:#1d1d1f;background:#00000012;box-shadow:0 1px 3px #00000014}.periodic-scope .version-dropdown-toggle:active{background:#00000017;transform:scale(.96)}.periodic-scope .version-chevron{opacity:.45;margin-top:1px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.periodic-scope .version-dropdown.open .version-chevron{opacity:.7;transform:rotate(180deg)}.periodic-scope .version-dropdown-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;visibility:hidden;z-index:10001;background:linear-gradient(#fffffff0 0%,#f8f8faed 100%);border:1px solid #00000014;border-radius:14px;min-width:calc(100% + 16px);padding:6px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.34,1.56,.64,1),visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-8px)scale(.92);box-shadow:0 14px 38px #00000024,0 4px 12px #00000014}.periodic-scope .version-dropdown.open .version-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.periodic-scope .version-dropdown-option{width:100%;padding:calc(8px*var(--global-nav-scale))calc(14px*var(--global-nav-scale));color:#bbb;font-size:calc(.82rem*var(--global-nav-scale));cursor:default;white-space:nowrap;text-align:center;letter-spacing:-.01em;background:0 0;border:none;border-radius:10px;font-family:inherit;font-weight:600;transition:all .15s;display:block}.periodic-scope .version-dropdown-option:hover{color:#aaa;background:#00000008}.periodic-scope .version-dropdown-option:active{background:#0000001a}@media (max-width:1500px){:root{--global-nav-scale:.94}}@media (max-width:1360px){:root{--global-nav-scale:.88}}body.hide-nav .periodic-scope .global-nav,body.hide-nav.periodic-scope .global-nav{pointer-events:none;transform:translate(-50%)translateY(-120%)}body.hide-nav .periodic-scope .version-dropdown,body.hide-nav.periodic-scope .version-dropdown{display:none}