*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f4f4f5;background:#09090b;min-height:100vh;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:50;background:#09090bf2;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:72px;padding:0 6%;display:flex;position:sticky;top:0}.logo{color:#a855f7;font-size:23px;font-weight:700}.logo span{color:#fff}nav{gap:30px;display:flex}nav a{color:#a1a1aa;font-size:var(--cl-text-body);text-decoration:none;transition:color .2s}nav a:hover{color:#fff}.periodic-page{max-width:1550px;margin:auto;padding:70px 30px;overflow-x:auto}.page-title{text-align:center;margin-bottom:35px}.tag{color:#a855f7;font-size:var(--cl-text-small);letter-spacing:3px;margin-bottom:12px;font-weight:700}.page-title h1{margin-bottom:12px;font-size:50px}.page-title p:last-child{color:var(--cl-text-secondary)}.search-box{justify-content:center;margin-bottom:20px;display:flex}.search-box input{color:#fff;width:min(500px,100%);font-size:var(--cl-text-body);background:#18181b;border:1px solid #3f3f46;border-radius:12px;outline:none;padding:15px 20px;transition:border-color .2s,box-shadow .2s}.search-box input::placeholder{color:var(--cl-text-secondary)}.search-box input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f714}.legend{color:#a1a1aa;font-size:var(--cl-text-small);flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:30px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.legend .alkali{background:#ef4444}.legend .transition{background:#eab308}.legend .nonmetal{background:#06b6d4}.legend .halogen{background:#3b82f6}.legend .noble{background:#a855f7}.periodic-table{grid-template-rows:repeat(7,105px);grid-template-columns:repeat(18,minmax(50px,1fr));gap:6px;min-width:1000px;display:grid}.element{color:#fff;cursor:pointer;background:linear-gradient(145deg,#18181b,#101012);border:1px solid #3f3f46;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:5px;transition:transform .2s,border-color .2s,box-shadow .2s,opacity .2s;display:flex;position:relative}.element:hover{z-index:5;border-color:#c084fc;transform:translateY(-5px)scale(1.04);box-shadow:0 8px 30px #a855f740}.atomic-number{color:var(--cl-text-secondary);font-size:var(--cl-text-small);align-self:flex-start;margin-left:6px}.element strong{margin:3px 0;font-size:25px}.element-name{color:#a1a1aa;width:100%;font-size:var(--cl-text-caption);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.atomic-mass{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:3px}.alkali-metal{border-color:#ef4444}.alkaline-earth-metal{border-color:#f97316}.transition-metal{border-color:#eab308}.post-transition-metal{border-color:#84cc16}.metalloid{border-color:#22c55e}.nonmetal{border-color:#06b6d4}.halogen{border-color:#3b82f6}.noble-gas{border-color:#a855f7}.lanthanide{border-color:#ec4899}.actinide{border-color:#f43f5e}.f-block{max-width:1250px;margin:35px auto 0}.f-title{color:var(--cl-text-secondary);font-size:var(--cl-text-body);margin-bottom:8px}.f-elements{grid-template-columns:repeat(15,1fr);gap:6px;display:grid}.f-elements .element{height:90px}.dimmed{opacity:.1;transform:scale(.95)}.modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-content{background:radial-gradient(circle at 100% 0,#a855f71f,#0000 35%),#18181b;border:1px solid #3f3f46;border-radius:24px;width:min(760px,100%);max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000000b3}.close{color:var(--cl-text-secondary);cursor:pointer;background:0 0;border:none;font-size:32px;transition:color .2s;position:absolute;top:15px;right:20px}.close:hover{color:#fff}.element-hero{align-items:center;gap:30px;margin-bottom:35px;display:flex}.big-symbol{background:#09090b;border:2px solid #a855f7;border-radius:25px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:170px;height:170px;display:flex;box-shadow:0 0 35px #a855f726}.big-symbol span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);align-self:flex-start;margin-left:22px}.big-symbol strong{font-size:70px}.big-symbol small{color:var(--cl-text-secondary)}.element-heading{flex:1}.modal-number{color:var(--cl-text-secondary);font-size:var(--cl-text-small);letter-spacing:2px}.element-heading h2{margin:8px 0;font-size:38px}.category{color:#c084fc;margin-bottom:12px}.state{color:#a1a1aa}.state strong{color:#fff}.section-title{color:#a855f7;font-size:var(--cl-text-small);letter-spacing:1px;margin:25px 0 12px;font-weight:700}.details-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.details-grid div{background:#09090b;border:1px solid #27272a;border-radius:10px;padding:14px}.details-grid span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:7px;display:block}.details-grid strong{font-size:var(--cl-text-body)}.electron-box{color:#c084fc;font-family:monospace;font-size:var(--cl-text-body);background:#09090b;border:1px solid #27272a;border-radius:12px;padding:18px;line-height:1.7;overflow-x:auto}.proton-electron{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.proton-electron div{text-align:center;background:#09090b;border:1px solid #18181b;border-radius:10px;padding:15px}.proton-electron span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:5px;display:block}.proton-electron strong{font-size:20px}.atom-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.open-atom-button,.open-orbital-button{color:#fff;width:100%;font-size:var(--cl-text-body);cursor:pointer;border-radius:12px;padding:15px 20px;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s}.open-atom-button{background:linear-gradient(135deg,#7c3aed,#9333ea);border:1px solid #9333ea}.open-atom-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 35px #9333ea59}.open-orbital-button{background:linear-gradient(135deg,#172554,#312e81);border:1px solid #3b82f6}.open-orbital-button:hover{border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 10px 35px #3b82f640}.open-atom-button:active,.open-orbital-button:active{transform:scale(.98)}.note{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:15px;line-height:1.5}.atom-modal{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.atom-window{background:radial-gradient(circle,#581c872e,#0000 55%),#050509;border:1px solid #a855f773;border-radius:24px;width:min(1000px,95vw);height:min(760px,90vh);position:relative;overflow:hidden;box-shadow:0 0 80px #a855f72e}.atom-close{z-index:20;color:#a1a1aa;cursor:pointer;background:#18181be6;border:1px solid #3f3f46;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:25px;transition:all .2s;display:flex;position:absolute;top:18px;right:20px}.atom-close:hover{color:#fff;background:#27272a;border-color:#a855f7}.atom-header{z-index:10;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:25px;left:30px;right:75px}.atom-header span{color:#a855f7;font-size:var(--cl-text-small);letter-spacing:3px}.atom-header h2{margin-top:5px;font-size:26px}.atom-subtitle{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:5px}.atom-symbol{color:#c084fc;text-shadow:0 0 25px #a855f7cc;font-size:42px;font-weight:700}.shell-display{z-index:10;pointer-events:none;flex-wrap:wrap;gap:6px;max-width:250px;display:flex;position:absolute;top:95px;left:30px}.shell-display div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090b8c;border:1px solid #a855f733;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;display:flex}.shell-display span{color:#a855f7;font-size:var(--cl-text-small);font-weight:700}.shell-display strong{color:#d4d4d8;font-size:var(--cl-text-small)}.atom-canvas{width:100%;height:100%;position:absolute;inset:0}.atom-canvas canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.atom-canvas canvas:active{cursor:grabbing}.atom-legend{z-index:10;color:var(--cl-text-secondary);font-size:var(--cl-text-small);pointer-events:none;gap:16px;display:flex;position:absolute;bottom:108px;left:30px}.atom-legend span{align-items:center;gap:5px;display:flex}.atom-legend i{border-radius:50%;width:8px;height:8px;display:block}.proton-dot{background:#ff2d68;box-shadow:0 0 7px #ff2d68cc}.neutron-dot{background:#3b82f6;box-shadow:0 0 7px #3b82f6cc}.electron-dot{background:#4ff6ff;box-shadow:0 0 8px #22d3ee}.atom-info{z-index:10;pointer-events:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid;position:absolute;bottom:34px;left:30px;right:30px}.atom-info div{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bc7;border:1px solid #3f3f46cc;border-radius:10px;min-width:0;padding:12px}.atom-info span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:5px;display:block}.atom-info strong{font-size:var(--cl-text-body)}.atom-hint{z-index:10;text-align:center;color:var(--cl-text-secondary);font-size:var(--cl-text-small);pointer-events:none;position:absolute;bottom:7px;left:0;right:0}.orbital-modal{z-index:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.orbital-window{background:radial-gradient(circle,#581c871f,#0000 55%),#020205;border:1px solid #8b5cf673;border-radius:24px;width:min(1100px,96vw);height:min(780px,92vh);position:relative;overflow:hidden;box-shadow:0 40px 120px #000c}.orbital-close{z-index:30;color:#a1a1aa;cursor:pointer;background:#18181bd9;border:1px solid #3f3f46;border-radius:50%;width:42px;height:42px;font-size:26px;transition:all .2s;position:absolute;top:18px;right:20px}.orbital-close:hover{color:#fff;background:#27272a;border-color:#a855f7}.orbital-header{z-index:20;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:26px;left:30px;right:80px}.orbital-label{color:#a855f7;font-size:var(--cl-text-small);letter-spacing:3px;font-weight:700}.orbital-header h2{margin-top:6px;font-size:28px}.orbital-header p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:3px}.orbital-element-symbol{color:#c084fc;text-shadow:0 0 25px #a855f7cc;font-size:45px;font-weight:700}.subshell-panel{z-index:25;width:260px;position:absolute;top:120px;left:30px}.subshell-title{color:var(--cl-text-secondary);font-size:var(--cl-text-small);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.subshell-buttons{flex-wrap:wrap;gap:6px;display:flex}.subshell-button{color:#a1a1aa;cursor:pointer;font-size:var(--cl-text-small);background:#09090bbf;border:1px solid #27272a;border-radius:8px;padding:7px 10px;transition:all .2s}.subshell-button:hover{color:#fff;border-color:#7c3aed}.subshell-button.active{color:#fff;background:#7e22ce40;border-color:#a855f7;box-shadow:0 0 15px #a855f71f}.orbital-variant-panel{z-index:25;flex-wrap:wrap;align-items:center;gap:6px;max-width:300px;display:flex;position:absolute;top:215px;left:30px}.orbital-variant-panel>span{width:100%;color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:2px}.variant-button{color:#a1a1aa;cursor:pointer;font-size:var(--cl-text-small);background:#09090bb8;border:1px solid #27272a;border-radius:7px;padding:6px 9px;transition:all .2s}.variant-button:hover{color:#fff;border-color:#3b82f6}.variant-button.active{color:#fff;background:#0891b229;border-color:#22d3ee}.orbital-current{z-index:20;text-align:right;pointer-events:none;position:absolute;top:115px;right:30px}.orbital-current span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);display:block}.orbital-current strong{color:#c084fc;margin-top:4px;font-size:27px;display:block}.orbital-current small{color:var(--cl-text-secondary)}.orbital-canvas{width:100%;height:100%;position:absolute;inset:0}.orbital-canvas canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.orbital-canvas canvas:active{cursor:grabbing}.orbital-info{z-index:20;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:absolute;bottom:42px;left:30px;right:30px}.orbital-info div{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090bbf;border:1px solid #3f3f46cc;border-radius:10px;padding:11px}.orbital-info span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:4px;display:block}.orbital-info strong{font-size:var(--cl-text-body)}.orbital-phase-legend{z-index:20;color:var(--cl-text-secondary);font-size:var(--cl-text-small);pointer-events:none;gap:14px;display:flex;position:absolute;bottom:115px;right:30px}.orbital-phase-legend span{align-items:center;gap:5px;display:flex}.orbital-phase-legend i{border-radius:50%;width:9px;height:9px}.phase-positive{background:#a855f7;box-shadow:0 0 8px #a855f7}.phase-negative{background:#22d3ee;box-shadow:0 0 8px #22d3ee}.orbital-note{z-index:20;max-width:350px;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);pointer-events:none;line-height:1.4;position:absolute;bottom:113px;left:30px}.orbital-hint{z-index:20;text-align:center;color:var(--cl-text-secondary);font-size:var(--cl-text-small);pointer-events:none;position:absolute;bottom:15px;left:0;right:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#09090b}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#71717a}@media (width<=900px){.navbar{padding:0 20px}nav{display:none}.periodic-page{padding:40px 15px}.page-title h1{font-size:38px}}@media (width<=700px){.modal-content{padding:30px 20px}.element-hero{text-align:center;flex-direction:column}.element-heading{width:100%}.big-symbol{width:140px;height:140px}.big-symbol strong{font-size:58px}.element-heading h2{font-size:30px}.details-grid{grid-template-columns:1fr 1fr}.proton-electron,.atom-actions{grid-template-columns:1fr}.atom-window{width:96vw;height:88vh}.atom-header{left:20px;right:65px}.atom-header h2{font-size:20px}.atom-symbol{font-size:32px}.shell-display{max-width:170px;top:100px;left:20px}.atom-info{grid-template-columns:repeat(3,1fr);left:15px;right:15px}.atom-legend{display:none}.orbital-window{height:90vh}.orbital-header{left:18px;right:65px}.orbital-header h2{font-size:21px}.orbital-element-symbol{font-size:34px}.subshell-panel{width:180px;top:110px;left:18px}.orbital-variant-panel{max-width:190px;top:205px;left:18px}.orbital-current{top:110px;right:18px}.orbital-current strong{font-size:22px}.orbital-info{grid-template-columns:repeat(2,1fr);left:15px;right:15px}.orbital-note,.orbital-phase-legend{display:none}}@media (width<=450px){.page-title h1{font-size:32px}.details-grid{grid-template-columns:1fr}.atom-symbol,.orbital-element-symbol{display:none}.atom-header,.orbital-header{right:60px}}.chem-tools-section{border-top:1px solid #18181b;max-width:1200px;min-height:700px;margin:0 auto;padding:100px 30px 120px;scroll-margin-top:80px}.tools-heading{text-align:center;margin-bottom:45px}.tools-heading h2{margin-bottom:12px;font-size:42px}.tools-heading>p:last-child{color:var(--cl-text-secondary);line-height:1.7}.balancer-card{background:linear-gradient(145deg,#18181b,#0c0c0f);border:1px solid #27272a;border-radius:22px;max-width:900px;margin:auto;padding:30px;box-shadow:0 25px 80px #0006}.balancer-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.balancer-title>div{align-items:center;gap:15px;display:flex}.tool-icon{background:#7e22ce1f;border:1px solid #a855f759;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.balancer-title h3{margin-bottom:5px;font-size:21px}.balancer-title p{color:var(--cl-text-secondary);font-size:var(--cl-text-small)}.tool-badge{color:#c084fc;font-size:var(--cl-text-caption);letter-spacing:2px;border:1px solid #a855f740;border-radius:7px;padding:6px 9px;font-weight:700}.equation-input-wrapper{gap:10px;display:flex}.equation-input-wrapper input{color:#fff;min-width:0;font-size:var(--cl-text-lead);background:#09090b;border:1px solid #3f3f46;border-radius:11px;outline:none;flex:1;padding:17px 18px;transition:all .2s}.equation-input-wrapper input::placeholder{color:var(--cl-text-secondary)}.equation-input-wrapper input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f714}#balance-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9333ea);border:1px solid #9333ea;border-radius:11px;padding:0 26px;font-weight:700;transition:all .2s}#balance-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9333ea4d}.equation-examples{flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;display:flex}.equation-examples>span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-right:3px}.equation-examples button{color:#a1a1aa;font-size:var(--cl-text-small);cursor:pointer;background:#101012;border:1px solid #27272a;border-radius:7px;padding:7px 10px;transition:all .2s}.equation-examples button:hover{color:#fff;border-color:#7c3aed}.balance-result{background:#22c55e09;border:1px solid #22c55e40;border-radius:15px;margin-top:30px;padding:25px}.balance-result.hidden{display:none}.result-label{color:#22c55e;font-size:var(--cl-text-caption);letter-spacing:2px;font-weight:700}.balanced-equation{color:#f4f4f5;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:25px 0;font-size:27px;font-weight:700;display:flex}.coefficient{color:#c084fc}.chemical-formula sub{color:#a1a1aa;font-size:60%}.equation-plus{color:var(--cl-text-secondary);margin:0 5px}.equation-arrow{color:#a855f7;margin:0 12px;font-size:32px}.balance-coefficients{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.balance-coefficients div{text-align:center;background:#09090b;border:1px solid #27272a;border-radius:8px;padding:10px}.balance-coefficients span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:5px;display:block}.balance-coefficients strong{color:#c084fc;font-size:var(--cl-text-lead)}.balance-error{color:#f87171;font-size:var(--cl-text-small);background:#ef44440f;border:1px solid #ef444440;border-radius:9px;margin-top:18px;padding:13px 15px}.balance-error.hidden{display:none}@media (width<=650px){.chem-tools-section{padding:70px 15px}.tools-heading h2{font-size:34px}.balancer-card{padding:20px}.equation-input-wrapper{flex-direction:column}#balance-button{min-height:48px}.balanced-equation{font-size:20px}}.periodic-page{padding-top:60px;padding-bottom:55px;min-height:auto!important}.chem-tools-section{padding-top:70px;padding-bottom:90px;min-height:auto!important;margin-top:0!important}.f-block:last-child{margin-bottom:0}main{min-height:0}section{min-height:auto}.calculator-card{background:linear-gradient(145deg,#18181b,#0c0c0f);border:1px solid #27272a;border-radius:22px;max-width:900px;margin:30px auto 0;padding:30px;box-shadow:0 25px 80px #00000059}.calculator-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.calculator-heading{align-items:center;gap:15px;display:flex}.calculator-icon{background:#3b82f614;border:1px solid #3b82f659;border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.calculator-heading h3{margin-bottom:5px;font-size:21px}.calculator-heading p{color:var(--cl-text-secondary);font-size:var(--cl-text-small)}.calculator-section{border-top:1px solid #27272a;padding:25px 0}.calculator-section-title{color:#c084fc;font-size:var(--cl-text-body);margin-bottom:8px;font-weight:700}.calculator-description{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:16px;line-height:1.6}.formula-calculator{gap:10px;display:flex}.formula-calculator input{color:#fff;min-width:0;font-size:var(--cl-text-body);background:#09090b;border:1px solid #3f3f46;border-radius:10px;outline:none;flex:1;padding:15px 16px}.formula-calculator input:focus{border-color:#a855f7}.formula-calculator button{color:#fff;cursor:pointer;background:#6d28d9;border:1px solid #7c3aed;border-radius:10px;padding:0 22px;font-weight:700}.molar-result{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.molar-result.hidden{display:none}.molar-result div{background:#09090b;border:1px solid #27272a;border-radius:10px;padding:14px}.molar-result span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:5px;display:block}.molar-result strong{font-size:var(--cl-text-body)}.formula-display{color:#c084fc;font-family:monospace;font-size:var(--cl-text-small);background:#7e22ce14;border:1px solid #a855f733;border-radius:7px;margin-bottom:18px;padding:7px 11px;display:inline-block}.calculator-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.calculator-grid-two{grid-template-columns:repeat(2,1fr)}.calculator-field label{color:#a1a1aa;font-size:var(--cl-text-small);margin-bottom:7px;display:block}.input-unit{background:#09090b;border:1px solid #3f3f46;border-radius:9px;align-items:center;display:flex;overflow:hidden}.input-unit:focus-within{border-color:#a855f7}.input-unit input{color:#fff;width:100%;min-width:0;font-size:var(--cl-text-body);background:0 0;border:none;outline:none;padding:13px}.input-unit span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);white-space:nowrap;padding:0 12px}.calculator-buttons{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.calculator-buttons button{color:#d4d4d8;cursor:pointer;font-size:var(--cl-text-small);background:#18181b;border:1px solid #3f3f46;border-radius:8px;padding:10px 15px;transition:all .2s}.calculator-buttons button:hover{color:#fff;background:#7e22ce1f;border-color:#a855f7}.calculator-message{font-size:var(--cl-text-small);border-radius:9px;margin-top:20px;padding:13px 15px}.calculator-message.hidden{display:none}.calculator-message.success{color:#4ade80;background:#22c55e0f;border:1px solid #22c55e40}.calculator-message.error{color:#f87171;background:#ef44440f;border:1px solid #ef444440}@media (width<=700px){.calculator-card{padding:20px}.calculator-grid,.calculator-grid-two{grid-template-columns:1fr}.formula-calculator{flex-direction:column}.formula-calculator button{min-height:45px}.molar-result{grid-template-columns:1fr}}.virtual-lab-section{border-top:1px solid #18181b;max-width:1200px;margin:0 auto;padding:100px 30px 120px;scroll-margin-top:80px}.lab-heading{text-align:center;margin-bottom:45px}.lab-heading h2{margin-bottom:12px;font-size:42px}.lab-heading>p:last-child{color:var(--cl-text-secondary);line-height:1.7}.lab-layout{grid-template-columns:320px 1fr;gap:20px;display:grid}.lab-control{background:#111114;border:1px solid #27272a;border-radius:20px;padding:25px}.lab-control-title{color:#f4f4f5;font-size:var(--cl-text-lead);margin-bottom:22px;font-weight:700}.reagent-box{margin-bottom:22px}.reagent-box label{color:#a1a1aa;font-size:var(--cl-text-small);margin-bottom:8px;display:block}.reagent-box select{color:#fff;cursor:pointer;background:#09090b;border:1px solid #3f3f46;border-radius:9px;outline:none;width:100%;padding:12px}.reagent-box select:focus{border-color:#a855f7}.pour-button{color:#fff;cursor:pointer;background:#6d28d9;border:1px solid #7c3aed;border-radius:8px;width:100%;margin-top:9px;padding:11px;font-weight:700;transition:all .2s}.pour-button:hover{background:#7c3aed;transform:translateY(-1px)}.pour-button.secondary{background:#1d4ed8;border-color:#2563eb}.pour-button.secondary:hover{background:#2563eb}.reset-lab-button{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:8px;width:100%;padding:11px}.reset-lab-button:hover{color:#fff;border-color:#71717a}.lab-safety-note{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:18px;line-height:1.5}.experiment-area{background:#08080b;border:1px solid #27272a;border-radius:20px;overflow:hidden}.experiment-stage{background:radial-gradient(circle,#581c871a,#0000 55%);justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.lab-status{position:absolute;top:20px;left:22px}.lab-status span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:2px;display:block}.lab-status strong{color:#c084fc;font-size:var(--cl-text-small);margin-top:5px;display:block}.beaker-wrapper{text-align:center}.beaker{background:linear-gradient(90deg,#ffffff06,#ffffff12,#ffffff05);border-bottom:5px solid #94a3b88c;border-left:5px solid #94a3b88c;border-right:5px solid #94a3b88c;border-radius:0 0 34px 34px;width:230px;height:290px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #ffffff06}.beaker:before{content:"";background:#94a3b899;border-radius:50%;width:245px;height:8px;position:absolute;top:0;left:-8px}.lab-liquid{width:100%;height:0;transition:height .6s,background .6s;position:absolute;bottom:0;left:0;box-shadow:inset 0 10px 25px #ffffff14}.lab-liquid:before{content:"";background:#ffffff21;border-radius:50%;width:100%;height:12px;position:absolute;top:-5px;left:0}.liquid-wave:before{animation:.6s labWave}@keyframes labWave{0%{transform:scaleY(1)}50%{transform:scaleY(2.2)}to{transform:scaleY(1)}}.warm-liquid{box-shadow:0 0 35px #f9731640,inset 0 0 25px #f973161a}.precipitate{z-index:5;opacity:0;filter:blur(1px);border-radius:40% 40% 20px 20px;width:88%;height:0;transition:height 1.2s,opacity .8s;position:absolute;bottom:3px;left:6%}.show-precipitate{opacity:.82;height:55px;animation:1.4s precipitateAppear}@keyframes precipitateAppear{0%{opacity:0;transform:translateY(-80px)}to{opacity:.82;transform:translateY(0)}}.bubble-container{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble-container span{background:#ffffff14;border:1px solid #ffffffbf;border-radius:50%;display:none;position:absolute;bottom:20px}.bubble-container.active span{animation:1.8s linear infinite riseBubble;display:block}@keyframes riseBubble{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-250px)scale(1.25)}}.beaker-scale{z-index:20;color:#ffffff40;font-size:var(--cl-text-caption);flex-direction:column;gap:42px;display:flex;position:absolute;top:60px;right:8px}.beaker-label{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:2px;margin-top:15px}.observation-panel{background:#101012;border-top:1px solid #27272a;padding:22px}.observation-title{color:#a855f7;font-size:var(--cl-text-small);letter-spacing:1px;margin-bottom:8px;font-weight:700}.observation-text{color:#a1a1aa;font-size:var(--cl-text-small);line-height:1.6}.reaction-equation{background:#09090b;border:1px solid #a855f72e;border-radius:9px;margin-top:15px;padding:14px}.reaction-equation.hidden{display:none}.reaction-equation span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.5px;margin-bottom:6px;display:block}.reaction-equation strong{color:#d8b4fe;font-size:var(--cl-text-body)}.lab-presets{margin-top:30px}.preset-title{color:#a1a1aa;font-size:var(--cl-text-small);margin-bottom:12px;font-weight:700}.preset-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lab-preset{color:#fff;cursor:pointer;text-align:left;background:#111114;border:1px solid #27272a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:all .2s;display:flex}.lab-preset:hover{background:#18181b;border-color:#7c3aed;transform:translateY(-3px)}.lab-preset>span{font-size:20px}.lab-preset strong{font-size:var(--cl-text-small)}.lab-preset small{color:var(--cl-text-secondary);font-size:var(--cl-text-small)}@media (width<=850px){.lab-layout{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.virtual-lab-section{padding:70px 15px}.lab-heading h2{font-size:34px}.preset-grid{grid-template-columns:1fr}.beaker{width:190px;height:250px}}.lab-v2{max-width:1250px}.lab-v2-layout{grid-template-columns:290px 1fr;gap:20px;display:grid}.reagent-shelf,.lab-workspace{background:#0d0d10;border:1px solid #27272a;border-radius:20px}.reagent-shelf{padding:22px}.lab-panel-title{color:#f4f4f5;font-size:var(--cl-text-body);font-weight:700}.lab-panel-description{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:6px;margin-bottom:20px;line-height:1.5}.reagent-bottles{grid-template-columns:1fr 1fr;gap:11px;display:grid}.reagent-bottle{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,opacity .2s}.reagent-bottle:hover{transform:translateY(-4px)}.reagent-bottle.dragging{opacity:.4}.bottle-cap{border-radius:4px 4px 2px 2px;width:45%;height:13px;margin:auto}.bottle-body{min-height:105px;box-shadow:inset 0 -20px 30px color-mix(in srgb, var(--bottle-color) 18%, transparent);text-align:center;background:linear-gradient(150deg,#ffffff14,#ffffff04);border:1px solid #3f3f46;border-radius:8px 8px 15px 15px;flex-direction:column;justify-content:center;align-items:center;padding:12px 7px;display:flex}.bottle-body strong{color:#fff;font-size:var(--cl-text-body)}.bottle-body small{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:5px;line-height:1.25}.bottle-body span{color:#a1a1aa;font-size:var(--cl-text-caption);background:#09090b;border-radius:4px;margin-top:8px;padding:3px 5px}.lab-workspace{overflow:hidden}.lab-toolbar{background:#111114;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;min-height:75px;padding:15px 20px;display:flex}.lab-toolbar>div>span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-bottom:7px;display:block}.apparatus-buttons{gap:6px;display:flex}.apparatus-button{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:7px;padding:7px 11px}.apparatus-button.active{color:#fff;background:#7e22ce2e;border-color:#a855f7}.lab-v2-reset{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:7px;padding:8px 12px}.lab-v2-reset:hover{color:#fff}.lab-drop-zone{background:radial-gradient(circle,#581c871a,#0000 55%);justify-content:center;align-items:center;min-height:510px;transition:background .2s;display:flex;position:relative}.lab-drop-zone.drag-over{background:radial-gradient(circle,#7e22ce38,#0000 60%)}.drop-hint{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);pointer-events:none;position:absolute;top:22px;left:50%;transform:translate(-50%)}.drop-hint span{color:#a855f7;margin-right:4px}.lab-v2-status{position:absolute;top:22px;left:22px}.lab-v2-status span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.5px;display:block}.lab-v2-status strong{color:#c084fc;font-size:var(--cl-text-small);margin-top:4px;display:block}.lab-apparatus{background:linear-gradient(90deg,#ffffff05,#ffffff12,#ffffff05);border-color:#94a3b88c;transition:width .3s,height .3s,border-radius .3s;position:relative;overflow:hidden}.lab-apparatus.beaker-mode{border-bottom:5px solid;border-left:5px solid;border-right:5px solid;border-radius:0 0 36px 36px;width:230px;height:290px}.lab-apparatus.beaker-mode:before{content:"";z-index:20;background:#94a3b8a6;border-radius:50%;width:240px;height:8px;position:absolute;top:0;left:-8px}.lab-apparatus.tube-mode{border-bottom:5px solid;border-left:5px solid;border-right:5px solid;border-radius:0 0 50px 50px;width:100px;height:320px}.lab-apparatus.tube-mode:before{content:"";z-index:20;background:#94a3b8a6;border-radius:50%;width:104px;height:7px;position:absolute;top:0;left:-7px}.lab-v2-liquid{z-index:2;width:100%;height:0;transition:height .55s,background .5s;position:absolute;bottom:0;left:0;box-shadow:inset 0 10px 20px #ffffff12}.lab-v2-liquid:before{content:"";background:#ffffff1f;border-radius:50%;width:100%;height:10px;position:absolute;top:-5px}.lab-liquid-warm{box-shadow:0 0 30px #f9731647,inset 0 0 20px #f973161a}.lab-v2-precipitate{z-index:5;opacity:0;border-radius:50% 50% 20px 20px;width:92%;height:0;transition:height 1s,opacity .6s;position:absolute;bottom:3px;left:4%;overflow:hidden}.lab-v2-precipitate.active{opacity:.85;height:48px}.lab-v2-precipitate i{border-radius:50%;width:5px;height:5px;animation:1.2s forwards labParticleFall;position:absolute;top:-12px}@keyframes labParticleFall{0%{opacity:0;transform:translateY(0)}to{opacity:.9;transform:translateY(55px)}}.lab-v2-bubbles{z-index:10;pointer-events:none;position:absolute;inset:0}.lab-v2-bubbles i{background:#ffffff12;border:1px solid #fffc;border-radius:50%;display:none;position:absolute;bottom:15px}.lab-v2-bubbles.active i{animation:1.5s linear infinite labV2BubbleRise;display:block}@keyframes labV2BubbleRise{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-260px)scale(1.2)}}.lab-v2-added{color:var(--cl-text-secondary);font-size:var(--cl-text-small);white-space:nowrap;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lab-v2-added span{color:#d8b4fe;font-weight:700}.lab-v2-added b{color:var(--cl-text-secondary);margin:0 4px}.lab-analysis{border-top:1px solid #27272a;grid-template-columns:300px 1fr;display:grid}.ph-panel,.lab-v2-observation{padding:20px}.ph-panel{border-right:1px solid #27272a}.ph-number{align-items:flex-end;gap:7px;margin:15px 0;display:flex}.ph-number span{color:var(--cl-text-secondary);font-size:var(--cl-text-small)}.ph-number strong{color:#fff;font-size:32px}.ph-scale{grid-template-columns:repeat(14,1fr);gap:2px;display:grid}.ph-cell{opacity:.35;color:#fff;height:26px;font-size:var(--cl-text-caption);border-radius:3px;justify-content:center;align-items:center;transition:all .2s;display:flex}.ph-cell:first-child,.ph-cell:nth-child(2){background:#dc2626}.ph-cell:nth-child(3),.ph-cell:nth-child(4){background:#f97316}.ph-cell:nth-child(5),.ph-cell:nth-child(6){background:#eab308}.ph-cell:nth-child(7){background:#22c55e}.ph-cell:nth-child(8),.ph-cell:nth-child(9){background:#06b6d4}.ph-cell:nth-child(10),.ph-cell:nth-child(11){background:#3b82f6}.ph-cell:nth-child(12),.ph-cell:nth-child(13),.ph-cell:nth-child(14){background:#7c3aed}.ph-cell.active{opacity:1;transform:translateY(-4px)scale(1.12);box-shadow:0 0 12px #ffffff40}.ph-description{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:9px}.lab-v2-observation p{color:#a1a1aa;font-size:var(--cl-text-small);margin-top:13px;line-height:1.6}.lab-v2-equation{background:#09090b;border:1px solid #a855f72e;border-radius:8px;margin-top:15px;padding:12px}.lab-v2-equation.hidden{display:none}.lab-v2-equation span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.5px;margin-bottom:6px;display:block}.lab-v2-equation strong{color:#d8b4fe;font-size:var(--cl-text-body)}.lab-v2-presets{background:#0d0d10;border:1px solid #27272a;border-radius:16px;margin-top:25px;padding:22px}.lab-v2-preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.lab-v2-preset-grid button{color:#a1a1aa;cursor:pointer;font-size:var(--cl-text-small);background:#151518;border:1px solid #27272a;border-radius:8px;padding:12px;transition:all .2s}.lab-v2-preset-grid button:hover{color:#fff;border-color:#7c3aed;transform:translateY(-2px)}.lab-v2-warning{text-align:center;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:15px}@media (width<=950px){.lab-v2-layout{grid-template-columns:1fr}.reagent-bottles{grid-template-columns:repeat(4,1fr)}}@media (width<=700px){.reagent-bottles{grid-template-columns:repeat(2,1fr)}.lab-analysis{grid-template-columns:1fr}.ph-panel{border-bottom:1px solid #27272a;border-right:none}.lab-v2-preset-grid{grid-template-columns:1fr 1fr}}@media (width<=450px){.lab-v2-preset-grid{grid-template-columns:1fr}}:root{color:#f4f4f5;background:#06070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#06070a;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}.workspace-app{background:#07080b;grid-template-rows:66px minmax(0,1fr);grid-template-columns:88px minmax(0,1fr);width:100vw;height:100vh;display:grid;overflow:hidden}.workspace-topbar{z-index:500;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0ef5;border-bottom:1px solid #202126;grid-area:1/1/auto/-1;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;padding:0 20px;display:grid;position:relative}.workspace-brand{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;height:48px;padding:0 10px;display:flex}.workspace-brand:hover{background:#15161b}.workspace-brand-icon{color:#c084fc;width:38px;height:38px;font-size:var(--cl-text-lead);background:#7e22ce21;border:1px solid #a855f752;border-radius:10px;justify-content:center;align-items:center;display:flex}.workspace-brand>div:last-child{align-items:center;gap:8px;display:flex}.workspace-brand strong{font-size:var(--cl-text-lead)}.workspace-brand span{color:#c084fc;font-size:var(--cl-text-caption);border:1px solid #a855f747;border-radius:5px;padding:3px 6px;font-weight:800}.workspace-top-center{min-width:0}.workspace-title{text-align:center}.workspace-title strong{color:#e4e4e7;font-size:var(--cl-text-small);display:block}.workspace-title span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:3px;display:block}.quick-view-button{color:#a1a1aa;height:39px;font-size:var(--cl-text-small);cursor:pointer;background:#121318;border:1px solid #303138;border-radius:9px;padding:0 14px}.quick-view-button:hover{color:#fff;border-color:#52525b}.quick-view-button.accent{color:#d8b4fe;background:#7e22ce21;border-color:#7e22ce8c}.workspace-version{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;margin-left:6px;font-weight:700}.workspace-sidebar{z-index:300;background:#090a0e;border-right:1px solid #202126;flex-direction:column;grid-area:2/1;justify-content:space-between;display:flex}.sidebar-main{flex-direction:column;gap:9px;padding:13px 10px;display:flex}.sidebar-button{width:66px;min-height:68px;color:var(--cl-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;display:flex}.sidebar-button>span{font-size:20px}.sidebar-button small{font-size:var(--cl-text-caption);font-weight:600}.sidebar-bottom{justify-content:center;padding:14px;display:flex}.sidebar-status{border:1px solid #27272a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-status i{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #22c55e8c}.workspace-main{background:radial-gradient(circle at 50% -20%,#5b21b613,#0000 36%),#07080b;grid-area:2/2;min-width:0;height:100%;overflow:auto}.workspace-view{min-height:100%;display:none}.workspace-view.active{display:block}.workspace-view-header{max-width:1320px;margin:0 auto;padding:58px 38px 14px}.workspace-eyebrow{color:var(--cl-accent);font-size:var(--cl-text-caption);letter-spacing:1.8px;font-weight:800}.workspace-view-header h1{color:#fafafa;margin:8px 0 6px;font-size:36px}.workspace-view-header p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0}.periodic-workspace{width:100%;max-width:1780px;margin:0 auto;padding:34px 34px 70px}.periodic-top{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:23px;display:flex}.periodic-top h1{color:#fafafa;letter-spacing:-1.2px;margin:7px 0 5px;font-size:36px}.periodic-top p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0}.periodic-result-count{text-align:right;background:#0c0d11;border:1px solid #25262c;border-radius:10px;min-width:90px;padding:10px 14px}.periodic-result-count strong{color:#fafafa;font-size:20px;display:block}.periodic-result-count span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;margin-top:2px;font-weight:800;display:block}.periodic-controls{align-items:center;gap:14px;margin-bottom:13px;display:flex}.periodic-search{background:#0d0e12;border:1px solid #303138;border-radius:10px;flex:none;align-items:center;gap:8px;width:330px;height:44px;padding:0 12px;display:flex}.periodic-search>span{color:var(--cl-text-secondary);font-size:var(--cl-text-body)}.periodic-search input{color:#f4f4f5;min-width:0;font-size:var(--cl-text-small);background:0 0;border:0;outline:0;flex:1}.periodic-search input::placeholder{color:var(--cl-text-secondary)}.periodic-search kbd{color:var(--cl-text-secondary);font-family:inherit;font-size:var(--cl-text-caption);background:#15161b;border:1px solid #303138;border-radius:5px;padding:2px 6px}.periodic-category-filters{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.periodic-category-filters::-webkit-scrollbar{display:none}.category-filter{height:35px;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);cursor:pointer;background:#0d0e12;border:1px solid #292a30;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.category-filter:hover{color:#d4d4d8;border-color:#3f3f46}.category-filter.active{color:#fff;background:#18191f;border-color:#52525b}.category-dot{border-radius:50%;width:7px;height:7px}.periodic-display-toolbar{background:#0c0d11b8;border:1px solid #202126;border-radius:11px;align-items:center;gap:20px;min-height:58px;margin-bottom:8px;padding:9px 11px;display:flex}.periodic-display-group{align-items:center;gap:9px;display:flex}.periodic-display-group>span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;font-weight:800}.periodic-segmented{background:#090a0e;border:1px solid #26272d;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.periodic-segmented button{height:29px;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.periodic-segmented button:hover{color:#d4d4d8}.periodic-segmented button.active{color:#fff;background:#22232a;box-shadow:0 1px 3px #0006}.periodic-reset-view{height:35px;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);cursor:pointer;background:0 0;border:1px solid #292a30;border-radius:8px;margin-left:auto;padding:0 11px}.periodic-reset-view:hover{color:#d4d4d8;border-color:#52525b}.periodic-dynamic-legend{min-height:29px;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);align-items:center;gap:14px;margin-bottom:8px;display:flex}.periodic-dynamic-legend strong{color:#a1a1aa}.legend-entry{align-items:center;gap:5px;display:inline-flex}.legend-entry i{border-radius:50%;width:7px;height:7px}.phase-gas-dot{background:#06b6d4}.phase-liquid-dot{background:#3b82f6}.phase-solid-dot{background:#a1a1aa}.phase-unknown-dot{background:#8b5cf6}.block-s-dot{background:#f43f5e}.block-p-dot{background:#06b6d4}.block-d-dot{background:#eab308}.block-f-dot{background:#ec4899}.periodic-scroll{scrollbar-color:#27272a transparent;padding:4px 3px 20px;overflow-x:auto}.workspace-periodic-table{grid-template-rows:repeat(7,92px);grid-template-columns:repeat(18,minmax(66px,1fr));gap:7px;min-width:1370px;display:grid}.workspace-element-card{color:#fff;cursor:pointer;background:linear-gradient(145deg,#121319,#0b0c10);border:1px solid #303138;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:8px 6px;transition:transform .14s,opacity .15s,background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}button.workspace-element-card:hover{z-index:20;background:#191a20;transform:translateY(-4px)scale(1.04);box-shadow:0 12px 30px #0000006b}.workspace-element-number{color:#a1a1aa;font-size:var(--cl-text-caption);font-weight:700;position:absolute;top:7px;left:8px}.workspace-element-symbol{color:#fafafa;font-size:25px;font-weight:780;line-height:1}.workspace-element-name{color:#a1a1aa;max-width:100%;font-size:var(--cl-text-caption);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;line-height:1.2;overflow:hidden}.workspace-element-mass{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:4px}.workspace-element-extra,.workspace-element-phase{display:none}.series-card{cursor:pointer}.series-symbol{font-size:var(--cl-text-body);line-height:1.15}.series-open{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);position:absolute;bottom:5px;right:7px}.periodic-workspace[data-card-preset=minimal] .workspace-element-name,.periodic-workspace[data-card-preset=minimal] .workspace-element-mass,.periodic-workspace[data-card-preset=minimal] .workspace-element-extra,.periodic-workspace[data-card-preset=minimal] .workspace-element-phase{display:none}.periodic-workspace[data-card-preset=classic] .workspace-element-name,.periodic-workspace[data-card-preset=classic] .workspace-element-mass{display:block}.periodic-workspace[data-card-preset=classic] .workspace-element-extra,.periodic-workspace[data-card-preset=classic] .workspace-element-phase{display:none}.periodic-workspace[data-card-preset=detailed] .workspace-element-card{justify-content:flex-start;padding-top:26px}.periodic-workspace[data-card-preset=detailed] .workspace-element-symbol{font-size:24px}.periodic-workspace[data-card-preset=detailed] .workspace-element-name{margin-top:5px;display:block}.periodic-workspace[data-card-preset=detailed] .workspace-element-mass{margin-top:3px;display:block}.periodic-workspace[data-card-preset=detailed] .workspace-element-extra{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:5px;display:block}.periodic-workspace[data-card-preset=detailed] .workspace-element-phase{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:3px;display:block}.workspace-element-card.nonmetal,.category-dot.nonmetal{border-color:#0891b2}.category-dot.nonmetal{background:#0891b2}.workspace-element-card.noble-gas,.category-dot.noble-gas{border-color:#9333ea}.category-dot.noble-gas{background:#9333ea}.workspace-element-card.alkali-metal,.category-dot.alkali-metal{border-color:#dc2626}.category-dot.alkali-metal{background:#dc2626}.workspace-element-card.alkaline-earth-metal,.category-dot.alkaline-earth-metal{border-color:#ea580c}.category-dot.alkaline-earth-metal{background:#ea580c}.workspace-element-card.transition-metal,.category-dot.transition-metal{border-color:#ca8a04}.category-dot.transition-metal{background:#ca8a04}.workspace-element-card.post-transition-metal,.category-dot.post-transition-metal{border-color:#65a30d}.category-dot.post-transition-metal{background:#65a30d}.workspace-element-card.metalloid,.category-dot.metalloid{border-color:#059669}.category-dot.metalloid{background:#059669}.workspace-element-card.halogen,.category-dot.halogen{border-color:#2563eb}.category-dot.halogen{background:#2563eb}.workspace-element-card.lanthanide,.category-dot.lanthanide{border-color:#db2777}.category-dot.lanthanide{background:#db2777}.workspace-element-card.actinide,.category-dot.actinide{border-color:#e11d48}.category-dot.actinide{background:#e11d48}.periodic-workspace[data-color-mode=phase] .workspace-element-card.phase-gas{border-color:#06b6d4;box-shadow:inset 0 0 20px #06b6d406}.periodic-workspace[data-color-mode=phase] .workspace-element-card.phase-liquid{border-color:#3b82f6;box-shadow:inset 0 0 20px #3b82f608}.periodic-workspace[data-color-mode=phase] .workspace-element-card.phase-solid{box-shadow:none;border-color:#71717a}.periodic-workspace[data-color-mode=phase] .workspace-element-card.phase-unknown{border-color:#8b5cf6}.periodic-workspace[data-color-mode=block] .workspace-element-card.block-s{border-color:#f43f5e}.periodic-workspace[data-color-mode=block] .workspace-element-card.block-p{border-color:#06b6d4}.periodic-workspace[data-color-mode=block] .workspace-element-card.block-d{border-color:#eab308}.periodic-workspace[data-color-mode=block] .workspace-element-card.block-f{border-color:#ec4899}.workspace-element-card.element-dimmed{opacity:.085;filter:grayscale(.9);pointer-events:none}.workspace-element-card.element-highlighted{opacity:1;transform:translateY(-2px);box-shadow:0 0 18px #a855f759}.fblock-title{color:#a1a1aa;font-size:var(--cl-text-caption);letter-spacing:1.4px;align-items:center;gap:7px;margin:11px 0 7px;font-weight:800;display:flex}.fblock-title small{color:var(--cl-text-secondary);font-size:var(--cl-text-caption)}.actinide-title{margin-top:11px}.workspace-frow{grid-template-columns:repeat(15,1fr);gap:7px;display:grid}.element-drawer{z-index:800;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0d11fb;border-left:1px solid #292a31;width:460px;height:calc(100vh - 66px);transition:transform .23s;position:fixed;top:66px;right:0;overflow-y:auto;transform:translate(102%);box-shadow:-25px 0 70px #00000075}.element-drawer.open{transform:translate(0)}.element-drawer-inner{flex-direction:column;min-height:100%;padding:23px;display:flex}.drawer-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-element-nav{align-items:center;gap:9px;display:flex}.drawer-element-nav span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.4px;font-weight:800}.drawer-element-nav button,.drawer-close{color:#a1a1aa;cursor:pointer;background:#14151a;border:1px solid #303138;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.drawer-element-nav button:hover:not(:disabled),.drawer-close:hover{color:#fff;border-color:#52525b}.drawer-element-nav button:disabled{opacity:.25;cursor:default}.drawer-close{font-size:20px}.drawer-hero{align-items:center;gap:20px;margin-top:25px;display:flex}.drawer-symbol-card{background:#090a0e;border:1px solid #52525b;border-radius:17px;flex-direction:column;flex:0 0 116px;justify-content:center;align-items:center;width:116px;height:126px;display:flex;position:relative}.drawer-symbol-card.nonmetal{border-color:#0891b2}.drawer-symbol-card.noble-gas{border-color:#9333ea}.drawer-symbol-card.alkali-metal{border-color:#dc2626}.drawer-symbol-card.alkaline-earth-metal{border-color:#ea580c}.drawer-symbol-card.transition-metal{border-color:#ca8a04}.drawer-symbol-card.post-transition-metal{border-color:#65a30d}.drawer-symbol-card.metalloid{border-color:#059669}.drawer-symbol-card.halogen{border-color:#2563eb}.drawer-symbol-card.lanthanide{border-color:#db2777}.drawer-symbol-card.actinide{border-color:#e11d48}.drawer-symbol-card>span{color:#a1a1aa;font-size:var(--cl-text-small);position:absolute;top:10px;left:11px}.drawer-symbol-card>strong{color:#fff;font-size:49px;line-height:1}.drawer-symbol-card>small{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:7px}.drawer-hero-content{min-width:0}.drawer-hero-content>p{color:var(--cl-accent);font-size:var(--cl-text-caption);text-transform:uppercase;margin:0 0 5px;font-weight:700}.drawer-hero-content h2{color:#fff;margin:0;font-size:30px;line-height:1.1}.drawer-hero-meta{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.drawer-hero-meta span{color:#a1a1aa;font-size:var(--cl-text-caption);background:#101116;border:1px solid #292a30;border-radius:6px;padding:4px 7px}.drawer-tabs{background:#090a0e;border:1px solid #25262c;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:25px;padding:3px;display:grid}.drawer-tabs button{height:35px;color:var(--cl-text-secondary);font-size:var(--cl-text-caption);cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:700}.drawer-tabs button:hover{color:#d4d4d8}.drawer-tabs button.active{color:#fff;background:#1b1c22}.drawer-tab-panel{display:none}.drawer-tab-panel.active{display:block}.drawer-section-first{margin-top:21px!important}.drawer-properties{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:21px;display:grid}.drawer-properties>div{background:#101116;border:1px solid #24252b;border-radius:10px;padding:13px 10px}.drawer-properties span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:.8px;font-weight:700;display:block}.drawer-properties strong{color:#f4f4f5;font-size:var(--cl-text-body);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}.drawer-section-label{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.4px;margin-bottom:9px;font-weight:800}.drawer-electron-config{color:#d8b4fe;font-family:Consolas,Courier New,monospace;font-size:var(--cl-text-small);background:#090a0e;border:1px solid #8b5cf633;border-radius:10px;padding:16px;line-height:1.7}.drawer-electron-config.large{font-size:var(--cl-text-small);padding:19px}.particle-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.particle-row>div{background:#101116;border:1px solid #24252b;border-radius:10px;padding:13px}.particle-row span{color:#a1a1aa;font-size:var(--cl-text-caption);display:block}.particle-row strong{color:#fff;margin-top:5px;font-size:19px;display:block}.shell-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.shell-card{background:#101116;border:1px solid #282930;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:76px;padding:10px;display:flex}.shell-card span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption)}.shell-card strong{color:#c084fc;margin-top:5px;font-size:20px}.shell-card small{color:var(--cl-text-secondary);font-size:var(--cl-text-caption)}.drawer-electron-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.drawer-electron-summary>div{background:#101116;border:1px solid #282930;border-radius:10px;padding:13px}.drawer-electron-summary span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:.8px;font-weight:700;display:block}.drawer-electron-summary strong{color:#fff;margin-top:6px;font-size:20px;display:block}.ion-row{flex-wrap:wrap;gap:9px;display:flex}.ion-chip{color:#c7d2fe;min-width:68px;font-size:var(--cl-text-body);cursor:default;background:#312e8129;border:1px solid #4338ca;border-radius:10px;padding:11px 15px;font-weight:750}.ion-empty{background:#101116;border:1px solid #282930;border-radius:10px;width:100%;padding:18px}.ion-empty strong{color:#d4d4d8;font-size:var(--cl-text-small);display:block}.ion-empty p{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin:6px 0 0;line-height:1.6}.ion-info-box{background:#1e40af0e;border:1px solid #3b82f62e;border-radius:10px;margin-top:17px;padding:14px}.ion-info-box>span{color:#60a5fa;font-size:var(--cl-text-caption);letter-spacing:1px;font-weight:800}.ion-info-box p{color:#a1a1aa;font-size:var(--cl-text-caption);margin:7px 0 0;line-height:1.6}.drawer-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:auto;padding-top:25px;display:grid}.drawer-action{color:#c7d2fe;height:49px;font-size:var(--cl-text-small);cursor:pointer;background:#312e8126;border:1px solid #3730a3;border-radius:10px;font-weight:700}.drawer-action.primary{color:#fff;background:linear-gradient(135deg,#6d28d9,#7c3aed);border-color:#7c3aed}.drawer-action:hover{filter:brightness(1.14)}.drawer-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:100px 45px;display:flex}.drawer-empty-icon{background:#7e22ce17;border:1px solid #a855f738;border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;font-size:31px;display:flex}.drawer-empty h3{color:#d4d4d8;font-size:var(--cl-text-body);margin:19px 0 8px}.drawer-empty p{max-width:270px;color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0;line-height:1.7}.drawer-empty-hints{flex-direction:column;gap:6px;margin-top:18px;display:flex}.drawer-empty-hints span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption)}.workspace-view .chem-tools-section{max-width:1320px!important;min-height:auto!important;margin:0 auto!important;padding-top:30px!important;padding-left:34px!important;padding-right:34px!important}.workspace-view .chem-learning-v2{max-width:1250px!important;padding-top:55px!important;padding-bottom:80px!important}.workspace-view .virtual-lab-v3{max-width:1380px!important;padding-top:55px!important;padding-bottom:80px!important}@media (width<=1500px){.workspace-periodic-table{grid-template-rows:repeat(7,86px);gap:6px;min-width:1280px}.workspace-element-symbol{font-size:23px}.workspace-fblock{width:1030px}.workspace-frow .workspace-element-card{height:78px}.periodic-workspace[data-card-preset=detailed] .workspace-periodic-table{grid-template-rows:repeat(7,101px)}}@media (width>=761px) and (width<=1000px){.workspace-app{grid-template-columns:72px minmax(0,1fr)}.workspace-topbar{grid-template-columns:200px 1fr auto}.workspace-version{display:none}.sidebar-button{width:52px}.periodic-controls{flex-direction:column;align-items:stretch}.periodic-search{width:100%}.periodic-display-toolbar{flex-wrap:wrap;align-items:flex-start}.periodic-reset-view{margin-left:0}.element-drawer{width:410px}}.pv5{gap:14px;width:100%;display:grid}.pv5-head{background:radial-gradient(circle at 85% 0,#7c3aed14,#0000 33%),linear-gradient(145deg,#11151ff0,#0c0f17f5);border:1px solid #ffffff12;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:17px 20px;display:flex;box-shadow:0 15px 45px #00000024}.pv5-eyebrow{color:#9183b6;letter-spacing:.11em;font-size:10px;font-weight:850}.pv5-head h1{color:#f7f7fa;letter-spacing:-.04em;margin:5px 0 4px;font-size:30px;line-height:1.1}.pv5-head p{color:#7c879c;margin:0;font-size:13px;line-height:1.55}.pv5-head-stats{flex:none;gap:8px;display:flex}.pv5-head-stats>div{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:83px;min-height:67px;padding:9px 11px;display:flex}.pv5-head-stats strong{color:#f0eef7;font-size:19px}.pv5-head-stats span{color:#687287;margin-top:2px;font-size:9px}.pv5-toolbar{grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;display:grid}.pv5-search{background:#0f121bc7;border:1px solid #ffffff13;border-radius:12px;align-items:center;gap:9px;min-height:48px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.pv5-search:focus-within{border-color:#9b7cff6b;box-shadow:0 0 0 4px #7c3aed11}.pv5-search svg{color:#6d627f;flex:none;width:17px;height:17px}.pv5-search input{color:#e8e9ef;width:100%;min-width:0;min-height:45px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important;font-size:13px!important}.pv5-search input::placeholder{color:#596378}.pv5-search kbd{color:#626c80;background:#ffffff05;border:1px solid #ffffff12;border-radius:6px;padding:3px 7px;font-size:9px}.pv5-segmented{background:#0f121bb8;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex}.pv5-segmented button{color:#6e788e;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:38px;padding:0 11px;font-size:11px;font-weight:700}.pv5-segmented button:hover{color:#c2c7d2}.pv5-segmented button.active{color:#dcd4f7;background:#7c3aed1c;box-shadow:inset 0 0 0 1px #9b7cff26}.pv5-category-filter{flex-wrap:wrap;gap:6px;display:flex}.pv5-filter-chip{--chip-color:#a78bfa;color:#768097;cursor:pointer;background:#ffffff03;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 9px;transition:border-color .17s,background .17s,color .17s;display:inline-flex}.pv5-filter-chip i{background:var(--chip-color);opacity:.55;border-radius:50%;width:6px;height:6px}.pv5-filter-chip span{font-size:10px;font-weight:650}.pv5-filter-chip b{color:#566176;background:#ffffff06;border-radius:5px;padding:2px 5px;font-size:8px}.pv5-filter-chip:hover{border-color:color-mix(in srgb, var(--chip-color) 22%, #ffffff14);color:#b4bac8}.pv5-filter-chip.active{border-color:color-mix(in srgb, var(--chip-color) 36%, transparent);background:color-mix(in srgb, var(--chip-color) 7%, transparent);color:#f2f2f6}.pv5-filter-chip.active i{opacity:1;box-shadow:0 0 8px color-mix(in srgb, var(--chip-color) 60%, transparent)}.pv5-result-bar{color:#596378;align-items:center;gap:8px;min-height:35px;display:flex}.pv5-result-bar>span{letter-spacing:.08em;font-size:9px;font-weight:850}.pv5-result-bar strong{color:#8993a8;font-size:10px}.pv5-result-bar button{color:#636d82;cursor:pointer;background:0 0;border:1px solid #ffffff0e;border-radius:7px;min-height:31px;margin-left:auto;padding:0 8px;font-size:9px}.pv5-result-bar button:hover{color:#c2c7d2;border-color:#ffffff1f}.pv5-table-shell{background:radial-gradient(circle at 50% 0,#7c3aed09,#0000 34%),#0a0c128a;border:1px solid #ffffff0e;border-radius:18px;width:100%;overflow:auto hidden;box-shadow:inset 0 1px #ffffff05}.pv5-main-table{grid-template-rows:20px repeat(7,78px);grid-template-columns:25px repeat(18,minmax(54px,1fr));gap:5px;min-width:1180px;padding:12px 14px 14px;display:grid}.pv5-group-label,.pv5-period-label{color:#475166;place-items:center;font-size:8px;font-weight:750;display:grid}.pv5-element{color:#fff;cursor:pointer;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:6px 5px;display:flex;position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--element-accent) 12%, #ffffff0e)!important;background:linear-gradient(145deg, color-mix(in srgb, var(--element-accent) 4%, #121620), #0e1119)!important;border-radius:10px!important;transition:transform .18s cubic-bezier(.22,.8,.28,1),border-color .18s,box-shadow .18s!important}.pv5-element:before{content:"";z-index:1;background:var(--element-accent);opacity:.48;height:2px;position:absolute;inset:auto 0 0}.pv5-element-glow{z-index:-1;background:var(--element-accent);opacity:.025;filter:blur(8px);border-radius:50%;width:55px;height:55px;position:absolute;top:-28px;right:-29px}.pv5-element:hover{z-index:10;transform:translateY(-3px)scale(1.025);border-color:color-mix(in srgb, var(--element-accent) 42%, transparent)!important;box-shadow:0 13px 26px #0000004d, 0 0 18px color-mix(in srgb, var(--element-accent) 7%, transparent)!important}.pv5-element-number{color:#5e687d;font-size:7px;position:absolute;top:5px;left:6px}.pv5-element-symbol{color:#f0f1f5;letter-spacing:-.035em;margin-top:3px;font-size:20px;line-height:1}.pv5-element-name{color:#8f98ab;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:4px;font-size:7px;overflow:hidden}.pv5-element-mass{color:#525c70;margin-top:2px;font-size:6px}.pv5-element[hidden]{display:none!important}.pv5-table-shell.compact .pv5-element-name,.pv5-table-shell.compact .pv5-element-mass{display:none}.pv5-series-card{color:#fff;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:6px;transition:transform .18s,border-color .18s,background .18s;display:flex;border:1px dashed color-mix(in srgb, var(--element-accent) 32%, transparent)!important;background:color-mix(in srgb, var(--element-accent) 5%, transparent)!important}.pv5-series-card span{color:var(--element-accent);font-size:7px;font-weight:750}.pv5-series-card strong{color:#eeeef3;margin-top:3px;font-size:14px}.pv5-series-card b{color:var(--element-accent);opacity:.8;margin-top:2px;font-size:10px;font-weight:600}.pv5-series-card:hover{transform:translateY(-2px);background:color-mix(in srgb, var(--element-accent) 9%, transparent)!important;border-style:solid!important}.pv5-fblock-divider{color:#4c566b;letter-spacing:.09em;align-items:center;gap:10px;min-width:1180px;padding:3px 14px;font-size:8px;font-weight:850;display:flex}.pv5-fblock-divider i{background:#ffffff0b;flex:1;height:1px}.pv5-f-table{gap:6px;min-width:1180px;padding:6px 14px 15px;display:grid}.pv5-f-row{border-radius:12px;grid-template-columns:105px minmax(0,1fr);gap:8px;transition:background .22s,box-shadow .22s;display:grid}.pv5-f-row.pv5-series-focus{background:#7c3aed11;box-shadow:0 0 0 1px #a78bfa33,0 0 25px #7c3aed14}.pv5-f-label{background:#ffffff03;border:1px solid #ffffff0a;border-radius:9px;flex-direction:column;justify-content:center;padding:8px;display:flex}.pv5-f-label span{color:#5d677c;font-size:8px}.pv5-f-label strong{color:#9aa3b6;margin-top:3px;font-size:10px}.pv5-f-elements{grid-template-columns:repeat(15,minmax(54px,1fr));gap:5px;display:grid}.pv5-legend{background:#ffffff03;border:1px solid #ffffff0d;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px;display:flex}.pv5-legend>div:first-child>span{color:#4e586c;font-size:8px;font-weight:850;display:block}.pv5-legend>div:first-child strong{color:#717b90;margin-top:2px;font-size:9px;display:block}.pv5-legend>div:first-child b{color:#a096bb}.pv5-legend-items{flex-wrap:wrap;justify-content:flex-end;gap:5px 11px;display:flex}.pv5-legend-items span{color:#687287;align-items:center;gap:5px;font-size:8px;display:inline-flex}.pv5-legend-items i{border-radius:50%;width:6px;height:6px}.element-drawer{-webkit-backdrop-filter:blur(25px)saturate(120%);backdrop-filter:blur(25px)saturate(120%);isolation:isolate;z-index:5001!important;pointer-events:auto!important;background:#0a0c13fb!important;border-left:1px solid #ffffff14!important;width:min(590px,96vw)!important;height:100vh!important;max-height:100vh!important;padding:0!important;position:fixed!important;inset:0 0 0 auto!important;overflow:hidden auto!important;box-shadow:-30px 0 80px #00000075!important}.element-drawer.open{z-index:5001!important;pointer-events:auto!important}.element-drawer *,.ew5,.ew5 *{pointer-events:auto}#element-drawer-backdrop,.ew5-backdrop{cursor:default;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);appearance:none;display:block;z-index:5000!important;pointer-events:auto!important;background:#02040885!important;border:0!important;border-radius:0!important;outline:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}#element-drawer-backdrop[hidden],.ew5-backdrop[hidden]{display:none!important}.ew5{z-index:2;color:#f3f4f8;min-height:100%;padding:0 20px 18px;position:relative}.ew5-top{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0c13f5;border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:15px;min-height:65px;margin:0 -20px;padding:0 18px;display:flex;position:sticky;top:0}.ew5-top>div{align-items:center;gap:8px;display:flex}.ew5-top span{color:var(--element-accent);letter-spacing:.11em;font-size:9px;font-weight:850}.ew5-top strong{color:#596378;background:#ffffff06;border-radius:5px;padding:3px 6px;font-size:8px}.ew5-close{color:#8d96a9;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.ew5-close:hover{color:#fff;border-color:#ffffff24}.ew5-hero{border:1px solid color-mix(in srgb, var(--element-accent) 18%, #ffffff0d);background:radial-gradient(circle at 7% 50%, color-mix(in srgb, var(--element-accent) 10%, transparent), transparent 34%), linear-gradient(145deg, #131720, #0f121a);border-radius:16px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:17px;margin-top:18px;padding:16px;display:grid;position:relative;overflow:hidden}.ew5-symbol{border:1px solid color-mix(in srgb, var(--element-accent) 30%, transparent);background:color-mix(in srgb, var(--element-accent) 5%, #11151e);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:108px;height:114px;padding:9px;display:flex;position:relative}.ew5-symbol>span{color:#69738a;font-size:9px;position:absolute;top:7px;left:9px}.ew5-symbol>strong{color:#fff;font-size:38px;line-height:1}.ew5-symbol>small{color:#727c90;margin-top:7px;font-size:9px}.ew5-hero-copy{min-width:0}.ew5-category{--category-color:#a78bfa;color:color-mix(in srgb, var(--category-color) 70%, white);align-items:center;gap:6px;font-size:9px;font-weight:750;display:inline-flex}.ew5-category i{background:var(--category-color);border-radius:50%;width:6px;height:6px}.ew5-hero h2{overflow-wrap:anywhere;color:#f7f7fa;margin:7px 0 5px;font-size:29px;line-height:1.1}.ew5-hero p{color:#707b91;margin:0;font-size:10px;line-height:1.5}.ew5-hero p strong{color:#aab1c0}.ew5-tabs{background:#ffffff03;border:1px solid #ffffff0f;border-radius:11px;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin-top:12px;padding:4px;display:grid!important}.ew5-tabs button{color:#677187;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;min-height:39px;padding:0 4px;font-size:9px;font-weight:700}.ew5-tabs button:hover{color:#b5bac6}.ew5-tabs button.active{background:color-mix(in srgb, var(--element-accent) 9%, transparent);color:color-mix(in srgb, var(--element-accent) 55%, white)}.ew5-section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:11px;display:flex}.ew5-section-head>div>span{color:var(--element-accent);letter-spacing:.1em;font-size:8px;font-weight:850}.ew5-section-head h3{color:#eeeef2;margin:4px 0 0;font-size:17px}.ew5-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.ew5-stat-grid>div{background:#ffffff04;border:1px solid #ffffff0e;border-radius:10px;flex-direction:column;justify-content:center;min-width:0;min-height:77px;padding:10px;display:flex}.ew5-stat-grid span{color:#687287;font-size:8px}.ew5-stat-grid strong{overflow-wrap:anywhere;color:#e6e8ee;margin-top:5px;font-size:13px}.ew5-property-list,.ew5-electron-facts{border:1px solid #ffffff0e;border-radius:11px;margin-top:10px;overflow:hidden}.ew5-property-list>div,.ew5-electron-facts>div{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:14px;min-height:45px;padding:0 11px;display:flex}.ew5-property-list>div:last-child,.ew5-electron-facts>div:last-child{border-bottom:0}.ew5-property-list span,.ew5-electron-facts span{color:#687287;font-size:9px}.ew5-property-list strong,.ew5-electron-facts strong{color:#c8ccd6;text-align:right;overflow-wrap:anywhere;max-width:60%;font-size:10px}.ew5-electron-config{background:#10131c;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;justify-content:center;min-height:92px;padding:13px;display:flex}.ew5-electron-config span{color:#69738a;font-size:8px}.ew5-electron-config strong{color:#ded8ee;overflow-wrap:anywhere;margin-top:7px;font-family:Consolas,monospace;font-size:13px;line-height:1.65}.ew5-shells{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;margin-top:9px;display:grid}.ew5-shells>div{background:#ffffff03;border:1px solid #ffffff0d;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:8px;display:flex}.ew5-shells span{color:#646f84;font-size:7px}.ew5-shells strong{color:#fff;font-size:19px}.ew5-shells small{color:#555f74;font-size:7px}.ew5-ion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ew5-ion-card{background:#10131c;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:12px;display:flex}.ew5-ion-card strong{color:#f5f5f8;font-family:Consolas,monospace;font-size:24px}.ew5-ion-card span{color:#818a9f;margin-top:6px;font-size:9px}.ew5-ion-card small{color:var(--element-accent);margin-top:3px;font-size:8px}.ew5-subsection>span{color:#69738a;font-size:8px;font-weight:850}.ew5-oxidation-list{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.ew5-oxidation-list b{color:#cbc6dc;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;place-items:center;min-width:39px;min-height:35px;padding:0 7px;font-size:10px;display:grid}.ew5-empty{text-align:center;border:1px dashed #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:20px;display:flex}.ew5-empty.large{min-height:260px}.ew5-empty strong{color:#d1d5de;font-size:12px}.ew5-empty p{color:#687287;max-width:370px;margin:6px 0 0;font-size:9px;line-height:1.6}.ew5-isotope-list{gap:7px;display:grid}.ew5-isotope-card{background:#ffffff03;border:1px solid #ffffff0e;border-radius:10px;grid-template-columns:60px minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;min-height:78px;padding:10px;display:grid}.ew5-isotope-card>strong{color:#f2f2f5;font-size:17px}.ew5-isotope-card>div span{color:#5e687d;font-size:7px;display:block}.ew5-isotope-card>div b{color:#9ea6b7;font-size:9px}.ew5-isotope-card>small{border-radius:6px;padding:4px 6px;font-size:7px;font-weight:700}.ew5-isotope-card>small.stable{color:#86efac;background:#22c55e12}.ew5-isotope-card>small.radioactive{color:#fcd34d;background:#f59e0b12}.ew5-3d-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ew5-3d-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#151923,#0e1119);border:1px solid #fff1;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;min-height:225px;padding:15px;transition:transform .2s,border-color .2s;display:flex}.ew5-3d-card:hover{border-color:#a78bfa47;transform:translateY(-3px)}.ew5-3d-icon{width:59px;height:59px;color:var(--element-accent);border:1px solid #a78bfa33;border-radius:50%;place-items:center;margin-bottom:auto;font-size:25px;display:grid}.ew5-3d-card>span{color:var(--element-accent);font-size:7px;font-weight:850}.ew5-3d-card>strong{color:#f0f1f4;margin-top:5px;font-size:14px}.ew5-3d-card p{color:#747e92;margin:5px 0 8px;font-size:9px;line-height:1.5}.ew5-3d-card>i{color:#8d96aa;font-size:9px;font-style:normal}.ew5-note{background:#7c3aed06;border:1px solid #9b7cff17;border-radius:9px;gap:8px;margin-top:12px;padding:11px;display:flex}.ew5-note>span{color:#998cb5}.ew5-note p{color:#687287;margin:0;font-size:9px;line-height:1.55}.ew5-section-head.compare{align-items:center}.ew5-section-head.compare label{flex-direction:column;gap:3px;display:flex}.ew5-section-head.compare label span{color:#606a7f;font-size:7px}.ew5-section-head.compare select{color:#c5cad4;background:#11151e;border:1px solid #ffffff12;border-radius:8px;min-width:170px;min-height:38px;padding:0 9px;font-size:9px}.ew5-compare-head{border:1px solid #ffffff0e;border-radius:11px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:92px;padding:12px;display:grid}.ew5-compare-head>div{flex-direction:column;align-items:center;display:flex}.ew5-compare-head strong{color:#fff;font-size:25px}.ew5-compare-head span{color:#737d91;font-size:8px}.ew5-compare-head>b{color:#504a5e;font-size:9px}.ew5-compare-table{border:1px solid #ffffff0e;border-radius:11px;margin-top:8px;overflow:hidden}.ew5-compare-table>div{border-bottom:1px solid #ffffff0b;grid-template-columns:1fr .8fr .8fr;align-items:center;gap:8px;min-height:43px;padding:0 10px;display:grid}.ew5-compare-table>div:last-child{border-bottom:0}.ew5-compare-table span{color:#69738a;font-size:8px}.ew5-compare-table strong{color:#c4c8d2;text-align:center;font-size:9px}.ew5-bottom{border-top:1px solid #ffffff0e;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:58px;margin-top:10px;padding-top:10px;display:grid}.ew5-bottom button{color:#7c8599;cursor:pointer;background:#ffffff04;border:1px solid #ffffff0e;border-radius:8px;min-height:39px;padding:0 9px;font-size:8px}.ew5-bottom button:hover:not(:disabled){color:#c9ccd4;border-color:#a78bfa33}.ew5-bottom button:disabled{opacity:.25;cursor:not-allowed}.ew5-bottom>span{color:#525c70;font-size:8px}@media (width<=1100px){.pv5-toolbar{grid-template-columns:1fr auto}.pv5-toolbar>.pv5-segmented:last-child{grid-column:1/-1}.pv5-head-stats{display:none}}@media (width<=700px){.pv5-head{min-height:auto;padding:15px}.pv5-head h1{font-size:25px}.pv5-toolbar{grid-template-columns:1fr}.pv5-toolbar>.pv5-segmented,.pv5-toolbar>.pv5-segmented:last-child{grid-column:auto;width:100%}.pv5-segmented button{flex:1}.pv5-category-filter{flex-wrap:nowrap;overflow-x:auto}.pv5-filter-chip{flex:none}.pv5-legend{flex-direction:column;align-items:flex-start}.pv5-legend-items{justify-content:flex-start}.element-drawer{width:100vw!important;max-width:none!important}.ew5{padding:0 14px 16px}.ew5-top{margin:0 -14px;padding:0 14px}.ew5-hero{grid-template-columns:92px minmax(0,1fr);gap:12px}.ew5-symbol{width:90px;height:96px}.ew5-symbol>strong{font-size:31px}.ew5-hero h2{font-size:23px}.ew5-tabs{grid-template-columns:repeat(3,1fr)}.ew5-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ew5-3d-grid{grid-template-columns:1fr}.ew5-isotope-card{grid-template-columns:50px 1fr auto}.ew5-isotope-card>div:nth-child(3){display:none}.ew5-section-head.compare{flex-direction:column;align-items:flex-start}.ew5-section-head.compare label,.ew5-section-head.compare select{width:100%}}@media (prefers-reduced-motion:reduce){.pv5-element,.pv5-series-card,.ew5-3d-card,.pv5-f-row{transition:none!important}}.pv5-eyebrow{letter-spacing:.1em!important;font-size:12px!important}.pv5-head{min-height:132px!important;padding:22px 24px!important}.pv5-head h1{margin-top:7px!important;font-size:38px!important;line-height:1.08!important}.pv5-head p{margin-top:6px!important;font-size:15px!important;line-height:1.55!important}.pv5-head-stats>div{min-width:96px!important;min-height:78px!important}.pv5-head-stats strong{font-size:24px!important}.pv5-head-stats span{font-size:11px!important}.pv5-search{min-height:54px!important;padding:0 15px!important}.pv5-search svg{width:19px!important;height:19px!important}.pv5-search input{min-height:51px!important;font-size:15px!important}.pv5-search kbd{padding:4px 8px!important;font-size:11px!important}.pv5-segmented button{min-height:44px!important;padding:0 14px!important;font-size:12px!important}.pv5-filter-chip{gap:7px!important;min-height:43px!important;padding:0 11px!important}.pv5-filter-chip i{width:7px!important;height:7px!important}.pv5-result-bar{min-height:44px!important}.pv5-result-bar button{min-height:38px!important;padding:0 11px!important;font-size:11px!important}.pv5-main-table{grid-template-rows:27px repeat(7,94px)!important;grid-template-columns:31px repeat(18,minmax(66px,1fr))!important;gap:6px!important;min-width:1420px!important;padding:16px 18px 18px!important}.pv5-group-label,.pv5-period-label{font-size:10px!important}.pv5-element{border-radius:12px!important;padding:9px 6px!important}.pv5-element-number{font-size:9px!important;font-weight:650!important;top:7px!important;left:8px!important}.pv5-element-symbol{letter-spacing:-.025em!important;margin-top:5px!important;font-size:26px!important;font-weight:750!important}.pv5-element-name{margin-top:6px!important;font-size:9px!important;font-weight:600!important;line-height:1.3!important}.pv5-element-mass{margin-top:3px!important;font-size:8px!important;line-height:1.2!important}.pv5-table-shell.compact .pv5-element-symbol{font-size:23px!important}.pv5-series-card small{margin-top:3px!important;font-size:9px!important}.pv5-fblock-divider,.pv5-f-table{min-width:1420px!important}.pv5-fblock-divider{padding:7px 18px!important;font-size:10px!important}.pv5-f-row{grid-template-columns:125px minmax(0,1fr)!important;gap:10px!important}.pv5-f-label span{font-size:10px!important}.pv5-f-label strong{font-size:12px!important}.pv5-f-elements{grid-template-columns:repeat(15,minmax(70px,1fr))!important;gap:6px!important}.pv5-legend{padding:14px 16px!important}.pv5-legend>div:first-child strong{margin-top:4px!important;font-size:11px!important}.pv5-legend-items{gap:8px 15px!important}.pv5-legend-items span{gap:6px!important;font-size:10px!important}.pv5-legend-items i{width:7px!important;height:7px!important}.element-drawer{width:min(650px,96vw)!important}.ew5{padding:0 24px 22px!important}.ew5-top{min-height:72px!important;margin:0 -24px!important;padding:0 22px!important}.ew5-top span{font-size:11px!important}.ew5-top strong{font-size:10px!important}.ew5-close{width:44px!important;height:44px!important;font-size:22px!important}.ew5-hero{grid-template-columns:128px minmax(0,1fr)!important;gap:20px!important;margin-top:20px!important;padding:19px!important}.ew5-symbol{width:124px!important;height:130px!important}.ew5-symbol>span{font-size:11px!important;top:10px!important;left:11px!important}.ew5-symbol>strong{font-size:45px!important}.ew5-symbol>small{margin-top:9px!important;font-size:11px!important}.ew5-category{font-size:11px!important}.ew5-category i{width:7px!important;height:7px!important}.ew5-hero h2{margin:8px 0 7px!important;font-size:34px!important}.ew5-hero p{font-size:12px!important}.ew5-tabs{margin-top:14px!important;padding:5px!important}.ew5-tabs button{min-height:45px!important;font-size:11px!important}.ew5-content{min-height:470px!important;padding-top:21px!important}.ew5-section-head>div>span{font-size:10px!important}.ew5-section-head h3{margin-top:6px!important;font-size:22px!important}.ew5-stat-grid{gap:9px!important}.ew5-stat-grid>div{min-height:91px!important;padding:13px!important}.ew5-stat-grid span{font-size:10px!important}.ew5-stat-grid strong{margin-top:7px!important;font-size:16px!important}.ew5-property-list>div,.ew5-electron-facts>div{min-height:54px!important;padding:0 14px!important}.ew5-property-list span,.ew5-electron-facts span{font-size:11px!important}.ew5-property-list strong,.ew5-electron-facts strong{font-size:12px!important}.ew5-electron-config{min-height:110px!important;padding:16px!important}.ew5-electron-config span{font-size:10px!important}.ew5-electron-config strong{margin-top:9px!important;font-size:15px!important;line-height:1.7!important}.ew5-shells{gap:8px!important;margin-top:11px!important}.ew5-shells>div{min-height:87px!important}.ew5-shells span{font-size:9px!important}.ew5-shells strong{margin-top:3px!important;font-size:23px!important}.ew5-shells small{font-size:9px!important}.ew5-ion-grid{gap:10px!important}.ew5-ion-card{min-height:130px!important;padding:15px!important}.ew5-ion-card strong{font-size:29px!important}.ew5-ion-card span{margin-top:8px!important;font-size:11px!important}.ew5-ion-card small{margin-top:4px!important;font-size:10px!important}.ew5-subsection{margin-top:21px!important}.ew5-subsection>span{font-size:10px!important}.ew5-oxidation-list{gap:8px!important;margin-top:9px!important}.ew5-oxidation-list b{min-width:47px!important;min-height:41px!important;font-size:12px!important}.ew5-isotope-list{gap:9px!important}.ew5-isotope-card{grid-template-columns:72px minmax(0,.75fr) minmax(0,1.3fr) auto!important;min-height:94px!important;padding:13px!important}.ew5-isotope-card>strong{font-size:21px!important}.ew5-isotope-card>div span{font-size:9px!important}.ew5-isotope-card>div b{margin-top:4px!important;font-size:11px!important}.ew5-isotope-card>small{padding:6px 8px!important;font-size:9px!important}.ew5-isotope-card>small.reference{color:#93c5fd;background:#60a5fa14}.ew5-isotope-card>small.natural{color:#86efac;background:#22c55e14}.ew5-empty{min-height:180px!important}.ew5-empty strong{font-size:14px!important}.ew5-empty p{margin-top:7px!important;font-size:11px!important;line-height:1.6!important}.ew5-note{margin-top:15px!important;padding:14px!important}.ew5-note>span{font-size:14px!important}.ew5-note p{font-size:11px!important;line-height:1.6!important}.ew5-3d-grid{gap:10px!important}.ew5-3d-card{min-height:245px!important;padding:18px!important}.ew5-3d-icon{width:65px!important;height:65px!important;font-size:28px!important}.ew5-3d-card>span{font-size:9px!important}.ew5-3d-card>strong{margin-top:7px!important;font-size:17px!important}.ew5-3d-card p{margin:7px 0 11px!important;font-size:11px!important;line-height:1.55!important}.ew5-3d-card>i{font-size:11px!important}.ew5-section-head.compare label span{font-size:9px!important}.ew5-section-head.compare select{min-height:43px!important;font-size:11px!important}.ew5-compare-head{min-height:110px!important}.ew5-compare-head strong{font-size:30px!important}.ew5-compare-head span{margin-top:5px!important;font-size:10px!important}.ew5-compare-table>div{min-height:51px!important}.ew5-compare-table span{font-size:10px!important}.ew5-compare-table strong{font-size:11px!important}.ew5-bottom{min-height:70px!important;margin-top:14px!important;padding-top:13px!important}.ew5-bottom button{min-height:47px!important;padding:0 12px!important;font-size:10px!important}.ew5-bottom>span{font-size:10px!important}@media (width<=700px){.pv5-head h1{font-size:30px!important}.pv5-main-table{min-width:1340px!important}.element-drawer{width:100vw!important}.ew5{padding:0 16px 20px!important}.ew5-top{margin:0 -16px!important;padding:0 16px!important}.ew5-hero{grid-template-columns:103px minmax(0,1fr)!important}.ew5-symbol{width:100px!important;height:108px!important}.ew5-symbol>strong{font-size:36px!important}.ew5-hero h2{font-size:27px!important}.ew5-tabs{grid-template-columns:repeat(3,1fr)!important}.ew5-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ew5-isotope-card{grid-template-columns:65px 1fr auto!important}.ew5-isotope-card>div:nth-child(3){display:none}}.element-drawer:not(.open){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(104%)!important}.element-drawer:not(.open) *,.element-drawer:not(.open) .ew5,.element-drawer:not(.open) .ew5 *{visibility:hidden!important;pointer-events:none!important}.element-drawer.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:5001!important;transform:translate(0)!important}.element-drawer.open .ew5{visibility:visible!important;pointer-events:auto!important}.element-drawer.open button,.element-drawer.open input,.element-drawer.open select,.element-drawer.open textarea,.element-drawer.open a,.element-drawer.open [role=button]{pointer-events:auto!important}#element-drawer-backdrop,.ew5-backdrop{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(.element-drawer.open) #element-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:5000!important;background:#02040885!important;border:0!important;border-radius:0!important;display:block!important;position:fixed!important;inset:0!important}body:has(.element-drawer.open) .ew5-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:5000!important;background:#02040885!important;border:0!important;border-radius:0!important;display:block!important;position:fixed!important;inset:0!important}.workspace-app:has(.element-drawer.open) #element-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:5000!important;background:#02040885!important;border:0!important;border-radius:0!important;display:block!important;position:fixed!important;inset:0!important}.workspace-app:has(.element-drawer.open) .ew5-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:5000!important;background:#02040885!important;border:0!important;border-radius:0!important;display:block!important;position:fixed!important;inset:0!important}#element-drawer-backdrop[hidden],.ew5-backdrop[hidden]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.pv5:before,.pv5:after,.pv5-head:before,.pv5-head:after,.pv5-table-shell:before,.pv5-table-shell:after,.pv5-element-glow{pointer-events:none!important}.pv5{isolation:isolate;position:relative}.pv5-main-table{grid-template-rows:30px repeat(7,104px)!important}.pv5-group-label,.pv5-period-label{color:#798398!important;font-size:12px!important;font-weight:750!important;line-height:1!important}.pv5-element{-webkit-user-select:none;user-select:none;min-width:0;position:relative;cursor:pointer!important;pointer-events:auto!important}.pv5-element-number{font-variant-numeric:tabular-nums;color:#8993a7!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;top:8px!important;left:9px!important}.pv5-element-symbol{color:#f5f6f9!important;letter-spacing:-.025em!important;margin-top:8px!important;font-size:28px!important;font-weight:780!important;line-height:1!important}.pv5-element-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;color:#b0b7c5!important;margin-top:7px!important;font-size:10.5px!important;font-weight:580!important;line-height:1.28!important}.pv5-element-mass{font-variant-numeric:tabular-nums;color:#80899c!important;margin-top:4px!important;font-size:9.5px!important;font-weight:550!important;line-height:1.2!important}.pv5-element:hover{z-index:8!important;transform:translateY(-3px)scale(1.025)!important}.pv5-element:focus-visible{z-index:9;outline-offset:2px;outline:2px solid color-mix(in srgb, var(--element-accent) 72%, white)!important}.pv5-table-shell.compact .pv5-main-table{grid-template-rows:30px repeat(7,80px)!important}.pv5-table-shell.compact .pv5-element-symbol{margin-top:5px!important;font-size:25px!important}.pv5-table-shell.compact .pv5-element-name{margin-top:4px!important;font-size:9.5px!important;display:block!important}.pv5-table-shell.compact .pv5-element-mass{display:none!important}.pv5-f-elements .pv5-element{min-height:100px!important}.pv5-f-label{padding:12px!important}.pv5-f-label span{color:#7d879a!important;font-size:11px!important;font-weight:650!important}.pv5-f-label strong{color:#c5cad4!important;margin-top:5px!important;font-size:13px!important;font-weight:700!important}.pv5-series-card{cursor:pointer!important;pointer-events:auto!important}.pv5-series-card span{font-size:10px!important}.pv5-series-card strong{margin-top:5px!important;font-size:18px!important}.pv5-series-card small{color:#9099aa!important;margin-top:4px!important;font-size:10px!important}.pv5-series-card b{margin-top:5px!important;font-size:14px!important}.pv5-search{pointer-events:auto!important}.pv5-search input{z-index:2;position:relative;pointer-events:auto!important;font-size:15px!important}.pv5-toolbar{z-index:3;position:relative}.pv5-segmented{z-index:3;position:relative;pointer-events:auto!important}.pv5-segmented button{z-index:4;position:relative;pointer-events:auto!important;cursor:pointer!important;min-height:46px!important;padding:0 15px!important;font-size:12.5px!important}.pv5-category-filter{z-index:3;position:relative;pointer-events:auto!important}.pv5-filter-chip{z-index:4;position:relative;pointer-events:auto!important;cursor:pointer!important;min-height:44px!important;padding:0 12px!important}.pv5-filter-chip span{font-size:12px!important}.pv5-filter-chip b{font-size:10px!important}.pv5-result-bar{z-index:3;position:relative;min-height:46px!important}.pv5-result-bar>span{font-size:11px!important}.pv5-result-bar strong{font-size:12px!important}.pv5-result-bar button{z-index:4;position:relative;pointer-events:auto!important;cursor:pointer!important;min-height:39px!important;padding:0 12px!important;font-size:11px!important}.pv5-legend{z-index:2;position:relative}.pv5-legend>div:first-child>span{font-size:10.5px!important}.pv5-legend>div:first-child strong{font-size:12px!important}.pv5-legend-items span{color:#858fa1!important;font-size:10.5px!important}.ew5-quick{background:linear-gradient(145deg,#121620db,#0c0f17e0);border:1px solid #fff1;border-radius:13px;margin-top:13px;padding:13px}.ew5-quick-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.ew5-quick-head>div>span{color:#8575aa;letter-spacing:.1em;font-size:10px;font-weight:850;display:block}.ew5-quick-head>div>strong{color:#d1d5df;margin-top:4px;font-size:13px;display:block}.ew5-quick-head>small{color:#838da0;font-size:10.5px}.ew5-quick-head>small b{color:var(--element-accent);font-size:13px}.ew5-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ew5-quick-action{color:#bec3ce;text-align:left;background:#ffffff05;border:1px solid #fff1;border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:66px;padding:10px 11px;transition:border-color .17s,background .17s,transform .17s;display:grid;pointer-events:auto!important;cursor:pointer!important}.ew5-quick-action:hover{border-color:color-mix(in srgb, var(--element-accent) 33%, #ffffff12);background:color-mix(in srgb, var(--element-accent) 6%, transparent);transform:translateY(-2px)}.ew5-quick-action>span{border:1px solid color-mix(in srgb, var(--element-accent) 22%, #ffffff0d);background:color-mix(in srgb, var(--element-accent) 6%, transparent);width:40px;height:40px;color:var(--element-accent);border-radius:9px;place-items:center;font-size:19px;font-weight:700;display:grid}.ew5-quick-action div{min-width:0}.ew5-quick-action div strong{color:#dce0e8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.ew5-quick-action div small{color:#7d8799;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.ew5-quick-action>b{color:#667085;font-size:15px}.element-drawer.open .ew5-tabs button,.element-drawer.open .ew5-close,.element-drawer.open .ew5-bottom button,.element-drawer.open .ew5-3d-card{cursor:pointer;pointer-events:auto!important}.cl5-context-toast{z-index:50000;opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#10131df7;border:1px solid #9b7cff38;border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:285px;max-width:min(410px,100vw - 28px);min-height:70px;padding:11px 14px;transition:opacity .2s,transform .2s;display:grid;position:fixed;bottom:20px;right:20px;transform:translateY(10px);box-shadow:0 20px 60px #0000006b}.cl5-context-toast.show{opacity:1;transform:translateY(0)}.cl5-context-toast>span{color:#c4b5fd;background:#7c3aed1a;border-radius:9px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid}.cl5-context-toast strong{color:#e8e9ee;font-size:12px;display:block}.cl5-context-toast small{color:#8992a5;margin-top:3px;font-size:10.5px;display:block}@media (width<=700px){.pv5-main-table{grid-template-rows:30px repeat(7,97px)!important}.pv5-element-symbol{font-size:25px!important}.pv5-element-name{font-size:10px!important}.pv5-element-mass{font-size:9px!important}.ew5-quick-grid{grid-template-columns:1fr}.cl5-context-toast{max-width:none;bottom:85px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){.pv5-element,.pv5-series-card,.ew5-quick-action,.cl5-context-toast{transition:none!important}}:root{--v4-bg:#07080d;--v4-bg-soft:#0b0d14;--v4-surface:#10131d;--v4-surface-2:#141824;--v4-surface-hover:#191e2c;--v4-border:#ffffff16;--v4-border-hover:#a855f766;--v4-text:#f7f8fc;--v4-text-2:#b7bfd3;--v4-text-3:#707a94;--v4-purple:#9b5cff;--v4-purple-2:#7c3aed;--v4-blue:#4f8cff;--v4-green:#22c55e;--v4-yellow:#f59e0b;--v4-red:#ef4444;--v4-radius-sm:10px;--v4-radius:16px;--v4-radius-lg:22px;--v4-shadow:0 22px 60px #00000047;--v4-glow:0 0 35px #7c3aed21;--v4-fast:.15s;--v4-normal:.26s;--v4-slow:.42s;--v4-ease:cubic-bezier(.22, .8, .25, 1)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--v4-bg)}body{background:radial-gradient(circle at 50% -20%, #7c3aed17, transparent 35%), var(--v4-bg);color:var(--v4-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}button:not(:disabled){transition:transform var(--v4-fast) var(--v4-ease), border-color var(--v4-fast) ease, background var(--v4-normal) ease, color var(--v4-fast) ease, box-shadow var(--v4-normal) ease, filter var(--v4-fast) ease}button:not(:disabled):active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #9b5cfff2}.workspace-app{background:0 0}.workspace-topbar{border-bottom:1px solid var(--v4-border);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#07080dde;min-height:72px;box-shadow:0 8px 32px #0003}.v4-brand{align-items:center;gap:10px;min-width:210px;display:flex}.v4-brand-icon{width:38px;height:38px;font-size:var(--cl-text-lead);background:linear-gradient(145deg,#7c3aed38,#4f46e514);border:1px solid #9b5cff52;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 24px #5a2db424}.v4-brand-name{color:#fff;font-size:var(--cl-text-lead);letter-spacing:-.25px;font-weight:800}.v4-version{color:#cdb7ff;font-size:var(--cl-text-caption);background:#7c3aed14;border:1px solid #9b5cff59;border-radius:7px;padding:4px 7px;font-weight:800}.workspace-title-area strong{color:#f7f8fc;font-size:var(--cl-text-body);font-weight:750}.workspace-title-area span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:3px}.v4-top-button{border:1px solid var(--v4-border);color:#b5bdd0;min-height:42px;font-size:var(--cl-text-small);cursor:pointer;background:#11141ebf;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:650;display:inline-flex}.v4-top-button:hover{color:#fff;background:#171b28;border-color:#9b5cff47;transform:translateY(-1px)}.v4-top-button.primary{color:#eee8ff;background:linear-gradient(135deg,#672dbe73,#4a26874d);border-color:#9b5cff6b;box-shadow:0 6px 22px #662dbe1f}.workspace-sidebar{border-right:1px solid var(--v4-border);background:#08090ef2}.sidebar-button{min-height:72px;color:var(--cl-text-secondary);background:0 0;border:1px solid #0000;border-radius:15px;margin:5px 8px;position:relative}.sidebar-icon{font-size:var(--cl-text-lead)}.sidebar-button>span:last-child{font-size:var(--cl-text-caption);font-weight:700}@keyframes v4ViewEnter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.v4-page-head{width:min(1480px,100%);margin:0 auto;padding:34px 32px 14px}.v4-page-head span{color:#9b5cff;font-size:var(--cl-text-caption);letter-spacing:1.8px;font-weight:800}.v4-page-head h1{color:#fff;letter-spacing:-.8px;margin:8px 0 6px;font-size:clamp(28px,3vw,40px);line-height:1.1}.v4-page-head p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0}#periodic-workspace-root{--v4-card-bg:linear-gradient(155deg, #141722f5, #0a0c13f5)}.periodic-workspace{padding-top:30px}.workspace-element-card{background:var(--v4-card-bg);transition:transform .18s var(--v4-ease), border-color .18s ease, box-shadow .22s ease, opacity .22s ease, filter .22s ease;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff06}.workspace-element-card:not(.element-dimmed):hover{z-index:3;border-color:#9b5cff7a;transform:translateY(-3px)scale(1.025);box-shadow:0 12px 28px #0000004d,0 0 24px #7c3aed14}.workspace-element-card:active{transform:translateY(-1px)scale(.99)}.workspace-element-card .element-symbol{letter-spacing:-.7px}.workspace-element-card .element-name{color:var(--cl-text-secondary)}.element-dimmed{filter:saturate(.25)brightness(.75);opacity:.15!important}.element-highlighted{box-shadow:0 0 0 1px #9b5cff2e,0 0 25px #7c3aed1a;border-color:#9b5cff99!important}.periodic-workspace input,#tools input,#tools select,#tools textarea{color:#f4f6fb;background:#0d0f17f5;border:1px solid #ffffff17;border-radius:12px;transition:border-color .18s,box-shadow .22s,background .18s;box-shadow:inset 0 1px #ffffff06}.periodic-workspace input:hover,#tools input:hover{border-color:#ffffff29}.periodic-workspace input:focus,#tools input:focus{background:#10131c;border-color:#9b5cffb3;box-shadow:0 0 0 4px #7c3aed17}.periodic-workspace button{min-height:36px}.element-drawer{border-left:1px solid var(--v4-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0c13f5;box-shadow:-20px 0 50px #00000059}.element-drawer button{border-radius:11px;min-height:42px}#tools{width:min(1480px,100%);margin:0 auto;padding:12px 32px 70px}#tools>*{animation:v4ContentIn .35s var(--v4-ease) both}@keyframes v4ContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.balance-tool{box-shadow:var(--v4-shadow), inset 0 1px 0 #ffffff08;border:1px solid var(--v4-border)!important;background:linear-gradient(160deg,#0f121bfa,#090a10fa)!important;border-radius:24px!important}.balance-header{border-color:var(--v4-border)!important}.balance-stage{background:radial-gradient(circle at 50% 48%,#222737b8,#0c0e15f5 58%,#090b10)!important}.balance-main-button{min-height:50px;background:linear-gradient(135deg,#7c3aed,#9333ea)!important;border:1px solid #a855f78c!important;box-shadow:0 9px 25px #7c3aed38!important}.balance-main-button:hover{transform:translateY(-2px);box-shadow:0 13px 30px #7c3aed4d!important}.balance-equation-editor .equation-side{border-color:var(--v4-border);background:#11141d}#learning-host{width:min(1400px,100%);margin:0 auto;padding:10px 30px 70px}#learning-host .chem-learning-v2,#learning-host #quiz{border-radius:24px}#learning-host button{border-radius:11px;min-height:44px}#learning-host button:hover:not(:disabled){border-color:#9b5cff6b;transform:translateY(-1px)}.virtual-lab-v2{width:min(1650px,100%);margin:0 auto;padding-top:32px}.virtual-lab-v2 .panel{border-color:var(--v4-border);background:linear-gradient(160deg,#10131dfa,#090b11fa);box-shadow:inset 0 1px #ffffff08,0 18px 45px #0000002e}.virtual-lab-v2 .beaker-body{width:290px!important;height:360px!important}.virtual-lab-v2 .beaker-top{z-index:8;box-shadow:inset 0 2px 4px #ffffff1a,0 0 9px #aacdff14;background:linear-gradient(#ebf4ff33,#aacdf009)!important;border:4px solid #d8e9ffeb!important;border-radius:50%!important;height:20px!important;top:8px!important;left:-2px!important;right:-2px!important}.virtual-lab-v2 .beaker-body:before{border-bottom:5px solid #d8e9ffe0!important;border-left:5px solid #d8e9ffe0!important;border-right:5px solid #d8e9ffe0!important;border-bottom-right-radius:35px!important;border-bottom-left-radius:35px!important;inset:17px 0 0!important;box-shadow:inset 15px 0 18px #ffffff05,inset -15px 0 18px #ffffff03,0 22px 35px #00000029!important}.virtual-lab-v2 .beaker-inner{inset:27px 6px 18px!important}.virtual-lab-v2 .liquid-mask{border-bottom-right-radius:29px!important;border-bottom-left-radius:29px!important;height:292px!important;bottom:5px!important;left:4px!important;right:4px!important}.virtual-lab-v2 .beaker-wrap{cursor:grab;filter:drop-shadow(0 18px 30px #0003)}.virtual-lab-v2 .beaker-wrap:hover{filter:drop-shadow(0 20px 34px #00000042)drop-shadow(0 0 12px #82aae60f)}.virtual-lab-v2 .beaker-wrap.dragging{cursor:grabbing}.virtual-lab-v2 .liquid{transition:height .6s var(--v4-ease), background .35s ease, filter .3s ease!important}.virtual-lab-v2 .reagent-card{background:linear-gradient(145deg,#141722f2,#0d0f17f2);border-color:#ffffff13;min-height:72px}.virtual-lab-v2 .reagent-card:hover{border-color:#9b5cff57;transform:translateY(-2px)translate(2px);box-shadow:0 9px 24px #0003}.virtual-lab-v2 .reagent-card.active{background:linear-gradient(145deg,#4a1e786b,#13111ef5);border-color:#9b5cffb8;box-shadow:0 0 0 1px #9b5cff1f,0 10px 26px #5c23aa29}.virtual-lab-v2 .primary-btn{background:linear-gradient(135deg,#7c3aed,#a23df0);min-height:50px;box-shadow:0 10px 25px #7c3aed38}.virtual-lab-v2 .primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 32px #7c3aed4d}.virtual-lab-v2 .vl-controls button{border-radius:11px;min-height:44px}.virtual-lab-v2 .info-box{border-color:var(--v4-border);background:#0e111adb}.virtual-lab-v2 .stage-badge{border-color:var(--v4-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#tools [class*=card],#learning-host [class*=card]{border-color:#ffffff14;box-shadow:inset 0 1px #ffffff06}@media (width<=1200px){.v4-brand{min-width:auto}.v4-brand-name{display:none}.workspace-title-area{margin-left:10px}#view-lab{padding:0 14px 60px}}@media (width<=760px){.workspace-topbar{min-height:64px}.workspace-title-area span{display:none}.v4-top-button{width:42px;padding:0}.v4-top-button span+*{display:none}.v4-top-button{font-size:0}.v4-top-button>span{font-size:var(--cl-text-body)}.v4-page-head{padding:26px 18px 12px}#tools,#learning-host{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--cl-bg:#080910;--cl-bg-soft:#0c0e16;--cl-surface:#111420;--cl-surface-2:#171b29;--cl-surface-3:#1d2232;--cl-border:#34394d;--cl-border-soft:#ffffff16;--cl-text-primary:#f7f5ff;--cl-text-secondary:#bbc1d3;--cl-text-muted:#8790a8;--cl-accent:#c4b5fd;--cl-accent-strong:#a855f7;--cl-focus:#ddd6fe;--cl-success:#22c55e;--cl-warning:#f59e0b;--cl-danger:#ef4444;--cl-text-caption:.8125rem;--cl-text-small:.9375rem;--cl-text-body:1.0625rem;--cl-text-lead:1.1875rem;--cl-text-title:clamp(1.75rem, 2.2vw, 2.25rem);--cl-text-heading:clamp(2rem, 3vw, 2.75rem);--cl-space-1:.25rem;--cl-space-2:.5rem;--cl-space-3:.75rem;--cl-space-4:1rem;--cl-space-5:1.25rem;--cl-space-6:1.5rem;--cl-space-8:2rem;--cl-space-10:2.5rem;--cl-page-pad:clamp(1.25rem, 2.2vw, 2.5rem);--cl-radius-sm:.75rem;--cl-radius:1rem;--cl-radius-lg:1.35rem;--cl-control-height:3rem;--cl-header-height:5rem;--cl-sidebar-width:7rem;--cl-shadow:0 18px 55px #00000047;--cl-ease:cubic-bezier(.22, .8, .25, 1);--v4-bg:var(--cl-bg);--v4-text-2:var(--cl-text-secondary);--v4-text-3:var(--cl-text-muted);--v4-border:var(--cl-border)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--cl-bg);scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:var(--cl-text-body);color:var(--cl-text-primary);background:radial-gradient(circle at 55% -18%, #7c3aed1a, transparent 34rem), var(--cl-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.55}button{touch-action:manipulation}button:disabled{cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--cl-text-muted);opacity:1}:is(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid var(--cl-focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10000;color:#24133f;background:#ede9fe;border-radius:.65rem;padding:.75rem 1rem;font-weight:800;position:fixed;top:-8rem;left:1rem}.skip-link:focus{top:.75rem}*{scrollbar-width:thin;scrollbar-color:#41475d transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#41475d padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#606881 padding-box padding-box}.workspace-app{grid-template-columns:var(--cl-sidebar-width) minmax(0,1fr);grid-template-rows:var(--cl-header-height) minmax(0,1fr);background:0 0;width:100%;height:100dvh;display:grid}.workspace-topbar{border-bottom:1px solid var(--cl-border-soft);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#080910e6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;height:auto;min-height:0;padding:.65rem 1.35rem;display:grid;box-shadow:0 8px 30px #0000002e}.workspace-brand.v4-brand{background:0 0;border:0;align-items:center;gap:.7rem;min-width:0;padding:0;display:flex}.workspace-brand .v4-brand-icon{background:linear-gradient(145deg,#7c3aed38,#4f46e514);border:1px solid #a855f74d;border-radius:.85rem;place-items:center;width:46px;height:46px;font-size:1.3rem;display:grid}.workspace-brand .v4-brand-name{color:#fff;letter-spacing:-.02em;border:0;padding:0;font-size:1.35rem;font-weight:850;display:inline}.workspace-brand .v4-version{color:#d9c8ff;font-size:var(--cl-text-caption);background:#7c3aed14;border:1px solid #9b5cff59;border-radius:.45rem;padding:.24rem .45rem;font-weight:850}.workspace-title-area{min-width:0;margin:0}.workspace-title-area strong{color:#fff;font-size:1.08rem;font-weight:800;display:block}.workspace-title-area span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:.15rem;display:block}.workspace-top-actions{align-items:center;gap:.65rem;display:flex}.v4-top-button{min-width:48px;min-height:var(--cl-control-height);border:1px solid var(--cl-border);color:#cbd1e0;font-size:var(--cl-text-small);cursor:pointer;background:#11141fd1;border-radius:.8rem;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.1rem;font-weight:700;display:inline-flex}.v4-top-button:hover{color:#fff;border-color:#a855f752;transform:translateY(-1px)}.v4-top-button.primary{color:#f2ecff;background:linear-gradient(135deg,#672dbe75,#4a268752);border-color:#9b5cff73}.workspace-sidebar{border-right:1px solid var(--cl-border-soft);background:#08090ff7;flex-direction:column;grid-area:2/1;gap:.55rem;padding:.85rem .55rem;display:flex}.sidebar-button{color:#7f89a2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.95rem;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:82px;margin:0;padding:.75rem .4rem;display:flex;position:relative}.sidebar-button:hover{color:#e2e6f0;background:#ffffff09}.sidebar-button.active{color:#efe7ff;background:linear-gradient(145deg,#7c3aed33,#5b21b617);border-color:#9b5cff5c;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #3f187e1f}.sidebar-button.active:before{content:"";background:#a855f7;border-radius:0 4px 4px 0;width:3px;height:30px;position:absolute;top:50%;left:-.6rem;transform:translateY(-50%);box-shadow:0 0 14px #a855f7b3}.sidebar-button .sidebar-icon{font-size:1.55rem;line-height:1}.sidebar-button>span:last-child{font-size:var(--cl-text-caption);text-align:center;font-weight:750;line-height:1.25}.sidebar-bottom-status{color:var(--cl-text-muted);font-size:var(--cl-text-caption);justify-content:center;align-items:center;gap:.4rem;margin-top:auto;padding:1rem 0 .5rem;display:flex}.sidebar-bottom-status i{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #22c55eb3}.workspace-main{scrollbar-gutter:stable;grid-area:2/2;min-width:0;min-height:0;scroll-padding:1rem;overflow:auto;container:workspace/inline-size}.workspace-view{min-width:0}.workspace-view.active{animation:none}.v4-page-head,.periodic-workspace{width:min(1800px,100%);max-width:1800px;padding:var(--cl-space-8) var(--cl-page-pad) var(--cl-space-4);margin:0 auto}.v4-page-head h1,.periodic-top h1,.vl-head h2{color:#fff;font-size:var(--cl-text-heading);letter-spacing:-.04em;margin:.45rem 0 .4rem;line-height:1.12}.v4-page-head p,.periodic-top p,.vl-head p{color:var(--cl-text-secondary);font-size:var(--cl-text-body);margin:0;line-height:1.6}.v4-page-head>div>span,.workspace-eyebrow,.cc-eyebrow,.balance-eyebrow,.sol-head>div>span,.panel-label,.learning-start-title>span,.learning-heading>span{color:var(--cl-accent);font-size:var(--cl-text-caption);letter-spacing:.09em;font-weight:850}.workspace-app :is(button,input,select,textarea){min-height:var(--cl-control-height)}.workspace-app :is(input,select,textarea){font-size:var(--cl-text-body)}.workspace-app :is(button,input,select){line-height:1.4}.workspace-app :is(.category-filter,.periodic-segmented button,.periodic-reset-view,.drawer-tabs button,.drawer-action,.cc-primary,.cc-examples button,.balance-main-button,.balance-clear-button,.balance-examples button,.learning-start-button,.learning-next,.learning-retry,.learning-home,.vl-controls button,.vl-volume button,.sol-cell){font-size:var(--cl-text-small)}.workspace-app :is(.cc-primary,.balance-main-button,.learning-start-button,.primary-btn){min-height:3.25rem;font-size:var(--cl-text-body);font-weight:800}.periodic-top{gap:1.25rem;margin-bottom:1.35rem}.periodic-result-count{text-align:center;min-width:112px;padding:.65rem 1rem}.periodic-result-count strong{font-size:1.5rem}.periodic-result-count span{font-size:var(--cl-text-caption);letter-spacing:.04em}.periodic-controls{flex-wrap:wrap;align-items:stretch;gap:.8rem}.periodic-search{border-color:var(--cl-border);width:min(100%,29rem);height:52px}.periodic-workspace .periodic-search input{min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:.5rem 0}.periodic-search:focus-within{outline:2px solid var(--cl-focus);outline-offset:2px}.periodic-category-filters{flex-wrap:wrap;flex:40rem;gap:.55rem;overflow:visible}.category-filter{border-color:var(--cl-border);height:auto;padding:.6rem .85rem}.periodic-filter-toggle{font-size:var(--cl-text-small)}.periodic-display-toolbar{flex-wrap:wrap;gap:.8rem 1.6rem;padding:.8rem .95rem}.periodic-display-group{gap:.7rem}.periodic-display-group>span{font-size:var(--cl-text-caption);letter-spacing:.03em}.periodic-segmented{flex-wrap:wrap}.periodic-segmented button{height:auto;padding:.55rem .8rem}.periodic-dynamic-legend{font-size:var(--cl-text-caption);flex-wrap:wrap;gap:.6rem 1rem;margin:.85rem 0}.periodic-scroll-hint{font-size:var(--cl-text-small);color:var(--cl-text-secondary);margin:.55rem 0}.periodic-scroll{overscroll-behavior-x:contain;padding:.45rem .3rem 1.15rem}.workspace-periodic-table{grid-template-rows:repeat(7,118px);grid-template-columns:repeat(18,minmax(70px,1fr));gap:7px;min-width:1368px}.workspace-element-card{transition:transform .18s var(--cl-ease), border-color .18s ease, box-shadow .22s ease, opacity .22s ease, filter .22s ease;border-radius:.72rem;justify-content:center;padding:28px 6px 9px}.workspace-element-card:not(.element-dimmed):hover{z-index:4;transform:translateY(-3px)scale(1.025);box-shadow:0 14px 30px #0000004d,0 0 25px #7c3aed14}.workspace-element-number{font-size:var(--cl-text-caption);top:6px;left:8px}.workspace-element-symbol{letter-spacing:-.035em;font-size:1.8rem;line-height:1.02}.workspace-element-name{font-size:var(--cl-text-caption);margin-top:.45rem;line-height:1.25}.workspace-element-mass{margin-top:.2rem;font-size:.78rem;line-height:1.2}.workspace-element-extra,.workspace-element-phase{font-size:.75rem}.series-symbol{font-size:var(--cl-text-lead)}.periodic-workspace[data-card-preset=minimal] .workspace-periodic-table{grid-template-rows:repeat(7,84px)}.periodic-workspace[data-card-preset=minimal] .workspace-element-symbol{font-size:1.7rem}.periodic-workspace[data-card-preset=detailed] .workspace-periodic-table{grid-template-rows:repeat(7,156px)}.periodic-workspace[data-card-preset=detailed] .workspace-element-card{padding-top:28px}.periodic-workspace[data-card-preset=detailed] :is(.workspace-element-extra,.workspace-element-phase){font-size:var(--cl-text-caption);line-height:1.35}.workspace-fblock{width:max(1140px,83.333%);margin:1rem 0 0 max(228px,16.667%)}.workspace-frow{gap:7px}.workspace-frow .workspace-element-card{height:118px}.periodic-workspace[data-card-preset=detailed] .workspace-frow .workspace-element-card{height:156px}.periodic-workspace[data-card-preset=minimal] .workspace-frow .workspace-element-card{height:84px}.fblock-title{font-size:var(--cl-text-small);letter-spacing:.05em}.element-drawer{z-index:800;visibility:hidden;border-left:1px solid var(--cl-border);background:#0f121c;width:min(610px,100%);height:100dvh;top:0;box-shadow:-24px 0 60px #0000005c}.element-drawer.open{visibility:visible}.element-drawer-inner{gap:0;min-height:100%;padding:1.5rem}.drawer-topbar{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--cl-border);background:#0f121cf5;margin:-1.5rem -1.5rem 0;padding:.9rem 1.5rem;position:sticky;top:-1.5rem}.drawer-element-nav button,.drawer-close{flex-shrink:0;width:48px;height:48px}.drawer-element-nav span{font-size:var(--cl-text-caption);letter-spacing:.04em}.drawer-hero{gap:1.25rem;margin-top:1.25rem}.drawer-symbol-card{flex-basis:132px;width:132px;height:144px}.drawer-symbol-card .drawer-symbol{font-size:3.1rem}.drawer-hero-content h2{overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,2.35rem)}.drawer-hero-content>p{color:var(--cl-accent);font-size:var(--cl-text-small)}.drawer-mini-tags{gap:.45rem}.drawer-mini-tags span{font-size:var(--cl-text-caption);padding:.35rem .55rem}.drawer-tabs{min-height:52px;margin-top:1.35rem}.drawer-tabs button{min-height:48px;padding:.7rem 1rem}.drawer-properties{gap:.65rem;margin-top:1rem}.drawer-properties>div{min-height:84px;padding:.9rem}.drawer-properties span,.drawer-electron-summary span,.drawer-section-label{font-size:var(--cl-text-caption);letter-spacing:.03em}.drawer-properties strong{white-space:normal;overflow-wrap:anywhere;font-size:var(--cl-text-lead)}.drawer-section{margin-top:1.35rem}.drawer-electron-config,.drawer-electron-config.large{font-size:var(--cl-text-body);overflow-wrap:anywhere;padding:1rem;line-height:1.75}.particle-card span,.shell-card span,.shell-card small{font-size:var(--cl-text-caption)}.particle-card strong,.shell-card strong{font-size:1.65rem}.particle-card,.shell-card{min-height:90px;padding:.9rem}.drawer-actions{border-top:1px solid var(--cl-border);gap:.65rem;margin-top:1.35rem;padding-top:1.1rem}.drawer-action{height:auto;min-height:50px;padding:.8rem 1rem}.drawer-backdrop{z-index:750;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03040aa8;position:fixed;inset:0}.drawer-backdrop[hidden]{display:none}.workspace-view #tools.chem-tools-section{gap:1.75rem;width:min(1540px,100%);margin:0 auto;display:grid;max-width:1540px!important;padding:0 var(--cl-page-pad) 2.5rem!important}.tools-jump{flex-wrap:wrap;gap:.65rem;display:flex}.tools-jump button{border:1px solid var(--cl-border);background:var(--cl-surface);min-height:46px;color:var(--cl-text-primary);font-size:var(--cl-text-small);border-radius:.75rem;padding:.65rem 1rem}.tools-jump button:hover{background:var(--cl-surface-2);border-color:#a855f759}#tools>:is(.balance-tool,.chem-calc-v4,.sol-tool){border-radius:var(--cl-radius-lg);width:100%;box-shadow:var(--cl-shadow);margin:0;scroll-margin-top:1rem}.balance-header,.cc-header,.sol-head{gap:1.25rem;min-height:0;padding:1.5rem 1.75rem}.balance-header h2,.cc-header h2,.sol-head h2{font-size:1.85rem;line-height:1.2}.balance-header p,.cc-header p,.sol-head p{font-size:var(--cl-text-body);color:var(--cl-text-secondary)}.balance-status-pill,.cc-badge,.sol-head-badge{min-height:40px;font-size:var(--cl-text-small)}.cc-workspace{padding:1.75rem}.cc-tabs{gap:.65rem;padding:.9rem}.cc-tabs button{min-height:82px;padding:.9rem 1rem}.cc-tab-icon{flex-basis:40px;width:40px;height:40px;font-size:1rem}.cc-tabs button strong{font-size:var(--cl-text-body)}.cc-tabs button small{font-size:var(--cl-text-caption);color:var(--cl-text-secondary);margin-top:.2rem}.cc-panel-head{margin-bottom:1.25rem}.cc-panel-head span{font-size:var(--cl-text-caption)}.cc-panel-head h3{font-size:1.55rem}.cc-panel-head p{font-size:var(--cl-text-small)}.cc-formula-box{padding:1.2rem}.cc-formula-box label,.cc-input-card label{font-size:var(--cl-text-small)}.cc-formula-row input,.cc-input-card input{min-height:54px;font-size:var(--cl-text-body)}.cc-examples{flex-wrap:wrap;gap:.55rem}.cc-examples>span{font-size:var(--cl-text-caption)}.cc-examples button{height:auto;padding:.55rem .8rem}.cc-empty-state{min-height:190px;padding:1.75rem 1rem}.cc-empty-state strong{font-size:var(--cl-text-lead)}.cc-empty-state span{font-size:var(--cl-text-small);margin-top:.5rem}.cc-result-summary{padding:1.4rem}.cc-result-summary span,.cc-breakdown-head>span,.cc-breakdown-head>div>span{font-size:var(--cl-text-caption)}.cc-result-summary>div>strong{font-size:2rem}.cc-main-value strong{font-size:2.35rem!important}.cc-breakdown-head h4{font-size:1.25rem}.cc-element-row{grid-template-columns:54px 1fr 120px;min-height:88px;padding:.85rem 1rem}.cc-element-symbol{width:54px;height:54px;font-size:1.15rem}.cc-element-title strong{font-size:var(--cl-text-small)}.cc-element-title span,.cc-element-mass span{font-size:var(--cl-text-caption)}.cc-element-mass strong{font-size:var(--cl-text-body)}.cc-input-card,.cc-answer{padding:1.15rem}.cc-answer span{font-size:var(--cl-text-caption)}.cc-answer strong{font-size:var(--cl-text-lead)}.cc-answer strong.highlight{font-size:1.65rem}.cc-equation,.cc-note,.cc-error{font-size:var(--cl-text-small)}.balance-tool{flex-direction:column;display:flex}.balance-header{order:0}.balance-equation-editor{order:1;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);padding:1.35rem 1.75rem}.equation-side{min-width:0;min-height:0;padding:1.15rem}.equation-side-title strong,.equation-side-title small{font-size:var(--cl-text-caption)}.equation-side input{min-height:52px;font-size:var(--cl-text-body);padding:.7rem .85rem}.balance-actions{order:2;padding:0 1.75rem 1.25rem}.balance-actions button{min-height:50px}.balance-result{overflow-wrap:anywhere;order:3;margin:0 1.75rem 1.1rem;padding:1.1rem 1.25rem}.balance-result>div>span{font-size:var(--cl-text-caption)}.balance-result strong{font-size:1.25rem}.balance-error{font-size:var(--cl-text-small);order:4}.balance-stage{order:5;height:360px}.balance-scale{transform-origin:top;top:5px;transform:translate(-50%)scale(.76)}.balance-stage-message strong{font-size:var(--cl-text-lead)}.balance-stage-message span{font-size:var(--cl-text-small)}.stage-side-info span{font-size:var(--cl-text-caption)}.stage-side-info strong{font-size:var(--cl-text-small)}.balance-analysis{order:6;margin:1.2rem 1.75rem;padding:1.2rem}.balance-analysis-header h3{font-size:1.3rem}.atom-side-count span{font-size:var(--cl-text-caption)}.balance-examples{order:7;padding:1rem 1.75rem 1.4rem}.balance-examples>span,.balance-shortcut{font-size:var(--cl-text-caption)}.balanced-side{flex-wrap:wrap}.sol-query{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(220px,.75fr);padding:1.4rem 1.75rem}.sol-select-box{min-width:0}.sol-select-box label{font-size:var(--cl-text-small)}.sol-select-box select{height:54px;font-size:var(--cl-text-body)}.sol-result-card{min-height:86px;padding:.9rem 1rem}.sol-result-card>span,.sol-result-card>b{font-size:var(--cl-text-caption)}.sol-result-card>strong{font-size:1.55rem}.sol-description{margin-top:0;padding:1.1rem 1.25rem}.sol-description strong{font-size:var(--cl-text-body)}.sol-description p{font-size:var(--cl-text-small)}.sol-matrix-head h3{font-size:1.5rem}.sol-legend span{font-size:var(--cl-text-caption)}.sol-table-scroll{overscroll-behavior:contain;max-height:650px}.sol-table{min-width:1140px}.sol-table :is(th,td){min-width:105px;height:68px}.sol-table thead th:first-child{z-index:3;left:0}.sol-table :is(thead th,tbody th),.sol-cell{font-size:var(--cl-text-small)}.sol-cell{height:auto;min-height:50px;padding:.55rem}.sol-note{font-size:var(--cl-text-small)}#learning-host{width:min(1440px,100%);max-width:1440px;padding:0 var(--cl-page-pad) 2.5rem;margin:0 auto}.workspace-view #quiz.chem-learning-v2{max-width:none!important;padding:0!important}.learning-heading{text-align:left;max-width:none;margin:0 0 1rem}.learning-heading h2,.learning-version{display:none}.learning-heading p{font-size:var(--cl-text-body);color:var(--cl-text-secondary)}.learning-dashboard,.learning-start,.learning-play,.learning-result{width:100%}.learning-dashboard{gap:.8rem}.learning-stat{min-height:104px;padding:1.15rem}.learning-stat span{font-size:var(--cl-text-caption);letter-spacing:.04em}.learning-stat strong{margin-top:.45rem;font-size:1.55rem}.learning-stat .learning-weak{font-size:var(--cl-text-small)}.learning-start{padding:1.75rem}.learning-start-title span{font-size:var(--cl-text-caption);color:var(--cl-accent)}.learning-start-title h3{margin-top:.35rem;margin-bottom:1.15rem;font-size:1.45rem}.learning-mode-grid{gap:.85rem}.learning-mode{min-height:178px;padding:1.15rem}.learning-mode strong,.difficulty-button strong{font-size:var(--cl-text-body)}.learning-mode p,.difficulty-button span{font-size:var(--cl-text-small);line-height:1.5}.learning-mode-icon{width:48px;height:48px;font-size:1.25rem}.learning-divider{margin:1.65rem 0}.difficulty-grid{gap:.75rem}.difficulty-button{min-height:82px;padding:1rem}.learning-start-button{min-height:54px}.learning-question-card{padding:1.5rem}.learning-question-card h3{min-height:0;font-size:1.55rem;line-height:1.4}.learning-option{min-height:70px;font-size:var(--cl-text-body);padding:1rem}.learning-feedback strong,.learning-feedback p,.learning-result-message{font-size:var(--cl-text-body)}.learning-auto-note{font-size:var(--cl-text-caption)}#view-lab{padding:0 var(--cl-page-pad) 2.5rem}.virtual-lab-v2{width:min(1750px,100%);max-width:1750px;margin:0 auto;padding:1.75rem 0 0}.vl-head{gap:1rem}.vl-head h2{margin:.45rem 0}.vl-head p{max-width:820px}.vl-live{min-height:44px;padding:.55rem .9rem}.vl-live b{font-size:var(--cl-text-small)}.vl-layout{grid-template-columns:minmax(270px,.82fr) minmax(0,2fr) minmax(290px,.92fr);align-items:start;gap:1rem}.vl-layout>*,.vl-main>*{min-width:0}.virtual-lab-v2 .panel{border-radius:var(--cl-radius-lg)}.vl-shelf,.vl-side{padding:1.15rem}.vl-shelf h3,.vl-side h3{margin-top:.45rem;font-size:1.55rem}.reagent-list{gap:.6rem;max-height:475px;padding:.55rem .3rem}.virtual-lab-v2 .reagent-card{border-radius:.85rem;gap:.8rem;min-height:88px;padding:.8rem}.reagent-text strong{font-size:var(--cl-text-lead)}.reagent-text span{font-size:var(--cl-text-small);overflow-wrap:anywhere;margin-top:.2rem}.bottle{width:36px;height:46px}.bottle b{left:8px;right:8px}.vl-volume>span,.panel-label{font-size:var(--cl-text-caption)}.vl-volume div{flex-wrap:wrap;gap:.5rem}.vl-volume button{flex:1;min-width:76px;padding:.65rem .4rem}.primary-btn{min-height:52px;font-size:var(--cl-text-body)}.vl-stage{grid-template-columns:1fr 1fr;gap:.8rem;min-height:0;padding:1rem;display:grid}.stage-badge,.stage-badge.right{min-width:0;padding:.7rem .85rem;position:relative;inset:auto}.stage-badge span{font-size:var(--cl-text-caption)}.stage-badge strong{font-size:var(--cl-text-body);overflow-wrap:anywhere;margin-top:.3rem}.beaker-scene{grid-column:1/-1;min-width:0;min-height:430px}.beaker-wrap{width:min(430px,100%);height:420px}.beaker-body{top:4px}.flame-box{bottom:2px}.stage-note{grid-column:1/-1;max-width:none;position:relative;inset:auto}.stage-note strong{font-size:var(--cl-text-lead)}.stage-note span{font-size:var(--cl-text-small);margin-top:.3rem}.vl-controls{gap:.6rem;padding:.85rem}.vl-controls button{min-height:48px;font-size:var(--cl-text-small);padding:.65rem .95rem}.vl-controls>span{width:100%;font-size:var(--cl-text-caption);margin:0}.vl-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.meter{min-height:118px;padding:1rem}.meter>span,.info-box>span{font-size:var(--cl-text-caption)}.meter strong{margin-top:.55rem;font-size:1.55rem}.meter small{font-size:var(--cl-text-small);margin-top:.35rem}.info-box{padding:1rem}.info-box strong{font-size:var(--cl-text-lead);margin-top:.55rem}.info-box p{font-size:var(--cl-text-small);margin-top:.45rem;line-height:1.55}.composition-list p,.composition-list div,.log-empty,.log-item p{font-size:var(--cl-text-small)}.log-item span{font-size:var(--cl-text-caption)}.log-head button{min-height:40px;font-size:var(--cl-text-small)}@media (width<=1550px){:root{--cl-text-caption:.78rem;--cl-text-small:.9rem;--cl-text-body:1rem;--cl-text-lead:1.125rem;--cl-page-pad:1.5rem}.workspace-periodic-table{grid-template-rows:repeat(7,110px);grid-template-columns:repeat(18,minmax(66px,1fr));min-width:1296px}.workspace-fblock{width:max(1080px,83.333%);margin-left:max(216px,16.667%)}.workspace-frow .workspace-element-card{height:110px}.vl-layout{grid-template-columns:260px minmax(0,1fr)}.vl-side{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.vl-side>.panel-label,.vl-side>h3{grid-column:1/-1;margin:0}.vl-side .info-box{margin:0}}@media (width<=1100px){.workspace-topbar{gap:1rem}.workspace-title-area span{display:none}.periodic-controls{flex-direction:column}.periodic-category-filters{flex-basis:auto}.periodic-search{width:100%}.balance-equation-editor{grid-template-columns:1fr;gap:.55rem}.equation-arrow{font-size:1.35rem}.sol-query{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:end}.sol-arrow{display:none}.sol-result-card{grid-column:1/-1}.cc-tabs,.learning-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){:root{--cl-header-height:64px;--cl-text-caption:.75rem;--cl-text-small:.875rem;--cl-text-body:1rem;--cl-text-lead:1.125rem;--cl-page-pad:1rem}body{overflow:hidden}.workspace-app{grid-template-columns:1fr;grid-template-rows:var(--cl-header-height) minmax(0,1fr) auto;height:100dvh;min-height:0}.workspace-topbar{grid-area:1/1;grid-template-columns:1fr auto;padding:.45rem .8rem}.workspace-title-area{display:none}.workspace-brand .v4-brand-icon{width:42px;height:42px}.workspace-brand .v4-brand-name{font-size:1.05rem}.workspace-top-actions{gap:.4rem}.v4-top-button{width:44px;min-width:44px;padding:0;font-size:0}.v4-top-button>span{font-size:1.1rem}.workspace-sidebar{border:0;border-top:1px solid var(--cl-border);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));grid-area:3/1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid;position:relative;top:auto}.sidebar-button{gap:.25rem;width:100%;min-height:58px;margin:0;padding:.25rem}.sidebar-button .sidebar-icon{font-size:1.2rem}.sidebar-button.active:before,.sidebar-bottom-status{display:none}.workspace-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;grid-area:2/1;min-width:0;height:auto;min-height:0;max-height:none;overflow:hidden auto}.v4-page-head,.periodic-workspace{padding-top:1.25rem}.periodic-top{flex-direction:row;align-items:center;gap:.6rem}.periodic-top h1{font-size:1.8rem}.periodic-result-count{min-width:82px;padding:.5rem}.periodic-filter-toggle{border:1px solid var(--cl-border);background:var(--cl-surface);color:var(--cl-text-primary);text-align:left;border-radius:.7rem;padding:.65rem 1rem;display:block}.periodic-workspace[data-filters-expanded=false] :is(.periodic-category-filters,.periodic-display-toolbar){display:none}.periodic-display-group{flex-direction:column;align-items:flex-start;gap:.4rem;width:100%}.periodic-segmented{width:100%}.periodic-segmented button{flex:1;padding:.55rem}.periodic-reset-view{width:100%;margin:0}.element-drawer{width:100%}.drawer-symbol-card{flex-basis:105px;width:105px;height:118px}.drawer-properties{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-header,.cc-header,.sol-head{flex-direction:column;align-items:flex-start;padding:1.1rem}.balance-equation-editor{padding:1rem}.balance-actions{flex-wrap:wrap;padding:0 1rem 1rem}.balance-result{margin:0 1rem 1rem;padding:1rem}.balance-stage{height:300px}.balance-scale{top:0;transform:translate(-50%)scale(.5)}.balance-analysis{margin:1rem;padding:1rem}.balance-examples,.cc-workspace{padding:1rem}.cc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-tabs button{align-items:flex-start;gap:.5rem;min-height:70px}.cc-tab-icon{display:none}.cc-formula-row,.cc-result-summary,.cc-calc-grid,.cc-answer{grid-template-columns:1fr}.cc-element-row{grid-template-columns:48px 1fr}.cc-element-mass{text-align:left;grid-column:2}.sol-query{grid-template-columns:1fr;gap:.75rem;margin:0;padding:1rem}.sol-combine{display:none}.sol-description,.sol-matrix-head,.sol-table-scroll,.sol-note{margin-left:1rem;margin-right:1rem}.sol-matrix-head{flex-direction:column;align-items:flex-start;gap:.75rem}.learning-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-start{padding:1rem}.learning-mode{min-height:156px;padding:.85rem}.difficulty-grid{grid-template-columns:1fr}.learning-question-card{padding:1rem}.learning-options{grid-template-columns:1fr}#view-lab{padding:0 1rem 2rem}.vl-head{flex-direction:column;gap:.75rem}.vl-live{padding:.5rem .75rem}.vl-layout{grid-template-columns:1fr}.vl-side{grid-column:1;grid-template-columns:1fr}.reagent-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;display:grid}.virtual-lab-v2 .reagent-card{gap:.55rem;min-height:72px;padding:.65rem}.reagent-card .bottle{display:none}.beaker-scene{min-height:365px}.beaker-wrap{height:365px}.virtual-lab-v2 .beaker-body{transform-origin:0 0;scale:.85}.vl-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.vl-dashboard .meter:last-child{grid-column:1/-1}}@media (width<=420px){.workspace-brand .v4-version{display:none}.workspace-brand .v4-brand-name{font-size:1rem}.drawer-hero{gap:.8rem}.drawer-element-nav{gap:.5rem}.drawer-element-nav span{letter-spacing:0}.cc-tabs,.learning-dashboard,.reagent-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--cl-bg:#080a10;--cl-bg-soft:#0c0f17;--cl-surface:#10141e;--cl-surface-2:#151a26;--cl-surface-3:#1b2130;--cl-border:#ffffff13;--cl-border-strong:#ffffff21;--cl-text:#f4f5fa;--cl-text-soft:#c4c9d5;--cl-muted:#8993a8;--cl-muted-2:#667086;--cl-primary:#9b7cff;--cl-primary-soft:#8b5cf61f;--cl-primary-border:#9b7cff52;--cl-blue:#38bdf8;--cl-green:#4ade80;--cl-orange:#f59e0b;--cl-red:#f87171;--cl-radius-sm:10px;--cl-radius:14px;--cl-radius-lg:19px;--cl-radius-xl:24px;--cl-shadow-sm:0 5px 20px #00000029;--cl-shadow:0 18px 48px #0000003d;--cl-shadow-lg:0 28px 80px #0000005c;--cl-fast:.14s;--cl-normal:.22s}html{background:var(--cl-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -20%, #7c3aed14, transparent 36%), radial-gradient(circle at 0% 100%, #38bdf809, transparent 32%), var(--cl-bg);color:var(--cl-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#8b5cf657}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100000;border:1px solid var(--cl-primary-border);color:#fff;transition:transform var(--cl-normal) ease;background:#171322;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:750;text-decoration:none;position:fixed;top:14px;left:18px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.workspace-app{background:0 0;width:100%;min-height:100vh;overflow:hidden;grid-template-rows:74px minmax(0,1fr)!important;grid-template-columns:112px minmax(0,1fr)!important;display:grid!important}.workspace-topbar{z-index:100;-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);grid-template-columns:250px minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;box-shadow:0 8px 35px #0000001f;border-bottom:1px solid var(--cl-border)!important;background:#090b11e0!important;grid-area:1/1/auto/-1!important;height:74px!important;padding:0 22px!important;display:grid!important;position:relative!important;inset:auto!important}.workspace-brand.v5-brand{color:#fff;cursor:pointer;min-width:0;min-height:50px;transition:background var(--cl-fast) ease;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;padding:0 12px 0 9px;display:flex}.workspace-brand.v5-brand:hover{background:#ffffff09}.v5-brand-mark{color:#d8ccff;background:linear-gradient(145deg,#7c3aed2e,#7c3aed0b);border:1px solid #a78bfa3d;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 0 24px #7c3aed14}.v5-brand-mark svg{width:21px;height:21px}.v5-brand-copy{align-items:baseline;gap:8px;min-width:0;display:flex}.v5-brand-name{color:#f8f7fc;letter-spacing:-.035em;font-size:19px;font-weight:780}.v5-version{color:#a89bc8;letter-spacing:.04em;background:#7c3aed11;border:1px solid #a78bfa2b;border-radius:6px;padding:3px 6px;font-size:9px;font-weight:850}.workspace-title-area{flex-direction:column;justify-content:center;gap:1px;min-width:0;padding-left:4px;display:flex!important}.workspace-title-area strong{color:#ebedf3;text-overflow:ellipsis;white-space:nowrap;font-weight:740;line-height:1.25;overflow:hidden;font-size:15px!important}.workspace-title-area span{color:#69748a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:11px!important}.workspace-top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.v5-command-button,.v5-top-button{border:1px solid var(--cl-border);color:#929caf;cursor:pointer;min-height:42px;transition:transform var(--cl-fast) ease, border-color var(--cl-fast) ease, background var(--cl-fast) ease, color var(--cl-fast) ease;background:#ffffff05;border-radius:11px}.v5-command-button:hover,.v5-top-button:hover{color:#fff;background:#ffffff0a;border-color:#ffffff26;transform:translateY(-1px)}.v5-command-button{text-align:left;align-items:center;gap:9px;min-width:205px;padding:0 11px;display:flex}.v5-command-button svg{color:#8f83aa;flex:none;width:16px;height:16px}.v5-command-button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.v5-command-button kbd{color:#69738a;background:#ffffff06;border:1px solid #ffffff14;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:9px}.v5-top-button{place-items:center;width:42px;min-width:42px;padding:0;display:grid}.v5-top-button svg{width:18px;height:18px}.v5-top-button.primary{color:#d7cdff;background:#7c3aed17;border-color:#9b7cff47}.workspace-sidebar{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:6px;border-right:1px solid var(--cl-border)!important;background:#0a0c12c7!important;grid-area:2/1!important;align-items:stretch!important;width:auto!important;height:auto!important;padding:13px 10px 11px!important;display:flex!important;position:relative!important;inset:auto!important}.v5-sidebar-label{color:#4f596e;letter-spacing:.11em;padding:8px 8px 5px;font-size:9px;font-weight:850}.sidebar-button{text-align:center;cursor:pointer;flex-direction:column;font-weight:650;line-height:1.25;position:relative;color:#69748b!important;width:100%!important;min-width:0!important;min-height:68px!important;transition:transform var(--cl-fast) ease, color var(--cl-fast) ease, background var(--cl-fast) ease, border-color var(--cl-fast) ease!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 6px!important;font-size:10px!important;display:flex!important}.sidebar-button:before{content:"";opacity:0;width:3px;height:22px;transition:opacity var(--cl-normal) ease, transform var(--cl-normal) ease;background:#9b7cff;border-radius:0 5px 5px 0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)scaleY(.5);box-shadow:0 0 12px #9b7cff7a}.sidebar-button:hover{transform:translateY(-1px);color:#c2c7d2!important;background:#ffffff06!important}.sidebar-button.active{color:#e3dcff!important;background:linear-gradient(145deg,#7c3aed1a,#7c3aed09)!important;border-color:#9b7cff21!important}.sidebar-button.active:before{opacity:1;transform:translateY(-50%)scaleY(1)}.sidebar-icon{color:currentColor;place-items:center;width:31px;height:31px;display:grid;font-size:0!important}.sidebar-icon svg{stroke-width:1.8px;width:20px;height:20px}.sidebar-button>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.sidebar-bottom-status{color:#596478;background:#ffffff04;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;width:100%!important;margin:auto 0 0!important;padding:0 7px!important;font-size:9px!important;display:flex!important}.sidebar-bottom-status i{border-radius:50%;box-shadow:0 0 8px #4ade806b;background:#4ade80!important;width:6px!important;height:6px!important}.workspace-main{min-width:0;scroll-padding-top:24px;background:0 0!important;grid-area:2/2!important;height:calc(100vh - 74px)!important;padding:0!important;position:relative!important;inset:auto!important;overflow:hidden auto!important}.workspace-main::-webkit-scrollbar{width:9px}.workspace-main::-webkit-scrollbar-track{background:0 0}.workspace-main::-webkit-scrollbar-thumb{background:#ffffff1c padding-box padding-box;border:3px solid #0000;border-radius:999px}.workspace-main::-webkit-scrollbar-thumb:hover{background:#ffffff2e padding-box padding-box}.workspace-view{width:100%;min-height:100%;animation:.3s cubic-bezier(.22,.8,.28,1) v5ViewIn;padding:26px!important}.workspace-view[hidden]{display:none!important}@keyframes v5ViewIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.v4-page-head{width:100%;max-width:1680px;background:0 0!important;border:0!important;margin:0 auto 18px!important;padding:8px 2px 14px!important}.v4-page-head>div>span{letter-spacing:.11em;color:#887baa!important;font-size:10px!important;font-weight:850!important}.v4-page-head h1{letter-spacing:-.04em;line-height:1.12;color:#f7f7fa!important;margin:5px 0!important;font-size:clamp(28px,2.2vw,36px)!important}.v4-page-head p{max-width:720px;line-height:1.6;color:#7b859a!important;margin:0!important;font-size:14px!important}#view-periodic{padding:19px 22px 28px!important}#periodic-workspace-root{width:100%;max-width:1780px;margin:0 auto}#tools,#learning-host,#lab-host{width:100%;max-width:1680px;margin:0 auto}.tool-hub-header{min-height:126px;box-shadow:var(--cl-shadow-sm);border:1px solid var(--cl-border)!important;border-radius:var(--cl-radius-lg)!important;background:radial-gradient(circle at 92% 0,#7c3aed17,#0000 30%),linear-gradient(145deg,#131721fa,#0d1018fa)!important;padding:20px 22px!important}.tool-hub-header h2{font-size:24px!important}.tool-hub-header p{font-size:13px!important}.tool-selector{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important}.tool-selector-card{box-shadow:inset 0 1px #ffffff06;border:1px solid var(--cl-border)!important;min-height:126px!important;transition:transform var(--cl-normal) cubic-bezier(.22,.8,.28,1), border-color var(--cl-normal) ease, box-shadow var(--cl-normal) ease!important;background:linear-gradient(145deg,#131721f5,#0d1018fa)!important;border-radius:15px!important}.tool-selector-card:hover{border-color:color-mix(in srgb, var(--tool-color) 32%, #ffffff1a)!important;transform:translateY(-3px)!important;box-shadow:0 15px 38px #00000038,inset 0 1px #ffffff09!important}.tool-selector-card.active{border-color:color-mix(in srgb, var(--tool-color) 48%, transparent)!important;box-shadow:0 12px 35px #0000002b,inset 0 1px #ffffff0a!important}.tool-selector-copy strong{font-size:14px!important}.tool-selector-copy small{font-size:11px!important;line-height:1.5!important}.tool-active-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--cl-border)!important;background:#10141eb8!important;border-radius:13px!important;min-height:62px!important}#view-tools button,#view-learning button,#view-lab button{touch-action:manipulation}#view-tools input,#view-tools select,#view-learning input,#view-learning select,#view-lab input,#view-lab select{min-height:44px}.element-drawer{z-index:3000!important;box-shadow:-30px 0 80px #00000075!important}.v5-command-layer{z-index:50000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;transition:opacity var(--cl-normal) ease;background:#030509a3;place-items:start center;padding:min(13vh,110px) 18px 30px;display:grid;position:fixed;inset:0}.v5-command-layer[hidden]{display:none!important}.v5-command-panel{background:#10131df7;border:1px solid #ffffff1c;border-radius:20px;width:min(650px,100%);max-height:min(670px,76vh);animation:.23s cubic-bezier(.22,.8,.28,1) v5CommandIn;overflow:hidden;box-shadow:0 36px 110px #0000008f,inset 0 1px #ffffff0a}@keyframes v5CommandIn{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.v5-command-search{border-bottom:1px solid var(--cl-border);align-items:center;gap:11px;min-height:66px;padding:0 18px;display:flex}.v5-command-search svg{color:#84799e;flex:none;width:20px;height:20px}.v5-command-search input{color:#f4f5f8;background:0 0;border:0;outline:0;width:100%;min-width:0;height:64px;font-size:15px}.v5-command-search input::placeholder{color:#606b80}.v5-command-esc{color:#69738a;border:1px solid #ffffff14;border-radius:6px;padding:4px 7px;font-size:9px}.v5-command-body{max-height:min(530px,60vh);padding:9px;overflow-y:auto}.v5-command-group-label{color:#596378;letter-spacing:.1em;padding:9px 9px 6px;font-size:9px;font-weight:850}.v5-command-item{color:#d9dce5;text-align:left;cursor:pointer;width:100%;min-height:58px;transition:border-color var(--cl-fast) ease, background var(--cl-fast) ease;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.v5-command-item:hover,.v5-command-item:focus-visible{background:#7c3aed12;border-color:#9b7cff26;outline:none}.v5-command-item-icon{color:#a89bc8;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.v5-command-item-icon svg{width:18px;height:18px}.v5-command-item-copy{min-width:0}.v5-command-item-copy strong{color:#e6e8ee;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.v5-command-item-copy small{color:#69748a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;display:block;overflow:hidden}.v5-command-item>span:last-child{color:#525c71;font-size:16px}.v5-command-empty{color:#667086;justify-content:center;align-items:center;min-height:150px;font-size:12px;display:flex}.v5-command-footer{border-top:1px solid var(--cl-border);color:#555f73;justify-content:space-between;align-items:center;gap:10px;min-height:45px;padding:0 17px;font-size:9px;display:flex}:is(button,input,select,textarea,a):focus-visible{outline-offset:2px;outline:2px solid #a78bfab8}.workspace-app.is-booting{opacity:0;transform:scale(.998)}.workspace-app{opacity:1;transition:opacity .22s,transform .22s;transform:scale(1)}@media (width<=1100px){.workspace-topbar{grid-template-columns:210px minmax(0,1fr) auto}.v5-command-button{justify-content:center;width:42px;min-width:42px;padding:0}.v5-command-button>span,.v5-command-button kbd{display:none}.workspace-app{grid-template-columns:92px minmax(0,1fr)!important}.sidebar-button>span:last-child{max-width:72px}.workspace-view{padding:22px!important}}@media (width<=720px){.workspace-app{min-height:100vh;display:block!important}.workspace-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;height:64px!important;padding:0 12px!important;display:grid!important;position:sticky!important;top:0!important}.workspace-brand.v5-brand{padding:0}.v5-brand-copy{display:none}.v5-brand-mark{width:38px;height:38px}.workspace-title-area{padding-left:3px}.workspace-title-area strong{font-size:13px!important}.workspace-title-area span{display:none}.workspace-top-actions{gap:5px}.v5-top-button,.v5-command-button{width:39px;min-width:39px;min-height:39px}.workspace-sidebar{z-index:900;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);gap:4px;height:67px!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid var(--cl-border)!important;background:#090b11f0!important;flex-direction:row!important;position:fixed!important;inset:auto 0 0!important}.v5-sidebar-label,.sidebar-bottom-status{display:none!important}.sidebar-button{flex:1;border-radius:10px!important;gap:2px!important;min-height:53px!important}.sidebar-button:before{border-radius:0 0 5px 5px;width:24px;height:3px;top:-6px;left:50%;transform:translate(-50%)scaleX(.5)}.sidebar-button.active:before{transform:translate(-50%)scaleX(1)}.sidebar-icon{width:25px;height:25px}.sidebar-icon svg{width:18px;height:18px}.sidebar-button>span:last-child{max-width:none;font-size:8px}.workspace-main{height:auto!important;min-height:calc(100vh - 64px)!important;padding-bottom:75px!important;overflow:visible!important}.workspace-view,#view-periodic{padding:15px!important}.v4-page-head{padding-top:4px!important}.v4-page-head h1{font-size:27px!important}.v5-command-layer{padding:72px 10px 90px}.v5-command-panel{border-radius:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.workspace-view,.v5-command-panel{animation:none!important}.workspace-app,.sidebar-button,.tool-selector-card,.v5-command-button,.v5-top-button{transition:none!important}}.lab-reagent-tools{grid-template-columns:minmax(0,1fr) 145px;gap:8px;margin:10px 0 12px;display:grid}.lab-reagent-tools input,.lab-reagent-tools select{border:1px solid var(--cl-border);width:100%;min-width:0;min-height:42px;color:var(--cl-text-primary);background:#080a10c7;border-radius:11px;outline:none;padding:9px 12px}.lab-reagent-tools input::placeholder{color:var(--cl-text-muted)}.lab-reagent-tools input:focus,.lab-reagent-tools select:focus{border-color:#a855f7b3;box-shadow:0 0 0 3px #8b5cf61a}.reagent-card[hidden]{display:none!important}@media (width<=767px){.lab-reagent-tools{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){:root{--tablet-header-h:70px;--tablet-sidebar-w:82px;--cl-header-height:var(--tablet-header-h);--cl-sidebar-width:var(--tablet-sidebar-w);--cl-page-pad:1.1rem}html,body,#app{width:100%;height:100%;overflow:hidden}.workspace-app{grid-template-columns:var(--tablet-sidebar-w) minmax(0,1fr)!important;grid-template-rows:var(--tablet-header-h) minmax(0,1fr)!important;width:100%!important;height:100dvh!important;min-height:0!important;display:grid!important;overflow:hidden!important}.workspace-topbar{height:var(--tablet-header-h)!important;min-height:var(--tablet-header-h)!important;grid-area:1/1/auto/-1!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important;padding:10px 14px!important;display:grid!important}.workspace-brand,.workspace-brand.v5-brand{min-width:0!important}.v5-brand-name{font-size:1.08rem!important}.workspace-title-area{min-width:0!important;display:block!important}.workspace-title-area strong{font-size:.98rem!important}.workspace-title-area span{display:none!important}.v5-command-button{width:44px!important;min-width:44px!important;padding:0!important}.v5-command-button>span,.v5-command-button kbd{display:none!important}.workspace-sidebar{width:var(--tablet-sidebar-w)!important;flex-direction:column!important;grid-area:2/1!important;align-items:center!important;height:100%!important;min-height:0!important;padding:10px 7px!important;display:flex!important;position:relative!important;top:auto!important;overflow:hidden!important}.v5-sidebar-label{text-align:center!important;letter-spacing:.08em!important;width:100%!important;margin:0 0 8px!important;padding:0!important;font-size:.58rem!important}.workspace-sidebar .sidebar-button{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:66px!important;min-width:66px!important;min-height:64px!important;margin:3px 0!important;padding:7px 3px!important;display:flex!important}.workspace-sidebar .sidebar-button>span:last-child{font-size:.68rem!important}.sidebar-bottom-status{margin-top:auto!important;padding-bottom:4px!important;font-size:.6rem!important}.workspace-main{-webkit-overflow-scrolling:touch;touch-action:pan-y;grid-area:2/2!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;overflow:hidden auto!important}.workspace-view,.workspace-view.active{min-width:0!important}.periodic-workspace,.v4-page-head{width:100%!important;max-width:none!important}.periodic-top{align-items:flex-start!important}.periodic-controls{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;display:grid!important}.periodic-search{width:100%!important}.periodic-category-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;padding-bottom:6px!important;display:flex!important;overflow:auto hidden!important}.periodic-category-filters::-webkit-scrollbar{display:none}.periodic-category-filters .category-filter{flex:none!important}.periodic-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%!important;overflow:auto visible!important}.workspace-periodic-table{grid-template-rows:repeat(7,102px)!important;grid-template-columns:repeat(18,minmax(62px,1fr))!important;gap:6px!important;min-width:1220px!important}.workspace-element-symbol{font-size:1.5rem!important}.workspace-fblock{min-width:980px!important;margin-left:190px!important}.learning-dashboard,.learning-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vl-layout{grid-template-columns:minmax(0,1fr)!important}.element-drawer{width:min(520px,72vw)!important}}@media (width<=767px){:root{--mobile-header-h:62px;--mobile-nav-h:72px;--mobile-page-pad:14px}html{scroll-behavior:smooth;overscroll-behavior-y:auto;width:100%;min-height:100%;height:auto!important;overflow-y:auto!important}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:auto;width:100%;min-width:320px;min-height:100dvh;margin:0;height:auto!important;overflow-y:auto!important}#app{width:100%;min-height:100dvh;height:auto!important;overflow:clip visible!important}.workspace-app{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:0 0 calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 16px)!important;display:block!important;overflow:visible!important;transform:none!important}.workspace-topbar{-webkit-backdrop-filter:blur(18px)saturate(140%);left:0;right:0;z-index:1200!important;width:100%!important;min-height:var(--mobile-header-h)!important;height:var(--mobile-header-h)!important;background:#07080ef0!important;border-bottom:1px solid #ffffff14!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;display:grid!important;position:sticky!important;top:0!important;box-shadow:0 8px 26px #0003!important}.workspace-brand,.workspace-brand.v5-brand{background:#7c3aed17!important;border:1px solid #a855f747!important;border-radius:11px!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:grid!important}.v5-brand-mark{place-items:center!important;width:100%!important;height:100%!important;display:grid!important}.v5-brand-copy,.workspace-brand .v5-brand-copy,.workspace-brand .v5-brand-name,.workspace-brand .v5-version{display:none!important}.workspace-title-area{min-width:0!important;margin:0!important;display:block!important}.workspace-title-area strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff!important;font-size:.95rem!important;font-weight:800!important;line-height:1.2!important;display:block!important}.workspace-title-area span{display:none!important}.workspace-top-actions{align-items:center!important;gap:6px!important;display:flex!important}.workspace-top-actions [data-app-view=learning]{display:none!important}.v5-command-button,.v5-top-button{border-radius:11px!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;display:grid!important}.v5-command-button>span,.v5-command-button kbd,.v5-top-button>span:not(.icon){display:none!important}.workspace-sidebar{-webkit-backdrop-filter:blur(20px)saturate(140%);z-index:1300!important;width:100%!important;height:auto!important;min-height:var(--mobile-nav-h)!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;background:#080910f2!important;border:0!important;border-top:1px solid #ffffff17!important;grid-template-rows:1fr!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:5px!important;display:grid!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -8px 28px #0000003d!important}.v5-sidebar-label,.sidebar-bottom-status{display:none!important}.workspace-sidebar .sidebar-button{position:relative;border-radius:11px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;margin:0!important;padding:6px 4px!important;font-size:.68rem!important;line-height:1.1!important;display:flex!important}.workspace-sidebar .sidebar-button:before{display:none!important}.workspace-sidebar .sidebar-button .sidebar-icon{font-size:1.15rem!important;line-height:1!important}.workspace-sidebar .sidebar-button>span:last-child{white-space:nowrap;font-size:.67rem!important;line-height:1.1!important;display:block!important}.workspace-sidebar .sidebar-button.active{color:#f4eefe!important;background:#7c3aed21!important;border-color:#a855f759!important}.workspace-main{overscroll-behavior:auto!important;scrollbar-gutter:auto!important;touch-action:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;overflow:visible!important;container-type:normal!important}.workspace-view,.workspace-view.active{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.workspace-view[hidden]{display:none!important}.v4-page-head,.periodic-workspace,#view-lab,#view-learning,#view-tools{width:100%!important;max-width:none!important}.v4-page-head,.periodic-workspace{padding-left:var(--mobile-page-pad)!important;padding-right:var(--mobile-page-pad)!important;margin:0!important}.periodic-workspace{padding-top:14px!important;padding-bottom:28px!important;overflow:visible!important}.periodic-top{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important;display:flex!important}.periodic-top h1{margin:4px 0!important;font-size:clamp(1.65rem,7vw,2rem)!important;line-height:1.08!important}.periodic-top p{font-size:.93rem!important;line-height:1.55!important}.periodic-result-count{align-self:flex-start!important;width:auto!important;min-width:0!important}.periodic-controls{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;width:100%!important;display:grid!important}.periodic-search{width:100%!important;max-width:none!important}.periodic-filter-toggle{width:100%!important}.periodic-display-toolbar{background:0 0!important;border:0!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important}.periodic-display-group{width:100%!important;display:block!important}.periodic-display-group>span{display:none!important}.periodic-segmented{flex-wrap:nowrap!important;gap:4px!important;width:100%!important;padding:4px!important;display:flex!important}.periodic-segmented button{flex:1 1 0!important;min-width:0!important;min-height:44px!important;padding:7px 6px!important;font-size:.82rem!important}.periodic-reset-view{width:100%!important;margin:0!important}.periodic-category-filters{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;padding:2px 0 7px!important;display:flex!important;overflow:auto hidden!important}.periodic-category-filters::-webkit-scrollbar{display:none}.periodic-category-filters .category-filter{white-space:nowrap!important;flex:none!important;min-height:42px!important}.periodic-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;width:100%!important;height:auto!important;max-height:none!important;padding:6px 2px 16px!important;overflow:auto visible!important}.workspace-periodic-table{grid-template-rows:repeat(7,92px)!important;grid-template-columns:repeat(18,58px)!important;gap:5px!important;width:max-content!important;min-width:1129px!important}.workspace-element-card{border-radius:9px!important;min-width:58px!important;min-height:92px!important;padding:20px 4px 6px!important}.workspace-element-number{font-size:.68rem!important;top:6px!important;left:7px!important}.workspace-element-symbol{font-size:1.45rem!important}.workspace-element-name,.workspace-element-mass{font-size:.64rem!important}.workspace-fblock{width:max-content!important;min-width:900px!important;margin-left:116px!important}.workspace-frow .workspace-element-card{height:92px!important}.periodic-scroll-hint{font-size:.8rem!important;display:block!important}.workspace-view #tools.chem-tools-section{width:100%!important;max-width:none!important;padding-left:var(--mobile-page-pad)!important;padding-right:var(--mobile-page-pad)!important;padding-bottom:24px!important}.tools-jump{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;padding-bottom:5px!important;overflow-x:auto!important}.tools-jump::-webkit-scrollbar{display:none}.learning-dashboard,.learning-mode-grid,.difficulty-grid,.learning-options,.vl-layout,.vl-side,.cc-tabs,.cc-formula-row,.cc-result-summary,.cc-calc-grid,.cc-answer,.sol-query{grid-template-columns:minmax(0,1fr)!important}.reagent-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.element-drawer{-webkit-overflow-scrolling:touch;touch-action:pan-y;inset:var(--mobile-header-h) 0 0 0!important;width:100%!important;height:calc(100dvh - var(--mobile-header-h))!important;border-radius:0!important;max-height:none!important;position:fixed!important;overflow-y:auto!important}@media (width<=420px){:root{--mobile-page-pad:12px}.workspace-topbar{grid-template-columns:40px minmax(0,1fr) auto!important;padding-left:8px!important;padding-right:8px!important}.v5-command-button,.v5-top-button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}.periodic-top p{font-size:.88rem!important}.reagent-list{grid-template-columns:minmax(0,1fr)!important}}:is(body:has(.element-drawer.open),body:has(.atom-modal),body:has(.orbital-modal)){overflow:hidden!important}.element-drawer{-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);touch-action:pan-y;z-index:90000!important;overscroll-behavior:contain!important;-webkit-backdrop-filter:none!important;background:#080910!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.element-drawer.open{transform:translate(0)!important}.element-drawer-inner{background:#080910!important;width:100%!important;height:auto!important;min-height:max-content!important;padding:16px 16px 32px!important}.drawer-topbar{-webkit-backdrop-filter:blur(15px);z-index:30!important;background:#080910f5!important;padding:8px 0!important;position:sticky!important;top:0!important}.drawer-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}.drawer-tabs button{min-width:0!important}.drawer-tab-panel,.drawer-tab-panel.active{width:100%!important}.atom-modal{-webkit-overflow-scrolling:touch;z-index:110000!important;overscroll-behavior:contain!important;background:#050509!important;width:100vw!important;height:100dvh!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.atom-window{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 28px)!important;background:radial-gradient(circle at 50% 35%,#581c8724,#0000 45%),#050509!important;border:0!important;border-radius:0!important;flex-direction:column!important;gap:16px!important;margin:0!important;display:flex!important;position:relative!important;overflow:visible!important}.atom-close{top:calc(env(safe-area-inset-top) + 14px)!important;z-index:110010!important;width:48px!important;height:48px!important;position:fixed!important;right:14px!important}.atom-header{min-height:90px;pointer-events:auto!important;width:100%!important;padding-right:60px!important;display:block!important;position:relative!important;inset:auto!important}.atom-header h2{margin:6px 0!important;font-size:2rem!important;line-height:1.1!important}.atom-symbol{display:none!important}.shell-display{pointer-events:auto!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:none!important;display:flex!important;position:relative!important;inset:auto!important}.shell-display div{padding:9px 12px!important}.atom-canvas{touch-action:none;background:radial-gradient(circle,#581c871f,#0000 62%);border:1px solid #a855f71f;border-radius:18px;flex:none!important;width:100%!important;height:clamp(300px,82vw,390px)!important;min-height:300px!important;position:relative!important;inset:auto!important;overflow:hidden!important}.atom-canvas canvas{width:100%!important;height:100%!important}.atom-info{pointer-events:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;display:grid!important;position:relative!important;inset:auto!important}.atom-info div{flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:92px!important;padding:12px 8px!important;display:flex!important}.atom-info strong{font-size:1.45rem!important}.atom-info>div:last-child:nth-child(odd){grid-column:1/-1}.atom-legend{background:#09090eb8;border:1px solid #ffffff14;border-radius:14px;pointer-events:auto!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:100%!important;padding:12px!important;display:flex!important;position:relative!important;inset:auto!important}.atom-hint{border:1px solid #ffffff12;border-radius:12px;text-align:center!important;pointer-events:auto!important;width:100%!important;margin:0!important;padding:12px 10px!important;position:relative!important;inset:auto!important}.atom-note,.atom-controls,.atom-actions{width:100%!important;position:relative!important;inset:auto!important}.atom-controls,.atom-actions{flex-wrap:wrap!important;gap:10px!important;display:flex!important}.orbital-modal{-webkit-overflow-scrolling:touch;z-index:110000!important;overscroll-behavior:contain!important;background:#020205!important;width:100vw!important;height:100dvh!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.orbital-window{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 28px)!important;background:radial-gradient(circle at 50% 40%,#581c871f,#0000 48%),#020205!important;border:0!important;border-radius:0!important;flex-direction:column!important;gap:16px!important;margin:0!important;display:flex!important;position:relative!important;overflow:visible!important}.orbital-close{top:calc(env(safe-area-inset-top) + 14px)!important;z-index:110010!important;width:48px!important;height:48px!important;position:fixed!important;right:14px!important}.orbital-header{pointer-events:auto!important;width:100%!important;padding-right:60px!important;display:block!important;position:relative!important;inset:auto!important}.orbital-header h2{font-size:1.9rem!important;line-height:1.1!important}.orbital-element-symbol{display:none!important}.subshell-panel,.orbital-variant-panel{width:100%!important;max-width:none!important;position:relative!important;inset:auto!important}.subshell-buttons{flex-wrap:wrap!important;gap:7px!important;width:100%!important;display:flex!important}.orbital-current{background:#140f1e8c;border:1px solid #a855f729;border-radius:12px;text-align:left!important;pointer-events:auto!important;width:100%!important;padding:12px!important;position:relative!important;inset:auto!important}.orbital-canvas{touch-action:none;background:radial-gradient(circle,#581c8721,#0000 64%);border:1px solid #a855f71f;border-radius:18px;flex:none!important;width:100%!important;height:clamp(320px,86vw,420px)!important;min-height:320px!important;position:relative!important;inset:auto!important;overflow:hidden!important}.orbital-canvas canvas{width:100%!important;height:100%!important}.orbital-info{pointer-events:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;display:grid!important;position:relative!important;inset:auto!important}.orbital-info div{flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:86px!important;display:flex!important}.orbital-phase-legend{pointer-events:auto!important;flex-wrap:wrap!important;justify-content:center!important;gap:16px!important;width:100%!important;padding:12px!important;display:flex!important;position:relative!important;inset:auto!important}.orbital-note,.orbital-hint{text-align:left!important;pointer-events:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:12px!important;position:relative!important;inset:auto!important}.orbital-hint{text-align:center!important}:is(body:has(.element-drawer.open) .workspace-sidebar,body:has(.element-drawer.open) .workspace-topbar,body:has(.atom-modal) .workspace-sidebar,body:has(.atom-modal) .workspace-topbar,body:has(.orbital-modal) .workspace-sidebar,body:has(.orbital-modal) .workspace-topbar){pointer-events:none!important}}html[data-font-size=small]{font-size:15px}html[data-font-size=normal]{font-size:16px}html[data-font-size=large]{font-size:18px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cl-bg:#f4f6fb;--cl-bg-soft:#eef1f7;--cl-surface:#fff;--cl-surface-2:#f7f8fc;--cl-surface-3:#edf1f7;--cl-border:#0f172a1f;--cl-border-soft:#0f172a14;--cl-text-primary:#111827;--cl-text-secondary:#4b5563;--cl-text-muted:#667085;--cl-accent:#7c3aed}html[data-theme=light] body{color:#111827!important;background:#f4f6fb!important}html[data-theme=light] .workspace-topbar{background:#fffffff0!important;border-color:#0f172a1a!important}html[data-theme=light] .workspace-sidebar{background:#f8fafdf7!important;border-color:#0f172a1a!important}html[data-theme=light] :is(.panel,.cc-panel,.cc-input-card,.learning-start,.learning-question-card,.virtual-lab-v2 .panel,.element-drawer,.drawer-card,.v5-command-panel){color:#111827!important;background:#fff!important;border-color:#0f172a1a!important}html[data-theme=light] :is(input,select,textarea,.reagent-card,.info-box,.meter,.vl-controls button){color:#111827!important;background:#f8f9fc!important;border-color:#0f172a1f!important}html[data-theme=light] :is(h1,h2,h3,h4,strong){color:#111827}html[data-theme=light] :is(p,small,.reagent-text span){color:#667085}html[data-density=compact]{--cl-control-height:2.55rem}html[data-density=compact] :is(.reagent-card,.info-box,.meter,.cc-input-card,.tool-selector-card){padding:.65rem!important}html[data-contrast=high] :is(button,input,select,textarea,.panel,.workspace-element-card){border-width:2px!important}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.user-settings-trigger{font-size:19px}.user-settings-layer[hidden]{display:none!important}.user-settings-layer{z-index:150000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;background:#03050ab3;place-items:center;padding:20px;transition:opacity .16s;display:grid;position:fixed;inset:0}.user-settings-layer.open{opacity:1}.user-settings-panel{border:1px solid var(--cl-border);background:var(--cl-surface);width:min(620px,100%);max-height:90dvh;color:var(--cl-text-primary);border-radius:22px;overflow-y:auto;box-shadow:0 30px 100px #00000080}.user-settings-head{z-index:2;border-bottom:1px solid var(--cl-border);background:var(--cl-surface);grid-template-columns:1fr auto;gap:16px;padding:22px;display:grid;position:sticky;top:0}.user-settings-head span{color:#a78bfa;letter-spacing:.1em;font-size:.75rem;font-weight:800}.user-settings-head h2{margin:5px 0}.user-settings-head p{color:var(--cl-text-muted);margin:0}.user-settings-close{border:1px solid var(--cl-border);background:var(--cl-surface-2);width:44px;height:44px;color:var(--cl-text-primary);cursor:pointer;border-radius:50%;font-size:24px}.user-settings-body{gap:12px;padding:18px 22px;display:grid}.setting-group,.setting-toggle{border:1px solid var(--cl-border);background:var(--cl-surface-2);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.setting-copy{gap:4px;display:grid}.setting-copy strong{color:var(--cl-text-primary)}.setting-copy span{color:var(--cl-text-muted);font-size:.82rem}.setting-segmented{border:1px solid var(--cl-border);background:var(--cl-bg-soft);border-radius:12px;gap:4px;padding:4px;display:flex}.setting-segmented button{min-height:38px;color:var(--cl-text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 11px}.setting-segmented button.active{color:#c4b5fd;background:#7c3aed26;box-shadow:inset 0 0 0 1px #a855f74d}.setting-toggle{cursor:pointer}.setting-toggle input{opacity:0;position:absolute}.setting-toggle>i{border:1px solid var(--cl-border);background:var(--cl-bg-soft);border-radius:999px;width:48px;height:28px;position:relative}.setting-toggle>i:after{content:"";background:var(--cl-text-muted);border-radius:50%;width:18px;height:18px;transition:transform .16s,background .16s;position:absolute;top:4px;left:4px}.setting-toggle input:checked+i{background:#7c3aed2e}.setting-toggle input:checked+i:after{background:#a855f7;transform:translate(20px)}.user-settings-footer{border-top:1px solid var(--cl-border);background:var(--cl-surface);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.user-settings-footer button{cursor:pointer;border-radius:11px;min-height:44px;padding:9px 16px}.settings-reset{border:1px solid var(--cl-border);background:var(--cl-surface-2);color:var(--cl-text-primary)}.settings-done{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:1px solid #a855f766}@media (width<=767px){.user-settings-layer{align-items:end;padding:0}.user-settings-panel{border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;width:100%;max-height:88dvh}.user-settings-head{padding:18px 16px}.user-settings-body{padding:14px 16px}.setting-group{grid-template-columns:1fr}.setting-segmented{width:100%}.setting-segmented button{flex:1}.setting-toggle{grid-template-columns:minmax(0,1fr) auto}.user-settings-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--zp-page:#e1e6ed;--zp-page-deep:#d7dfe8;--zp-page-soft:#e8edf3;--zp-surface:#e8edf3;--zp-surface-strong:#edf1f5;--zp-surface-soft:#e8edf3;--zp-surface-muted:#dfe5ed;--zp-text:#202635;--zp-text-2:#3f4c5d;--zp-text-3:#526071;--zp-text-4:#657386;--zp-border:#3644562e;--zp-border-strong:#36445642;--zp-border-soft:#36445621;--zp-purple:#8067c4;--zp-purple-dark:#5f4b9e;--zp-purple-soft:#705bb017;--zp-purple-soft-2:#705bb026;--zp-purple-border:#5f4b9e4d;--zp-blue:#557ca7;--zp-blue-soft:#5e8bd81c;--zp-shadow-xs:0 1px 2px #2b354809;--zp-shadow-sm:0 5px 16px #2b35480e;--zp-shadow:0 12px 34px #2b354813;--zp-shadow-lg:0 24px 64px #2b354821;--cl-bg:var(--zp-page);--cl-bg-soft:var(--zp-page-soft);--cl-surface:var(--zp-surface-strong);--cl-surface-2:var(--zp-surface-soft);--cl-surface-3:var(--zp-surface-muted);--cl-border:var(--zp-border);--cl-border-soft:var(--zp-border-soft);--cl-border-strong:var(--zp-border-strong);--cl-text:var(--zp-text);--cl-text-primary:var(--zp-text);--cl-text-soft:var(--zp-text-2);--cl-text-secondary:var(--zp-text-2);--cl-text-muted:var(--zp-text-3);--cl-muted:var(--zp-text-3);--cl-muted-2:var(--zp-text-4);--cl-primary:var(--zp-purple);--cl-primary-soft:var(--zp-purple-soft);--cl-primary-border:var(--zp-purple-border);--v4-bg:var(--zp-page);--v4-text:var(--zp-text);--v4-text-2:var(--zp-text-2);--v4-text-3:var(--zp-text-3);--v4-border:var(--zp-border)}html[data-theme=light],html[data-theme=light] body{background:var(--zp-page)!important;color:var(--zp-text)!important}html[data-theme=light] body{background-attachment:fixed;background-image:radial-gradient(circle at 8% -8%,#705bb009,#0000 31%),radial-gradient(circle at 95% 18%,#557ca708,#0000 28%),linear-gradient(#e9edf2 0%,#e1e6ed 48%,#dce3eb 100%)!important}html[data-theme=light] .workspace-app,html[data-theme=light] .workspace-main,html[data-theme=light] .workspace-view{background:0 0!important}html[data-theme=light] .workspace-topbar{border-color:var(--zp-border)!important;-webkit-backdrop-filter:blur(24px)saturate(125%)!important;background:#f7f9fcd6!important;box-shadow:0 1px #fffc,0 6px 22px #3741510b!important}html[data-theme=light] .workspace-brand{color:var(--zp-text)!important}html[data-theme=light] .v5-brand-mark{border-color:var(--zp-purple-border)!important;color:var(--zp-purple-dark)!important;background:linear-gradient(145deg,#8b6be81f,#8b6be80e)!important;box-shadow:inset 0 1px #ffffffbf!important}html[data-theme=light] .v5-brand-name{color:var(--zp-text)!important}html[data-theme=light] .v5-version{border-color:var(--zp-purple-border)!important;background:var(--zp-purple-soft)!important;color:var(--zp-purple-dark)!important}html[data-theme=light] .workspace-title-area strong{color:var(--zp-text)!important}html[data-theme=light] .workspace-title-area span{color:var(--zp-text-3)!important}html[data-theme=light] :is(.v5-command-button,.v5-top-button){border-color:var(--zp-border)!important;color:var(--zp-text-2)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffffb3!important}html[data-theme=light] :is(.v5-command-button,.v5-top-button):hover{border-color:var(--zp-purple-border)!important;color:var(--zp-purple-dark)!important;box-shadow:var(--zp-shadow-sm)!important;background:#fffffff5!important}html[data-theme=light] .v5-top-button.primary{color:var(--zp-purple-dark)!important;background:linear-gradient(145deg,#8b6be826,#8b6be814)!important}html[data-theme=light] .v5-command-button kbd{border-color:var(--zp-border)!important;background:var(--zp-page-soft)!important;color:var(--zp-text-3)!important}html[data-theme=light] .workspace-sidebar{border-color:var(--zp-border)!important;-webkit-backdrop-filter:blur(24px)!important;background:#f4f7fbd1!important}html[data-theme=light] .v5-sidebar-label{color:var(--zp-text-3)!important}html[data-theme=light] .sidebar-button{color:#69758b!important;background:0 0!important;border-color:#0000!important}html[data-theme=light] .sidebar-button:hover{color:var(--zp-purple-dark)!important;background:#ffffff94!important}html[data-theme=light] .sidebar-button.active{color:var(--zp-purple-dark)!important;box-shadow:var(--zp-shadow-sm), inset 0 1px 0 #ffffffb8!important;background:linear-gradient(145deg,#8b6be81f,#ffffff9e)!important;border-color:#8b6be830!important}html[data-theme=light] .sidebar-bottom-status{color:var(--zp-text-3)!important}html[data-theme=light] .v4-page-head span,html[data-theme=light] .periodic-top>span{color:var(--zp-purple-dark)!important}html[data-theme=light] :is(.v4-page-head h1,.periodic-top h1,.tool-hub-header h2,.balance-header h2,.cc-header h2,.sol-head h2,.learning-heading h2,.vl-head h2){color:var(--zp-text)!important}html[data-theme=light] :is(.v4-page-head p,.periodic-top p,.tool-hub-header p,.balance-header p,.cc-header p,.sol-head p,.learning-heading p,.vl-head p){color:var(--zp-text-3)!important}html[data-theme=light] .periodic-search{border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffffb3!important}html[data-theme=light] .periodic-search:focus-within{border-color:var(--zp-purple-border)!important;background:#fffffff5!important;box-shadow:0 0 0 4px #8b6be814!important}html[data-theme=light] .periodic-search input{color:var(--zp-text)!important;background:0 0!important}html[data-theme=light] .periodic-display-toolbar{border-color:var(--zp-border)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffff85!important}html[data-theme=light] .periodic-segmented{border-color:var(--zp-border)!important;background:#e3e9f2ad!important}html[data-theme=light] .periodic-segmented button{color:var(--zp-text-3)!important}html[data-theme=light] .periodic-segmented button:hover{color:var(--zp-text)!important;background:#ffffff9e!important}html[data-theme=light] .periodic-segmented button.active{color:var(--zp-purple-dark)!important;box-shadow:0 2px 7px #414c5f14, inset 0 0 0 1px var(--zp-purple-border)!important;background:#fffffff0!important}html[data-theme=light] .periodic-reset-view{border-color:var(--zp-border)!important;color:var(--zp-text-3)!important;background:#ffffff94!important}html[data-theme=light] .category-filter{border-color:var(--zp-border)!important;color:var(--zp-text-2)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffff94!important}html[data-theme=light] .category-filter:hover{border-color:var(--zp-border-strong)!important;background:#ffffffe6!important}html[data-theme=light] .category-filter.active{border-color:var(--zp-purple-border)!important;color:var(--zp-purple-dark)!important;background:#fffffffa!important;box-shadow:0 4px 14px #483f8212!important}html[data-theme=light] .periodic-scroll{border-radius:20px;background:linear-gradient(145deg,#dfe5ee8a,#e9edf4b3)!important;padding:20px!important;box-shadow:inset 0 0 0 1px #49546814!important}html[data-theme=light] .workspace-periodic-table{color:var(--zp-text)!important}html[data-theme=light] .workspace-element-card{color:var(--zp-text)!important;background:linear-gradient(145deg,#ffffffeb,#f4f7fbf0)!important;border:1px solid #525e7421!important;box-shadow:0 4px 13px #2d394b0e,inset 0 1px #ffffffdb!important}html[data-theme=light] button.workspace-element-card:hover{background:#fff!important;transform:translateY(-4px)scale(1.035)!important;box-shadow:0 12px 28px #2d394b21,inset 0 1px #fffffff2!important}html[data-theme=light] .workspace-element-number{color:#7b879c!important}html[data-theme=light] .workspace-element-symbol{color:#252b39!important}html[data-theme=light] .workspace-element-name{color:#657188!important}html[data-theme=light] .workspace-element-mass{color:#8c96a8!important}html[data-theme=light] .workspace-element-card.nonmetal{background:linear-gradient(145deg,#f1fcfe,#e9f7fa)!important;border-color:#0891b257!important}html[data-theme=light] .workspace-element-card.noble-gas{background:linear-gradient(145deg,#faf7ff,#f1eafa)!important;border-color:#9333ea4f!important}html[data-theme=light] .workspace-element-card.alkali-metal{background:linear-gradient(145deg,#fff8f8,#fceced)!important;border-color:#dc262647!important}html[data-theme=light] .workspace-element-card.alkaline-earth-metal{background:linear-gradient(145deg,#fffaf5,#fdf0e5)!important;border-color:#ea580c47!important}html[data-theme=light] .workspace-element-card.transition-metal{background:linear-gradient(145deg,#fffdf4,#f9f2dc)!important;border-color:#ca8a044d!important}html[data-theme=light] .workspace-element-card.post-transition-metal{background:linear-gradient(145deg,#fbfff4,#eef7df)!important;border-color:#65a30d45!important}html[data-theme=light] .workspace-element-card.metalloid{background:linear-gradient(145deg,#f3fdf9,#e5f5ee)!important;border-color:#0596694a!important}html[data-theme=light] .workspace-element-card.halogen{background:linear-gradient(145deg,#f5f8ff,#e9effb)!important;border-color:#2563eb45!important}html[data-theme=light] .workspace-element-card.lanthanide{background:linear-gradient(145deg,#fff7fb,#faeaf2)!important;border-color:#db277742!important}html[data-theme=light] .workspace-element-card.actinide{background:linear-gradient(145deg,#fff7f8,#f9e9ed)!important;border-color:#e11d4842!important}html[data-theme=light] .series-card{color:var(--zp-text-2)!important;background:linear-gradient(145deg,#fff9,#e8edf499)!important}html[data-theme=light] .tool-hub-header{border-color:var(--zp-border)!important;box-shadow:var(--zp-shadow)!important;background:radial-gradient(circle at 94% 0,#8b6be81a,#0000 32%),linear-gradient(145deg,#ffffffd9,#f4f7fbd1)!important}html[data-theme=light] .tool-hub-header :is(h2,strong){color:var(--zp-text)!important}html[data-theme=light] .tool-hub-header p{color:var(--zp-text-3)!important}html[data-theme=light] .tool-selector-card{border-color:color-mix(in srgb, var(--tool-color) 20%, var(--zp-border))!important;background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--tool-color) 10%, transparent), transparent 43%), linear-gradient(145deg, #ffffffeb, #f3f6fae8)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-sm), inset 0 1px 0 #ffffffdb!important}html[data-theme=light] .tool-selector-card:hover{border-color:color-mix(in srgb, var(--tool-color) 42%, #525e741f)!important;background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--tool-color) 15%, transparent), transparent 43%), #fff!important;box-shadow:0 13px 32px #2d394b1c!important}html[data-theme=light] .tool-selector-card.active{border-color:color-mix(in srgb, var(--tool-color) 55%, #525e741f)!important;background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--tool-color) 18%, transparent), transparent 43%), #fffffffa!important;box-shadow:0 13px 34px #2d394b1a!important}html[data-theme=light] .tool-selector-copy strong{color:var(--zp-text)!important}html[data-theme=light] .tool-selector-copy small{color:var(--zp-text-3)!important}html[data-theme=light] .tool-active-bar{border-color:var(--zp-border)!important;color:var(--zp-text-2)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffff9e!important}html[data-theme=light] :is(.balance-shell,.cc-workspace,.sol-shell,.learning-shell,.learning-start,.learning-question-card,.virtual-lab-v2 .panel){border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-sm)!important;background:linear-gradient(145deg,#ffffffe0,#f6f8fcdb)!important}html[data-theme=light] :is(input,select,textarea){border-color:var(--zp-border)!important;color:var(--zp-text)!important;background:#ffffffd1!important;box-shadow:inset 0 1px 2px #26304106!important}html[data-theme=light] :is(input,select,textarea):focus{border-color:var(--zp-purple-border)!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 4px #8b6be813!important}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#9ca5b5!important}html[data-theme=light] :is(#view-tools,#view-learning,#view-lab) button:not(.cc-primary):not(.primary-btn):not(.learning-start-button){border-color:var(--zp-border)!important}html[data-theme=light] .cc-primary,html[data-theme=light] .primary-btn,html[data-theme=light] .learning-start-button{color:#fff!important;background:linear-gradient(135deg,#8063dc,#9678ea)!important;border-color:#7356d64d!important;box-shadow:0 8px 18px #7054c62b!important}html[data-theme=light] .cc-primary:hover,html[data-theme=light] .primary-btn:hover,html[data-theme=light] .learning-start-button:hover{background:linear-gradient(135deg,#7558d3,#8969df)!important;box-shadow:0 10px 22px #7054c63b!important}html[data-theme=light] .cc-tabs{border-color:var(--zp-border)!important;background:#e5eaf294!important}html[data-theme=light] .cc-tabs button{color:var(--zp-text-3)!important;background:0 0!important}html[data-theme=light] .cc-tabs button.active{color:var(--zp-text)!important;box-shadow:var(--zp-shadow-sm)!important;background:#fffffff5!important}html[data-theme=light] :is(.cc-input-card,.cc-formula-box,.cc-answer,.cc-result,.cc-element-row,.cc-note){border-color:var(--zp-border)!important;color:var(--zp-text)!important;background:#ffffff9e!important}html[data-theme=light] :is(.balance-card,.balance-input-card,.balance-result,.balance-equation,.balance-stage){border-color:var(--zp-border)!important;color:var(--zp-text)!important;background:#ffffffa6!important}html[data-theme=light] :is(.sol-query,.sol-table-scroll,.sol-matrix-head,.sol-note){border-color:var(--zp-border)!important;color:var(--zp-text)!important;background:#ffffff9e!important}html[data-theme=light] .sol-table-scroll table{background:0 0!important}html[data-theme=light] .sol-table-scroll :is(th,td){border-color:var(--zp-border-soft)!important;color:var(--zp-text-2)!important}html[data-theme=light] :is(.learning-mode,.difficulty-button,.learning-option){border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffffa3!important}html[data-theme=light] :is(.learning-mode,.difficulty-button,.learning-option):hover{border-color:var(--zp-purple-border)!important;box-shadow:var(--zp-shadow-sm)!important;background:#fffffff0!important}html[data-theme=light] .virtual-lab-v2{color:var(--zp-text)!important}html[data-theme=light] .virtual-lab-v2 .panel{border-color:var(--zp-border)!important;box-shadow:var(--zp-shadow-sm)!important;background:linear-gradient(145deg,#ffffffe6,#f3f6fae0)!important}html[data-theme=light] .reagent-card{border-color:var(--zp-border)!important;color:var(--zp-text)!important;background:#ffffff9e!important}html[data-theme=light] .reagent-card:hover{border-color:var(--zp-purple-border)!important;box-shadow:var(--zp-shadow-sm)!important;background:#fff!important}html[data-theme=light] .reagent-card.active{border-color:var(--zp-purple-border)!important;background:linear-gradient(145deg,#8b6be81c,#fffffff0)!important}html[data-theme=light] .reagent-text strong{color:var(--zp-text)!important}html[data-theme=light] .reagent-text span{color:var(--zp-text-3)!important}html[data-theme=light] :is(.info-box,.meter,.stage-note,.stage-badge,.vl-controls){border-color:var(--zp-border)!important;color:var(--zp-text)!important;background:#ffffff94!important}html[data-theme=light] .vl-stage{background:radial-gradient(circle at 50% 25%,#f6f8fb,#e9edf4)!important}html[data-theme=light] .element-drawer{border-color:var(--zp-border)!important;color:var(--zp-text)!important;-webkit-backdrop-filter:blur(28px)!important;background:#f6f8fcf5!important;box-shadow:-24px 0 58px #2e384b26!important}html[data-theme=light] .drawer-topbar{border-color:var(--zp-border)!important;background:#f7f9fce8!important}html[data-theme=light] :is(.drawer-card,.drawer-stat-card,.drawer-property-card){border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-xs)!important;background:#ffffffb0!important}html[data-theme=light] .drawer-tabs{border-color:var(--zp-border)!important;background:#e4e9f194!important}html[data-theme=light] .drawer-tabs button{color:var(--zp-text-3)!important}html[data-theme=light] .drawer-tabs button.active{color:var(--zp-purple-dark)!important;box-shadow:var(--zp-shadow-sm)!important;background:#fffffff0!important}html[data-theme=light] :is(.atom-modal,.orbital-modal){-webkit-backdrop-filter:blur(16px)!important;background:#28314247!important}html[data-theme=light] :is(.atom-window,.orbital-window){border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-lg)!important;background:#f7f9fcf7!important}html[data-theme=light] :is(.atom-canvas,.orbital-canvas){background:radial-gradient(circle,#151929,#080b12 72%)!important;border-color:#8b6be833!important}html[data-theme=light] :is(.atom-info,.orbital-info,.shell-display,.subshell-panel,.orbital-current,.atom-legend,.orbital-phase-legend){color:var(--zp-text)!important}html[data-theme=light] .v5-command-layer{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#323b4d42!important}html[data-theme=light] .v5-command-panel{border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-lg)!important;background:#f8fafdf7!important}html[data-theme=light] .v5-command-search{border-color:var(--zp-border)!important}html[data-theme=light] .v5-command-search input{color:var(--zp-text)!important;box-shadow:none!important;background:0 0!important}html[data-theme=light] .v5-command-item{color:var(--zp-text)!important}html[data-theme=light] .v5-command-item:hover,html[data-theme=light] .v5-command-item:focus{background:#8b6be816!important}html[data-theme=light] .user-settings-layer{background:#2d364747!important}html[data-theme=light] .user-settings-panel{border-color:var(--zp-border)!important;color:var(--zp-text)!important;box-shadow:var(--zp-shadow-lg)!important;background:#f7f9fcf7!important}html[data-theme=light] :is(.user-settings-head,.user-settings-footer){border-color:var(--zp-border)!important;background:#f7f9fcf0!important}html[data-theme=light] :is(.setting-group,.setting-toggle){border-color:var(--zp-border)!important;background:#ffffff9e!important}html[data-theme=light] .setting-copy strong{color:var(--zp-text)!important}html[data-theme=light] .setting-copy span{color:var(--zp-text-3)!important}html[data-theme=light] .setting-segmented{border-color:var(--zp-border)!important;background:#e4e9f1a8!important}html[data-theme=light] .setting-segmented button{color:var(--zp-text-3)!important}html[data-theme=light] .setting-segmented button.active{color:var(--zp-purple-dark)!important;box-shadow:0 2px 8px #2d394b13, inset 0 0 0 1px var(--zp-purple-border)!important;background:#fffffff5!important}html[data-theme=light] *{scrollbar-color:#6e788c5c transparent}html[data-theme=light] ::-webkit-scrollbar{width:10px;height:10px}html[data-theme=light] ::-webkit-scrollbar-track{background:0 0}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#6e788c57 padding-box padding-box;border:3px solid #0000;border-radius:999px}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#626c8075 padding-box padding-box}html[data-theme=light] ::selection{color:#29233c;background:#8b6be833}@media (width<=767px){html[data-theme=light] .workspace-topbar{background:#f6f8fceb!important}html[data-theme=light] .workspace-sidebar{background:#f6f8fcf0!important;box-shadow:0 -10px 30px #323c5012!important}html[data-theme=light] .periodic-scroll{border-radius:16px;padding:12px!important}html[data-theme=light] .workspace-element-card{box-shadow:0 3px 10px #2d394b0f!important}html[data-theme=light] .user-settings-panel{background:#f4f7fb!important}}@media (width>=768px) and (width<=1023px){html[data-theme=light] .workspace-sidebar{background:#f3f6faeb!important}}html[data-theme=light] #view-lab .guided-panel,html[data-theme=light] #view-lab .guided-modebar{color:#202635!important;border-color:#4c566d24!important}html[data-theme=light] #view-lab .guided-grade-card,html[data-theme=light] #view-lab .guided-experiment-card,html[data-theme=light] #view-lab .guided-overview-main,html[data-theme=light] #view-lab .guided-resume-card{color:#202635!important;background:#fff!important;border-color:#4c566d24!important}html[data-theme=light] #view-lab .guided-mode-btn{color:#4c566d!important}html[data-theme=light] #view-lab .guided-mode-btn:hover:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-lab .guided-mode-btn.active:not(.cc-primary):not(.primary-btn):not(.learning-start-button){color:#302650!important;background:#8b6be817!important;border-color:#7356d63d!important}html[data-theme=light] #view-lab .guided-mode-btn small,html[data-theme=light] #view-lab .guided-grade-card>p,html[data-theme=light] #view-lab .guided-grade-meta,html[data-theme=light] #view-lab .guided-hero p{color:#59657a!important}html[data-theme=light] #view-lab .guided-grade-card>strong,html[data-theme=light] #view-lab .guided-hero h3,html[data-theme=light] #view-lab .guided-toolbar h3,html[data-theme=light] #view-lab .guided-coach h3{color:#202635!important}html[data-theme=light] #view-lab .guided-progress-track{background:#4c566d1f!important}html[data-theme=light] #view-lab .guided-note{color:#4c566d!important;background:#8b6be80f!important;border-color:#7356d62e!important}html[data-theme=light] .pv5-head{background:linear-gradient(145deg,#fffffff5,#f1f5faf0)!important;border-color:#4c566d24!important;box-shadow:0 8px 26px #2b354812!important}html[data-theme=light] .pv5-eyebrow{color:#7356d6!important}html[data-theme=light] .pv5-head h1,html[data-theme=light] .pv5-head-stats strong{color:#202635!important}html[data-theme=light] .pv5-head p,html[data-theme=light] .pv5-head-stats span{color:#59657a!important}html[data-theme=light] .pv5-head-stats>div{background:#ffffffc7!important;border-color:#4c566d21!important}html[data-theme=light] .pv5-search,html[data-theme=light] .pv5-segmented,html[data-theme=light] .pv5-filter-chip,html[data-theme=light] .pv5-legend{background:#ffffffd1!important;border-color:#4c566d26!important;box-shadow:0 2px 8px #2b35480b!important}html[data-theme=light] .pv5-search input{color:#202635!important}html[data-theme=light] .pv5-search input::placeholder,html[data-theme=light] .pv5-search kbd,html[data-theme=light] .pv5-filter-chip b{color:#667188!important}html[data-theme=light] .pv5-search kbd,html[data-theme=light] .pv5-filter-chip b{background:#4c566d0f!important;border-color:#4c566d1f!important}html[data-theme=light] .pv5-search svg{color:#667188!important}html[data-theme=light] .pv5-segmented button,html[data-theme=light] .pv5-filter-chip{color:#4c566d!important}html[data-theme=light] .pv5-segmented button:hover,html[data-theme=light] .pv5-filter-chip:hover{color:#302650!important;background:#8b6be812!important;border-color:#7356d63d!important}html[data-theme=light] .pv5-segmented button.active,html[data-theme=light] .pv5-filter-chip.active{color:#49358b!important;background:#8b6be81c!important;border-color:#7356d647!important;box-shadow:inset 0 0 0 1px #8b6be814!important}html[data-theme=light] .pv5-result-bar,html[data-theme=light] .pv5-result-bar strong,html[data-theme=light] .pv5-result-bar button,html[data-theme=light] .pv5-group-label,html[data-theme=light] .pv5-period-label{color:#59657a!important}html[data-theme=light] .pv5-result-bar button{background:#ffffffc2!important;border-color:#4c566d24!important}html[data-theme=light] .pv5-element{border-color:color-mix(in srgb, var(--element-accent) 28%, #d8dfeb)!important;background:linear-gradient(145deg, color-mix(in srgb, var(--element-accent) 5%, #fff), #f7f9fc)!important;color:#202635!important;box-shadow:0 2px 7px #2b354812!important}html[data-theme=light] .pv5-element-number{color:#59657a!important}html[data-theme=light] .pv5-element-name{color:#4c566d!important}html[data-theme=light] .pv5-element-mass{color:#667188!important}html[data-theme=light] .pv5-series-card{border-color:color-mix(in srgb, var(--element-accent) 34%, #cbd4e2)!important;background:color-mix(in srgb, var(--element-accent) 8%, #fff)!important;color:#202635!important}html[data-theme=light] .pv5-series-card span,html[data-theme=light] .pv5-series-card b{color:color-mix(in srgb, var(--element-accent) 72%, #283247)!important}html[data-theme=light] .pv5-series-card strong{color:#202635!important}html[data-theme=light] .pv5-series-card small,html[data-theme=light] .pv5-f-label span,html[data-theme=light] .pv5-f-label strong,html[data-theme=light] .pv5-legend>div:first-child>span,html[data-theme=light] .pv5-legend>div:first-child strong,html[data-theme=light] .pv5-legend-items span,html[data-theme=light] .pv5-fblock-divider{color:#59657a!important}html[data-theme=light] .pv5-fblock-divider i{background:#4c566d29!important}html[data-theme=light] .pv5-f-label{background:#ffffffb8!important;border-color:#4c566d21!important}html[data-theme=light] .pv5-f-row.pv5-series-focus{background:#8b6be812!important;box-shadow:0 0 0 1px #8b6be830!important}html[data-theme=light] .pv5-element:focus-visible,html[data-theme=light] .pv5-series-card:focus-visible{outline-offset:2px!important;outline:3px solid #7356d6a6!important}html[data-theme=light] .balance-tool{background:#ffffffeb!important;border-color:#4c566d29!important;box-shadow:0 14px 38px #2b354817!important}html[data-theme=light] .balance-header{border-color:#4c566d24!important}html[data-theme=light] .balance-status-pill{color:#4c566d!important;background:#f4f6fa!important;border-color:#4c566d24!important}html[data-theme=light] .balance-stage{background:radial-gradient(circle at 50% 45%,#f8fafc,#edf1f6 78%)!important;border-color:#4c566d24!important}html[data-theme=light] .balance-stage-grid{opacity:.24!important;background-image:linear-gradient(#4c566d38 1px,#0000 1px),linear-gradient(90deg,#4c566d38 1px,#0000 1px)!important}html[data-theme=light] .stage-side-info{background:#ffffffe0!important;border-color:#4c566d24!important}html[data-theme=light] .stage-side-info strong,html[data-theme=light] .balance-stage-message strong{color:#202635!important}html[data-theme=light] .equation-side,html[data-theme=light] .equation-side:focus-within{background:#fff!important;border-color:#4c566d2b!important}html[data-theme=light] .equation-side-title strong,html[data-theme=light] .equation-side input{color:#202635!important}html[data-theme=light] .equation-side input::placeholder{color:#788398!important}html[data-theme=light] .balance-result.empty{background:#f6f8fb!important;border-color:#4c566d24!important}html[data-theme=light] .balance-result strong{color:#435067!important}html[data-theme=light] .balance-result.success strong{color:#17603a!important}html[data-theme=light] .chem-learning-v3{color:#202635!important}html[data-theme=light] .cl-learn-profile,html[data-theme=light] .cl-learn-stats,html[data-theme=light] .cl-mastery,html[data-theme=light] .cl-learning-setup,html[data-theme=light] .cl-weak-panel,html[data-theme=light] .cl-history-panel,html[data-theme=light] .cl-session-top,html[data-theme=light] .cl-session-footer,html[data-theme=light] .cl-question-card,html[data-theme=light] .cl-result-hero{color:#202635!important;background:linear-gradient(145deg,#fff,#f4f6fa)!important;border-color:#4c566d24!important;box-shadow:0 6px 20px #2b35480e!important}html[data-theme=light] .cl-learn-stats,html[data-theme=light] .cl-stat-card,html[data-theme=light] .cl-mastery-card,html[data-theme=light] .cl-mode-card,html[data-theme=light] .cl-weak-list>div,html[data-theme=light] .cl-history-list>div,html[data-theme=light] .cl-answer-option,html[data-theme=light] .cl-result-stats>div{color:#202635!important;background:#fff!important;border-color:#4c566d21!important}html[data-theme=light] .cl-section-head h3,html[data-theme=light] .cl-learn-level strong,html[data-theme=light] .cl-learn-profile-copy h2,html[data-theme=light] .cl-stat-card strong,html[data-theme=light] .cl-mastery-top>div strong,html[data-theme=light] .cl-mode-card>div:nth-child(2)>strong,html[data-theme=light] .cl-question-card h2,html[data-theme=light] .cl-session-score strong,html[data-theme=light] .cl-feedback strong,html[data-theme=light] .cl-result-score strong,html[data-theme=light] .cl-result-hero h2,html[data-theme=light] .cl-result-stats strong{color:#202635!important}html[data-theme=light] .cl-section-head>div>span,html[data-theme=light] .cl-setup-title span,html[data-theme=light] .cl-learn-profile-copy>span,html[data-theme=light] .cl-question-number,html[data-theme=light] .cl-result-eyebrow{color:#7356d6!important}html[data-theme=light] .cl-section-head>small,html[data-theme=light] .cl-learn-level span,html[data-theme=light] .cl-learn-profile-copy p,html[data-theme=light] .cl-level-progress>div:first-child,html[data-theme=light] .cl-stat-card small,html[data-theme=light] .cl-mastery-top>div small,html[data-theme=light] .cl-mastery-card p,html[data-theme=light] .cl-mode-card p,html[data-theme=light] .cl-mode-card>div:nth-child(2)>span,html[data-theme=light] .cl-mode-card>i,html[data-theme=light] #cl-start-note,html[data-theme=light] .cl-weak-list small,html[data-theme=light] .cl-history-list small,html[data-theme=light] .cl-empty-insight span,html[data-theme=light] .cl-session-progress>div:first-child,html[data-theme=light] .cl-session-score span,html[data-theme=light] .cl-session-footer>div,html[data-theme=light] .cl-question-meta>span:first-child,html[data-theme=light] .cl-feedback p,html[data-theme=light] .cl-result-hero p,html[data-theme=light] .cl-result-stats small{color:#59657a!important}html[data-theme=light] .cl-progress-track{background:#e3e8f0!important}html[data-theme=light] .cl-topic-options button,html[data-theme=light] .cl-choice-row button,html[data-theme=light] .cl-session-back{color:#4c566d!important;background:#f6f8fb!important;border-color:#4c566d26!important}html[data-theme=light] .cl-topic-options button.active,html[data-theme=light] .cl-choice-row button.active{color:#49358b!important;background:#eee9fc!important;border-color:#7356d652!important}html[data-theme=light] .cl-answer-option:hover:not(:disabled){background:#f5f1ff!important;border-color:#7356d657!important}html[data-theme=light] .cl-answer-option>span{color:#4c566d!important;background:#f2f4f8!important;border-color:#4c566d1f!important}html[data-theme=light] .cl-answer-option.correct,html[data-theme=light] .cl-feedback.correct{color:#205c35!important;background:#edf8f0!important;border-color:#16653438!important}html[data-theme=light] .cl-answer-option.correct>span,html[data-theme=light] .cl-feedback.correct .cl-feedback-icon{color:#17603a!important;border-color:#16653433!important}html[data-theme=light] .cl-answer-option.wrong,html[data-theme=light] .cl-feedback.wrong{color:#842929!important;background:#fff1f1!important;border-color:#b91c1c33!important}html[data-theme=light] .cl-answer-option.wrong>span,html[data-theme=light] .cl-feedback.wrong .cl-feedback-icon{color:#a12c2c!important;border-color:#b91c1c33!important}html[data-theme=light] .cl-empty-insight{border-color:#4c566d33!important}html[data-theme=light] .cl-empty-insight strong,html[data-theme=light] .cl-result-level strong{color:#202635!important}html[data-theme=light] .cl-result-score{background:#f0ecfc!important;border-color:#7356d64d!important;box-shadow:0 4px 16px #5c499b14!important}html[data-theme=light] .cl-result-score span,html[data-theme=light] .cl-result-review,html[data-theme=light] .cl-result-topic-list small{color:#59657a!important}html[data-theme=light] .cl-perfect-bonus{color:#8a5400!important;background:#fff8e8!important;border-color:#a162072e!important}html[data-theme=light] .sol-tool{color:#202635!important;background:linear-gradient(145deg,#fff,#f3f6fa)!important;border-color:#4c566d26!important;box-shadow:0 12px 34px #2b354814!important}html[data-theme=light] .sol-head,html[data-theme=light] .sol-query{border-color:#4c566d24!important}html[data-theme=light] .sol-head h2,html[data-theme=light] .sol-matrix-head h3,html[data-theme=light] .sol-result-card>strong,html[data-theme=light] .sol-description strong{color:#202635!important}html[data-theme=light] .sol-head>div:first-child>span,html[data-theme=light] .sol-matrix-head>div>span{color:#7356d6!important}html[data-theme=light] .sol-head p,html[data-theme=light] .sol-select-box label,html[data-theme=light] .sol-combine,html[data-theme=light] .sol-arrow,html[data-theme=light] .sol-result-card>span,html[data-theme=light] .sol-description p,html[data-theme=light] .sol-legend span,html[data-theme=light] .sol-note{color:#59657a!important}html[data-theme=light] .sol-head-badge{color:#28613c!important;background:#edf8f0!important;border-color:#1665342e!important}html[data-theme=light] .sol-result-card,html[data-theme=light] .sol-description{background:#fff!important;border-color:#4c566d24!important}html[data-theme=light] .sol-result-card.soluble>b{color:#17603a!important;background:#e9f7ed!important}html[data-theme=light] .sol-result-card.slight>b{color:#875000!important;background:#fff5df!important}html[data-theme=light] .sol-result-card.insoluble>b{color:#922f2f!important;background:#fff0f0!important}html[data-theme=light] .sol-table-scroll{border-color:#4c566d24!important}html[data-theme=light] .sol-table{background:#fff!important}html[data-theme=light] .sol-table th,html[data-theme=light] .sol-table td{border-color:#4c566d1f!important}html[data-theme=light] .sol-table thead th,html[data-theme=light] .sol-table tbody th{color:#3e4a60!important;background:#f1f4f8!important}html[data-theme=light] .sol-cell.soluble{color:#17603a!important;background:#edf8f0!important}html[data-theme=light] .sol-cell.slight{color:#875000!important;background:#fff6e5!important}html[data-theme=light] .sol-cell.insoluble{color:#922f2f!important;background:#fff0f0!important}html[data-theme=light] .sol-cell.selected{border-color:#7356d6!important;box-shadow:0 0 0 2px #7356d62b!important}html[data-theme=light] .ion-engine{color:#202635!important;background:linear-gradient(145deg,#fff,#f3f6fa)!important;border-color:#4c566d26!important;box-shadow:0 12px 34px #2b354814!important}html[data-theme=light] .ion-head,html[data-theme=light] .ion-library{border-color:#4c566d24!important}html[data-theme=light] .ion-eyebrow,html[data-theme=light] .ion-detail-head>div>span,html[data-theme=light] .compound-builder-head>span,html[data-theme=light] .ion-library-count>span{color:#7356d6!important}html[data-theme=light] .ion-head h2,html[data-theme=light] .ion-detail-head h3,html[data-theme=light] .compound-builder-head h3,html[data-theme=light] .ion-detail-grid strong,html[data-theme=light] .ion-card-formula,html[data-theme=light] .ion-card-name,html[data-theme=light] .selected-ion>strong{color:#202635!important}html[data-theme=light] .ion-head p,html[data-theme=light] .ion-search span,html[data-theme=light] .ion-filter button,html[data-theme=light] .ion-card-type,html[data-theme=light] .ion-card small,html[data-theme=light] .ion-detail-grid span,html[data-theme=light] .ion-composition>span,html[data-theme=light] .ion-detail-note,html[data-theme=light] .compound-builder-head p,html[data-theme=light] .selected-ion>span,html[data-theme=light] .selected-ion>small,html[data-theme=light] .ion-plus{color:#59657a!important}html[data-theme=light] .ion-engine-status{color:#28613c!important;background:#edf8f0!important;border-color:#1665342e!important}html[data-theme=light] .ion-search,html[data-theme=light] .ion-filter button,html[data-theme=light] .ion-library-count strong,html[data-theme=light] .ion-card,html[data-theme=light] .ion-detail,html[data-theme=light] .compound-builder,html[data-theme=light] .ion-detail-grid>div,html[data-theme=light] .selected-ion{color:#202635!important;background:#fff!important;border-color:#4c566d24!important}html[data-theme=light] .ion-workspace{background:#eff3f8b8!important}html[data-theme=light] .ion-filter button.active,html[data-theme=light] .ion-card.selected{color:#49358b!important;background:#f1edff!important;border-color:#7356d64d!important}html[data-theme=light] #view-tools .ion-filter button.active:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-tools .ion-card.selected:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-tools .ion-to-solubility:not(.cc-primary):not(.primary-btn):not(.learning-start-button){border-color:#7356d652!important}html[data-theme=light] .ion-card-formula sup,html[data-theme=light] .ion-detail-grid strong,html[data-theme=light] .ion-detail-symbol.cation,html[data-theme=light] .ion-detail-symbol.anion{color:#49358b!important}html[data-theme=light] .ion-composition b,html[data-theme=light] .compound-balance>div{color:#3e4a60!important;background:#f3f5f9!important;border-color:#4c566d1f!important}html[data-theme=light] .compound-result{background:linear-gradient(145deg,#f2faf4,#fff)!important;border-color:#1665342e!important}html[data-theme=light] .compound-result-label,html[data-theme=light] .compound-balance span{color:#59657a!important}html[data-theme=light] .compound-formula,html[data-theme=light] .compound-balance strong{color:#205c35!important}html[data-theme=light] .compound-equation,html[data-theme=light] .ion-to-solubility{color:#49358b!important;background:#f1edff!important;border-color:#7356d629!important}html[data-theme=light] .orbital-atlas{color:#202635!important;background:linear-gradient(145deg,#fff,#f3f6fa)!important;border-color:#4c566d26!important}html[data-theme=light] .oa-head,html[data-theme=light] .oa-sidebar,html[data-theme=light] .oa-info{border-color:#4c566d24!important}html[data-theme=light] .oa-head>div:first-child>span,html[data-theme=light] .oa-label,html[data-theme=light] .oa-orbital-head strong{color:#7356d6!important}html[data-theme=light] .oa-head h2,html[data-theme=light] .oa-info h3,html[data-theme=light] .oa-family-tabs button strong,html[data-theme=light] .oa-orbital-list button strong,html[data-theme=light] .oa-quantum-grid strong,html[data-theme=light] .oa-family-info strong{color:#202635!important}html[data-theme=light] .oa-head p,html[data-theme=light] .oa-live,html[data-theme=light] .oa-orbital-head span,html[data-theme=light] .oa-orbital-list button span,html[data-theme=light] .oa-info>p,html[data-theme=light] .oa-quantum-grid small,html[data-theme=light] .oa-family-info>span,html[data-theme=light] .oa-family-info p,html[data-theme=light] .oa-warning p{color:#59657a!important}html[data-theme=light] .oa-live{background:#edf8f0!important;border-color:#1665342e!important}html[data-theme=light] .oa-family-tabs button,html[data-theme=light] .oa-orbital-list button,html[data-theme=light] .oa-quantum-grid>div,html[data-theme=light] .oa-family-info{background:#fff!important;border-color:#4c566d24!important}html[data-theme=light] #view-tools .oa-family-tabs button:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-tools .oa-orbital-list button:not(.cc-primary):not(.primary-btn):not(.learning-start-button){color:#4c566d!important}html[data-theme=light] .oa-family-tabs button:hover,html[data-theme=light] .oa-family-tabs button.active,html[data-theme=light] .oa-orbital-list button:hover,html[data-theme=light] .oa-orbital-list button.active{background:#f1edff!important;border-color:#7356d64d!important}html[data-theme=light] #view-tools .oa-family-tabs button:hover:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-tools .oa-family-tabs button.active:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-tools .oa-orbital-list button:hover:not(.cc-primary):not(.primary-btn):not(.learning-start-button),html[data-theme=light] #view-tools .oa-orbital-list button.active:not(.cc-primary):not(.primary-btn):not(.learning-start-button){color:#49358b!important;background:#f1edff!important;border-color:#7356d652!important}html[data-theme=light] .oa-family-tabs button.active strong,html[data-theme=light] .oa-orbital-list button.active strong{color:#49358b!important}html[data-theme=light] .oa-warning{background:#fff8e8!important;border-color:#a162072e!important}html[data-theme=light] .oa-stage-panel{background:radial-gradient(circle,#5b21b61a,#0000 50%),#10131d!important}html[data-theme=light] .oa-stage-toolbar,html[data-theme=light] .oa-stage-footer{border-color:#ffffff14!important}html[data-theme=light] .oa-stage-toolbar>div:first-child strong{color:#f7f7fa!important}html[data-theme=light] .oa-stage-actions button{color:#c2c8d5!important;background:#1b1e29!important;border-color:#ffffff1a!important}html[data-theme=light] .oa-stage-actions button:hover,html[data-theme=light] .oa-stage-actions button.active{color:#fff!important;background:#7c3aed2e!important;border-color:#a78bfa66!important}html[data-theme=light] .workspace-topbar,html[data-theme=light] .workspace-sidebar{background:#e5eaf0!important;border-color:#3644562e!important;box-shadow:0 2px 12px #2531410b!important}html[data-theme=light] .workspace-title-area strong,html[data-theme=light] .workspace-sidebar .sidebar-button,html[data-theme=light] .workspace-brand{color:#263446!important}html[data-theme=light] :is(.panel,.cc-panel,.cc-input-card,.learning-start,.learning-question-card,.element-drawer,.drawer-card,.v5-command-panel,.tool-hub-header,.tool-selector-card,.balance-tool,.sol-tool,.ion-engine,.orbital-atlas,.cc-workspace),html[data-theme=light] .virtual-lab-v2 .panel,html[data-theme=light] #view-lab .guided-panel,html[data-theme=light] #view-lab .guided-modebar{color:#202b3a!important;background:#e9edf2!important;border-color:#36445633!important;box-shadow:0 5px 18px #2531410e!important}html[data-theme=light] :is(.cl-learn-profile,.cl-learn-stats,.cl-mastery,.cl-learning-setup,.cl-weak-panel,.cl-history-panel,.cl-session-top,.cl-session-footer,.cl-question-card,.cl-result-hero,.cl-stat-card,.cl-mastery-card,.cl-mode-card,.cl-weak-list>div,.cl-history-list>div,.cl-answer-option,.cl-result-stats>div){color:#202b3a!important;box-shadow:none!important;background:#e9edf2!important;border-color:#3644562e!important}html[data-theme=light] .cl-mode-card.active{background:#e2e6ef!important;border-color:#5f4b9e59!important;box-shadow:inset 0 0 0 1px #5f4b9e1f!important}html[data-theme=light] .cl-answer-option{background:#edf1f5!important}html[data-theme=light] .cl-answer-option.correct,html[data-theme=light] .cl-feedback.correct{background:#e1eee5!important}html[data-theme=light] .cl-answer-option.wrong,html[data-theme=light] .cl-feedback.wrong{background:#f2e3e3!important}html[data-theme=light] .pv5-head,html[data-theme=light] .pv5-head-stats>div,html[data-theme=light] .pv5-search,html[data-theme=light] .pv5-segmented,html[data-theme=light] .pv5-filter-chip,html[data-theme=light] .pv5-legend{box-shadow:none!important;background:#e9edf2!important;border-color:#36445630!important}html[data-theme=light] .pv5-table-shell{background:#d9e0e8!important;border-color:#36445638!important;box-shadow:inset 0 1px 2px #2531410b!important}html[data-theme=light] .pv5-element{border-color:color-mix(in srgb, var(--element-accent) 25%, #c3ccd7)!important;color:#202b3a!important;background:#edf1f5!important;box-shadow:0 1px 4px #25314113!important}html[data-theme=light] .pv5-element-number,html[data-theme=light] .pv5-element-name,html[data-theme=light] .pv5-element-mass{color:#465568!important}html[data-theme=light] .pv5-element-symbol{color:#1d2938!important}html[data-theme=light] .pv5-series-card{border-color:color-mix(in srgb, var(--element-accent) 30%, #c3ccd7)!important;color:#202b3a!important;background:#e7ebf1!important}html[data-theme=light] .pv5-series-card small,html[data-theme=light] .pv5-f-label span,html[data-theme=light] .pv5-f-label strong,html[data-theme=light] .pv5-legend-items span{color:#465568!important}html[data-theme=light] .element-drawer{color:#202b3a!important;background:#e4e9ef!important;border-color:#3644563d!important;box-shadow:-14px 0 38px #1b26342b!important}html[data-theme=light] .ew5-top{color:#263446!important;background:#dce3eb!important;border-color:#3644562b!important}html[data-theme=light] .ew5-top strong,html[data-theme=light] .ew5-hero h2,html[data-theme=light] .ew5-section-head h3,html[data-theme=light] .ew5-stat-grid strong,html[data-theme=light] .ew5-property-list strong{color:#202b3a!important}html[data-theme=light] .ew5-hero{color:#202b3a!important;background:linear-gradient(145deg,#e6ebf1,#dce3eb)!important;border-color:#36445633!important}html[data-theme=light] .ew5-symbol{color:#253447!important;background:#d4dde7!important;box-shadow:inset 0 0 0 1px #36445629!important}html[data-theme=light] .ew5-category,html[data-theme=light] .ew5-hero-copy>p,html[data-theme=light] .ew5-hero-copy>div,html[data-theme=light] .ew5-stat-grid span,html[data-theme=light] .ew5-property-list span,html[data-theme=light] .ew5-bottom{color:#465568!important}html[data-theme=light] .ew5-quick{color:#263446!important;background:#dfe5ed!important;border-color:#3644562e!important}html[data-theme=light] .ew5-quick-head strong,html[data-theme=light] .ew5-quick-head>span,html[data-theme=light] .ew5-quick-head small{color:#3f4c5d!important}html[data-theme=light] .ew5-quick-action{color:#334155!important;background:#e9edf2!important;border-color:#3644562e!important}html[data-theme=light] .ew5-quick-action strong{color:#202b3a!important}html[data-theme=light] .ew5-quick-action small,html[data-theme=light] .ew5-quick-action>span:last-child{color:#526071!important}html[data-theme=light] .ew5-tabs{background:#dfe5ed!important;border-color:#36445626!important}html[data-theme=light] .ew5-tabs button{color:#465568!important}html[data-theme=light] .ew5-tabs button.active{color:#4f3d83!important;background:#edf1f5!important;border-color:#5f4b9e3d!important}html[data-theme=light] .ew5-content{color:#202b3a!important;background:0 0!important}html[data-theme=light] .ew5-stat-grid>div,html[data-theme=light] .ew5-property-list>div,html[data-theme=light] .ew5-property-list>li{color:#202b3a!important;background:#edf1f5!important;border-color:#36445626!important}html[data-theme=light] .ew5-section-head,html[data-theme=light] .ew5-section-head>span{color:#526071!important}html[data-theme=light] #app .element-drawer.open{color:#202b3a!important;background:#e4e9ef!important;border-color:#3644563d!important}html[data-theme=light] #app .element-drawer.open .ew5-tabs{color:#465568!important}html[data-theme=light] .reagent-card,html[data-theme=light] .vl-controls button,html[data-theme=light] .vl-volume button,html[data-theme=light] .log-head button{color:#263446!important;box-shadow:none!important;background:#dfe5ed!important;border-color:#36445633!important}html[data-theme=light] .reagent-card.active{background:#e2e5ef!important;border-color:#5f4b9e61!important;box-shadow:inset 0 0 0 1px #5f4b9e1f!important}html[data-theme=light] .reagent-card:hover,html[data-theme=light] .vl-controls button:hover,html[data-theme=light] .vl-volume button:hover{background:#e7e8f0!important;border-color:#5f4b9e57!important}html[data-theme=light] .vl-volume button.active,html[data-theme=light] .vl-controls button.active,html[data-theme=light] .primary-btn{color:#fff!important;background:#6653a7!important;border-color:#6653a7!important;box-shadow:0 3px 10px #3c316329!important}html[data-theme=light] .vl-live{color:#31573f!important;background:#e1e8e3!important;border-color:#3644562b!important}html[data-theme=light] .vl-live b{color:#31573f!important}html[data-theme=light] .stage-badge,html[data-theme=light] .info-box,html[data-theme=light] .meter,html[data-theme=light] .stage-note{color:#263446!important;box-shadow:none!important;background:#e1e6ed!important;border-color:#3644562e!important}html[data-theme=light] .stage-note strong,html[data-theme=light] .stage-badge strong,html[data-theme=light] .meter strong,html[data-theme=light] .info-box strong{color:#202b3a!important}html[data-theme=light] .stage-note span,html[data-theme=light] .meter small,html[data-theme=light] .info-box p,html[data-theme=light] .composition-list p,html[data-theme=light] .log-empty,html[data-theme=light] .log-item p,html[data-theme=light] .vl-controls span{color:#465568!important}html[data-theme=light] .composition-list div,html[data-theme=light] .log-item{color:#263446!important;background:#e6ebf1!important;border:1px solid #36445624!important}html[data-theme=light] .composition-list strong{color:#202b3a!important}html[data-theme=light] .log-item span{color:#526071!important}html[data-theme=light] .vl-stage:after{opacity:.35!important}html[data-theme=light] .stage-grid{background-image:linear-gradient(#45556813 1px,#0000 1px),linear-gradient(90deg,#45556813 1px,#0000 1px)!important}html[data-theme=light] .beaker-body:before{background:#b8c7d929!important;border-color:#596d8694!important;box-shadow:0 8px 18px #32425814!important}html[data-theme=light] .beaker-top{background:linear-gradient(#f5f8fc9e,#ccd8e73d)!important;border-color:#596d86a8!important}html[data-theme=light] .beaker-scale{color:#44556b!important}html[data-theme=light] .beaker-scale span:before{background:#44556b80!important}html[data-theme=light] #view-lab .reagent-card{color:#263446!important;background:#dfe5ed!important;border-color:#36445633!important}html[data-theme=light] #view-lab .reagent-card.active{color:#263446!important;background:#d9deea!important;border-color:#5f4b9e66!important;box-shadow:inset 0 0 0 1px #5f4b9e24!important}html[data-theme=light] #view-lab .info-box{color:#263446!important;background:#e1e6ed!important;border-color:#3644562e!important}html[data-theme=light] #view-lab .vl-volume button.active,html[data-theme=light] #view-lab .vl-controls button.active{color:#fff!important;background:#6653a7!important;border-color:#6653a7!important}html[data-theme=light] .cl-progress-overview{background:#d7dfe8!important;border-color:#36445633!important;box-shadow:0 4px 14px #2531410b!important}html[data-theme=light] .cl-progress-overview h2,html[data-theme=light] .cl-progress-grade-head h3,html[data-theme=light] .cl-progress-grade-count strong,html[data-theme=light] .cl-progress-next-copy strong,html[data-theme=light] .cl-progress-stat strong{color:#202b3a!important}html[data-theme=light] .cl-progress-overview p,html[data-theme=light] .cl-progress-grade-count,html[data-theme=light] .cl-progress-grade-state,html[data-theme=light] .cl-progress-next-copy small,html[data-theme=light] .cl-progress-empty-copy,html[data-theme=light] .cl-progress-stat span,html[data-theme=light] .cl-progress-recent strong{color:#465568!important}html[data-theme=light] .cl-progress-eyebrow,html[data-theme=light] .cl-progress-continue-head>span,html[data-theme=light] .cl-progress-recent>span,html[data-theme=light] .cl-progress-grade-head>div>span,html[data-theme=light] .cl-progress-next-copy>span{color:#5f4b9e!important}html[data-theme=light] .cl-progress-total-percent,html[data-theme=light] .cl-progress-grade-head>strong{color:#51417e!important}html[data-theme=light] .cl-progress-total-track,html[data-theme=light] .cl-progress-grade-track{background:#c6cfdb!important}html[data-theme=light] .cl-progress-total-track i,html[data-theme=light] .cl-progress-grade-track i{box-shadow:none!important;background:#6f5d9e!important}html[data-theme=light] .cl-progress-grade-card,html[data-theme=light] .cl-progress-continue-section,html[data-theme=light] .cl-progress-stat{box-shadow:none!important;background:#e8edf3!important;border-color:#3644562e!important}html[data-theme=light] .cl-progress-empty,html[data-theme=light] .cl-progress-complete{color:#263446!important;background:#e2e4ed!important;border-color:#5f4b9e33!important}html[data-theme=light] .cl-progress-empty strong,html[data-theme=light] .cl-progress-complete strong{color:#263446!important}html[data-theme=light] .cl-progress-empty span{color:#465568!important}:root{--cl-ux-violet:#8b5cf6;--cl-ux-cyan:#22d3ee;--cl-ux-blue:#60a5fa;--cl-ux-glow:#8b5cf638;--cl-ux-glow-cyan:#22d3ee24;--cl-ux-panel:#0e121dc7;--cl-ux-panel-strong:#0b0e17f0;--cl-ux-line:#ffffff16;--cl-ux-line-strong:#a78bfa3d;--cl-ux-ease:cubic-bezier(.2, .78, .25, 1)}.v5-route-progress{z-index:10050;pointer-events:none;opacity:0;height:3px;transition:opacity .18s;position:fixed;top:0;left:0;right:0;overflow:hidden}.v5-route-progress:before,.v5-route-progress>span{content:"";position:absolute;inset:0}.v5-route-progress:before{background:#8b5cf61f}.v5-route-progress>span{background:linear-gradient(90deg, transparent, var(--cl-ux-violet) 28%, var(--cl-ux-cyan) 72%, transparent);border-radius:999px;width:38%;transform:translate(-120%);box-shadow:0 0 18px #8b5cf68c,0 0 26px #22d3ee40}.v5-route-progress.is-active{opacity:1}.v5-route-progress.is-active>span{animation:clRouteProgress 1.15s var(--cl-ux-ease) infinite}@keyframes clRouteProgress{0%{transform:translate(-125%)}to{transform:translate(365%)}}.v5-view-loader{border:1px solid var(--cl-ux-line);background:radial-gradient(circle at 92% 0%, #22d3ee14, transparent 28%), radial-gradient(circle at 6% 0%, #8b5cf61f, transparent 32%), var(--cl-ux-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;width:min(100%,1680px);margin:0 auto 18px;padding:clamp(18px,2.4vw,28px);position:relative;overflow:hidden;box-shadow:0 20px 70px #0000002e,inset 0 1px #ffffff09}.v5-loader-head{align-items:center;gap:14px;display:flex}.v5-loader-head>div{gap:4px;min-width:0;display:grid}.v5-loader-head strong{color:#f8f7ff;font-size:clamp(16px,1.6vw,19px);line-height:1.25}.v5-loader-head div>span{color:#8d97ad;font-size:14px;line-height:1.5}.v5-loader-orbit{background:#8b5cf613;border:1px solid #a78bfa42;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;box-shadow:inset 0 0 22px #8b5cf614}.v5-loader-orbit:before{content:"";border:1px solid #22d3ee4d;border-radius:50%;width:22px;height:22px}.v5-loader-orbit i{animation:1.05s linear infinite clOrbit;position:absolute;inset:5px}.v5-loader-orbit i:before{content:"";background:#c4b5fd;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%,-2px);box-shadow:0 0 10px #c4b5fdcc,0 0 18px #22d3ee59}@keyframes clOrbit{to{transform:rotate(1turn)}}.v5-loader-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.v5-loader-grid>span{background:#ffffff06;border:1px solid #ffffff0e;border-radius:16px;min-height:126px;position:relative;overflow:hidden}.v5-loader-grid>span:before,.v5-loader-grid>span:after{content:"";background:#ffffff12;border-radius:999px;position:absolute;left:16px}.v5-loader-grid>span:before{width:42%;height:11px;top:20px}.v5-loader-grid>span:after{width:68%;height:8px;top:44px}.v5-loader-grid>span{background-image:linear-gradient(105deg,#0000 34%,#ffffff0e 48%,#0000 62%);background-position:140% 0;background-size:220% 100%;animation:1.35s ease-in-out infinite clSkeleton}@keyframes clSkeleton{to{background-position:-120% 0}}.v5-route-error{background:linear-gradient(135deg,#7f1d1d1f,#180c1261);border:1px solid #f8717138;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(100%,1680px);margin:0 auto 18px;padding:18px;display:grid}.v5-route-error-icon{color:#fca5a5;background:#f871711a;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.v5-route-error strong{color:#fff;font-size:15px}.v5-route-error p{color:#9ba3b7;margin:4px 0 0;font-size:13px;line-height:1.5}.v5-route-error button{color:#fee2e2;cursor:pointer;min-height:44px;transition:transform .18s var(--cl-ux-ease), background .18s ease, border-color .18s ease;background:#f8717114;border:1px solid #f871714d;border-radius:12px;padding:0 16px;font-weight:800}.v5-route-error button:hover{background:#f8717121;border-color:#f8717180;transform:translateY(-1px)}.workspace-topbar{isolation:isolate}.workspace-topbar:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#8b5cf647 32%,#22d3ee29 68%,#0000);height:1px;position:absolute;bottom:-1px;left:12px;right:12px}.workspace-brand,.v5-command-button,.v5-top-button,.sidebar-button{transition:transform .18s var(--cl-ux-ease), border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease}.workspace-brand:hover,.v5-command-button:hover,.v5-top-button:hover{transform:translateY(-1px)}.v5-command-button:hover{box-shadow:0 10px 28px #00000029,0 0 0 1px #8b5cf614,0 0 28px #8b5cf60f}.sidebar-button:hover .sidebar-icon{transform:translateY(-1px)scale(1.025)}.sidebar-icon{transition:transform .18s var(--cl-ux-ease), filter .18s ease}.sidebar-button.active .sidebar-icon{filter:drop-shadow(0 0 10px #a78bfa3d)}.sidebar-bottom-status i{transition:background .2s ease, box-shadow .2s ease, transform .2s var(--cl-ux-ease)}.sidebar-bottom-status.is-ready i{background:#34d399;box-shadow:0 0 10px #34d39966}.sidebar-bottom-status.is-loading i{background:#a78bfa;animation:.9s ease-in-out infinite alternate clStatusPulse;box-shadow:0 0 12px #a78bfa8c}.sidebar-bottom-status.is-error i{background:#fb7185;box-shadow:0 0 10px #fb718573}@keyframes clStatusPulse{to{opacity:.68;transform:scale(1.32)}}.workspace-main .v4-page-head>div>span{letter-spacing:.13em;font-size:12px!important}.workspace-main .v4-page-head p{max-width:780px;line-height:1.65;font-size:15px!important}.workspace-main .v4-page-head h1{text-wrap:balance}.tool-selector-card{isolation:isolate}.tool-selector-card:after{content:"";z-index:-1;background:var(--tool-color,var(--cl-ux-violet));opacity:0;filter:blur(46px);pointer-events:none;border-radius:50%;height:90%;transition:opacity .24s;position:absolute;inset:auto -20% -55% 18%}.tool-selector-card:hover:after,.tool-selector-card.active:after{opacity:.095}.tool-selector-card:hover{transform:translateY(-2px)}.tool-selector-card:active{transform:translateY(0)scale(.992)}html[data-theme=light]{--cl-ux-panel:#f8fafce6;--cl-ux-panel-strong:#fffffff5;--cl-ux-line:#0f172a17;--cl-ux-line-strong:#6d28d933}html[data-theme=light] .v5-view-loader{background:radial-gradient(circle at 92% 0,#0891b212,#0000 28%),radial-gradient(circle at 6% 0,#7c3aed14,#0000 32%),#f8fafcf0;box-shadow:0 16px 44px #0f172a12,inset 0 1px #ffffffe0}html[data-theme=light] .v5-loader-head strong{color:#111827}html[data-theme=light] .v5-loader-head div>span{color:#64748b}html[data-theme=light] .v5-loader-grid>span{background-color:#0f172a06;background-image:linear-gradient(105deg,#0000 34%,#ffffffb8 48%,#0000 62%);border-color:#0f172a11}html[data-theme=light] .v5-loader-grid>span:before,html[data-theme=light] .v5-loader-grid>span:after{background:#33415517}html[data-theme=light] .v5-route-error{background:#fef2f2eb;border-color:#dc262629}html[data-theme=light] .v5-route-error strong{color:#7f1d1d}html[data-theme=light] .v5-route-error p{color:#7c6670}html[data-theme=light] .v5-route-error button{color:#991b1b}@media (width<=760px){.v5-view-loader{border-radius:17px;margin-bottom:12px;padding:16px}.v5-loader-head{align-items:flex-start}.v5-loader-head div>span{font-size:13px}.v5-loader-grid{grid-template-columns:1fr;gap:8px}.v5-loader-grid>span{min-height:76px}.v5-route-error{grid-template-columns:auto minmax(0,1fr)}.v5-route-error button{grid-column:1/-1;width:100%}.workspace-main .v4-page-head>div>span{font-size:11px!important}.workspace-main .v4-page-head p{font-size:14px!important}}@media (prefers-reduced-motion:reduce){.v5-route-progress>span,.v5-loader-orbit i,.v5-loader-grid>span,.sidebar-bottom-status.is-loading i{animation:none}.workspace-brand,.v5-command-button,.v5-top-button,.sidebar-button,.tool-selector-card{transition-duration:.01ms}.workspace-brand:hover,.v5-command-button:hover,.v5-top-button:hover,.tool-selector-card:hover,.tool-selector-card:active{transform:none}}.v5-module-error{color:#c8ceda;background:#7f1d1d13;border:1px solid #f8717133;border-radius:14px;gap:5px;margin:16px 0;padding:16px 18px;display:grid}.v5-module-error strong{color:#fff;font-size:14px}.v5-module-error span{color:#8f98ab;font-size:13px;line-height:1.55}html[data-theme=light] .v5-module-error{background:#fef2f2cc;border-color:#dc262626}html[data-theme=light] .v5-module-error strong{color:#7f1d1d}html[data-theme=light] .v5-module-error span{color:#785e69}.series-drawer{--series-color:var(--element-accent,#c084fc);padding-bottom:2rem}.series-drawer-top{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1019f5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;margin:-1.5rem -1.5rem 0;padding:.8rem 1.4rem;display:flex;position:sticky;top:-1.5rem}.series-drawer-top>div{align-items:center;gap:.75rem;display:flex}.series-drawer-eyebrow{color:var(--series-color);letter-spacing:.1em;font-size:.73rem;font-weight:850}.series-drawer-top>div>strong{color:#8e98af;background:#ffffff08;border:1px solid #ffffff14;border-radius:.45rem;padding:.32rem .5rem;font-size:.75rem}.series-drawer-close{color:#c5cbd9;cursor:pointer;background:#121620;border:1px solid #ffffff1a;border-radius:.8rem;flex:0 0 46px;place-items:center;width:46px;height:46px;min-height:46px;font-size:1.45rem;display:grid}.series-drawer-close:hover{color:#fff;background:#191e2b;border-color:#fff3}.series-drawer-hero{border:1px solid color-mix(in srgb, var(--series-color) 28%, transparent);background:radial-gradient(circle at 12% 50%, color-mix(in srgb, var(--series-color) 14%, transparent), transparent 38%), #10131c;border-radius:1.15rem;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:1.2rem;margin-top:1.4rem;padding:1.15rem;display:grid;position:relative;overflow:hidden}.series-drawer-hero:after{content:"";background:var(--series-color);opacity:.04;filter:blur(5px);border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-90px}.series-drawer-symbol{border:1px solid color-mix(in srgb, var(--series-color) 40%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--series-color) 10%, #151925), #0d1018);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:126px;height:132px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.series-drawer-symbol>span{color:var(--series-color);font-size:.9rem;font-weight:900;position:absolute;top:9px;left:11px}.series-drawer-symbol>strong{color:#fff;letter-spacing:-.04em;font-size:1.55rem}.series-drawer-heading{min-width:0}.series-drawer-heading>span{color:var(--series-color);letter-spacing:.05em;font-size:.78rem;font-weight:800}.series-drawer-heading h2{color:#fff;letter-spacing:-.035em;margin:.3rem 0 .45rem;font-size:2rem;line-height:1.1}.series-drawer-heading p{color:#939db2;max-width:390px;margin:0;font-size:.9rem;line-height:1.6}.series-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid}.series-summary-grid>div{background:#10131c;border:1px solid #ffffff12;border-radius:.8rem;flex-direction:column;justify-content:center;min-width:0;min-height:82px;padding:.75rem;display:flex}.series-summary-grid span{color:#717b92;letter-spacing:.05em;font-size:.68rem;font-weight:800}.series-summary-grid strong{color:#fff;margin-top:.25rem;font-size:1.15rem}.series-elements-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin:1.5rem 0 .65rem;display:flex}.series-elements-head>div>span{color:var(--series-color);letter-spacing:.09em;font-size:.7rem;font-weight:850}.series-elements-head h3{color:#fff;margin:.25rem 0 0;font-size:1.25rem}.series-elements-head>small{color:#737d93;font-size:.75rem}.series-elements-list{gap:.5rem;display:grid}.series-element-button{color:#fff;text-align:left;cursor:pointer;width:100%;min-height:72px;animation:.32s cubic-bezier(.22,.8,.25,1) both seriesElementEnter;animation-delay:var(--series-item-delay,0s);background:linear-gradient(145deg,#121620,#0f121a);border:1px solid #ffffff12;border-radius:.85rem;grid-template-columns:38px 50px minmax(0,1fr) 34px;align-items:center;gap:.7rem;padding:.65rem .75rem;display:grid}@keyframes seriesElementEnter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.series-element-button:hover{border-color:color-mix(in srgb, var(--series-item-color) 35%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--series-item-color) 8%, #141821), #10131b);transform:translate(3px);box-shadow:0 8px 22px #00000024}.series-element-number{color:#69748b;font-variant-numeric:tabular-nums;font-size:.78rem}.series-element-symbol{border:1px solid color-mix(in srgb, var(--series-item-color) 25%, transparent);background:color-mix(in srgb, var(--series-item-color) 6%, #11151f);color:#fff;border-radius:.7rem;place-items:center;width:48px;height:48px;font-size:1.15rem;display:grid}.series-element-name{flex-direction:column;gap:.18rem;min-width:0;display:flex}.series-element-name strong{color:#dfe3ed;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.series-element-name span{color:#707b91;font-size:.75rem}.series-element-arrow{color:#727d93;background:#ffffff09;border-radius:.55rem;place-items:center;width:32px;height:32px;transition:color .18s,background .18s,transform .18s;display:grid}.series-element-button:hover .series-element-arrow{background:color-mix(in srgb, var(--series-item-color) 10%, transparent);color:var(--series-item-color);transform:translate(2px)}.series-drawer-note{background:#ffffff05;border:1px solid #fff1;border-radius:.8rem;align-items:flex-start;gap:.65rem;margin-top:1rem;padding:.9rem;display:flex}.series-drawer-note>span{flex:none}.series-drawer-note p{color:#7f899f;margin:0;font-size:.8rem;line-height:1.55}.series-drawer-note strong{color:#abb3c5}.series-jump-card{z-index:5;pointer-events:auto!important;cursor:pointer!important}.series-jump-card:hover{transform:translateY(-3px)scale(1.025)}.series-jump-card:active{transform:scale(.96)}@media (width<=600px){.series-drawer-hero{grid-template-columns:92px minmax(0,1fr);gap:.8rem;padding:.85rem}.series-drawer-symbol{width:90px;height:100px}.series-drawer-symbol>strong{font-size:1.15rem}.series-drawer-heading h2{font-size:1.5rem}.series-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-element-button{grid-template-columns:32px 45px minmax(0,1fr) 30px;gap:.5rem}.series-element-symbol{width:43px;height:43px}.series-elements-head>small{display:none}}@media (prefers-reduced-motion:reduce){.series-element-button{animation:none}}.clprod-launcher{z-index:39000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;bottom:18px;right:18px}.clprod-launch-button{color:#e9ddff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#7c3aed29,#0d1018f5);border:1px solid #a78bfa42;border-radius:15px;place-items:center;width:52px;height:52px;transition:transform .17s,border-color .17s,background .17s;display:grid;position:relative;box-shadow:0 14px 45px #0000006b}.clprod-launch-button:hover{background:linear-gradient(145deg,#7c3aed3d,#0d1018fa);border-color:#c084fc70;transform:translateY(-2px)}.clprod-launch-button>span{letter-spacing:.03em;font-size:14px;font-weight:850}.clprod-launch-button>i{background:#22c55e;border:2px solid #0b0e15;border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;right:5px}.clprod-launch-button>i.offline{background:#f59e0b}.clprod-menu{opacity:0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0b0e16f7;border:1px solid #a78bfa29;border-radius:16px;width:310px;transition:opacity .17s,transform .17s;position:absolute;bottom:63px;right:0;overflow:hidden;transform:translateY(8px)scale(.98);box-shadow:0 25px 80px #00000094}.clprod-menu.open{opacity:1;transform:translateY(0)scale(1)}.clprod-menu>header{border-bottom:1px solid #ffffff0e;align-items:center;gap:11px;padding:15px;display:flex}.clprod-menu-logo{color:#c4b5fd;background:#7c3aed12;border:1px solid #a78bfa38;border-radius:11px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.clprod-menu>header>div:last-child>span{color:#806d9d;letter-spacing:.09em;font-size:10px;font-weight:850;display:block}.clprod-menu>header strong{color:#f0eff5;margin-top:2px;font-size:17px;display:block}.clprod-menu>header small{color:#858da0;margin-top:2px;font-size:12px;display:block}.clprod-version{border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 1fr;gap:8px;padding:11px 14px;display:grid}.clprod-version>div{background:#ffffff03;border:1px solid #ffffff0b;border-radius:9px;flex-direction:column;justify-content:center;min-height:58px;padding:9px 10px;display:flex}.clprod-version span{color:#717a8d;font-size:10px;font-weight:750}.clprod-version strong{color:#d9dce4;margin-top:5px;font-size:13px}.clprod-menu-actions{padding:8px}.clprod-menu-actions>button{color:#9da5b5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:8px;display:grid}.clprod-menu-actions>button:hover{background:#7c3aed09;border-color:#8b5cf626}.clprod-menu-actions>button>span{color:#bca7f7;background:#7c3aed09;border:1px solid #a78bfa1f;border-radius:9px;place-items:center;width:39px;height:39px;font-size:18px;display:grid}.clprod-menu-actions>button div{min-width:0}.clprod-menu-actions>button strong{color:#d8dbe3;font-size:13px;display:block}.clprod-menu-actions>button small{color:#757f91;margin-top:3px;font-size:11px;display:block}.clprod-menu-actions>button b{color:#606a7c;font-size:15px}.clprod-menu>footer{border-top:1px solid #ffffff0d;align-items:center;gap:8px;min-height:49px;padding:0 14px;display:flex}.clprod-menu>footer p{color:#777f91;margin:0;font-size:11px}.clprod-status-dot{background:#22c55e;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.clprod-status-dot.offline{background:#f59e0b}.clprod-about-overlay{z-index:70000;opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020409db;place-items:center;padding:18px;transition:opacity .2s;display:grid;position:fixed;inset:0}.clprod-about-overlay.open{opacity:1}.clprod-about{background:radial-gradient(circle at 50% 0,#7c3aed1a,#0000 34%),#090c13;border:1px solid #a78bfa30;border-radius:20px;width:min(780px,100%);max-height:calc(100vh - 36px);transition:transform .2s;position:relative;overflow-y:auto;transform:translateY(10px)scale(.985);box-shadow:0 40px 130px #000000ad}.clprod-about-overlay.open .clprod-about{transform:translateY(0)scale(1)}.clprod-about-close{z-index:2;color:#929aaa;cursor:pointer;background:#ffffff05;border:1px solid #ffffff13;border-radius:11px;width:43px;height:43px;font-size:21px;position:absolute;top:14px;right:14px}.clprod-about-hero{text-align:center;border-bottom:1px solid #ffffff0e;padding:45px 28px 27px}.clprod-about-logo{color:#c4b5fd;background:#7c3aed12;border:1px solid #a78bfa3d;border-radius:20px;place-items:center;width:72px;height:72px;margin:0 auto 17px;font-size:32px;display:grid;box-shadow:0 0 60px #7c3aed14}.clprod-about-hero>span{color:#81709c;letter-spacing:.11em;font-size:11px;font-weight:850}.clprod-about-hero h2{color:#f5f3ff;margin:9px 0 0;font-size:38px;line-height:1}.clprod-about-hero>strong{color:#c4b5fd;margin-top:8px;font-size:16px;display:block}.clprod-about-hero p{color:#8891a3;max-width:560px;margin:17px auto 0;font-size:14px;line-height:1.65}.clprod-about-version{justify-content:center;align-items:center;gap:9px;margin-top:18px;display:flex}.clprod-about-version span{color:#747d90;font-size:11px;font-weight:700}.clprod-about-version i{background:#7c3aed;border-radius:50%;width:4px;height:4px}.clprod-about-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:18px 22px;display:grid}.clprod-about-features article{background:#ffffff02;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:80px;padding:11px;display:grid}.clprod-about-features article>strong{color:#bda5f7;background:#7c3aed0e;border-radius:9px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.clprod-about-features article span{color:#d2d5dd;font-size:12px;font-weight:700;display:block}.clprod-about-features article small{color:#747e91;margin-top:3px;font-size:10px;display:block}.clprod-about-author{background:#7c3aed06;border:1px solid #8b5cf61c;border-radius:12px;margin:0 22px 20px;padding:18px}.clprod-about-author>span{color:#796a92;letter-spacing:.1em;font-size:10px;font-weight:850}.clprod-about-author>strong{color:#e7e3f5;margin-top:5px;font-size:20px;display:block}.clprod-about-author p{color:#858ea0;margin:10px 0 0;font-size:12px;line-height:1.65}.clprod-about>footer{color:#687285;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:60px;padding:0 22px;font-size:11px;display:flex}.clprod-toast{z-index:90000;opacity:0;pointer-events:none;background:#0b0e16fa;border:1px solid #8b5cf62b;border-radius:11px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;max-width:min(440px,100vw - 30px);min-height:57px;padding:10px 13px;transition:opacity .2s,transform .2s;display:grid;position:fixed;bottom:86px;right:18px;transform:translateY(8px);box-shadow:0 18px 60px #00000073}.clprod-toast.show{opacity:1;transform:translateY(0)}.clprod-toast>span{color:#c4b5fd;background:#7c3aed0f;border-radius:9px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.clprod-toast.success>span{color:#86efac;background:#22c55e12}.clprod-toast.warning>span{color:#fcd34d;background:#f59e0b12}.clprod-toast p{color:#aeb5c2;margin:0;font-size:12px;line-height:1.5}@media (width<=700px){.clprod-launcher{bottom:11px;right:11px}.clprod-launch-button{width:48px;height:48px}.clprod-menu{width:min(310px,100vw - 22px)}.clprod-about-overlay{padding:8px}.clprod-about{max-height:calc(100vh - 16px)}.clprod-about-hero{padding:44px 17px 23px}.clprod-about-hero h2{font-size:31px}.clprod-about-features{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.clprod-about-author{margin:0 14px 14px}.clprod-about>footer{padding:0 14px}.clprod-toast{max-width:none;bottom:75px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.clprod-launch-button,.clprod-menu,.clprod-about-overlay,.clprod-about,.clprod-toast{transition:none!important}}