:root{--bg:#f5f8f7;--fg:#26302f;--card:#fff;--primary:#13897d;--primary-dark:#0e6f65;--primary-fg:#fff;--secondary:#edf2f1;--muted:#f2f5f4;--muted-fg:#6f807d;--accent:#e3f3f0;--border:#e1e8e6;--proton:#ed645b;--neutron:#9aa9b9;--electron:#528cdf;--gold:#c99a3b;--good:#3fa47e;--bad:#d9534f;--soft-shadow:0 3px 16px #26302f0a;--sans:var(--font-sans), "Segoe UI", system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, monospace}html[data-font=readable]{--sans:var(--font-readable), system-ui, sans-serif}html[data-font=lexend]{--sans:var(--font-lexend), system-ui, sans-serif}html[data-font=serif]{--sans:Georgia, "Times New Roman", serif}html[data-font=system]{--sans:system-ui, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;font-size:14px;overflow:hidden auto}button,input{font:inherit;color:inherit}button{cursor:pointer}#app{flex-direction:column;height:calc(100vh - 35px);display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex}.brand{align-items:center;gap:11px;font-size:21px;font-weight:800;display:flex}.brand>span{color:var(--muted-fg);margin-left:-6px;font-weight:400}.brand-icon{background:var(--primary);color:var(--primary-fg);border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.top-meta{color:var(--muted-fg);align-items:center;gap:22px;font-size:12px;display:flex}.live-dot{background:var(--good);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.workspace{flex-direction:column;flex:1;width:100%;max-width:1680px;min-height:0;margin:0 auto;padding:18px 28px 0;display:flex}.page-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--primary);margin-bottom:5px}.page-heading h1{font-size:24px;font-weight:750}.page-heading p{color:var(--muted-fg);margin-top:4px;font-size:13px}.btn-outline{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.mode-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;column-gap:24px;margin-bottom:16px;display:flex}.mode-tabs .mode-tab{white-space:nowrap;flex-shrink:0}.mode-tab{height:42px;color:var(--muted-fg);background:0 0;border:0;align-items:center;gap:9px;padding:0 2px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.mode-tab:hover{color:var(--fg)}.mode-tab.active{color:var(--primary)}.mode-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.mode-ico{font-size:15px}.tab-number{font:10px var(--mono);background:var(--secondary);border-radius:3px;padding:2px 5px}#pages{flex:1;min-height:0;position:relative}.page{height:100%;display:none}.page.active{display:block}.footer{border-top:1px solid var(--border);height:34px;color:var(--muted-fg);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;font-size:10.5px;display:flex}.about{background:var(--card);border-top:1px solid var(--border);-webkit-user-select:text;user-select:text;padding:0 28px}.about-inner{max-width:1624px;margin:0 auto;font-size:14.5px;line-height:1.7}.about-inner[open]>:not(summary){max-width:760px;margin-left:auto;margin-right:auto}.about-inner[open]{padding-bottom:40px}.about summary{cursor:pointer;height:34px;color:var(--muted-fg);justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.about summary::-webkit-details-marker{display:none}.about summary h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:600;overflow:hidden}.about-more{font:11px var(--mono);color:var(--primary);white-space:nowrap}.about-more:after{content:" ▾"}.about-inner[open] .about-more:after{content:" ▴"}.about-inner[open] summary{height:auto;color:var(--fg);padding:28px 0 14px}.about-inner[open] summary h2{font-size:22px;font-weight:750}.about h3{margin:26px 0 10px;font-size:15px;font-weight:700}.about p{color:#3d4a48;margin-bottom:12px}.about-faq>div{margin-bottom:12px}.about-faq dt{font-weight:700}.about-faq dd{color:#3d4a48}.about-tools{gap:6px;list-style:none;display:grid}.about-tools a{color:var(--primary);font-weight:600;text-decoration:none}.about-tools a:hover{text-decoration:underline}@media (max-width:960px){.about{padding:0 16px}}.top-link{color:var(--fg);font-weight:600;text-decoration:none}.top-link:hover{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--primary-fg);border-radius:6px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--primary-dark)}.blog{-webkit-user-select:text;user-select:text;flex-direction:column;min-height:100vh;display:flex}.blog .brand{color:var(--fg);text-decoration:none}.blog-nav{align-items:center;gap:20px;display:flex}.blog-nav>a:not(.btn-primary){color:var(--fg);font-weight:600;text-decoration:none}.blog-main{flex:1;padding:44px 28px 64px}.blog-wrap{max-width:720px;margin:0 auto}.blog-title{letter-spacing:-.5px;margin:6px 0 12px;font-size:38px;font-weight:800;line-height:1.15}.blog-lede{color:var(--muted-fg);margin-bottom:18px;font-size:18px;line-height:1.55}.blog-footer{border-top:1px solid var(--border);color:var(--muted-fg);background:var(--card);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 32px;font-size:12px;display:flex}.blog-footer a{color:inherit}.article-list{gap:14px;margin-top:26px;list-style:none;display:grid}.article-card{background:var(--card);border:1px solid var(--border);color:var(--fg);box-shadow:var(--soft-shadow);border-radius:10px;padding:18px 20px;text-decoration:none;transition:border-color .15s;display:block}.article-card:hover{border-color:var(--primary)}.article-card h2,.article-card h3{margin-bottom:6px;font-size:18px;font-weight:750}.article-card p{color:#3d4a48;line-height:1.55}.article-card small{font:11px var(--mono);color:var(--muted-fg);margin-top:10px;display:block}.crumbs{font:12px var(--mono);color:var(--muted-fg)}.crumbs a{color:var(--primary);text-decoration:none}.article-meta{font:12px var(--mono);color:var(--muted-fg);border-bottom:1px solid var(--border);padding-bottom:18px}.article-cta{margin:22px 0}.article-cta-end{background:var(--accent);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:36px;padding:20px;display:flex}.article-cta-end p{font-weight:700}.more-articles{margin-top:48px}.more-articles h2{font-size:20px;font-weight:750}.prose{color:#2f3a39;margin-top:26px;font-size:17px;line-height:1.75}.prose>*+*{margin-top:1em}.prose h2{color:var(--fg);margin-top:1.8em;font-size:26px;font-weight:800;line-height:1.25}.prose h3{color:var(--fg);margin-top:1.5em;font-size:20px;font-weight:750}.prose h4{color:var(--fg);margin-top:1.3em;font-size:18px;font-weight:700}.prose h5{color:var(--fg);margin-top:1.2em;font-size:16px;font-weight:700}.prose h6{color:var(--muted-fg);text-transform:uppercase;letter-spacing:.04em;margin-top:1.2em;font-size:14px;font-weight:700}.prose a{color:var(--primary)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose strong{color:var(--fg)}.prose img{border-radius:10px;max-width:100%;height:auto}.prose .demo{margin:1.6em 0}.prose .demo-frame{border:1px solid var(--border);background:var(--card);width:100%;box-shadow:var(--soft-shadow);border-radius:12px;display:block}.prose .demo figcaption{color:var(--muted-fg);text-align:center;margin-top:8px;font-size:14px}.prose blockquote{border-left:3px solid var(--primary);color:var(--muted-fg);padding:4px 0 4px 16px}.prose code{font:.88em var(--mono);background:var(--secondary);border-radius:4px;padding:1px 5px}.prose pre{background:var(--secondary);border-radius:8px;padding:14px 16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:7px 10px}.prose th{background:var(--muted)}@media (max-width:960px){.blog-main{padding:28px 16px 48px}.blog-title{font-size:30px}.blog-footer{padding:16px}}.lab-grid{grid-template-columns:236px minmax(0,1fr) 330px;gap:22px;height:100%;padding-bottom:14px;display:grid}#page-lab .lab-grid{grid-template-columns:272px minmax(0,1fr) 300px}.left-panel,.right-panel{min-height:0;padding-right:4px;overflow-y:auto}.left-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar{width:4px}.left-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.right-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.centre-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.panel-title{margin-bottom:7px;font-size:13px;font-weight:750}.panel-subtitle{color:var(--muted-fg);margin-bottom:16px;font-size:11px;line-height:1.6}.section-rule{border-top:1px solid var(--border);margin:18px 0 14px}.info-footnote{color:var(--muted-fg);border-top:1px solid var(--border);margin-top:14px;padding-top:12px;font-size:10.5px;line-height:1.7}.info-footnote b{color:var(--fg);font-weight:700}.viewport{background:var(--card);border:1px solid var(--border);min-height:300px;box-shadow:var(--soft-shadow);background-image:radial-gradient(var(--border) .65px, transparent .65px);background-size:19px 19px;border-radius:8px;flex:1;position:relative;overflow:hidden}#labView{background-color:#e4e1d8;background-image:radial-gradient(at 50% 28%,#fffffcb8,#0000 68%),linear-gradient(#e8e5dc 0%,#d7d5cc 74%,#c1c0b7 100%);background-size:auto}.viewport:fullscreen{border-radius:0}.canvas-host{touch-action:none;position:absolute;inset:0}.canvas-host canvas{display:block}.scene-top{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:16px;right:16px}.scene-top>*{pointer-events:auto}.scene-kicker{font:10px var(--mono);text-transform:uppercase;color:var(--muted-fg);pointer-events:none}.scene-status{background:var(--accent);color:var(--primary);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:4px;padding:5px 9px;font-size:10.5px;font-weight:600}.scene-bottom{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.scene-label{color:var(--muted-fg);font:10.5px var(--mono)}.view-controls{background:var(--card);border:1px solid var(--border);pointer-events:auto;border-radius:6px;gap:4px;padding:3px;display:flex}.view-controls button{width:29px;height:29px;color:var(--muted-fg);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.view-controls button:hover{background:var(--accent);color:var(--primary)}.view-controls .i-play{display:none}.view-controls .paused .i-play{display:inline}.view-controls .paused .i-pause{display:none}.view-controls .paused{color:var(--primary);background:var(--accent)}.under-scene{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:repeat(4,1fr);padding:14px 0 12px;display:grid}.under-scene.three{grid-template-columns:repeat(3,1fr)}.stat{text-align:center;border-right:1px solid var(--border);min-width:0;padding:0 6px}.stat:last-child{border:0}.stat small{color:var(--muted-fg);margin-bottom:4px;font-size:10px;display:block}.stat strong{font:500 21px var(--mono);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stat strong.small{font-size:13px;line-height:25px}.t-p{color:var(--proton)}.t-n{color:#6b7d90}.t-e{color:var(--electron)}.checks{flex-wrap:wrap;flex-shrink:0;gap:14px;margin-top:12px;display:flex}.checks .status-row{background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.action-row{flex-wrap:wrap;flex-shrink:0;gap:6px;margin-top:12px;display:flex}.centre-panel>.status-row{flex-shrink:0;margin-top:10px}.bond-picker{border-right:1px solid var(--border);align-items:center;gap:4px;margin-right:2px;padding-right:8px;display:flex}.bond-picker>span{font:10px var(--mono);text-transform:uppercase;color:var(--muted-fg);margin-right:2px}.tool{background:var(--card);border:1px solid var(--border);color:var(--fg);white-space:normal;text-wrap:balance;overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.tool:hover{border-color:var(--primary);color:var(--primary);background:var(--accent)}.tool.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.tool.primary:hover{background:var(--primary-dark);color:var(--primary-fg)}.tool.active{color:#fff;background:#e8743b;border-color:#d0612b}.tool.active.rainbow{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6);border-color:#0000}.control-label{justify-content:space-between;align-items:center;margin:14px 0 9px;font-size:11.5px;font-weight:600;display:flex}.control-label>span{color:var(--muted-fg);font-weight:500;font-family:var(--mono);font-size:11px}input[type=range]{width:100%;accent-color:var(--primary)}.switch{flex-shrink:0;width:32px;height:18px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#cfd9d6;border-radius:9px;transition:all .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:before{transform:translate(14px)}.list-option{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.list-option:hover{border-color:var(--primary)}.list-option.active{border-color:var(--primary);background:var(--accent);color:var(--primary)}.list-option>div{flex:1;min-width:0}.list-option small{color:var(--muted-fg);margin-top:2px;font-size:10px;font-weight:500;display:block}.list-option .formula{font:17px var(--mono);min-width:58px}.list-option .exp-ico{color:var(--primary);font-size:18px}.list-option .run{color:var(--muted-fg);font-size:10px}.list-option.active .run{color:var(--primary)}.segmented{background:var(--secondary);border-radius:7px;margin-bottom:14px;padding:3px;display:flex}.segmented button{color:var(--muted-fg);background:0 0;border:0;border-radius:5px;flex:1;padding:6px;font-size:12px;font-weight:600}.segmented button.active{background:var(--card);color:var(--primary);box-shadow:var(--soft-shadow)}.hidden{display:none!important}.element-info,.info-card{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:8px;margin-top:16px;padding:18px;transition:border-color .3s,box-shadow .3s}.info-card.stable{border-color:var(--good);box-shadow:0 0 0 3px #3fa47e1f}.info-card .big{color:var(--primary);letter-spacing:-1px;margin:6px 0;font-size:54px;font-weight:650;line-height:1.1}.info-card .big sup{vertical-align:top;color:var(--gold);font-size:18px;line-height:2}.info-card .big sub{font-size:.55em}.info-card .big.formula{font-size:34px;font-family:var(--mono);letter-spacing:0;font-weight:500}.info-card .name{margin-bottom:3px;font-size:17px;font-weight:750}.info-card .meta{color:var(--muted-fg);font-size:11px;line-height:1.5}.badge-row{flex-wrap:wrap;gap:6px;margin:12px 0 4px;display:flex}.tag{background:var(--secondary);color:var(--muted-fg);border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600}.data-row{justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}.data-row span{color:var(--muted-fg)}.data-row strong{font:500 11px var(--mono)}.equation{font:12px var(--mono);background:var(--muted);overflow-wrap:anywhere;border-radius:4px;margin-top:6px;padding:8px 10px;line-height:1.8}.info-card .shells{color:var(--primary)}.table-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.table-header .panel-title{margin:0}.table-header small{font:10px var(--mono);color:var(--muted-fg)}.table-legend{color:var(--muted-fg);flex-wrap:wrap;gap:6px 10px;font-size:9.5px;display:flex}.table-legend i{vertical-align:-1px;border:1px solid #00000014;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.status-row{background:var(--muted);border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:7px 10px;font-size:11.5px;font-weight:600;line-height:1.45}.status-row.ok{color:var(--good);background:#3fa47e0f;border-color:#3fa47e4d}.status-row.warn{color:#a87a1c;background:#c99a3b12;border-color:#c99a3b59}.status-row.bad{color:var(--bad);background:#d9534f0d;border-color:#d9534f4d}.made-item{background:var(--accent);color:var(--primary-dark);border:1px solid #13897d2e;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;font-size:11px;font-weight:650;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}.made-item .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.made-empty{color:var(--muted-fg);padding:4px 0;font-size:11px}#madeCount{color:var(--muted-fg);font:11px var(--mono);margin-left:4px}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.particle-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:8px;margin-bottom:10px;padding:12px}.particle-top{align-items:center;gap:11px;margin-bottom:12px;display:flex}.particle-name{font-size:13px;font-weight:700}.particle-charge{color:var(--muted-fg);margin-top:2px;font-size:10px}.porb{color:#fff;width:34px;height:34px;font:13px var(--mono);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .15s;display:grid;box-shadow:inset -4px -5px 8px #0000001f,inset 3px 3px 6px #ffffff40}.porb:hover{transform:scale(1.1)}.porb:active{cursor:grabbing}.porb.p{background:var(--proton)}.porb.n{background:var(--neutron)}.porb.e{background:var(--electron)}.stepper{background:var(--muted);border:1px solid var(--border);border-radius:5px;justify-content:space-between;align-items:center;height:32px;display:flex}.stepper .count{font:15px var(--mono)}.mini-btn{width:36px;height:30px;color:var(--muted-fg);background:0 0;border:0;border-radius:4px;font-size:15px}.mini-btn:hover{color:var(--primary);background:var(--accent)}.key{color:var(--muted-fg);align-items:center;gap:9px;margin:9px 0;font-size:11px;display:flex}.key i{border-radius:50%;width:8px;height:8px;display:inline-block}.key .k-p{background:var(--proton)}.key .k-n{background:var(--neutron)}.key .k-e{background:var(--electron)}.ptable{grid-template-rows:repeat(7,auto) 6px auto auto;grid-template-columns:repeat(18,1fr);gap:1px;margin-bottom:10px;display:grid}.el-btn{min-width:0;line-height:1.1;font:600 9.5px var(--mono);letter-spacing:-.4px;color:var(--fg);background:var(--card);border:1px solid var(--border);touch-action:none;border-radius:3px;padding:4px 0;transition:transform .12s;position:relative}.el-btn .sub{display:none}.el-btn:hover{z-index:2;border-color:var(--primary);transform:scale(1.4);box-shadow:0 4px 10px #00000026}.el-btn.c-alkali,.table-legend .c-alkali{background:#fde4e1}.el-btn.c-alkaline,.table-legend .c-alkaline{background:#fdeedb}.el-btn.c-transition,.table-legend .c-transition{background:#fbf4d8}.el-btn.c-post,.table-legend .c-post{background:#e2f3e6}.el-btn.c-metalloid,.table-legend .c-metalloid{background:#dcf1ec}.el-btn.c-nonmetal,.table-legend .c-nonmetal{background:#e1ecf8}.el-btn.c-halogen,.table-legend .c-halogen{background:#e6e6f8}.el-btn.c-noble,.table-legend .c-noble{background:#efe7f8}.el-btn.c-lanthanide,.table-legend .c-lanthanide{background:#f9e5ef}.el-btn.c-actinide,.table-legend .c-actinide{background:#f6e1e3}.el-btn.c-superheavy{color:#8a9593;background:#eceeee}.el-btn.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.ptable-sel{color:var(--muted-fg);margin:2px 0 4px;font-size:11px}.ptable-sel b{color:var(--primary)}.shelf-search{border:1px solid var(--border);background:var(--card);border-radius:7px;width:100%;margin:0 0 7px;padding:10px 11px;font-size:12px}.shelf-search:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #13897d26}.shelf-instructions{margin:0 2px 10px}.shelf-head{width:100%;font:650 10px var(--mono);color:var(--muted-fg);text-transform:uppercase;letter-spacing:.55px;text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;margin:15px 0 7px;padding:0 2px 6px;display:flex}.shelf-head:hover{color:var(--primary)}.shelf-head:after{content:"▾";margin-left:6px;transition:transform .15s}.shelf-head .count{color:var(--muted-fg);font:10px var(--mono);margin-left:auto}.shelf-section.collapsed .shelf-head:after{transform:rotate(-90deg)}.shelf-section.collapsed .shelf-grid{display:none}.searching .shelf-section.collapsed .shelf-grid{display:grid}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.bottle{cursor:grab;touch-action:none;background:linear-gradient(145deg,#fff,#f8faf9);border:1px solid #e0e7e5;border-radius:8px;align-items:center;gap:7px;min-width:0;min-height:56px;padding:7px 8px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:flex;box-shadow:0 2px 5px #1d2d2a0b,inset 0 1px #ffffffe6}.bottle:hover{border-color:var(--primary);background:#f2fbf9;transform:translateY(-1px);box-shadow:0 4px 12px #1d5a4f1f}.bottle:active{cursor:grabbing}.bottle-icon{flex:0 0 27px;width:27px;height:40px;display:block;position:relative}.bottle-cap{z-index:2;background:linear-gradient(90deg,#d5dddb,#f4f7f6 45%,#c5cfcd);border:1px solid #aab6b4;border-bottom:0;border-radius:3px 3px 1px 1px;width:11px;height:5px;position:absolute;top:1px;left:8px}.bottle-neck{z-index:1;background:linear-gradient(90deg,#bed9d98c,#ffffffbf 45%,#a4c5c67a);border:1px solid #768f918c;border-bottom:0;width:11px;height:8px;position:absolute;top:5px;left:8px}.bottle-body{background:linear-gradient(90deg,#97bdc061,#ffffffc7 22%,#def1f17a 70%,#89adb066);border:1px solid #75939699;border-radius:5px 5px 8px 8px;position:absolute;inset:11px 1px 1px;overflow:hidden;box-shadow:inset 0 0 3px #ffffffe6,0 1px 2px #283d3b24}.bottle-fill{background:var(--liquid-color,#91b8c1);opacity:.74;border-radius:0 0 6px 6px;position:absolute;inset:38% 1px 1px;box-shadow:inset 0 2px 2px #ffffff6b}.bottle-shine{background:#ffffffd1;border-radius:2px;width:2px;position:absolute;top:4px;bottom:5px;left:4px}.bottle .info{flex:1;min-width:0}.bottle-topline{justify-content:space-between;align-items:baseline;gap:3px;display:flex}.bottle .sym{min-width:0;font:600 11px var(--mono);white-space:nowrap;text-overflow:ellipsis;color:#243330;overflow:hidden}.bottle .nm{color:#687875;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;line-height:1.15;overflow:hidden}.bottle .phase-label{font:7px var(--mono);color:#71817d;letter-spacing:.15px;flex:none}.bottle.phase-s .bottle-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--liquid-color) 72%, white), var(--liquid-color))}.glass-bar{background:var(--card);border:1px solid var(--border);border-radius:6px;gap:3px;padding:3px;display:flex}.glass-btn{color:var(--muted-fg);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:flex}.glass-btn:hover{color:var(--primary);background:var(--accent)}.glass-btn.active{background:var(--primary);color:var(--primary-fg)}.lab-notebook{margin-top:0}.nb-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:11.5px;display:flex}.nb-row.col{flex-direction:column;align-items:stretch;gap:5px}.nb-row .k{color:var(--muted-fg);font-size:10.5px}.nb-row .v{font:500 12px var(--mono);color:var(--fg)}.nb-row .v.wrap{word-break:break-word;font-family:inherit;font-weight:600;line-height:1.45}.swatch{vertical-align:-2px;border:1px solid #0000001f;border-radius:3px;width:13px;height:13px;margin-right:6px;display:inline-block}.ph-bar{border-radius:4px;height:8px;position:relative}.ph-marker{background:var(--fg);border-radius:2px;width:4px;height:16px;transition:left .4s;position:absolute;top:-4px;transform:translate(-50%)}.nb-note{color:var(--fg);background:var(--muted);border-radius:6px;padding:10px 12px;font-size:11.5px;line-height:1.7}.nb-note b{color:var(--primary)}.card-actions{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.card-actions .tool{flex:1;justify-content:center}.tool:disabled{opacity:.45;cursor:not-allowed}.equation.small{font-size:11px;line-height:1.6}.equation.small b{color:var(--primary)}.nb-row .v.ions{color:var(--muted-fg);font-size:10.5px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.atom-chip{background:var(--card);border:1px solid var(--border);font:500 11.5px var(--mono);cursor:grab;touch-action:none;border-radius:14px;align-items:center;gap:6px;padding:5px 9px;display:flex}.atom-chip:hover{border-color:var(--primary)}.atom-chip.active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.chip-dot{border:1px solid #00000026;border-radius:50%;width:9px;height:9px}#page-formulas .lab-grid,#page-pformulas .lab-grid{grid-template-columns:230px minmax(0,1fr) 340px}.fx-head{margin:14px 0 8px}.fx-links{flex-wrap:wrap}.fx-links button{flex:1 0 30%;padding:6px 4px;font-size:11px}.list-option.compact{margin-bottom:5px;padding:8px 10px}.list-option.compact .exp-ico{text-align:center;width:18px;font-size:14px}.fx-centre{padding-right:4px;overflow-y:auto}.fx-calc.info-card{width:100%;max-width:860px;margin:0 auto;padding:26px 32px}.fx-calc .name{font-size:24px}.fx-calc .fx-big{text-align:center;margin:16px 0;padding:14px 18px}.fx-calc .fx-big .katex{font-size:1.9em}.fx-calc .fx-note{font-size:12.5px}.fx-calc .fx-vars{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:8px;display:grid}.fx-calc .fx-var{grid-template-columns:18px 1fr 150px;padding:9px 12px;font-size:12.5px}.fx-calc .fx-input{padding:7px 9px;font-size:13px}.fx-calc .fx-answer{padding:16px 18px;font-size:14px}.fx-calc .fx-answer strong{font-size:24px}.fx-list{flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.fx-list .fx-card{gap:2px;padding:7px 11px}.fx-list .fx-tex .katex-display{margin:2px 0}.fx-related{width:100%;max-width:860px;margin:18px auto 14px}.fx-related .panel-title{margin-bottom:10px}.fx-related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.fx-card{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:9px 12px;transition:all .15s;display:flex}.fx-card .fx-tex .katex{font-size:.92em}.fx-card:hover{border-color:var(--primary);box-shadow:var(--soft-shadow)}.fx-card.active{border-color:var(--primary);background:var(--accent)}.fx-name{font-size:12.5px;font-weight:700}.fx-tex{position:relative;overflow:auto hidden}.fx-tex .katex-display{text-align:left;margin:4px 0}.fx-tex .katex{font-size:1.05em}.fx-meta{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.fx-link{color:var(--primary);background:var(--accent);border-radius:4px;padding:3px 6px;font-size:9.5px;font-weight:600}.fx-calc{margin-top:0}.fx-big{background:var(--muted);border-radius:6px;margin:10px 0;padding:4px 10px;position:relative;overflow:auto hidden}.fx-big .katex{font-size:1.25em}.fx-note{color:var(--muted-fg);margin-bottom:10px;font-size:11px;line-height:1.6}.fx-use{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.fx-vars{flex-direction:column;gap:6px;display:flex}.fx-var{border:1px solid var(--border);border-radius:6px;grid-template-columns:18px 1fr 120px;align-items:center;gap:8px;padding:6px 8px;font-size:11.5px;display:grid}.fx-var.solving{border-color:var(--primary);background:var(--accent)}.fx-var input[type=radio]{accent-color:var(--primary);margin:0}.fx-label small{color:var(--muted-fg);font-size:10px}.fx-input{border:1px solid var(--border);width:100%;font:12px var(--mono);text-align:right;background:var(--card);-webkit-user-select:text;user-select:text;border-radius:4px;padding:5px 7px}.fx-input:focus{border-color:var(--primary);outline:none}.fx-input.linked{background:#fdf7e6}.fx-var.solving .fx-input{color:var(--primary);font-weight:600}.fx-result{margin-top:12px}.fx-answer{background:var(--primary);color:var(--primary-fg);border-radius:6px;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;font-size:12px;display:flex}.fx-answer strong{font:600 16px var(--mono);text-align:right}.fx-answer.warn{color:#8a6417;background:#c99a3b1f}.fx-msg{color:var(--muted-fg);margin-top:6px;font-size:11px;line-height:1.5}.fx-result .equation{margin-top:8px}@media (max-width:960px){#page-formulas .lab-grid,#page-pformulas .lab-grid{grid-template-columns:minmax(0,1fr)}.fx-centre{overflow:visible}.fx-calc .fx-vars{grid-template-columns:1fr}.fx-list{max-height:65vh;padding-right:4px;overflow-y:auto}#fxSections,#pfSections{flex-wrap:wrap;gap:6px;display:flex}#fxSections .list-option,#pfSections .list-option{flex:45%;min-width:0;margin:0}}@media (max-width:560px){.fx-calc.info-card{padding:18px 16px}.fx-calc .name{font-size:20px}.fx-calc .fx-big .katex{font-size:1.35em}.fx-calc .fx-var{grid-template-columns:18px minmax(0,1fr) 118px;padding:8px 10px}.fx-calc .fx-answer strong{font-size:19px}.fx-related-grid{grid-template-columns:1fr 1fr}}.fu-build{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fu-build label{font:10px var(--mono);color:var(--muted-fg);flex-direction:column;gap:3px;display:flex}.fu-build .fx-input{text-align:center}.fu-controls{flex-shrink:0;margin-top:4px}.fu-controls .control-label{margin:10px 0 6px}.fu-auto{cursor:pointer}.fu-auto input{accent-color:var(--primary)}.fu-note{flex-shrink:0;margin-top:10px}.fu-desc{margin-top:12px}#fuChart svg{margin-top:4px;display:block}.view-controls{position:relative}.view-controls .save-btn{width:auto;color:var(--primary);gap:5px;padding:0 9px;font-size:11.5px;font-weight:600;display:flex}.save-menu{z-index:30;background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:190px;padding:4px;display:none;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 30px #26302f24}.save-menu.open{flex-direction:column;display:flex}.save-menu button{text-align:left;width:100%;height:auto;color:var(--fg);background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:12px;font-weight:600;display:block}.save-menu button:hover{background:var(--accent);color:var(--primary)}.saves-btn{align-items:center;gap:6px;display:flex}.saves-btn b{background:var(--primary);color:var(--primary-fg);font:600 10px var(--mono);border-radius:8px;padding:1px 6px}.saves-drawer{z-index:500;background:var(--card);border-left:1px solid var(--border);width:360px;max-width:92vw;padding:18px;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-10px 0 40px #26302f1f}.saves-drawer:not(.open){visibility:hidden;transition:transform .25s,visibility 0s .25s}.saves-drawer.open{transform:none}.saves-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.save-item{border:1px solid var(--border);border-radius:8px;gap:10px;margin-bottom:8px;padding:10px;display:flex}.save-item img{object-fit:cover;background:var(--muted);border-radius:5px;flex-shrink:0;width:96px;height:64px}.save-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.save-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.save-meta small{color:var(--muted-fg);font-size:10px}.save-actions{gap:5px;margin-top:auto;display:flex}.save-actions .tool{padding:4px 9px;font-size:11px}#dragGhost{pointer-events:none;z-index:999;display:none;position:fixed;transform:translate(-50%,-50%)}#dragGhost.visible{display:block}#dragGhost.ok{filter:drop-shadow(0 0 10px var(--good))}.atom-ghost{width:46px;height:46px;font:600 15px var(--mono);border:2px solid var(--primary);border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 20px #00000026}.bottle-ghost{width:44px;height:56px;position:relative}.popup{color:var(--fg);background:var(--card);border:1px solid var(--border);border-left:3px solid var(--gold);pointer-events:none;z-index:9000;white-space:nowrap;text-align:center;border-radius:6px;padding:7px 14px;font-size:15px;font-weight:750;animation:2s ease-out forwards popFloat;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #26302f1f}.popup.green{border-left-color:var(--good);color:var(--primary-dark)}.popup.orange{color:#b4541f;border-left-color:#e8743b}.popup.blue{border-left-color:var(--electron);color:#2f5fa8;font-size:13.5px}.popup .sub{font:10.5px var(--mono);color:var(--muted-fg);margin-top:3px;font-weight:400}@keyframes popFloat{0%{opacity:0;transform:translate(-50%,16px)scale(.7)}20%{opacity:1;transform:translate(-50%,-16px)scale(1.04)}80%{opacity:1;transform:translate(-50%,-34px)scale(1)}to{opacity:0;transform:translate(-50%,-70px)scale(1)}}.celebrate{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--good);max-width:calc(100vw - 32px);color:var(--primary-dark);text-align:center;pointer-events:none;z-index:10000;opacity:0;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:800;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:fixed;top:72px;left:50%;transform:translate(-50%,-16px);box-shadow:0 10px 30px #26302f24}.celebrate.show{opacity:1;transform:translate(-50%)}.celebrate .sub{font:11px var(--mono);color:var(--muted-fg);margin-top:3px;font-weight:400}@media (max-width:1250px){.lab-grid{grid-template-columns:200px minmax(0,1fr) 290px;gap:16px}#page-lab .lab-grid{grid-template-columns:240px minmax(0,1fr) 260px}.top-meta .tagline{display:none}}@media (max-width:960px){html,body{height:auto;overflow:hidden auto}#app{height:auto;min-height:100vh}.workspace{padding:16px 16px 0}.topbar,.footer{padding:0 16px}#pages{flex:none}.page.active{height:auto}.lab-grid,#page-lab .lab-grid{grid-template-columns:1fr;gap:18px;height:auto}.centre-panel{order:-1}.viewport{flex:none;height:min(64vh,520px);min-height:340px}.mode-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:20px;margin-left:-16px;margin-right:-16px;padding:0 16px;overflow-x:auto}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{white-space:nowrap;flex-shrink:0}.page-heading{align-items:flex-start;gap:12px}.page-heading .btn-outline{white-space:nowrap;flex-shrink:0}.top-meta{gap:14px}.top-meta .live-status{display:none}.left-panel,.right-panel{padding-right:0;overflow:visible}#shelfItems{max-height:60vh;overflow-y:auto}.el-btn{font-size:9px}.hide-sm{display:none}}@media (max-width:560px){.page-heading h1{font-size:20px}.page-heading p{font-size:11px}.mode-tabs{gap:14px}.mode-tab{gap:5px;font-size:11.5px}.tab-number{display:none}.topbar{height:54px;padding:0 12px}.brand{gap:8px;font-size:17px}.brand>span{margin-left:-4px}.brand .logo-mark{width:28px;height:28px}.top-meta{gap:10px;font-size:12px}.saves-btn{padding:6px 8px}.saves-btn .lbl{display:none}.workspace{padding:12px 12px 0}.mode-tabs{margin-left:-12px;margin-right:-12px;padding:0 12px}.page-heading .btn-outline{padding:6px 9px}.viewport{height:min(62vh,480px)}.scene-top{top:10px;left:10px;right:10px}.scene-bottom{bottom:10px;left:10px;right:10px}.scene-label{display:none}.scene-status{text-overflow:ellipsis;max-width:70vw;overflow:hidden}.stat strong{font-size:16px}.el-btn{letter-spacing:-.6px;font-size:7px}.glass-btn .lbl,.scene-kicker{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.cookie-banner{z-index:1000;background:var(--card);max-width:720px;color:var(--fg);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;padding:16px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 40px #26302f2e}.cookie-banner p{flex:320px;margin:0;font-size:14px;line-height:1.5}.cookie-banner a{color:var(--primary);font-weight:600}.cookie-actions{gap:8px;margin-left:auto;display:flex}.link-btn{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.fu-result{border-color:var(--good);background:var(--card);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:10px;margin-bottom:14px;padding:14px 16px;font-size:12px;line-height:1.55;display:none}.fu-result.show{animation:.35s cubic-bezier(.34,1.56,.64,1) frIn;display:block}@keyframes frIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fu-result p{margin:8px 0 0}.fr-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:8px;padding-bottom:10px;display:flex}.fr-head>span{font-size:26px;line-height:1}.fr-head b{font-size:14px;display:block}.fr-head.ok b{color:var(--good)}.fr-head.warn b{color:#a87a1c}.fr-head.cold b{color:var(--bad)}.fr-head small,.fr-grid small{color:var(--muted-fg);font-size:10.5px;display:block}.fr-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.fr-grid>div{background:var(--muted);border-radius:6px;padding:7px 8px}.fr-grid strong{color:var(--primary-dark);margin:2px 0;font-size:13px;display:block}.fr-fact{background:var(--accent);border-radius:6px;padding:8px 10px}.fr-note{color:var(--muted-fg)}.fr-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}@media (max-width:560px){.fr-grid{grid-template-columns:1fr 1fr}}.learn-btn{border:1px solid var(--border);background:var(--card);width:24px;height:24px;color:var(--primary);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;padding:0;display:grid}.learn-btn:hover{background:var(--accent);border-color:var(--primary)}.learn-panel{background:var(--accent);border:1px solid var(--border);border-radius:8px;margin-top:4px;padding:12px}.learn-actions{flex-direction:column;gap:6px;display:flex}.learn-actions .tool{text-align:left;justify-content:flex-start}.learn-panel .control-label{margin:12px 0 4px}.learn-hint{color:var(--muted-fg);font-size:10.5px;line-height:1.5}.learn-modal{z-index:900;background:#141e1d6b;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.learn-modal.open{display:flex}.learn-box{background:var(--card);width:min(760px,100%);max-height:calc(100vh - 32px);color:var(--fg);border-radius:14px;padding:22px 24px 24px;font-size:13px;line-height:1.6;position:relative;overflow-y:auto;box-shadow:0 24px 70px #141e1d4d}.learn-close{position:absolute;top:14px;right:14px}.learn-box h2{margin:0;font-size:20px;font-weight:800}.learn-box h3{margin:18px 0 6px;font-size:13px;font-weight:750}.learn-box ul{margin:0;padding-left:18px}.learn-box li{margin:3px 0}.learn-box p{margin:6px 0}.lc-head{align-items:center;gap:14px;padding-right:40px;display:flex}.lc-head .porb{cursor:default;flex-shrink:0;width:54px;height:54px;font-size:18px}.lc-tag{color:var(--muted-fg);margin:2px 0 0!important}.lc-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:16px;display:grid}.lc-facts>div{background:var(--muted);border-radius:8px;padding:8px 10px}.lc-facts small{font:10px var(--mono);text-transform:uppercase;color:var(--muted-fg);display:block}.lc-facts b{font-size:13px;display:block}.lc-facts span{color:var(--muted-fg);font-size:11px;line-height:1.4;display:block}.lc-live{background:var(--accent);border-left:3px solid var(--primary);border-radius:6px;padding:8px 12px}.lc-cols{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.lc-know{border:1px solid var(--border);border-radius:10px;margin-top:18px;padding:4px 14px 14px}.lc-note{color:var(--muted-fg);font-size:11.5px}.lc-nav{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;display:flex}.exp-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.exp-card{text-align:left;border:1px solid var(--border);background:var(--card);cursor:pointer;font:inherit;color:inherit;border-radius:10px;padding:14px}.exp-card:hover{border-color:var(--primary);background:var(--accent)}.exp-card .yr{font:10px var(--mono);color:var(--primary);text-transform:uppercase}.exp-card b{margin:4px 0;font-size:14px;display:block}.exp-card span{color:var(--muted-fg);font-size:12px;line-height:1.5;display:block}.sim-controls{flex-wrap:wrap;align-items:center;gap:10px 18px;margin:12px 0 10px;font-size:12px;display:flex}.sim-controls label{align-items:center;gap:8px;display:flex}.sim-controls input[type=range]{width:130px}.sim-controls output{font:11px var(--mono);color:var(--muted-fg);min-width:44px}.sim-controls select{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:6px;padding:4px 6px}.sim-controls .titration-range{flex:230px;grid-template-columns:minmax(82px,1fr) minmax(70px,1.2fr) 48px;align-items:center;gap:6px;min-width:0;display:grid}.titration-range span{min-width:0;line-height:1.25}.sim-controls .titration-range input[type=range]{width:100%;min-width:0}.titration-range output{text-align:right;min-width:0}.sim-controls .sim-toggle{white-space:normal;flex:0 auto;min-width:0;max-width:100%}.sim-toggle input[type=checkbox]{flex:none;margin:0}.sim-toggle span{overflow-wrap:anywhere;min-width:0}.sim-try{background:var(--muted);border-radius:8px;margin-top:12px;padding:10px 14px;font-size:12.5px}.sim-try ol{margin:4px 0 0;padding-left:18px}.sim-try li{margin:2px 0}.sim-canvas{background:#0f1b1a;border-radius:10px;width:100%;overflow:hidden}.sim-canvas canvas{display:block}.sim-stats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sim-stats>div{background:var(--muted);color:var(--muted-fg);border-radius:6px;padding:5px 10px;font-size:11px}.sim-stats b{color:var(--fg);margin-left:4px;font-size:13px}.sim-note{background:var(--accent);border-left:3px solid var(--primary);border-radius:6px;min-height:3.2em;margin-top:10px;padding:10px 12px}.quiz-progress{background:var(--muted);border-radius:3px;height:6px;margin:14px 0 4px;overflow:hidden}.quiz-progress i{background:var(--primary);height:100%;transition:width .3s;display:block}.quiz-q{margin:14px 0 10px;font-size:16px;font-weight:700}.quiz-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-choice{text-align:left;border:1px solid var(--border);background:var(--card);font:inherit;color:inherit;cursor:pointer;border-radius:8px;padding:10px 12px}.quiz-choice:hover:not(:disabled){border-color:var(--primary);background:var(--accent)}.quiz-choice:disabled{cursor:default}.quiz-choice.right{border-color:var(--good);color:var(--good);background:#3fa47e1f;font-weight:700}.quiz-choice.wrong{border-color:var(--bad);color:var(--bad);background:#d9534f14}.quiz-explain{background:var(--muted);border-radius:8px;margin-top:12px;padding:10px 12px}.quiz-explain.ok{background:#3fa47e1a}.quiz-score{color:var(--primary);margin-top:10px;font-size:44px;font-weight:800;line-height:1.1}.learn-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tour-bubble{z-index:950;background:var(--card);width:min(300px,100vw - 32px);color:var(--fg);border:1px solid var(--primary);border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.55;display:none;position:fixed;box-shadow:0 14px 40px #141e1d40}.tour-bubble.show{display:block}.tb-step{font:10px var(--mono);text-transform:uppercase;color:var(--primary)}.tb-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tb-x{color:var(--muted-fg);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13px}.tb-x:hover{color:var(--fg)}.tb-bar{background:var(--muted);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.tb-bar i{background:var(--primary);height:100%;transition:width .3s;display:block}.tb-wait{color:#a87a1c;margin-top:8px;font-size:11.5px}.tb-done{color:#24785a;background:#3fa47e1f;border-radius:6px;margin-top:8px;padding:8px 10px}.tb-actions{justify-content:space-between;gap:6px;margin-top:10px;display:flex}.tour-focus{outline-offset:3px;border-radius:8px;animation:1.4s ease-in-out infinite tourPulse;outline:3px solid var(--primary)!important}@keyframes tourPulse{50%{outline-color:#13897d59}}@media (max-width:560px){.learn-box{padding:18px 16px 20px}.lc-cols,.quiz-choices{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.tour-focus{animation:none}}.copyright{text-align:center;color:var(--muted-fg);padding:14px 16px 18px;font-size:12px}.copyright a{color:var(--primary)}.copyright .dmca-badge{margin-left:8px}.copyright .dmca-badge img{vertical-align:middle;width:auto;height:18px}.hub{max-width:1080px;margin:0 auto}.hub section+section{margin-top:44px}.hub-hero{max-width:760px}.hub-hero .blog-title{font-size:46px}.hub-cta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.btn-ghost{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:6px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.hub-h2{margin-bottom:14px;font-size:20px;font-weight:800}.hub-more{margin-top:14px}.hub-more a{color:var(--primary);font-weight:700;text-decoration:none}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;list-style:none;display:grid}.subject-card{background:var(--card);border:1px solid var(--border);height:100%;color:var(--fg);box-shadow:var(--soft-shadow);border-radius:14px;flex-direction:column;gap:6px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}a.subject-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 30px #26302f1a}.subject-card b{flex-wrap:wrap;align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.subject-card>span:not(.subject-ico){color:#3d4a48;font-size:14px;line-height:1.55}.subject-card em{color:var(--primary);margin-top:auto;padding-top:8px;font-size:13px;font-style:normal;font-weight:700}.subject-ico{background:var(--accent);border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:4px;font-size:24px;display:grid}.s-physics .subject-ico{background:#e8eefb}.s-biology .subject-ico{background:#eaf6e6}.subject-card.soon{opacity:.72;background:var(--muted);box-shadow:none}.badge-soon{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.4px;color:#a87a1c;background:#fbf0d9;border-radius:4px;padding:3px 7px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;list-style:none;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);height:100%;color:var(--fg);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.tool-card:hover{border-color:var(--primary);background:var(--accent)}.tool-card-ico{background:var(--accent);width:42px;height:42px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.tool-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.tool-card-body small{font:10px var(--mono);color:var(--primary)}.tool-card-body b{font-size:15px}.tool-card-body span{color:var(--muted-fg);font-size:12.5px;line-height:1.5}.tool-card-go{color:var(--primary);margin-left:auto;font-weight:800}.cat-chip{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.4px;color:var(--primary);background:var(--accent);border-radius:4px;margin-bottom:8px;padding:3px 7px;display:inline-block}.cat-filter{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cat-btn{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:6px 14px;font:600 13px inherit}.cat-btn small{color:var(--muted-fg);margin-left:2px;font-weight:500}.cat-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.cat-btn.active small{color:#fffc}.subject-link{color:var(--primary);font-weight:600;text-decoration:none}.subject-link:hover{text-decoration:underline}a.brand{color:var(--fg);text-decoration:none}@media (max-width:560px){.hub-hero .blog-title{font-size:34px}.tool-grid{grid-template-columns:1fr}.blog-nav{gap:12px}.blog-nav .btn-primary{display:none}}.contact-mail{margin:8px 0 6px}.logo-mark{flex-shrink:0;display:block}.chev{vertical-align:-2px;flex-shrink:0;display:inline-block}.font-picker{position:relative}.font-btn{min-width:38px;font-size:14px;font-weight:800}.font-menu{z-index:600;background:var(--card);border:1px solid var(--border);border-radius:10px;width:240px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #26302f29}.font-menu .eyebrow{margin:2px 6px 8px}.font-opt{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;padding:8px 10px;display:flex}.font-opt:hover{background:var(--muted)}.font-opt.active{border-color:var(--primary);background:var(--accent)}.font-opt b{color:var(--fg);font-size:15px;font-weight:700}.font-opt small{color:var(--muted-fg);font-size:11px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz-choice{padding-right:30px;position:relative}.quiz-choice.dim{opacity:.55}.qc-mark{font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.quiz-explain{line-height:1.6}.quiz-explain.miss{background:#d9534f0f;border:1px solid #d9534f40}.quiz-explain.ok{border:1px solid #3fa47e4d}.qe-head{margin-bottom:6px;font-size:14px}.qe-why{background:#3fa47e1a;border-radius:6px;margin-top:6px;padding:8px 10px}.qe-why b:first-child{color:#24785a}.qe-yours{background:#d9534f14;border-radius:6px;margin-top:6px;padding:8px 10px}.qe-yours b:first-child{color:var(--bad)}.quiz-review{gap:8px;max-height:340px;display:grid;overflow-y:auto}.quiz-review-item{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.55}.quiz-review-q{margin-bottom:4px;font-weight:700}.quiz-review-a{flex-wrap:wrap;gap:6px 14px;margin-bottom:4px;display:flex}.qr-bad{color:var(--bad);font-weight:600}.qr-good{color:#24785a;font-weight:700}.quiz-review-why{color:#3d4a48}.atom-pull{background:var(--card);border:1px solid var(--border);pointer-events:none;border-radius:8px;width:min(320px,80%);padding:9px 12px;font-size:11.5px;display:none;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #26302f1a}.atom-pull.show{display:block}.ap-top{justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.ap-top span{color:var(--muted-fg);font-size:10.5px}.ap-bar{background:var(--muted);border-radius:4px;height:7px;overflow:hidden}.ap-bar i{border-radius:4px;height:100%;transition:width 80ms;display:block}.ap-sub{color:var(--muted-fg);margin-top:6px}.ap-sub b{color:var(--fg)}.ms-select{width:100%;padding:7px 8px;font-size:12px}.ms-wide{justify-content:center;width:100%;margin-top:4px}.ms-note{flex-shrink:0;margin-top:10px}.t-warn{color:#a87a1c;font-weight:700}.ms-question{margin:6px 0 10px;font-size:13px;line-height:1.6}.ms-answer{align-items:center;gap:8px;display:flex}.ms-answer input{font-size:16px;font-family:var(--mono);flex:1;padding:8px 10px}.ms-answer span{font:13px var(--mono);color:var(--muted-fg)}.ms-result{border-radius:8px;margin-top:12px;font-size:12.5px;line-height:1.6}.ms-result:empty{display:none}.ms-result.ok,.ms-result.bad,.ms-result.warn{padding:10px 12px}.ms-result.ok{background:#3fa47e1a;border:1px solid #3fa47e4d}.ms-result.bad{background:#d9534f0f;border:1px solid #d9534f40}.ms-result.warn{background:#c99a3b14;border:1px solid #c99a3b59}.ms-why{margin-top:6px}.ms-how{margin-top:6px;padding-left:18px;font-size:12px;line-height:1.6}.ms-how li{margin:3px 0}.centre-panel.scrolly{padding-right:4px;overflow-y:auto}.centre-panel.scrolly::-webkit-scrollbar{width:4px}.centre-panel.scrolly::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.viewport.tall{flex-shrink:0;min-height:460px}.centre-panel.scrolly>*,.centre-panel.scrolly>.viewport{flex-shrink:0}#electronView{background:#0f1b1a;border-color:#1f2e2c}#electronView .scene-kicker,#electronView .scene-label{color:#9fb6b2}.el-eout{font:11.5px var(--mono);color:var(--muted-fg);align-items:center;gap:6px;margin:6px 0 10px;display:flex}.el-swatch{border:1px solid #0000001f;border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block}.el-jumps{flex-direction:column;gap:5px;display:flex}.el-jumps .tool{padding:6px 10px;font-size:11.5px}.el-levels .data-row,.el-ie .data-row{border-radius:4px;margin-top:6px;padding:3px 6px}.el-here{background:var(--accent)}.el-here span,.el-here strong{font-weight:700;color:var(--primary)!important}.el-done{opacity:.55}.el-ie{max-height:300px;overflow-y:auto}.el-guess{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;display:grid}.el-guess .tool{justify-content:center}.tool.el-right{border-color:var(--good);color:#24785a;background:#3fa47e1f}.tool.el-wrong{border-color:var(--bad);color:var(--bad);background:#d9534f14}.ms-select{text-align:left;font-family:var(--sans)}.pn-table{border-collapse:collapse;width:100%;font:11.5px var(--mono);margin-top:8px}.pn-table th{text-align:left;font:600 10.5px var(--sans);color:var(--muted-fg);border-bottom:1px solid var(--border);padding:4px}.pn-table td{border-bottom:1px solid var(--border);padding:5px 4px}.pn-empty{color:var(--muted-fg);font-family:var(--sans);white-space:normal}.pn-del{color:var(--muted-fg);cursor:pointer;background:0 0;border:0}.pn-del:hover{color:var(--bad)}.pn-graph{margin-top:8px}.pn-graph canvas{display:block}.pr-trail{font:11.5px var(--mono);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;display:flex}.pr-trail i{border-radius:2px;flex-shrink:0;width:18px;height:4px}#projectileView{background:#f8fbf9}.explore-card{background:var(--accent);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:2px 12px 10px}.explore-card .control-label{margin:10px 0 4px}.scene-toggle{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:var(--soft-shadow);border-radius:999px;margin-left:auto;margin-right:8px;padding:5px 12px;font-size:11.5px;font-weight:700}.scene-toggle:hover{border-color:var(--primary);color:var(--primary)}.scene-toggle.on{background:var(--primary);border-color:var(--primary);color:#fff}a.tool{text-decoration:none}.viewport.tall .scene-label{color:var(--fg);box-shadow:var(--soft-shadow);background:#ffffffe0;border-radius:5px;padding:4px 9px}.viewport.tall .scene-kicker{color:var(--muted-fg);background:#fffc;border-radius:4px;padding:3px 7px}#electronView.tall .scene-kicker,#electronView.tall .scene-label{color:#9fb6b2;box-shadow:none;background:#0a1413bf}.ck-tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ck-tool{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:7px;align-items:center;gap:6px;padding:7px 8px;font-size:11.5px;font-weight:600;display:flex}.ck-tool span{text-align:center;width:20px;font-size:14px}.ck-tool:hover{border-color:var(--primary);color:var(--primary)}.ck-tool.active{background:var(--primary);border-color:var(--primary);color:#fff}.ck-presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ck-presets .tool{justify-content:center}#circuitView{background-color:#f7faf6}.op-modes{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.op-modes button{border:1px solid var(--border);background:var(--card);border-radius:7px;padding:7px 6px;font-size:11.5px;font-weight:600}.op-modes button:hover{border-color:var(--primary);color:var(--primary)}.op-modes button.active{background:var(--primary);border-color:var(--primary);color:#fff}.op-modes .op-wide{grid-column:1/-1}.op-cases{flex-wrap:wrap;gap:5px;display:flex}.op-cases .tool{padding:5px 8px;font-size:11px}#opBlock button{font-size:11px}#opticsView{background:#0d1716;border-color:#1f2e2c}.ce-dot{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.ce-like{color:var(--muted-fg);margin:4px 0 6px;font-size:12.5px}.ce-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ce-chip{border:1px solid var(--border);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ce-chip i{border-radius:50%;width:9px;height:9px}.ce-chip:hover{border-color:var(--primary);color:var(--primary)}.dna-keys{grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px;display:grid}.dna-key{border:1px solid var(--border);background:var(--card);height:34px;font:800 15px var(--mono);border-radius:7px}.dna-key.k-A{color:#fff;background:#e5534b;border-color:#e5534b}.dna-key.k-T{color:#3b2c00;background:#f2c230;border-color:#f2c230}.dna-key.k-C{color:#fff;background:#3b82f6;border-color:#3b82f6}.dna-key.k-G{color:#fff;background:#2fa36b;border-color:#2fa36b}.dna-key:hover{filter:brightness(1.08);transform:translateY(-1px)}.ms-wide+.ms-wide{margin-top:6px}.dna-strips{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-top:10px;padding:8px 12px}.dna-row{margin:4px 0}.dna-row small{color:var(--muted-fg);margin-bottom:3px;font-size:10px;display:block}.dna-row small i{color:var(--primary);font-style:normal}.dna-strip{font:700 12px var(--mono);flex-wrap:wrap;gap:2px;display:flex}.dna-strip.empty,.dna-empty{color:var(--muted-fg);font:500 11.5px var(--sans)}.dna-b{color:#fff;border-radius:3px;place-items:center;width:18px;height:20px;display:grid}.dna-b.b-A{background:#e5534b}.dna-b.b-T{background:#e0b020}.dna-b.b-C{background:#3b82f6}.dna-b.b-G{background:#2fa36b}.dna-b.b-U{background:#f08a3c}.dna-b.alt{box-shadow:inset 0 -3px #00000040}.dna-b.sel{outline:2px solid var(--fg);outline-offset:1px}.dna-b.mut{outline-offset:1px;outline:2px dashed #d9534f}.dna-b.blank{background:var(--muted);color:var(--muted-fg)}.coding .dna-b{cursor:pointer}.dna-aa{flex-wrap:wrap;gap:4px;display:flex}.dna-aa .aa{background:var(--accent);border:1px solid var(--border);font:700 11px var(--sans);color:var(--primary);border-radius:6px;flex-direction:column;align-items:center;padding:2px 6px;display:inline-flex}.dna-aa .aa b{font:600 9.5px var(--mono);color:var(--muted-fg)}.dna-aa .aa.stop{color:var(--bad);background:#d9534f1a}#microscopeView{background:#0b0f10;border-color:#1f2628}.mi-controls{background:var(--card);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;margin-top:10px;padding:2px 14px 10px;display:grid}.mi-controls .control-label{margin:10px 0 6px}.mi-objs{gap:4px;display:flex}.mi-objs button{border:1px solid var(--border);background:var(--card);font:700 11.5px var(--mono);border-radius:6px;flex:1;padding:5px 0}.mi-objs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.mi-toggle-label{color:var(--fg)!important;font:600 11.5px var(--sans)!important}@media (max-width:1250px){.mi-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.dna-ico{vertical-align:-2px;flex-shrink:0}.mg-presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mg-presets .tool{flex:45%}.segmented.seg-wrap{flex-wrap:wrap}.segmented.seg-wrap button{flex:1 0 30%}.co-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:11.5px}.co-table th,.co-table td{border-bottom:1px solid var(--border);text-align:right;padding:5px 4px}.co-table th:first-child,.co-table td:first-child{text-align:left}.co-table td{font-family:var(--mono)}.co-table td:first-child{font-family:var(--sans);color:var(--muted-fg)}.co-table tr.tot td{color:var(--fg);font-weight:800}.co-vec{background:#fbf6e6;border-radius:8px;width:100%;height:auto;margin:6px 0 8px}.mobile-menu{display:none;position:relative}.mobile-menu>summary{cursor:pointer;border:1px solid var(--border);background:var(--card);width:42px;height:42px;color:var(--fg);border-radius:8px;place-items:center;font-size:20px;list-style:none;display:grid}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu .mm-close,.mobile-menu[open] .mm-open{display:none}.mobile-menu[open] .mm-close{display:inline}.mobile-menu-panel{z-index:600;background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(280px,100vw - 24px);padding:8px;display:flex;position:absolute;top:50px;right:0;box-shadow:0 16px 40px #26302f2e}.mobile-menu-panel>a:not(.btn-primary){color:var(--fg);border-radius:8px;padding:12px 10px;font-size:15px;font-weight:650;text-decoration:none}.mobile-menu-panel>a:not(.btn-primary):hover{background:var(--accent);color:var(--primary)}.mobile-menu-panel .mm-font{color:var(--muted-fg);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding:8px 10px;font-size:14px;display:flex}.mobile-menu-panel .btn-primary{text-align:center;margin-top:6px;padding:12px}@media (max-width:760px){.blog-nav{display:none}.mobile-menu{display:block}.top-meta>.top-link,.top-meta>.font-picker{display:none}}.viewport.mid{flex-shrink:0;min-height:360px}.dv-transport{margin-top:10px}.dv-transport .tool{flex:30%}#dvPhases{margin-top:2px}.gn-work{flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px;display:grid}@media (max-width:900px){.gn-work{grid-template-columns:1fr}}.gn-table{border-collapse:separate;border-spacing:6px;width:100%;margin-top:6px}.gn-table th,.gn-table td{text-align:center;border-radius:8px}.gn-table td{background:var(--muted);font-size:15px;font-family:var(--mono);padding:10px 4px}.gn-table td b{margin-bottom:4px;display:block}.gn-table td small{color:var(--muted-fg);margin-top:3px;font-size:10.5px;display:block}.gn-gam{font-family:var(--mono);color:var(--primary);background:var(--accent);padding:6px;font-size:15px}.gn-corner{color:var(--muted-fg);font-size:10.5px;font-weight:600}.gn-ph{font-family:var(--sans);color:#fff;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.gn-guess{width:100%;min-height:34px;font:600 15px var(--mono);border:1.5px dashed var(--border);background:var(--card);cursor:pointer;color:var(--fg);border-radius:6px}.gn-guess:hover{border-color:var(--primary)}.gn-guess.ok{border:1.5px solid var(--good);background:#e8f6ef}.gn-guess.bad{border:1.5px solid var(--bad);background:#fbecec}.gn-sqfoot{gap:6px;margin-top:6px;display:flex}.gn-sqfoot .tool{flex:1;justify-content:center}.gn-row{grid-template-columns:112px 1fr 70px;align-items:center;gap:8px;margin:7px 0;font-size:11.5px;display:grid}.gn-lab{align-items:center;gap:6px;font-weight:600;display:flex}.gn-lab i{border-radius:50%;flex-shrink:0;width:10px;height:10px}.gn-bar{background:var(--muted);border-radius:6px;height:12px;position:relative}.gn-bar b{border-radius:6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.gn-bar em{background:var(--fg);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.gn-num{font-family:var(--mono);text-align:right}.gn-num small{color:var(--muted-fg)}.bio-chart canvas{display:block}.bio-pyramid{flex-direction:column;align-items:center;gap:3px;margin-top:8px;display:flex}.bio-pyramid div{color:#fff;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;min-width:46px;height:22px;font-size:10.5px;font-weight:700;transition:width .4s;display:flex}.sel-gens{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.hr-journey .list-option{margin-bottom:4px}.site-links{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px 32px;max-width:1100px;margin:0 auto;padding:30px 28px 10px;font-size:13px;display:grid}.site-links h2{margin:0 0 8px;font-size:13px;font-weight:800}.site-links h2+ul+h2{margin-top:16px}.site-links h2 a{color:var(--fg);text-decoration:none}.site-links ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.site-links li a{color:var(--muted-fg);text-decoration:none}.site-links a:hover{color:var(--primary);text-decoration:underline}.footer-wrap{background:var(--card);border-top:1px solid var(--border)}.about-crumbs{max-width:1624px;margin:0 auto;padding-top:8px}@media (max-width:600px){.site-links{grid-template-columns:1fr 1fr;padding:24px 16px 6px}}.lang-switch{border:1px solid var(--line,#dfe5e3);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.lang-switch a{font:600 12px/1 var(--font-sans,system-ui);color:inherit;opacity:.75;border-radius:999px;padding:6px 8px;text-decoration:none}.lang-switch a:hover{opacity:1}.lang-switch a[aria-current]{background:var(--accent,#13897d);color:#fff;opacity:1}[dir=rtl] body{font-family:system-ui,Segoe UI,Tahoma,Noto Sans Arabic,sans-serif}[dir=rtl] .blog-main,[dir=rtl] .prose{text-align:right}[dir=rtl] .prose ul,[dir=rtl] .prose ol{padding-left:0;padding-right:1.4em}[dir=rtl] .prose code,[dir=rtl] .katex{direction:ltr;unicode-bidi:isolate}html.sg-shield body>*{filter:blur(22px)saturate(.6);transition:filter 80ms}canvas,img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media print{body>*{display:none!important}body:after{content:"Printing is turned off. Visit sciencedemy.com to use Science Academy.";padding:40px;font:600 18px sans-serif;display:block}}.pl-diagram{max-width:100%;margin:6px auto 0;display:block}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.r5aWoa_className{font-family:Manrope,Manrope Fallback;font-style:normal}.r5aWoa_variable{--font-sans:"Manrope", "Manrope Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.GAMG5a_className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.GAMG5a_variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc6c75d91fb27f62-s.3j-lqo2q-puhp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ed5f1f9bced69653-s.2li_3lqay9qjq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/574e5b2a8fe8e45b-s.061jvc6_x84nn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(../media/89ea96820aa96980-s.0hs6q6udzld4a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Fallback;src:local(Arial);ascent-override:95.6%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:99.37%}.EuRf8G_className{font-family:Atkinson Hyperlegible,Atkinson Hyperlegible Fallback;font-style:normal}.EuRf8G_variable{--font-readable:"Atkinson Hyperlegible", "Atkinson Hyperlegible Fallback"}
@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/08328e320c8f68d1-s.0k8kxrcfbaq1s.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ce5b45ab00236ec9-s.17thoc14mwfyx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ca31d6821328a4e9-s.2svk7cnw5x6df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend Fallback;src:local(Arial);ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.0%;size-adjust:109.91%}.SY3C9a_className{font-family:Lexend,Lexend Fallback;font-style:normal}.SY3C9a_variable{--font-lexend:"Lexend", "Lexend Fallback"}