*{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-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<=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}}@media (width<=650px){body{overflow:auto}.workspace-app{grid-template-rows:58px auto minmax(calc(100vh - 116px),auto);grid-template-columns:1fr;height:auto;min-height:100vh}.workspace-topbar{grid-area:1/1;grid-template-columns:1fr auto;height:58px;padding:0 10px}.workspace-top-center,.workspace-top-actions .quick-view-button{display:none}.workspace-sidebar{border-bottom:1px solid #202126;border-right:none;flex-direction:row;grid-area:2/1;position:sticky;top:58px}.sidebar-main{flex-direction:row;justify-content:space-around;width:100%;padding:5px}.sidebar-button{flex-direction:row;gap:6px;width:70px;min-height:50px}.sidebar-bottom{display:none}.workspace-main{grid-area:3/1;height:auto;min-height:calc(100vh - 116px)}.periodic-workspace{padding:27px 14px 55px}.periodic-top{flex-direction:column;align-items:flex-start}.periodic-top h1{font-size:30px}.periodic-display-group{flex-direction:column;align-items:flex-start;width:100%}.periodic-segmented{width:100%}.periodic-segmented button{flex:1}.workspace-fblock{margin-left:180px}.element-drawer{width:100%;height:calc(100vh - 58px);top:58px}}.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}}.balance-tool{background:#0d0e12;border:1px solid #2d2e35;border-radius:24px;width:min(1320px,100%);margin:0 auto 80px;overflow:hidden;box-shadow:0 25px 80px #0003}.balance-header{border-bottom:1px solid #25262c;justify-content:space-between;align-items:center;gap:30px;min-height:115px;padding:25px 30px;display:flex}.balance-eyebrow{color:#a855f7;font-size:var(--cl-text-caption);letter-spacing:1.7px;font-weight:800}.balance-header h2{color:#fafafa;margin:7px 0 6px;font-size:29px;line-height:1.15}.balance-header p{max-width:650px;color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0;line-height:1.6}.balance-status-pill{color:#a1a1aa;min-height:40px;font-size:var(--cl-text-small);white-space:nowrap;background:#131419;border:1px solid #303138;border-radius:999px;align-items:center;gap:9px;padding:0 14px;display:flex}.balance-status-pill i{background:#52525b;border-radius:50%;width:8px;height:8px}.balance-status-pill i.waiting{background:#3b82f6;box-shadow:0 0 11px #3b82f673}.balance-status-pill i.warning{background:#f59e0b;box-shadow:0 0 11px #f59e0b73}.balance-status-pill i.balanced{background:#22c55e;box-shadow:0 0 12px #22c55e7a}.balance-status-pill i.error{background:#ef4444}.balance-status-pill i.working{background:#a855f7;animation:.7s infinite alternate statusPulse}@keyframes statusPulse{0%{opacity:.35}to{opacity:1}}.balance-stage{background:radial-gradient(circle at 50% 54%,#1b1d24,#111217 55%,#0d0e12 85%);border-bottom:1px solid #27282e;height:470px;position:relative;overflow:hidden}.balance-stage-grid{opacity:.065;background-image:linear-gradient(#ffffffa6 1px,#0000 1px),linear-gradient(90deg,#ffffffa6 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.balance-scale{width:650px;height:380px;position:absolute;top:35px;left:50%;transform:translate(-50%)}.balance-beam-wrapper{--beam-angle:0deg;width:590px;height:190px;transform:rotate(var(--beam-angle));transform-origin:50% 17px;position:absolute;top:65px;left:30px}.balance-beam{background:linear-gradient(#586474,#2a313b);border:1px solid #5a6574;border-radius:999px;width:100%;height:14px;position:relative;box-shadow:0 5px 15px #0000008c}.beam-markers{opacity:.3;background:repeating-linear-gradient(90deg,#0000 0 20px,#d4d4d8 21px,#0000 22px);position:absolute;inset:3px 25px}.beam-left-hook,.beam-right-hook{width:160px;height:178px;position:absolute;top:7px}.beam-left-hook{left:-30px}.beam-right-hook{right:-30px}.balance-chain{background:linear-gradient(#8b8b95,#34353c);width:2px;height:95px;margin:0 auto}.balance-pan{filter:drop-shadow(0 7px 5px #00000073);border-bottom:12px solid #3f4a59;border-radius:0 0 70% 70%;width:160px;min-height:40px;padding:5px 8px 12px;position:absolute;bottom:14px;left:0}.pan-items{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:5px;min-height:55px;display:flex}.molecule-token{color:#ede9fe;font-size:var(--cl-text-small);background:linear-gradient(145deg,#5b21b661,#3730a32e);border:1px solid #8b5cf66b;border-radius:8px;padding:6px 9px;font-weight:750;animation:.55s cubic-bezier(.22,.8,.32,1) both moleculeDrop;box-shadow:0 3px 10px #00000038}.molecule-token sub{font-size:72%}@keyframes moleculeDrop{0%{opacity:0;transform:translateY(-14px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.balance-pivot{background:#25272e;border:5px solid #45474f;border-radius:50%;width:66px;height:66px;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #00000080}.pivot-ring{background:#818895;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.balance-needle{--needle-angle:0deg;width:4px;height:54px;transform:translateX(-50%) rotate(var(--needle-angle));transform-origin:top;background:#ef4444;border-radius:4px;position:absolute;top:36px;left:50%;box-shadow:0 0 10px #ef44448c}.balance-stand{width:160px;height:290px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.balance-column{background:linear-gradient(90deg,#242a33,#717987,#2a3039);border:1px solid #596474;width:16px;height:250px;margin:auto}.balance-foot{background:linear-gradient(#566170,#242b35);border:1px solid #596474;border-radius:999px;width:160px;height:26px;margin-top:-1px;box-shadow:0 8px 15px #00000059}.stage-side-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0e12bf;border:1px solid #3f3f46a6;border-radius:9px;padding:9px 12px;position:absolute;top:28px}.stage-side-info.left{left:28px}.stage-side-info.right{text-align:right;right:28px}.stage-side-info span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;font-weight:800;display:block}.stage-side-info strong{color:#a1a1aa;font-size:var(--cl-text-small);margin-top:4px;display:block}.balance-stage-message{position:absolute;bottom:25px;left:30px}.balance-stage-message strong{color:#e4e4e7;font-size:var(--cl-text-small);font-weight:700;display:block}.balance-stage-message span{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:5px;display:block}.balance-stage.balanced .balance-scale{animation:1.2s balancedGlow}@keyframes balancedGlow{0%,to{filter:drop-shadow(0 0 #22c55e00)}50%{filter:drop-shadow(0 0 30px #22c55e57)}}.balance-equation-editor{grid-template-columns:1fr 60px 1fr;align-items:center;gap:12px;padding:22px 24px 13px;display:grid}.equation-side{background:#111217;border:1px solid #33343c;border-radius:13px;min-height:120px;padding:17px 18px}.equation-side:focus-within{background:#14151b;border-color:#52525b}.equation-side-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.equation-side-title>div{flex-direction:column;gap:2px;display:flex}.equation-side-title strong{color:#a1a1aa;font-size:var(--cl-text-caption);letter-spacing:1px}.equation-side-title small{color:var(--cl-text-secondary);font-size:var(--cl-text-caption)}.side-badge{color:#fff;width:26px;height:26px;font-size:var(--cl-text-small);border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;font-weight:800;display:flex}.side-badge.reactant{background:#4f46e5}.side-badge.product{background:#059669}.equation-side input{color:#f4f4f5;width:100%;height:45px;font-family:Consolas,Courier New,monospace;font-size:var(--cl-text-lead);background:0 0;border:0;outline:0;font-weight:600}.equation-side input::placeholder{color:var(--cl-text-secondary);font-weight:400}.equation-arrow{color:var(--cl-text-secondary);text-align:center;font-size:30px}.balance-result{background:#14532d17;border:1px solid #22c55e4d;border-radius:12px;align-items:center;min-height:82px;margin:0 24px 14px;padding:16px 20px;display:flex}.balance-result.empty{background:#141519;border-color:#292a30}.balance-result>div>span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.2px;margin-bottom:6px;font-weight:800;display:block}.balance-result strong{color:#a1a1aa;font-family:Consolas,monospace;font-size:19px;font-weight:600}.balance-result.success strong{color:#dcfce7}.balanced-side{align-items:center;gap:7px;display:inline-flex}.balanced-compound{white-space:nowrap}.balanced-compound b{color:#a78bfa;margin-right:2px;font-size:22px}.balanced-arrow{color:#a78bfa;margin:0 18px;font-size:23px}.equation-plus{color:var(--cl-text-secondary);margin:0 7px}.balance-actions{align-items:center;gap:10px;padding:0 24px 18px;display:flex}.balance-main-button{color:#fff;height:50px;font-size:var(--cl-text-small);cursor:pointer;background:linear-gradient(135deg,#6d28d9,#9333ea);border:1px solid #7c3aed;border-radius:11px;padding:0 22px;font-weight:750;box-shadow:0 5px 18px #6d28d926}.balance-main-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.balance-main-button:disabled{opacity:.6;cursor:default}.balance-main-button.working .balance-button-icon{animation:.8s linear infinite balanceSpin;display:inline-block}@keyframes balanceSpin{to{transform:rotate(360deg)}}.balance-clear-button{color:#a1a1aa;height:50px;font-size:var(--cl-text-small);cursor:pointer;background:#121318;border:1px solid #303138;border-radius:10px;padding:0 18px}.balance-clear-button:hover{color:#fff;border-color:#52525b}.balance-shortcut{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-left:auto}.balance-examples{border-top:1px solid #202126;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 24px 21px;display:flex}.balance-examples>span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.1px;margin-right:4px;font-weight:800}.balance-examples button{color:var(--cl-text-secondary);font-size:var(--cl-text-small);cursor:pointer;background:#111217;border:1px solid #303138;border-radius:8px;padding:8px 11px}.balance-examples button:hover{color:#f4f4f5;background:#18191f;border-color:#52525b}.balance-analysis{background:#101116;border:1px solid #292a30;border-radius:14px;margin:10px 24px 24px;padding:21px}.balance-analysis.hidden,.balance-error.hidden{display:none}.balance-analysis-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.balance-analysis-header>div:first-child>span{color:#a855f7;font-size:var(--cl-text-caption);letter-spacing:1.2px;font-weight:800}.balance-analysis-header h3{color:#f4f4f5;font-size:var(--cl-text-body);margin:5px 0 0}.mole-ratio{text-align:right;background:#5b21b614;border:1px solid #8b5cf638;border-radius:9px;padding:9px 13px}.mole-ratio span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;font-weight:700;display:block}.mole-ratio strong{color:#c4b5fd;font-size:var(--cl-text-body);margin-top:4px;display:block}.atom-balance-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;display:grid}.atom-check-card{background:#15161b;border:1px solid #22c55e38;border-radius:10px;grid-template-columns:44px 1fr 24px 1fr;align-items:center;gap:8px;min-height:82px;padding:12px;display:grid}.atom-check-symbol{color:#fafafa;width:44px;height:44px;font-size:var(--cl-text-lead);background:#0d0e12;border:1px solid #45464f;border-radius:9px;justify-content:center;align-items:center;font-weight:800;display:flex}.atom-side-count{text-align:center}.atom-side-count span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);display:block}.atom-side-count strong{color:#f4f4f5;font-size:var(--cl-text-lead);margin-top:3px;display:block}.atom-check-equal{color:#22c55e;font-size:var(--cl-text-lead);text-align:center;font-weight:800}.balance-error{color:#fca5a5;font-size:var(--cl-text-small);background:#7f1d1d1a;border:1px solid #ef444447;border-radius:10px;margin:0 24px 24px;padding:13px 16px;line-height:1.5}@media (width<=900px){.balance-stage{height:400px}.balance-scale{transform-origin:top;top:28px;transform:translate(-50%)scale(.83)}.balance-equation-editor{grid-template-columns:1fr}.equation-arrow{transform:rotate(90deg)}.balance-analysis-header{flex-direction:column;align-items:flex-start}.mole-ratio{text-align:left}}@media (width<=600px){.balance-header{flex-direction:column;align-items:flex-start}.balance-header h2{font-size:25px}.balance-stage{height:330px}.balance-scale{top:20px;transform:translate(-50%)scale(.66)}.stage-side-info{display:none}.balance-stage-message{bottom:18px;left:18px}.balance-actions{flex-direction:column;align-items:stretch}.balance-main-button,.balance-clear-button{width:100%}.balance-shortcut{display:none}}.chem-calc-v4{background:linear-gradient(155deg,#10131dfa,#080a10fa);border:1px solid #ffffff14;border-radius:24px;width:min(1320px,100%);margin:28px auto 80px;overflow:hidden;box-shadow:0 24px 65px #00000038,inset 0 1px #ffffff08}.cc-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:25px;min-height:125px;padding:26px 30px;display:flex}.cc-eyebrow{color:#9b5cff;font-size:var(--cl-text-caption);letter-spacing:1.8px;font-weight:850}.cc-header h2{color:#fff;letter-spacing:-.5px;margin:8px 0 7px;font-size:30px}.cc-header p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0;line-height:1.6}.cc-badge{color:#bda7ef;min-height:38px;font-size:var(--cl-text-small);background:#7c3aed12;border:1px solid #9b5cff40;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.cc-badge i{background:#9b5cff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #9b5cffb3}.cc-tabs{background:#080a108c;border-bottom:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.cc-tabs button{min-height:70px;color:var(--cl-text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:12px;padding:11px 13px;display:flex}.cc-tabs button:hover{color:#b7bfd2;background:#ffffff06;border-color:#ffffff14}.cc-tabs button.active{color:#f1ebff;background:linear-gradient(145deg,#7c3aed29,#4f46e50d);border-color:#9b5cff52;box-shadow:inset 0 1px #ffffff09}.cc-tab-icon{color:#b9a0ee;width:35px;height:35px;font-size:var(--cl-text-body);background:#10131d;border:1px solid #ffffff17;border-radius:10px;flex:0 0 35px;place-items:center;font-weight:850;display:grid}.cc-tabs button.active .cc-tab-icon{color:#d7c4ff;background:#7c3aed2b;border-color:#9b5cff59}.cc-tabs strong{font-size:var(--cl-text-small);display:block}.cc-tabs small{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:4px;display:block}.cc-panel{animation:.28s cubic-bezier(.22,.8,.25,1) both ccPanelIn;display:none}.cc-panel.active{display:block}@keyframes ccPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cc-panel-head span{color:#9b5cff;font-size:var(--cl-text-caption);letter-spacing:1.5px;font-weight:800}.cc-panel-head h3{color:#fff;margin:7px 0 6px;font-size:23px}.cc-panel-head p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0;line-height:1.6}.cc-panel-head p strong{color:#c4b5fd}.cc-formula-box{background:#0e1119;border:1px solid #ffffff14;border-radius:16px;padding:20px}.cc-formula-box label,.cc-input-card label{color:#a6aec1;font-size:var(--cl-text-small);margin-bottom:9px;font-weight:700;display:block}.cc-formula-row{grid-template-columns:1fr auto;gap:10px;display:grid}.cc-formula-row input,.cc-input-card input{color:#fff;width:100%;min-height:52px;font-family:Consolas,Courier New,monospace;font-size:var(--cl-text-lead);background:#090b11;border:1px solid #ffffff1a;border-radius:11px;outline:0;padding:0 15px;font-weight:650}.cc-formula-row input:hover,.cc-input-card input:hover{border-color:#ffffff2b}.cc-formula-row input:focus,.cc-input-card input:focus{border-color:#9b5cffb8;box-shadow:0 0 0 4px #7c3aed1a}.cc-primary{color:#fff;min-height:52px;font-size:var(--cl-text-small);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a33bea);border:1px solid #a855f78c;border-radius:11px;padding:0 21px;font-weight:800;box-shadow:0 8px 23px #7c3aed33}.cc-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed47}.cc-wide{min-width:180px;margin-top:14px}.cc-examples{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.cc-examples>span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;margin-right:2px;font-weight:800}.cc-examples button{color:#929bb0;font-size:var(--cl-text-small);cursor:pointer;background:#12151e;border:1px solid #ffffff14;border-radius:8px;padding:7px 10px}.cc-examples button:hover{color:#e6ddfb;border-color:#9b5cff4d}.cc-empty-state{text-align:center;background:#ffffff03;border:1px dashed #ffffff17;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;margin-top:16px;display:flex}.cc-empty-icon{background:#7c3aed12;border:1px solid #9b5cff38;border-radius:17px;place-items:center;width:55px;height:55px;margin-bottom:13px;font-size:22px;display:grid}.cc-empty-state strong{color:#d8dce7;font-size:var(--cl-text-body)}.cc-empty-state span{max-width:440px;color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:7px;line-height:1.6}.cc-result{margin-top:16px}.cc-result-summary{background:radial-gradient(circle at 80% 30%,#7c3aed1a,#0000 38%),#10131c;border:1px solid #9b5cff2e;border-radius:16px;grid-template-columns:1fr 1fr;gap:15px;min-height:125px;padding:21px;display:grid}.cc-result-summary span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.2px;font-weight:800;display:block}.cc-result-summary>div>strong{color:#f5f3ff;margin-top:10px;font-family:Consolas,monospace;font-size:30px;display:block}.cc-result-summary sub{font-size:60%}.cc-main-value{text-align:right}.cc-main-value strong{color:#c9b5ff!important;font-size:37px!important}.cc-main-value small{color:#7c859b;font-size:var(--cl-text-small);margin-left:5px}.cc-breakdown-head{justify-content:space-between;align-items:flex-end;gap:15px;margin:24px 0 11px;display:flex}.cc-breakdown-head>div>span{color:#9b5cff;font-size:var(--cl-text-caption);letter-spacing:1.2px;font-weight:800}.cc-breakdown-head h4{color:#fff;font-size:var(--cl-text-lead);margin:5px 0 0}.cc-breakdown-head>span{color:var(--cl-text-secondary);font-size:var(--cl-text-small)}.cc-breakdown{gap:8px;display:grid}.cc-element-row{background:#10131b;border:1px solid #fff1;border-radius:12px;grid-template-columns:48px 1fr 110px;align-items:center;gap:13px;min-height:75px;padding:12px 14px;display:grid}.cc-element-row:hover{background:#131722;border-color:#9b5cff33}.cc-element-symbol{color:#ddd0ff;width:48px;height:48px;font-size:var(--cl-text-lead);background:#7c3aed0f;border:1px solid #9b5cff33;border-radius:11px;place-items:center;font-weight:850;display:grid}.cc-element-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.cc-element-title strong{color:#d7dbe6;font-size:var(--cl-text-small)}.cc-element-title span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption)}.cc-mass-bar{background:#242835;border-radius:999px;height:5px;margin-top:10px;overflow:hidden}.cc-mass-bar i{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7,#6366f1);height:100%;display:block;box-shadow:0 0 10px #8b5cf640}.cc-element-mass{text-align:right}.cc-element-mass strong{color:#fff;font-size:var(--cl-text-small);display:block}.cc-element-mass span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin-top:4px;display:block}.cc-calc-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cc-single-input{max-width:620px}.cc-input-card{background:#0f121a;border:1px solid #ffffff13;border-radius:14px;padding:17px}.cc-unit-input{align-items:center;gap:8px;display:flex}.cc-unit-input input{flex:1}.cc-unit-input>span,.cc-unit-input select{color:#929bb0;height:52px;font-size:var(--cl-text-small);background:#151822;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;display:flex}.cc-unit-input select{cursor:pointer;outline:none}.cc-answer{background:linear-gradient(145deg,#15803d0e,#0f121af2);border:1px solid #22c55e29;border-radius:15px;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin-top:17px;padding:17px;display:grid}.cc-answer>div:not(.cc-equation){padding:5px 10px}.cc-answer span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1px;font-weight:800;display:block}.cc-answer strong{color:#d4d8e3;font-size:var(--cl-text-lead);margin-top:7px;display:block}.cc-answer strong.highlight{color:#c7f9d7;font-size:24px}.cc-equation{color:#ae9bda;font-family:Consolas,monospace;font-size:var(--cl-text-small);background:#7c3aed0e;border:1px solid #9b5cff24;border-radius:10px;padding:11px 14px}.cc-note{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-top:12px;line-height:1.5}.cc-error{color:#fca5a5;font-size:var(--cl-text-small);background:#7f1d1d14;border:1px solid #ef44443d;border-radius:10px;margin-top:13px;padding:12px 14px}.chem-calc-v4 .hidden{display:none!important}@media (width<=850px){.cc-tabs{grid-template-columns:repeat(2,1fr)}.cc-result-summary{grid-template-columns:1fr}.cc-main-value{text-align:left}.cc-calc-grid{grid-template-columns:1fr}}@media (width<=600px){.chem-calc-v4{border-radius:18px}.cc-header{flex-direction:column;align-items:flex-start}.cc-header h2{font-size:25px}.cc-tabs{grid-template-columns:1fr}.cc-workspace{padding:17px}.cc-formula-row{grid-template-columns:1fr}.cc-element-row{grid-template-columns:45px 1fr}.cc-element-mass{text-align:left;grid-column:2}.cc-answer{grid-template-columns:1fr}}.sol-tool{background:linear-gradient(155deg,#10131dfa,#080a10fa);border:1px solid #ffffff14;border-radius:24px;width:min(1320px,100%);margin:28px auto 80px;overflow:hidden;box-shadow:0 24px 65px #00000038,inset 0 1px #ffffff08}.sol-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:25px;min-height:120px;padding:26px 30px;display:flex}.sol-head>div:first-child>span,.sol-matrix-head>div>span{color:#9b5cff;font-size:var(--cl-text-caption);letter-spacing:1.7px;font-weight:850}.sol-head h2{color:#fff;margin:8px 0 6px;font-size:30px}.sol-head p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:0;line-height:1.6}.sol-head-badge{color:#a8b9ad;min-height:39px;font-size:var(--cl-text-small);background:#22c55e0b;border:1px solid #22c55e33;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.sol-head-badge i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #22c55ea6}.sol-query{border-bottom:1px solid #fff1;grid-template-columns:1fr 40px 1fr 50px 260px;align-items:end;gap:10px;padding:25px 28px;display:grid}.sol-select-box label{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin-bottom:8px;font-weight:700;display:block}.sol-select-box select{color:#eef1f8;width:100%;height:52px;font-size:var(--cl-text-small);cursor:pointer;background:#0d1018;border:1px solid #ffffff18;border-radius:11px;outline:none;padding:0 13px}.sol-select-box select:focus{border-color:#9b5cffb3;box-shadow:0 0 0 4px #7c3aed17}.sol-combine,.sol-arrow{height:52px;color:var(--cl-text-secondary);justify-content:center;align-items:center;font-size:21px;display:flex}.sol-result-card{background:#10131c;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr auto;align-items:center;min-height:78px;padding:13px 16px;display:grid}.sol-result-card>span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);letter-spacing:1.2px;grid-column:1/-1;font-weight:800}.sol-result-card>strong{color:#fff;margin-top:6px;font-family:Consolas,monospace;font-size:22px}.sol-result-card>strong sub{font-size:65%}.sol-result-card>b{font-size:var(--cl-text-caption);border-radius:8px;margin-top:6px;padding:6px 9px}.sol-result-card.soluble{border-color:#22c55e38}.sol-result-card.soluble>b{color:#86efac;background:#22c55e1a}.sol-result-card.slight{border-color:#f59e0b40}.sol-result-card.slight>b{color:#fcd34d;background:#f59e0b1a}.sol-result-card.insoluble{border-color:#ef444438}.sol-result-card.insoluble>b{color:#fca5a5;background:#ef44441a}.sol-description{background:#0f121a;border:1px solid #ffffff12;border-radius:14px;align-items:flex-start;gap:12px;margin:18px 28px 0;padding:16px 18px;display:flex}.sol-description>div:first-child{border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:4px}.sol-description>div:first-child.soluble{background:#22c55e;box-shadow:0 0 12px #22c55e80}.sol-description>div:first-child.slight{background:#f59e0b;box-shadow:0 0 12px #f59e0b73}.sol-description>div:first-child.insoluble{background:#ef4444;box-shadow:0 0 12px #ef444473}.sol-description strong{color:#e6e9f0;font-size:var(--cl-text-small)}.sol-description p{color:var(--cl-text-secondary);font-size:var(--cl-text-small);margin:5px 0 0;line-height:1.6}.sol-matrix-head{justify-content:space-between;align-items:flex-end;gap:20px;margin:28px 28px 12px;display:flex}.sol-matrix-head h3{color:#fff;margin:6px 0 0;font-size:20px}.sol-legend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.sol-legend span{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);align-items:center;gap:6px;display:flex}.sol-legend i{border-radius:3px;width:9px;height:9px}.sol-legend i.soluble{background:#22c55e}.sol-legend i.slight{background:#f59e0b}.sol-legend i.insoluble{background:#ef4444}.sol-table-scroll{border:1px solid #ffffff12;border-radius:15px;margin:0 28px;overflow:auto}.sol-table{border-collapse:separate;border-spacing:0;background:#0d1017;width:100%;min-width:940px}.sol-table th,.sol-table td{text-align:center;border-bottom:1px solid #ffffff0b;border-right:1px solid #ffffff0b;min-width:86px;height:62px;padding:6px}.sol-table thead th{z-index:2;color:#aab3c8;font-size:var(--cl-text-small);background:#121620;position:sticky;top:0}.sol-table tbody th{z-index:1;color:#b7bfd0;font-size:var(--cl-text-small);background:#121620;position:sticky;left:0}.sol-cell{width:100%;height:48px;font-family:Consolas,monospace;font-size:var(--cl-text-small);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px}.sol-cell sub{font-size:65%}.sol-cell.soluble{color:#86efac;background:#22c55e12}.sol-cell.slight{color:#fcd34d;background:#f59e0b13}.sol-cell.insoluble{color:#fca5a5;background:#ef444412}.sol-cell:hover{filter:brightness(1.15);border-color:#ffffff29;transform:translateY(-1px)}.sol-cell.selected{border-color:#a855f7;box-shadow:0 0 0 1px #a855f740,0 0 18px #7c3aed29}.sol-note{color:var(--cl-text-secondary);font-size:var(--cl-text-caption);margin:14px 28px 25px;line-height:1.6}@media (width<=900px){.sol-query{grid-template-columns:1fr}.sol-combine,.sol-arrow{height:25px;transform:rotate(90deg)}.sol-result-card{width:100%}}@media (width<=600px){.sol-head{flex-direction:column;align-items:flex-start}.sol-head h2{font-size:25px}.sol-matrix-head{flex-direction:column;align-items:flex-start}.sol-query,.sol-description,.sol-matrix-head,.sol-table-scroll,.sol-note{margin-left:16px;margin-right:16px}}.ion-engine{background:linear-gradient(155deg,#10131dfa,#080a10fa);border:1px solid #ffffff14;border-radius:1.4rem;width:100%;overflow:hidden;box-shadow:0 24px 65px #00000038,inset 0 1px #ffffff08}.ion-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1.5rem;min-height:125px;padding:1.55rem 1.75rem;display:flex}.ion-eyebrow{color:#a78bfa;letter-spacing:.11em;font-size:.76rem;font-weight:850}.ion-head h2{color:#fff;letter-spacing:-.035em;margin:.45rem 0 .35rem;font-size:1.9rem;line-height:1.15}.ion-head p{color:#8d97ad;max-width:620px;margin:0;font-size:.95rem;line-height:1.6}.ion-engine-status{color:#bcaee1;background:#7c3aed0f;border:1px solid #a855f73d;border-radius:999px;flex:none;align-items:center;gap:.5rem;min-height:40px;padding:0 .9rem;font-size:.8rem;display:flex}.ion-engine-status i{background:#a855f7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 11px #a855f7b3}.ion-layout{grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);min-height:620px;display:grid}.ion-library{border-right:1px solid #ffffff12;min-width:0;padding:1.4rem}.ion-library-top{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.ion-search{background:#0d1018;border:1px solid #ffffff1a;border-radius:.8rem;align-items:center;gap:.55rem;min-height:52px;padding:0 .9rem;display:flex}.ion-search:focus-within{border-color:#a855f79e;box-shadow:0 0 0 4px #7c3aed17}.ion-search span{color:#69748c}.ion-search input{color:#f5f6fa;width:100%;min-height:48px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important;font-size:.95rem!important}.ion-filter{gap:.4rem;display:flex}.ion-filter button{color:#8e98ad;cursor:pointer;background:#11141d;border:1px solid #ffffff17;border-radius:.75rem;min-height:52px;padding:0 .85rem;font-size:.83rem}.ion-filter button:hover{color:#fff;border-color:#a855f747}.ion-filter button.active{color:#fff;background:#7c3aed29;border-color:#a855f773}.ion-library-count{justify-content:space-between;align-items:center;margin:1.15rem 0 .7rem;display:flex}.ion-library-count span{color:#a78bfa;letter-spacing:.09em;font-size:.72rem;font-weight:850}.ion-library-count strong{color:#a7b0c4;text-align:center;background:#ffffff09;border-radius:.5rem;min-width:36px;padding:.25rem .45rem;font-size:.77rem}.ion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-height:580px;padding-right:.25rem;display:grid;overflow:auto}.ion-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#121620,#0e1119);border:1px solid #ffffff12;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:126px;padding:.8rem;display:flex;position:relative;overflow:hidden}.ion-card:after{content:"";opacity:.55;height:3px;position:absolute;bottom:0;left:0;right:0}.ion-card.cation:after{background:#a855f7}.ion-card.anion:after{background:#38bdf8}.ion-card:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 10px 26px #0003}.ion-card.selected{background:linear-gradient(145deg,#7c3aed24,#10131c);border-color:#c4b5fd8c;box-shadow:0 0 0 1px #a855f71a}.ion-card-type{color:#68738b;letter-spacing:.08em;font-size:.62rem;font-weight:850}.ion-card-formula{color:#fff;margin-top:.4rem;font-family:Consolas,monospace;font-size:1.45rem;line-height:1.1}.ion-card-formula sup{color:#c4b5fd;font-size:.55em}.ion-card-name{color:#b1b9cb;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:.45rem;font-size:.8rem;overflow:hidden}.ion-card small{color:#606b82;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:.18rem;font-size:.67rem;overflow:hidden}.ion-empty{color:#778198;text-align:center;border:1px dashed #ffffff17;border-radius:1rem;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:230px;display:flex}.ion-empty strong{color:#dce0e9;font-size:1rem}.ion-empty span{margin-top:.35rem;font-size:.82rem}.ion-workspace{background:#090b117a;flex-direction:column;gap:1rem;min-width:0;padding:1.4rem;display:flex}.ion-detail,.compound-builder{background:#10131c;border:1px solid #ffffff13;border-radius:1rem;padding:1.1rem}.ion-detail-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ion-detail-head>div>span{color:#a78bfa;letter-spacing:.08em;font-size:.68rem;font-weight:850}.ion-detail-head h3{color:#fff;overflow-wrap:anywhere;margin:.3rem 0 0;font-size:1.35rem}.ion-detail-symbol{border-radius:.75rem;flex:none;padding:.65rem .75rem;font-family:Consolas,monospace;font-size:1.5rem}.ion-detail-symbol.cation{color:#ddd0ff;background:#7c3aed17;border:1px solid #a855f747}.ion-detail-symbol.anion{color:#bae6fd;background:#38bdf812;border:1px solid #38bdf840}.ion-detail-symbol sup{font-size:.55em}.ion-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem;display:grid}.ion-detail-grid>div{background:#ffffff05;border:1px solid #ffffff0f;border-radius:.7rem;flex-direction:column;justify-content:center;min-width:0;min-height:72px;padding:.7rem;display:flex}.ion-detail-grid span{color:#727d94;font-size:.7rem}.ion-detail-grid strong{color:#f2f3f7;overflow-wrap:anywhere;margin-top:.25rem;font-size:.95rem}.ion-composition{border-top:1px solid #ffffff0f;margin-top:.8rem;padding-top:.8rem}.ion-composition>span{color:#6c768c;letter-spacing:.07em;font-size:.65rem;font-weight:800}.ion-composition>div{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.ion-composition b{color:#cbd1df;background:#151924;border:1px solid #ffffff12;border-radius:.55rem;padding:.35rem .5rem;font-family:Consolas,monospace;font-size:.8rem}.ion-detail-note{color:#7c869c;margin:.8rem 0 0;font-size:.78rem;line-height:1.55}.compound-builder-head>span{color:#a78bfa;letter-spacing:.08em;font-size:.68rem;font-weight:850}.compound-builder-head h3{color:#fff;margin:.3rem 0;font-size:1.3rem}.compound-builder-head p{color:#7c869d;margin:0;font-size:.78rem;line-height:1.5}.ion-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-top:.9rem;display:grid}.selected-ion{cursor:pointer;background:#0d1018;border:1px solid #ffffff14;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:88px;padding:.65rem;display:flex}.selected-ion:hover{border-color:#a855f74d;transform:translateY(-1px)}.selected-ion>span{color:#677188;font-size:.6rem;font-weight:850}.selected-ion>strong{color:#fff;margin-top:.25rem;font-family:Consolas,monospace;font-size:1.25rem}.selected-ion>small{color:#7a849a;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:.25rem;font-size:.68rem;overflow:hidden}.ion-plus{color:#69738a;font-size:1.2rem}.compound-result{text-align:center;background:linear-gradient(145deg,#22c55e0b,#0d1018f5);border:1px solid #22c55e24;border-radius:.85rem;margin-top:.8rem;padding:1rem}.compound-result-label{color:#6c768d;letter-spacing:.08em;font-size:.64rem;font-weight:850}.compound-formula{color:#e9fff0;overflow-wrap:anywhere;margin:.55rem 0 .85rem;font-family:Consolas,monospace;font-size:2.25rem;line-height:1.15;display:block}.compound-formula sub{font-size:.55em}.compound-balance{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.compound-balance>div{background:#ffffff06;border-radius:.6rem;min-width:0;padding:.55rem .35rem}.compound-balance span{color:#707b91;font-size:.6rem;display:block}.compound-balance strong{color:#fff;margin-top:.15rem;font-size:.88rem;display:block}.compound-equation{color:#a99bc8;background:#7c3aed09;border:1px solid #a855f71a;border-radius:.6rem;margin-top:.7rem;padding:.55rem;font-family:Consolas,monospace;font-size:.75rem;line-height:1.5}.compound-equation span{color:#626d83;margin:0 .25rem}.ion-to-solubility{color:#e2d8ff;cursor:pointer;background:#7c3aed1a;border:1px solid #a855f752;border-radius:.75rem;width:100%;min-height:48px;margin-top:.8rem;font-size:.83rem;font-weight:750}.ion-to-solubility:hover:not(:disabled){background:#7c3aed2b;border-color:#a855f78c;transform:translateY(-1px)}.ion-to-solubility:disabled{opacity:.38;cursor:not-allowed}.ion-solubility-note{color:#667188;text-align:center;margin:.55rem 0 0;font-size:.7rem;line-height:1.45}@media (width<=1100px){.ion-layout{grid-template-columns:1fr}.ion-library{border-bottom:1px solid #ffffff12;border-right:0}.ion-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:470px}.ion-workspace{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=800px){.ion-library-top{grid-template-columns:1fr}.ion-filter{width:100%}.ion-filter button{flex:1}.ion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ion-workspace{grid-template-columns:1fr}}@media (width<=560px){.ion-head{flex-direction:column;align-items:flex-start}.ion-head h2{font-size:1.6rem}.ion-library,.ion-workspace{padding:1rem}.ion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ion-card{min-height:115px}.compound-balance{grid-template-columns:1fr}}.compound-builder-head-reset{padding-right:94px;position:relative}.ion-reset-builder{color:#9099ad;cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:700;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex;position:absolute;top:0;right:0;min-height:38px!important;font-size:12px!important}.ion-reset-builder:hover:not(:disabled){color:#fff;background:#7c3aed17;border-color:#a855f759;transform:translateY(-1px)}.ion-reset-builder span{font-size:15px}.ion-reset-builder.loading span{animation:.7s linear infinite ionResetRotate}@keyframes ionResetRotate{to{transform:rotate(360deg)}}.ion-reset-toast{z-index:99999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#eeeaff;background:#0f121bf5;border:1px solid #a855f747;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:650;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);box-shadow:0 16px 45px #00000059}.ion-reset-toast.show{opacity:1;transform:translate(-50%)}@media (width<=520px){.compound-builder-head-reset{padding-top:50px;padding-right:0}.ion-reset-builder{left:0;right:auto}}.orbital-atlas{background:linear-gradient(155deg,#10131d,#080a10);border:1px solid #ffffff14;border-radius:22px;width:100%;overflow:hidden}.oa-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;min-height:125px;padding:24px 28px;display:flex}.oa-head>div:first-child>span,.oa-label{color:#a78bfa;letter-spacing:.1em;font-size:12px;font-weight:850}.oa-head h2{color:#fff;margin:7px 0 5px;font-size:30px}.oa-head p{color:#8b95aa;margin:0;font-size:15px}.oa-live{color:#99a99c;border:1px solid #22c55e2e;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:12px;display:flex}.oa-live i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #22c55eb3}.oa-layout{grid-template-columns:230px minmax(0,1fr) 280px;min-height:680px;display:grid}.oa-sidebar{border-right:1px solid #ffffff12;padding:20px}.oa-family-tabs{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px;display:grid}.oa-family-tabs button{color:#8b95aa;cursor:pointer;background:#10131c;border:1px solid #ffffff14;border-radius:11px;min-height:70px}.oa-family-tabs button strong{color:#e8e9ef;font-size:21px;display:block}.oa-family-tabs button small{font-size:11px}.oa-family-tabs button:hover,.oa-family-tabs button.active{background:#7c3aed1f;border-color:#a855f773}.oa-family-tabs button.active strong{color:#d8c7ff}.oa-orbital-head{justify-content:space-between;align-items:center;margin:22px 0 9px;display:flex}.oa-orbital-head span{color:#747e94;font-size:11px;font-weight:800}.oa-orbital-head strong{color:#a78bfa;font-size:12px}.oa-orbital-list{gap:6px;max-height:445px;display:grid;overflow-y:auto}.oa-orbital-list button{text-align:left;cursor:pointer;background:#0e1119;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;justify-content:center;min-height:58px;padding:8px 11px;display:flex}.oa-orbital-list button strong{color:#dddfe8;font-size:15px}.oa-orbital-list button span{color:#667086;margin-top:3px;font-size:10px}.oa-orbital-list button:hover,.oa-orbital-list button.active{background:#7c3aed17;border-color:#a855f761}.oa-orbital-list button.active strong{color:#c4b5fd}.oa-stage-panel{background:radial-gradient(circle,#5b21b614,#0000 50%),#090b12;flex-direction:column;min-width:0;display:flex}.oa-stage-toolbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:12px 18px;display:flex}.oa-stage-toolbar>div:first-child span{color:#687287;font-size:10px;font-weight:800;display:block}.oa-stage-toolbar>div:first-child strong{color:#fff;margin-top:3px;font-size:18px;display:block}.oa-stage-actions{gap:7px;display:flex}.oa-stage-actions button{color:#8993a8;cursor:pointer;background:#10131c;border:1px solid #ffffff14;border-radius:9px;min-height:40px;padding:0 11px;font-size:11px}.oa-stage-actions button:hover,.oa-stage-actions button.active{color:#fff;background:#7c3aed17;border-color:#a855f759}.oa-stage{width:100%;min-height:525px;position:relative;overflow:hidden}.oa-stage canvas{width:100%;height:100%;position:absolute;inset:0}.oa-axis-label{z-index:4;pointer-events:none;font-size:10px;font-weight:850;position:absolute}.oa-axis-label.x{color:#ef4444;top:50%;right:18px}.oa-axis-label.y{color:#22c55e;top:15px;left:50%}.oa-axis-label.z{color:#38bdf8;bottom:15px;left:18px}.oa-stage-footer{color:#677187;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:55px;padding:10px 18px;font-size:11px;display:flex}.oa-phase{gap:14px;display:flex}.oa-phase span{align-items:center;gap:6px;display:flex}.oa-phase i{border-radius:50%;width:9px;height:9px}.phase-a{background:#b84cff;box-shadow:0 0 8px #b84cff99}.phase-b{background:#20dff4;box-shadow:0 0 8px #20dff499}.oa-info{border-left:1px solid #ffffff12;padding:20px}.oa-info h3{color:#fff;margin:9px 0 7px;font-size:22px}.oa-info>p{color:#818ba0;margin:0;font-size:13px;line-height:1.55}.oa-quantum-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px;display:grid}.oa-quantum-grid>div{background:#10131c;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;justify-content:center;min-height:92px;padding:10px;display:flex}.oa-quantum-grid span{color:#a78bfa;font-size:11px;font-weight:800}.oa-quantum-grid strong{color:#fff;margin-top:2px;font-size:21px}.oa-quantum-grid small{color:#667086;margin-top:3px;font-size:9px}.oa-family-info{background:#10131c;border:1px solid #ffffff12;border-radius:11px;margin-top:15px;padding:13px}.oa-family-info>span{color:#717b91;font-size:10px;font-weight:800}.oa-family-info strong{color:#dedfe7;margin-top:7px;font-size:14px;display:block}.oa-family-info p{color:#747e94;margin:6px 0 0;font-size:11px;line-height:1.55}.oa-warning{background:#f59e0b09;border:1px solid #f59e0b1f;border-radius:10px;align-items:flex-start;gap:7px;margin-top:12px;padding:11px;display:flex}.oa-warning span{color:#f59e0b}.oa-warning p{color:#7d8493;margin:0;font-size:10px;line-height:1.5}@media (width<=1200px){.oa-layout{grid-template-columns:210px minmax(0,1fr)}.oa-info{border-top:1px solid #ffffff12;border-left:0;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.oa-info>.oa-label,.oa-info>h3,.oa-info>p{grid-column:1/-1}.oa-quantum-grid,.oa-family-info,.oa-warning{margin-top:0}}@media (width<=720px){.oa-head{flex-direction:column;align-items:flex-start}.oa-layout{grid-template-columns:1fr}.oa-sidebar{border-bottom:1px solid #ffffff12;border-right:0}.oa-family-tabs{grid-template-columns:repeat(4,1fr)}.oa-orbital-list{grid-template-columns:repeat(2,1fr);max-height:200px}.oa-stage{min-height:430px}.oa-stage-toolbar{flex-direction:column;align-items:flex-start}.oa-stage-footer{flex-direction:column;align-items:flex-start;gap:8px}.oa-info{grid-template-columns:1fr}.oa-quantum-grid{grid-template-columns:repeat(2,1fr)}}.chem-tool-hub{gap:1rem;width:100%;display:grid}.tool-hub-header{background:radial-gradient(circle at 88% 0,#7c3aed1a,#0000 28%),linear-gradient(145deg,#121620,#0d1018);border:1px solid #ffffff14;border-radius:1.2rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem 1.4rem;display:flex}.tool-hub-eyebrow{color:#a78bfa;letter-spacing:.11em;font-size:.72rem;font-weight:850}.tool-hub-header h2{color:#fff;letter-spacing:-.035em;margin:.4rem 0 .3rem;font-size:1.65rem;line-height:1.15}.tool-hub-header p{color:#8993aa;max-width:650px;margin:0;font-size:.9rem;line-height:1.6}.tool-hub-status{color:#afa3cf;background:#7c3aed0e;border:1px solid #a855f738;border-radius:999px;flex:none;align-items:center;gap:.45rem;min-height:40px;padding:0 .85rem;font-size:.78rem;display:flex}.tool-hub-status i{background:#a855f7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #a855f7a6}.tool-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.tool-selector-card{--tool-color:#a855f7;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#121620,#0d1018);border:1px solid #ffffff14;border-radius:1rem;grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:.8rem;min-width:0;min-height:136px;padding:1rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.tool-selector-card.violet{--tool-color:#a855f7}.tool-selector-card.blue{--tool-color:#38bdf8}.tool-selector-card.green{--tool-color:#22c55e}.tool-selector-card.orange{--tool-color:#f59e0b}.tool-selector-card:before{content:"";background:var(--tool-color);opacity:.035;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-80px;right:-70px}.tool-selector-card:after{content:"";opacity:.32;background:var(--tool-color);height:3px;transition:opacity .2s,box-shadow .2s;position:absolute;bottom:0;left:0;right:0}.tool-selector-card:hover{border-color:color-mix(in srgb, var(--tool-color) 30%, #ffffff1a);background:linear-gradient(145deg, color-mix(in srgb, var(--tool-color) 6%, #141821), #0f121a);transform:translateY(-3px);box-shadow:0 14px 30px #0003}.tool-selector-card:hover:after{opacity:.85}.tool-selector-card.active{border-color:color-mix(in srgb, var(--tool-color) 55%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--tool-color) 12%, #151823), #0f121a);box-shadow:0 10px 30px #0003,inset 0 1px #ffffff0a}.tool-selector-card.active:after{opacity:1;box-shadow:0 0 16px color-mix(in srgb, var(--tool-color) 45%, transparent)}.tool-selector-icon{border:1px solid color-mix(in srgb, var(--tool-color) 25%, transparent);background:color-mix(in srgb, var(--tool-color) 8%, #121620);width:46px;height:46px;color:color-mix(in srgb, var(--tool-color) 78%, white);border-radius:.8rem;flex:none;place-items:center;font-size:1.25rem;font-weight:850;display:grid}.tool-selector-copy{min-width:0}.tool-selector-copy strong{color:#f2f3f8;font-size:.95rem;line-height:1.3;display:block}.tool-selector-copy small{color:#788298;margin-top:.35rem;font-size:.75rem;line-height:1.45;display:block}.tool-selector-arrow{color:#626d84;background:#ffffff08;border-radius:.55rem;place-items:center;width:30px;height:30px;transition:transform .2s,color .2s,background .2s;display:grid}.tool-selector-card:hover .tool-selector-arrow,.tool-selector-card.active .tool-selector-arrow{color:var(--tool-color);background:color-mix(in srgb, var(--tool-color) 8%, transparent);transform:translate(2px)}.tool-active-bar{background:#0f121bd1;border:1px solid #ffffff12;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;min-height:66px;padding:.75rem 1rem;display:flex}.tool-active-bar>div:first-child{align-items:center;gap:.7rem;display:flex}.tool-active-bar span{color:#69748a;letter-spacing:.06em;font-size:.67rem;font-weight:800}.tool-active-bar strong{color:#e7e3f5;font-size:.9rem}.tool-active-help span{letter-spacing:0;font-weight:500}.tool-stage{min-width:0}.tool-hub-module{width:100%!important;max-width:none!important;margin:0!important}.tool-hub-module[hidden]{display:none!important}.tool-hub-module.active{animation:.28s cubic-bezier(.22,.8,.25,1) both toolModuleIn}@keyframes toolModuleIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.tool-stage :is(.balance-tool,.chem-calc-v4,.sol-tool,.ion-engine){border-radius:1.25rem}@media (width<=1150px){.tool-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.tool-hub-header{flex-direction:column;align-items:flex-start}.tool-selector{grid-template-columns:1fr}.tool-selector-card{min-height:105px}.tool-active-help{display:none}.tool-active-bar{min-height:58px}}@media (prefers-reduced-motion:reduce){.tool-hub-module.active{animation:none}}.tool-selector{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tool-selector-card.pink{--tool-color:#ec4899}.chem-learning-v3{color:#f4f5fa;width:100%;max-width:none;margin:0;padding:0}.cl-learn,.cl-session,.cl-result{gap:16px;width:100%;display:grid}.cl-section-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cl-section-head>div>span,.cl-setup-title span{color:#a78bfa;letter-spacing:.1em;font-size:12px;font-weight:850}.cl-section-head h3{color:#fff;margin:5px 0 0;font-size:21px;line-height:1.2}.cl-section-head>small{color:#6f798f;font-size:12px}.cl-progress-track{background:#242937;border-radius:999px;height:7px;overflow:hidden}.cl-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#c084fc);height:100%;transition:width .35s;display:block;box-shadow:0 0 12px #a855f759}.cl-learn-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(410px,.9fr);gap:14px;display:grid}.cl-learn-profile,.cl-learn-stats{background:linear-gradient(150deg,#131721,#0e1119);border:1px solid #ffffff14;border-radius:18px}.cl-learn-profile{background:radial-gradient(circle at 5%,#7c3aed29,#0000 30%),linear-gradient(150deg,#131721,#0e1119);align-items:center;gap:20px;min-height:190px;padding:22px;display:flex}.cl-learn-level{background:radial-gradient(circle,#7c3aed2e,#7c3aed0a);border:1px solid #a855f759;border-radius:50%;flex-direction:column;flex:0 0 105px;justify-content:center;align-items:center;width:105px;height:105px;display:flex;box-shadow:0 0 35px #7c3aed1a}.cl-learn-level span{color:#8c82a7;letter-spacing:.08em;font-size:11px;font-weight:800}.cl-learn-level strong{color:#fff;margin-top:2px;font-size:38px}.cl-learn-profile-copy{flex:1;min-width:0}.cl-learn-profile-copy>span{color:#a78bfa;letter-spacing:.09em;font-size:11px;font-weight:850}.cl-learn-profile-copy h2{color:#fff;letter-spacing:-.035em;margin:5px 0;font-size:29px}.cl-learn-profile-copy p{color:#8e98ad;max-width:570px;margin:0;font-size:14px;line-height:1.6}.cl-level-progress{margin-top:16px}.cl-level-progress>div:first-child{color:#788299;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;font-size:11px;display:flex}.cl-level-progress>div:first-child span:first-child{color:#c4b5fd;font-weight:800}.cl-learn-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;display:grid}.cl-stat-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:11px;min-height:78px;padding:12px;display:flex}.cl-stat-card>span{background:#7c3aed14;border-radius:10px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:18px;display:grid}.cl-stat-card strong{color:#fff;font-size:21px;display:block}.cl-stat-card small{color:#768096;margin-top:2px;font-size:11px;display:block}.cl-mastery,.cl-learning-setup,.cl-weak-panel,.cl-history-panel{background:#10131c;border:1px solid #ffffff14;border-radius:18px;padding:20px}.cl-mastery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.cl-mastery-card{background:linear-gradient(145deg,#141821,#10131b);border:1px solid #ffffff0f;border-radius:12px;min-width:0;min-height:132px;padding:13px}.cl-mastery-top{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.cl-mastery-icon{color:#c4b5fd;background:#7c3aed14;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.cl-mastery-top>div{min-width:0}.cl-mastery-top>div strong{color:#e9eaf0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.cl-mastery-top>div small{color:#69738a;margin-top:2px;font-size:10px;display:block}.cl-mastery-top>b{color:#b9acd5;font-size:12px}.cl-mastery-card .cl-progress-track{margin-top:11px}.cl-mastery-card p{color:#667087;margin:8px 0 0;font-size:10px;line-height:1.45}.cl-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.cl-mode-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#141821,#0f121a);border:1px solid #ffffff12;border-radius:13px;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:11px;min-width:0;min-height:150px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid}.cl-mode-card:hover{border-color:#a855f747;transform:translateY(-2px)}.cl-mode-card.active{background:linear-gradient(145deg,#7c3aed24,#10131b);border-color:#a855f780}.cl-mode-icon{color:#c4b5fd;background:#7c3aed12;border:1px solid #a855f72e;border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.cl-mode-card>div:nth-child(2){min-width:0}.cl-mode-card>div:nth-child(2)>span{color:#8b7dae;letter-spacing:.06em;font-size:9px;font-weight:800}.cl-mode-card>div:nth-child(2)>strong{color:#fff;margin-top:4px;font-size:14px;display:block}.cl-mode-card p{color:#778198;margin:5px 0 0;font-size:11px;line-height:1.45}.cl-mode-card>i{color:#636d84;font-style:normal}.cl-mode-card.active>i{color:#a78bfa}.cl-setup-block{margin-top:18px}.cl-setup-title{margin-bottom:7px}.cl-topic-options,.cl-choice-row{flex-wrap:wrap;gap:7px;display:flex}.cl-topic-options button,.cl-choice-row button{color:#8993a8;cursor:pointer;background:#0d1018;border:1px solid #ffffff13;border-radius:9px;min-height:42px;padding:0 12px;font-size:12px;font-weight:650}.cl-topic-options button:hover,.cl-choice-row button:hover{color:#fff;border-color:#a855f740}.cl-topic-options button.active,.cl-choice-row button.active{color:#eee8ff;background:#7c3aed21;border-color:#a855f773}.cl-start-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:16px;display:flex}#cl-start-note{color:#7a849b;font-size:12px}#cl-start-note strong{color:#c4b5fd}.cl-start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aedbf,#6d28d98c);border:1px solid #a855f780;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;min-width:180px;min-height:50px;padding:0 14px;font-size:13px;font-weight:800;display:flex}.cl-start-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #5b21b638}.cl-start-button:disabled{opacity:.4;cursor:not-allowed}.cl-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cl-weak-list,.cl-history-list{gap:7px;margin-top:14px;display:grid}.cl-weak-list>div,.cl-history-list>div{background:#ffffff04;border:1px solid #ffffff0e;border-radius:10px;align-items:center;gap:9px;min-height:59px;padding:9px 10px;display:grid}.cl-weak-list>div{grid-template-columns:34px minmax(0,1fr) auto}.cl-history-list>div{grid-template-columns:32px minmax(0,1fr) auto auto}.cl-weak-list>div>span,.cl-history-list>div>span{background:#7c3aed12;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.cl-weak-list strong,.cl-history-list strong{color:#d8dbe4;font-size:12px;display:block}.cl-weak-list small,.cl-history-list small{color:#667086;margin-top:2px;font-size:10px;display:block}.cl-weak-list b,.cl-history-list b{color:#c4b5fd;font-size:12px}.cl-history-list em{color:#22c55e;font-size:10px;font-style:normal}.cl-empty-insight{text-align:center;border:1px dashed #ffffff14;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;margin-top:14px;display:flex}.cl-empty-insight strong{color:#d5d8e1;font-size:13px}.cl-empty-insight span{color:#687288;max-width:320px;margin-top:4px;font-size:11px;line-height:1.5}.cl-session{max-width:1050px;margin:0 auto}.cl-session-top,.cl-session-footer{background:#10131c;border:1px solid #ffffff12;border-radius:14px;align-items:center;min-height:70px;padding:11px 14px;display:grid}.cl-session-top{grid-template-columns:110px minmax(0,1fr) 90px;gap:14px}.cl-session-back{color:#8791a7;cursor:pointer;background:#0d1018;border:1px solid #ffffff12;border-radius:9px;min-height:42px}.cl-session-back:hover{color:#fff}.cl-session-progress{min-width:0}.cl-session-progress>div:first-child{color:#778197;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.cl-session-progress strong{color:#c4b5fd}.cl-session-score{text-align:right}.cl-session-score span{color:#6d778d;font-size:9px;font-weight:800;display:block}.cl-session-score strong{color:#fff;margin-top:2px;font-size:20px;display:block}.cl-question-card{background:radial-gradient(circle at 100% 0,#7c3aed14,#0000 35%),#10131c;border:1px solid #ffffff14;border-radius:18px;min-height:470px;padding:28px}.cl-question-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.cl-question-meta>span:first-child{color:#9ba4b9;font-size:12px;font-weight:750}.cl-difficulty{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.cl-difficulty.easy{color:#86efac;background:#22c55e14}.cl-difficulty.medium{color:#fde68a;background:#f59e0b14}.cl-difficulty.hard{color:#fca5a5;background:#ef444414}.cl-question-number{color:#a78bfa;letter-spacing:.1em;margin-top:30px;font-size:11px;font-weight:850;display:block}.cl-question-card h2{color:#fff;letter-spacing:-.025em;max-width:830px;margin:9px 0 24px;font-size:clamp(22px,2.2vw,30px);line-height:1.4}.cl-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.cl-answer-option{color:#dde0e8;text-align:left;cursor:pointer;background:#0d1018;border:1px solid #ffffff13;border-radius:11px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:70px;padding:10px 13px;display:grid}.cl-answer-option>span{color:#7a849a;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.cl-answer-option strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.cl-answer-option:hover:not(:disabled){background:#7c3aed12;border-color:#a855f759}.cl-answer-option.correct{background:#22c55e12;border-color:#22c55e73}.cl-answer-option.correct>span{color:#86efac;border-color:#22c55e59}.cl-answer-option.wrong{background:#ef444412;border-color:#ef44446e}.cl-answer-option.wrong>span{color:#fca5a5;border-color:#ef444459}.cl-feedback{border-radius:11px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:17px;padding:13px;display:grid}.cl-feedback.correct{background:#22c55e0e;border:1px solid #22c55e33}.cl-feedback.wrong{background:#ef44440b;border:1px solid #ef44442e}.cl-feedback-icon{background:#ffffff0b;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.cl-feedback.correct .cl-feedback-icon{color:#4ade80}.cl-feedback.wrong .cl-feedback-icon{color:#f87171}.cl-feedback strong{color:#fff;font-size:13px}.cl-feedback p{color:#8892a8;margin:3px 0 0;font-size:11px;line-height:1.5}.cl-feedback-xp{color:#c4b5fd;font-size:12px;font-weight:850}.cl-session-footer{grid-template-columns:minmax(0,1fr) auto;gap:14px}.cl-session-footer>div{color:#717b91;font-size:11px}.cl-next-button{color:#eee8ff;cursor:pointer;background:#7c3aed21;border:1px solid #a855f76b;border-radius:9px;min-width:160px;min-height:45px;padding:0 13px;font-size:12px;font-weight:750}.cl-next-button:disabled{opacity:.35;cursor:not-allowed}.cl-result{max-width:980px;margin:0 auto}.cl-result-hero{text-align:center;background:radial-gradient(circle at 50% 15%,#7c3aed29,#0000 35%),#10131c;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:285px;padding:30px;display:flex;position:relative;overflow:hidden}.cl-result-score{background:#7c3aed14;border:1px solid #a855f759;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;display:flex;box-shadow:0 0 35px #7c3aed1a}.cl-result-score strong{color:#fff;font-size:27px}.cl-result-score span{color:#8c95a9;font-size:9px}.cl-result-eyebrow{color:#a78bfa;letter-spacing:.1em;margin-top:18px;font-size:10px;font-weight:850}.cl-result-hero h2{color:#fff;margin:6px 0;font-size:29px}.cl-result-hero p{color:#8791a7;margin:0;font-size:13px}.cl-result-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.cl-result-stats>div{background:#10131c;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:12px;display:flex}.cl-result-stats span{font-size:18px}.cl-result-stats strong{color:#fff;margin-top:4px;font-size:20px}.cl-result-stats small{color:#6d778d;margin-top:2px;font-size:10px}.cl-perfect-bonus{color:#fcd34d;text-align:center;background:#f59e0b0b;border:1px solid #f59e0b2b;border-radius:10px;padding:11px;font-size:12px;font-weight:750}.cl-result-review{background:#10131c;border:1px solid #ffffff12;border-radius:16px;padding:20px}.cl-result-topic-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.cl-result-topic-list>div{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-height:80px;padding:10px;display:grid}.cl-result-topic-list>div>span{background:#7c3aed14;border-radius:8px;grid-row:1/3;place-items:center;width:32px;height:32px;display:grid}.cl-result-topic-list strong{color:#e1e3ea;font-size:11px}.cl-result-topic-list small{color:#727c92;font-size:9px}.cl-result-good{color:#99a69b;background:#22c55e09;border:1px solid #22c55e1a;border-radius:10px;margin-top:13px;padding:15px;font-size:12px}.cl-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cl-result-actions button{color:#949daf;cursor:pointer;background:#10131c;border:1px solid #ffffff14;border-radius:9px;min-height:46px;padding:0 14px;font-size:12px}.cl-result-actions button.primary{color:#eee8ff;background:#7c3aed21;border-color:#a855f76b}.cl-result-actions button:disabled{opacity:.35;cursor:not-allowed}.cl-result-level{color:#69738a;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.cl-result-level strong{color:#c4b5fd;font-size:16px}.cl-result-level small{color:#7b8498}@media (width<=1150px){.cl-learn-dashboard{grid-template-columns:1fr}.cl-mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.cl-mode-grid,.cl-insights,.cl-answer-grid{grid-template-columns:1fr}.cl-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-result-topic-list{grid-template-columns:1fr}}@media (width<=600px){.cl-learn-profile{flex-direction:column;align-items:flex-start}.cl-learn-level{flex-basis:80px;width:80px;height:80px}.cl-learn-level strong{font-size:28px}.cl-learn-stats,.cl-mastery-grid{grid-template-columns:1fr}.cl-start-row{flex-direction:column;align-items:stretch}.cl-start-button{width:100%}.cl-session-top{grid-template-columns:80px minmax(0,1fr)}.cl-session-score{display:none}.cl-question-card{padding:18px}.cl-session-footer{grid-template-columns:1fr}.cl-next-button{width:100%}}@media (prefers-reduced-motion:reduce){.cl-progress-track i,.cl-mode-card,.cl-start-button{transition:none}}.virtual-lab-v2{color:#eef2ff;padding:18px 0 40px}.virtual-lab-v2 *{box-sizing:border-box}.virtual-lab-v2 button{font:inherit}.panel{background:linear-gradient(#10131ff5,#0a0c14f2);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 14px 40px #00000047,inset 0 1px #ffffff0a}.vl-head{justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 18px;display:flex}.vl-head span,.panel-label,.info-box span,.meter span,.stage-badge span,.vl-volume>span{font-size:var(--cl-text-small);letter-spacing:.18em;text-transform:uppercase;color:#8f6cff;font-weight:800;display:block}.vl-head h2{color:#fff;margin:10px 0 12px;font-size:52px;font-weight:900;line-height:1}.vl-head p{color:#b8c2d9;max-width:740px;margin:0;font-size:20px;line-height:1.6}.vl-live{background:#0c0e16d1;border:1px solid #8c78ff3d;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:flex}.vl-live i{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #22c55e}.vl-live b{font-size:var(--cl-text-body);color:#fff}.vl-layout{grid-template-columns:320px minmax(780px,1fr) 300px;gap:18px;display:grid}.vl-shelf h3,.vl-side h3{color:#fff;margin:10px 0 0;font-size:28px;font-weight:900}.reagent-list{flex-direction:column;gap:12px;max-height:640px;margin-top:16px;padding-right:6px;display:flex;overflow:auto}.reagent-list::-webkit-scrollbar{width:8px}.log-list::-webkit-scrollbar{width:8px}.reagent-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.log-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.reagent-card{cursor:pointer;text-align:left;color:#fff;background:#0f121de6;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;width:100%;padding:14px;transition:all .22s;display:flex}.reagent-card:hover{background:#121624f5;border-color:#9176ff59;transform:translateY(-1px)}.reagent-card.active{background:linear-gradient(#241540e0,#12121ef5);border-color:#8b5cf6;box-shadow:0 10px 24px #7245ff2e}.reagent-text strong{color:#fff;font-size:20px;font-weight:900;display:block}.reagent-text span{font-size:var(--cl-text-body);color:#aeb8cf;margin-top:4px;display:block}.bottle{background:linear-gradient(#ffffff05,#ffffff0a);border:2px solid #ffffff38;border-radius:10px 10px 12px 12px;flex:none;width:44px;height:54px;position:relative}.bottle i{background:var(--c);height:42%;box-shadow:0 0 16px color-mix(in srgb,var(--c) 70%, transparent);border-radius:0 0 8px 8px;position:absolute;bottom:4px;left:4px;right:4px}.bottle b{border:2px solid #fff3;border-bottom:none;border-radius:8px 8px 0 0;height:10px;position:absolute;top:-10px;left:10px;right:10px}.vl-volume{margin-top:16px}.vl-volume div{gap:8px;margin-top:10px;display:flex}.vl-volume button,.vl-controls button,.primary-btn,.log-head button{color:#e6edff;cursor:pointer;background:#0f121beb;border:1px solid #ffffff1a;border-radius:14px;padding:12px 16px;transition:all .2s}.vl-volume button:hover,.vl-controls button:hover,.primary-btn:hover,.log-head button:hover{background:#161927f5;border-color:#8b5cf666}.vl-volume button.active,.primary-btn,.vl-controls button.active{color:#fff;background:linear-gradient(90deg,#7c3aed,#a855f7);border-color:#9f67ff;box-shadow:0 10px 22px #7c3aed3d}.primary-btn{width:100%;font-size:var(--cl-text-body);margin-top:14px;padding:14px;font-weight:800}.primary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.vl-main{flex-direction:column;gap:16px;display:flex}.vl-stage{min-height:670px;padding:18px;position:relative;overflow:hidden}.stage-grid{pointer-events:none;background-color:#0000;background-image:linear-gradient(#5e6f9214 1px,#0000 1px),linear-gradient(90deg,#5e6f9214 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.vl-stage:after{content:"";pointer-events:none;background:radial-gradient(circle,#644bff14,#0000 58%);position:absolute;inset:0}.stage-badge{z-index:4;background:#0c0e17c7;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px;position:absolute;top:18px;left:18px}.stage-badge.right{left:auto;right:18px}.stage-badge strong{font-size:var(--cl-text-lead);color:#fff;margin-top:8px;display:block}.beaker-scene{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.beaker-wrap{width:420px;height:440px;transform:translateZ(0) rotate(var(--tilt,0deg));transform-origin:50% 84%;will-change:transform;position:relative}.beaker-wrap.dragging{cursor:grabbing}.beaker-wrap.receive{animation:.62s cubic-bezier(.2,.9,.2,1) beakerPop}.beaker-wrap.flash{filter:drop-shadow(0 0 20px #9d72ff29)}.beaker-wrap.stir{animation:.9s stirMotion}.beaker-body{width:280px;height:350px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.beaker-body:before{content:"";border-bottom:5px solid #d8e9ffe0;border-left:5px solid #d8e9ffe0;border-right:5px solid #d8e9ffe0;border-bottom-right-radius:34px;border-bottom-left-radius:34px;position:absolute;inset:18px 0 0;box-shadow:0 0 20px #b1d0ff0f}.beaker-top{background:linear-gradient(#f0f5ff47,#f0f5ff14);border:4px solid #d8e9ffeb;border-radius:50%;height:20px;position:absolute;top:0;left:18px;right:18px}.beaker-inner{position:absolute;inset:24px 20px 20px}.beaker-scale{color:#d2def08c;width:44px;font-size:var(--cl-text-small);font-weight:800;position:absolute;top:58px;right:28px}.beaker-scale span{display:block;position:absolute;right:0}.beaker-scale span:before{content:"";background:#d2def05c;width:24px;height:1px;position:absolute;top:50%;right:26px}.beaker-scale span:first-child{top:0}.beaker-scale span:nth-child(2){top:40px}.beaker-scale span:nth-child(3){top:80px}.beaker-scale span:nth-child(4){top:120px}.liquid-mask{border-bottom-right-radius:26px;border-bottom-left-radius:26px;height:275px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.liquid{background:linear-gradient(180deg,color-mix(in srgb,var(--liquid-color,#7ecbff) 84%, white 12%),var(--liquid-color,#7ecbff));height:0%;transform:rotate(var(--liquid-tilt,0deg)) translateZ(0);transform-origin:50% 100%;will-change:transform,height;border-radius:0 0 20px 20px;transition:height .55s cubic-bezier(.22,.8,.22,1),background .25s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 8px 16px #ffffff1f,0 0 22px #77c8ff1f}.liquid.swirl{animation:1s liquidMove}.liquid-top{opacity:.7;background:linear-gradient(#ffffff6b,#ffffff12);border-radius:50%;height:18px;position:absolute;top:-9px;left:0;right:0}.drop-layer,.bubble-layer,.precipitate-layer,.steam-layer{pointer-events:none;position:absolute;inset:0}.drop-layer i{background:var(--drop-color,#7ecbff);border-radius:999px;width:8px;height:18px;animation:.9s cubic-bezier(.2,.7,.15,1) forwards dropFall;position:absolute;top:18px}.bubble-layer i{background:#ffffffc2;border-radius:50%;animation:linear forwards bubbleRise;position:absolute;bottom:8px;box-shadow:0 0 12px #ffffff38}.precipitate-layer i{background:var(--precipitate-color,#fff);opacity:.94;border-radius:50%;width:9px;height:9px;animation:1.8s forwards settle;position:absolute;bottom:8px}.precipitate-layer.shake{animation:.6s precShake}.steam-layer i{filter:blur(4px);background:radial-gradient(circle,#ffffff47,#fff0);border-radius:50%;width:18px;height:18px;animation:2.6s linear forwards steamRise;position:absolute;bottom:138px}.flame-box{pointer-events:none;width:120px;height:120px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.flame-stand{background:linear-gradient(90deg,#2d313b,#5b6270,#2d313b);border-radius:18px;width:58px;height:70px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 16px 32px #00000042}.flame-core,.flame-outer{opacity:0;transition:opacity .25s,transform .25s;position:absolute;bottom:58px;left:50%;transform:translate(-50%)scale(.45)}.flame-core{background:linear-gradient(#fff7cc,#ffd43b,#ff8a00);border-radius:50% 50% 55% 55%;width:24px;height:44px}.flame-outer{filter:blur(3px);background:radial-gradient(circle at 50% 28%,#ffe484f2,#ff9100ad 50%,#ff46000d 82%);border-radius:50% 50% 60% 60%;width:42px;height:70px}.flame-box.on .flame-core,.flame-box.on .flame-outer{opacity:1;transform:translate(-50%)scale(1)}.flame-box.on .flame-core{animation:.9s infinite alternate flickerA}.flame-box.on .flame-outer{animation:1.1s infinite alternate flickerB}.scene-shadow{background:radial-gradient(circle,#0000005c,#0000 72%);width:340px;height:36px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.stage-note{z-index:3;max-width:360px;position:absolute;bottom:18px;left:22px}.stage-note strong{color:#fff;font-size:20px;display:block}.stage-note span{font-size:var(--cl-text-body);color:#9eabc6;margin-top:8px;line-height:1.5;display:block}.vl-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.vl-controls button{font-size:var(--cl-text-body);padding:12px 18px}.vl-controls span{color:#8691aa;margin-left:auto;font-size:14px}.vl-dashboard{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.meter{padding:18px}.meter strong{color:#fff;margin-top:12px;font-size:24px;font-weight:900;display:block}.meter small{font-size:var(--cl-text-body);color:#aab5cb;margin-top:8px;display:block}.bar{background:#ffffff14;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.bar i{background:linear-gradient(90deg,#60a5fa,#f59e0b,#ef4444);border-radius:999px;width:0;height:100%;transition:width .25s;display:block}.ph-bar{background:linear-gradient(90deg,#ef4444,#f59e0b,#fde047,#22c55e,#06b6d4,#8b5cf6);border-radius:999px;height:8px;margin-top:16px;position:relative}.ph-bar i{background:#fff;border:2px solid #00000073;border-radius:50%;width:16px;height:16px;transition:left .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #ffffff59}.info-box{background:#0d101ad9;border:1px solid #ffffff14;border-radius:18px;margin-top:14px;padding:16px}.info-box strong{color:#fff;margin-top:10px;font-size:20px;line-height:1.45;display:block}.info-box p{font-size:var(--cl-text-body);color:#aeb7cb;margin:10px 0 0;line-height:1.6}.composition-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.composition-list p{color:#aab5cb;margin:0;font-size:15px}.composition-list div{background:#ffffff0a;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:15px;display:flex}.composition-list strong{color:#fff}.log-head{justify-content:space-between;align-items:center;display:flex}.log-list{flex-direction:column;gap:10px;max-height:250px;margin-top:12px;display:flex;overflow:auto}.log-empty{color:#aab5cb;margin:0;font-size:15px}.log-item{background:#ffffff0a;border-radius:12px;padding:10px 12px}.log-item span{font-size:var(--cl-text-small);color:#8c95ae;margin-bottom:6px;display:block}.log-item p{font-size:var(--cl-text-body);color:#e8edff;margin:0;line-height:1.5}@keyframes beakerPop{0%{transform:translateZ(0) rotate(var(--tilt,0deg)) scale(1)}35%{transform:translateZ(0) rotate(var(--tilt,0deg)) scale(1.015)}to{transform:translateZ(0) rotate(var(--tilt,0deg)) scale(1)}}@keyframes stirMotion{0%,to{transform:translateZ(0) rotate(var(--tilt,0deg))}25%{transform:translateZ(0) rotate(calc(var(--tilt,0deg) + 1.2deg))}75%{transform:translateZ(0) rotate(calc(var(--tilt,0deg) - 1.2deg))}}@keyframes liquidMove{0%,to{filter:saturate()}50%{filter:saturate(1.15)}}@keyframes dropFall{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1}to{opacity:0;transform:translateY(250px)}}@keyframes bubbleRise{0%{opacity:.9;transform:translateY(0)scale(.7)}to{opacity:0;transform:translateY(-210px)scale(1.15)}}@keyframes settle{0%{opacity:0;transform:translateY(-34px)}to{opacity:.95;transform:translateY(0)}}@keyframes precShake{0%,to{transform:translate(0)}50%{transform:translate(1px)}}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scale(.85)}15%{opacity:.55}to{opacity:0;transform:translateY(-96px)scale(1.6)}}@keyframes flickerA{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(.93,1.07)}}@keyframes flickerB{0%{opacity:.86;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.08,.95)}}@media (width<=1450px){.vl-layout{grid-template-columns:300px minmax(680px,1fr) 280px}.vl-head h2{font-size:46px}}@media (width<=1200px){.vl-layout,.vl-dashboard{grid-template-columns:1fr}.vl-head{flex-direction:column}}: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{grid-area:2/1;height:100%;min-height:0}.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}}.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}}