/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:Arial,Helvetica,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.m-7{margin:calc(var(--spacing) * 7)}.m-10{margin:calc(var(--spacing) * 10)}.m-12{margin:calc(var(--spacing) * 12)}.m-25{margin:calc(var(--spacing) * 25)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--paper:#fff;--page:#f4f6f8;--ink:#17232e;--muted:#66727e;--line:#dfe5eb;--cobalt:#2455e5;--studio:#101d2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}input,select{font:inherit;accent-color:var(--cobalt)}a,button,input,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6388ff}button{transition:background .18s,color .18s,transform .18s}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.4px;font-size:clamp(28px,2.9vw,42px);line-height:1.15}h1,h2{font-weight:600}h2{letter-spacing:-.4px;font-size:20px;line-height:1.3}h3{font-size:16px;font-weight:600}p{color:#586675}svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;flex-direction:column;width:216px;padding:32px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#162533;letter-spacing:-1.4px;align-items:center;gap:10px;padding:0 6px;font-size:29px;font-weight:700;line-height:1;display:flex}.brand-mark{background:var(--cobalt);color:#fff;letter-spacing:-4px;border-radius:10px;place-items:center;width:40px;height:40px;padding-right:4px;font-size:35px;font-weight:500;display:grid;position:relative}.brand-mark>span{color:#a5c4ff;font-size:24px;position:absolute;top:-2px;right:6px}.brand-caption{letter-spacing:1.5px;margin-top:9px;font-weight:600;display:block}.subject-label{letter-spacing:1.2px;align-items:center;gap:8px;margin:44px 12px 14px;font-size:12px;font-weight:600;display:flex}.subject-label>span:last-child{color:#9da7b2;margin-left:auto}.subject-dot{border-radius:2px;width:7px;height:7px}.nav-item{text-align:left;color:#637080;border-radius:9px;align-items:center;gap:10px;width:100%;margin:3px 0;padding:13px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{color:var(--ink);background:#f1f5fa}.nav-item.active{font-weight:600}.nav-count{background:#fff;border-radius:5px;margin-left:auto;padding:0 6px;font-size:12px}.sidebar-bottom{margin-top:auto}.learning-note{color:#8494a5;padding:24px 12px 34px}.learning-note svg{margin-bottom:12px}.learning-note p{color:#8b97a3;font-size:15px;line-height:1.65}.learning-note strong{color:#4f5d6a;font-weight:500}.prototype-label{letter-spacing:.9px;color:#8c98a5;margin:22px 12px 0;font-size:9px;display:block}.main-shell{margin-left:216px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;height:74px;padding:0 38px}.breadcrumb,.topbar{align-items:center;display:flex}.breadcrumb{color:#87909b;gap:11px;font-size:13px}.breadcrumb strong{color:#455260;font-weight:500}.teacher-button{border:1px solid var(--line);border-radius:7px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.teacher-button.selected,.teacher-button:hover{color:var(--cobalt);background:#edf2ff;border-color:#a8bcf6}main{max-width:1540px;margin:auto;padding:32px 38px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.45px;color:#6e7d8c;margin-bottom:9px;font-weight:600;display:block}.local-badge{color:#7c8792;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.local-badge>span{background:#2e9c7b;border-radius:50%;width:5px;height:5px}.experiment-selector{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:20px;margin-bottom:20px;padding:13px 17px;display:flex}.selector-label{color:#677687;align-items:center;gap:9px;font-size:13px;display:flex}.selector-label svg{color:var(--cobalt)}.select-wrap{flex:1;max-width:410px;position:relative}.select-wrap select{appearance:none;border:0;border-left:1px solid var(--line);background:#fff;width:100%;padding:1px 30px 1px 20px;font-size:14px;font-weight:600}.select-wrap>svg{pointer-events:none;position:absolute;top:5px;right:0}.scenario-count{color:#8994a0;margin-left:auto;font-size:11px}.lab-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.studio{border:1px solid #273a4c;border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.studio-top{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 0;display:flex}.studio-eyebrow{letter-spacing:1.5px;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.studio-top h2{letter-spacing:-.5px;font-size:22px}.model-badge{letter-spacing:1px;white-space:nowrap;border:1px solid #3b4c5e;border-radius:4px;padding:5px 7px}.selected-elements{flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:16px 24px 0;display:flex}.selected-element{border:1px solid #3a526a;border-radius:5px;align-items:center;font-size:12px;display:flex}.selected-element>span{padding:2px 7px}.selected-element button{border-left:1px solid #3a526a;padding:4px;display:flex}.add-elements{gap:4px;padding:3px 8px;font-size:11px}.add-elements,.equation{align-items:center;display:flex}.equation{flex-wrap:wrap;justify-content:center;gap:9px;padding:7px 20px 12px;font-size:27px;font-weight:400;line-height:1.3}.formula{letter-spacing:-.9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.equation b{font-weight:500}.equation-plus{margin:0 10px 0 2px;font-size:22px}.equation-arrow{margin:0 10px}.conservation{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:0 18px 16px;display:flex}.conserved-label{border-left:1px solid #3f5265;padding-left:12px}.playback{border-top:1px solid #2d4052;gap:12px;margin:0 20px;padding:13px 0 10px}.play-button,.playback{align-items:center;display:flex}.play-button{color:#fff;white-space:nowrap;background:#3569ec;border-radius:7px;justify-content:center;gap:7px;min-width:122px;padding:9px 12px;font-size:12px}.play-button:hover{background:#4e7ef3}.playback input{accent-color:#719aff;flex:1;min-width:0;height:3px}.playback-percent{min-width:28px;font-family:monospace;font-size:11px}.reset-play{border-radius:5px;padding:6px;display:flex}.studio-footnote{text-align:center;padding:0 15px 14px}.quantities-panel{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:21px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-heading h2{font-size:17px}.panel-heading>span{color:#93a0ad;font-family:monospace;font-size:9px}.panel-intro{margin:7px 0 20px}.quantity-item{border-bottom:1px solid #edf0f4;margin-bottom:10px;padding-bottom:14px}.quantity-heading{align-items:center;gap:9px;display:flex}.species-dot{background:#8596b2;border-radius:50%;width:9px;height:9px}.atom-H{background:#9fb7d3}.atom-O{background:#ee736e}.atom-Na{background:#b49be1}.atom-Cl{background:#79b890}.atom-Mg{background:#69bfbd}.atom-Fe{background:#d4a46f}.atom-S{background:#d4b339}.quantity-heading>div{align-items:baseline;gap:8px;display:flex}.quantity-heading strong{font-size:19px}.quantity-heading>div>span{color:#7b8997}.remove-substance{color:#95a1ad;margin-left:auto;padding:5px;display:flex}.remove-substance:hover{color:#d65b55}.quantity-input{border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;height:38px;margin:11px 0 4px;display:flex}.quantity-input button{color:#718094;border-radius:6px;place-items:center;width:38px;height:36px;display:grid}.quantity-input button:hover{color:var(--cobalt);background:#edf2ff}.quantity-input output{font-family:monospace;font-size:21px;line-height:1}.quantity-unit{color:#8a97a4;text-align:center;display:block}.quantity-item>input{width:100%;height:3px;margin-top:12px;display:block}.ratio-preset{color:var(--cobalt);align-items:center;gap:6px;margin:2px auto 15px;font-size:11px;display:flex}.condition-block{border-top:1px solid var(--line);padding-top:13px}.condition-block .eyebrow{margin-bottom:9px;font-size:8px}.condition-block label{align-items:flex-start;gap:7px;font-size:11px;display:flex}.condition-block label strong{font-weight:600}.condition-block input{margin-top:3px}.condition-block p{color:#7d8a98;margin:8px 0 15px;font-size:10px}.result-summary{border:1px solid #dbe5fd;border-radius:8px;padding:12px}.result-summary .eyebrow{letter-spacing:1.1px;color:#7890bb;margin:0 0 5px;font-size:8px}.result-summary>strong{font-family:monospace;font-size:18px;line-height:1.35;display:block}.result-summary p{margin-top:5px;font-size:11px}.result-summary.inactive>strong{font-family:inherit;font-size:14px}.learning-layout{grid-template-columns:1.2fr 1fr;gap:20px;margin-top:22px;display:grid}.challenge-panel,.explanation-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px 24px}.section-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-title h2{font-size:17px}.mini-icon{color:var(--cobalt);display:flex}.explanation-panel>p{margin-bottom:9px;font-size:13px;line-height:1.8}.explanation-panel .explanation-lead{color:#314354}.explanation-panel details{border-top:1px solid var(--line);margin-top:15px}.explanation-panel summary{cursor:pointer;color:var(--cobalt);justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;font-weight:500;list-style:none;display:flex}.detail-copy{padding-top:15px}.detail-copy p{margin-bottom:12px;font-size:14px;line-height:1.8}.detail-copy h3{margin:18px 0 6px;font-size:14px}.safety-copy{border-left:2px solid #dfb572;padding-left:12px}.source-links{flex-wrap:wrap;gap:8px 16px;margin-top:16px;display:flex}.source-links a{color:var(--cobalt);text-underline-offset:3px;align-items:center;gap:4px;font-size:12px;text-decoration:underline;display:inline-flex}.challenge-panel>p{color:#425362;margin-bottom:13px;font-size:13px;line-height:1.65}.answer-options{flex-direction:column;gap:6px;display:flex}.answer-options button{text-align:left;border:1px solid #e4e9f0;border-radius:6px;align-items:center;gap:10px;min-height:36px;padding:7px 10px;font-size:12px;line-height:1.5;display:flex}.answer-options button>span{color:#8192a2;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:9px}.answer-options button>svg{margin-left:auto}.answer-options .chosen,.answer-options button:hover{background:#f0f4ff;border-color:#a3b8ee}.answer-options .correct{background:#edf7f1;border-color:#96c8b4}.challenge-panel .answer-feedback{background:#fff5e7;border-radius:5px;margin:12px 0 0;padding:10px;font-size:12px}.challenge-panel .answer-feedback.success{color:#3e7563;background:#edf7f1}.element-shelf{justify-content:space-between;align-items:center;gap:18px;padding:24px 0 12px;display:flex}.element-shelf .eyebrow{margin-bottom:5px;font-size:8px}.element-shelf h2{font-size:16px}.element-shelf p{margin-top:5px;font-size:11px}.shelf-elements{gap:6px}.shelf-element,.shelf-elements{align-items:center;display:flex}.shelf-element{background:#fff;border:1px solid #dbe3ec;border-radius:6px;flex-direction:column;justify-content:center;position:relative}.shelf-element>span{color:#8a99a8;position:absolute;top:3px;left:5px}.shelf-element strong{font-family:monospace;font-size:19px;line-height:1.3}.shelf-element small{color:#6d7f8f;line-height:1.5}.shelf-element:hover{border-color:#98b1f1;transform:translateY(-3px)}.shelf-element.picked{color:var(--cobalt);background:#edf2ff;border-color:#8da9ed}.all-elements{color:#60738a;align-items:center;gap:8px;padding:0 0 0 10px;font-size:10px;display:flex}.all-elements svg{color:var(--cobalt)}.all-elements strong{color:var(--cobalt);font-weight:500}.page-footer{border-top:1px solid var(--line);color:#8b97a3;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:20px 0;font-size:10px;display:flex}.page-footer>span:first-child{color:#647a8e;font-weight:600}.page-footer p{color:#8b97a3;font-size:10px}.page-footer>span:last-child{letter-spacing:1px}.toast{z-index:30;color:#fff;background:#1d344c;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #122b4430}.skip-link{z-index:99;border:2px solid var(--cobalt);background:#fff;border-radius:5px;padding:10px;position:fixed;top:6px;left:230px;transform:translateY(-160%)}.skip-link:focus{transform:none}.unsupported svg{color:#7396bc}.unsupported h3{font-size:19px;line-height:1.5}.primary-button{background:var(--cobalt);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.primary-button:hover{background:#1641c5}.quiet-button{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.quiet-button:hover{background:#edf2ff}.table-workflow{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.table-workflow p{align-items:center;gap:9px;font-size:14px;display:flex}.sources-page{max-width:960px;margin:auto}.source-intro{background:#e9effd;border-radius:12px;margin-bottom:20px;padding:25px}.source-intro svg{color:var(--cobalt);margin-bottom:15px}.source-intro p{margin-top:12px;font-size:15px;line-height:1.8}.source-row{border-bottom:1px solid var(--line);gap:20px;padding:25px 0;display:flex}.source-row h2{font-size:20px}.source-row p{margin-top:9px;font-size:14px;line-height:1.8}.source-number{color:var(--cobalt);min-width:35px;padding-top:3px;font-family:monospace;font-size:13px}.teacher-panel{background:#eaf0ff;border:1px solid #b5c7f6;border-radius:12px;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px 24px;display:flex}.teacher-panel .eyebrow{color:#526ea5}.teacher-panel p{margin-top:10px;font-size:15px}.class-question{color:#345796;align-items:center;gap:8px;display:flex}.teacher-controls{flex-direction:column;align-items:stretch;gap:12px;min-width:180px}.step-dots,.teacher-controls{justify-content:center;display:flex}.step-dots{gap:10px}.step-dots button{background:#fff;border:1px solid #b5c7f6;border-radius:50%;width:30px;height:30px;font-size:12px}.step-dots button[aria-pressed=true]{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}.presentation-mode .studio-top h2{font-size:28px}.presentation-mode .equation{font-size:42px}.presentation-mode .lab-layout{grid-template-columns:minmax(0,1fr) 310px}.presentation-mode .studio-footnote{font-size:12px}.presentation-mode .model-badge{font-size:10px}.presentation-mode .condition-block p,.presentation-mode .quantity-heading>div>span,.presentation-mode .result-summary p{font-size:13px}.presentation-mode .learning-layout p{font-size:16px}.presentation-mode .learning-layout h2{font-size:20px}@media (min-width:1600px){.lab-layout{grid-template-columns:minmax(0,1fr) 320px}.quantities-panel{padding:24px}.panel-intro{font-size:14px}.condition-block p,.quantity-unit,.result-summary p{font-size:12px}.studio-top h2{font-size:26px}.equation{font-size:34px}.studio-footnote{font-size:11px}.shelf-element{width:56px;height:72px}}@media (max-width:1150px){.sidebar{width:180px;padding:28px 12px 20px}.brand{gap:8px;font-size:25px}.brand-caption{font-size:7px}.main-shell{margin-left:180px}.topbar{padding:0 24px}main{padding:28px 24px 0}.lab-layout,.presentation-mode .lab-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.quantities-panel{padding:17px}.panel-heading h2{font-size:15px}.studio-top{padding:20px 18px 0}.selected-elements{padding-left:18px}.studio-top h2{font-size:19px}.model-badge{display:none}.element-shelf{flex-direction:column;align-items:flex-start}.learning-layout{gap:14px}.learning-layout>section{padding:20px}.local-badge{display:none}}@media (max-width:850px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:14px 20px 0;display:block;position:relative}.brand{padding:0;font-size:25px}.brand-mark{width:34px;height:34px;font-size:30px}.brand-caption{display:none}.subject-label{margin:0;font-size:10px;position:absolute;top:22px;right:24px}.subject-label>span:last-child{display:none}.sidebar nav{gap:6px;margin-top:14px;display:flex}.nav-item{justify-content:center;margin:0 0 8px;padding:11px 8px;font-size:13px}.sidebar-bottom{display:none}.main-shell{margin-left:0}.topbar{height:55px;padding:0 20px}.breadcrumb{gap:7px;font-size:11px}.teacher-button{gap:6px;padding:6px 8px;font-size:11px}.teacher-button svg{width:15px}main{padding:24px 20px 0}.page-heading{margin-bottom:20px}.page-heading .eyebrow{font-size:8px}.lab-layout,.presentation-mode .lab-layout{grid-template-columns:minmax(0,1fr) 240px}.learning-layout{grid-template-columns:1fr 1fr}.teacher-panel{flex-direction:column}.teacher-controls{flex-direction:row;align-items:center}.teacher-controls .step-dots{margin-left:auto}.teacher-controls button{font-size:11px}.page-footer>span:last-child{display:none}}@media (max-width:620px){main{padding:22px 16px 0}.sidebar{padding:14px 16px 0}.topbar{padding:0 16px}.breadcrumb{gap:5px}.breadcrumb>strong,.breadcrumb>svg:last-of-type{display:none}h1{letter-spacing:-1px;font-size:30px}.page-heading .eyebrow{letter-spacing:1.1px;font-size:8px}.experiment-selector{gap:10px;margin-bottom:14px;padding:11px 12px}.selector-label>span{display:none}.select-wrap select{padding-left:12px;font-size:12px}.scenario-count{display:none}.lab-layout,.presentation-mode .lab-layout{grid-template-columns:1fr;gap:14px}.studio{border-radius:12px}.studio-top{padding:18px 17px 0}.studio-top h2{font-size:21px}.studio-eyebrow{font-size:8px}.selected-elements{padding:12px 17px 0}.equation{gap:5px;padding:6px 10px 10px;font-size:25px}.equation-arrow{margin:0 5px}.equation-plus{margin:0 7px 0 0}.conservation{gap:8px;padding-bottom:14px;font-size:9px}.conserved-label{padding-left:8px}.playback{gap:10px;margin:0 14px}.play-button{min-width:112px;padding:9px;font-size:11px}.studio-footnote{font-size:8px}.quantities-panel{grid-template-columns:1fr 1fr;gap:0 16px;padding:18px;display:grid}.condition-block,.panel-heading,.panel-intro,.ratio-preset,.result-summary{grid-column:1/-1}.panel-heading h2{font-size:18px}.panel-intro{margin-bottom:18px;font-size:13px}.quantity-heading>div{flex-direction:column;gap:0;line-height:1.3}.quantity-heading>div>span{font-size:12px}.quantity-heading strong{font-size:22px}.quantity-unit{font-size:10px}.quantity-input{height:42px}.quantity-input button{width:38px;height:40px}.quantity-item{border:0;margin:0;padding-bottom:16px}.ratio-preset{margin:0 auto 16px;font-size:12px}.condition-block .eyebrow{font-size:10px}.condition-block label{font-size:13px}.condition-block p{margin-bottom:16px;font-size:12px}.result-summary{padding:14px}.result-summary .eyebrow{font-size:9px}.result-summary p{font-size:13px}.result-summary>strong{font-size:22px}.learning-layout{grid-template-columns:1fr;gap:14px;margin-top:14px}.challenge-panel>p,.explanation-panel>p{font-size:15px}.explanation-panel summary{font-size:14px}.answer-options button{min-height:44px;padding:10px;font-size:14px}.challenge-panel .answer-feedback{font-size:14px}.section-title h2{font-size:18px}.element-shelf{gap:15px;padding:22px 0 12px}.element-shelf h2{font-size:18px}.element-shelf p{font-size:13px}.shelf-elements{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.shelf-element{width:100%;height:77px}.shelf-element strong{font-size:25px}.shelf-element>span{font-size:10px;top:4px;left:7px}.shelf-element small{font-size:11px}.all-elements{grid-column:1/-1;justify-content:center;gap:10px;padding:10px;font-size:13px}.all-elements br{display:none}.all-elements strong{margin-left:4px}.page-footer{flex-direction:column;align-items:flex-start;gap:5px;margin-top:12px;padding:17px 0}.page-footer p{font-size:10px}.table-workflow{flex-direction:column;align-items:flex-start;gap:12px}.table-workflow p{font-size:14px}.table-workflow button{width:100%}.source-row{gap:12px}.source-row h2{font-size:18px}.source-intro{padding:20px}.source-intro h2{font-size:20px}.teacher-panel{padding:18px}.teacher-controls{flex-wrap:wrap;justify-content:space-between}.teacher-controls .step-dots{margin-left:0}.teacher-panel p{font-size:14px}.presentation-mode .equation{font-size:30px}.presentation-mode .studio-top h2{font-size:23px}.skip-link{left:16px}.toast{width:max-content;font-size:13px;bottom:16px}.unsupported{min-height:280px;padding:25px}.unsupported h3{font-size:17px}.source-links a{font-size:13px}.prototype-label{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.condition-block .eyebrow,.element-shelf .eyebrow,.eyebrow,.model-badge,.page-footer>span:last-child,.panel-heading>span,.panel-intro,.prototype-label,.quantity-unit,.result-summary .eyebrow,.scenario-count,.shelf-element small,.shelf-element>span,.studio-eyebrow,.studio-footnote{font-size:12px}.answer-options button,.challenge-panel>p,.condition-block label,.condition-block p,.explanation-panel summary,.explanation-panel>p,.quantity-heading>div>span,.ratio-preset,.result-summary p{font-size:14px}.explanation-panel .explanation-lead{font-size:16px}.add-elements,.conservation,.element-shelf p,.packet-note,.play-button,.playback-percent,.selected-element{font-size:12px}.packet-note{color:#7c8998;grid-column:1/-1;margin-bottom:15px;line-height:1.6}.shelf-element{width:52px;height:75px}.shelf-element>span{font-size:10px}.shelf-element small{font-size:9px}.eyebrow{font-size:10px}.brand-caption{font-size:8px}.page-footer>span:last-child{font-size:10px}@media (max-width:620px){.shelf-element{width:100%;height:80px}.shelf-element small{font-size:12px}.eyebrow,.page-heading .eyebrow,.studio-eyebrow{font-size:10px}.studio-footnote{font-size:11px}.quantity-unit{font-size:12px}.condition-block label,.condition-block p,.result-summary p{font-size:14px}.conservation{font-size:11px}.answer-options button,.element-shelf p,.panel-intro{font-size:14px}}.clear-elements{text-underline-offset:3px;margin-left:auto;padding:4px 6px;font-size:12px;text-decoration:underline}.static-toggle{justify-content:center;align-items:center;gap:7px;padding:4px 16px 9px;font-size:12px;display:flex}.static-toggle input{accent-color:#719aff}.selected-element{animation:added-element .2s ease-out}@keyframes added-element{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.condition-block .eyebrow,.condition-block p,.packet-note,.panel-intro,.quantity-heading>div>span,.quantity-unit{color:#586675}.challenge-panel>p,.explanation-panel>p{font-size:16px}.condition-block p{line-height:1.7}.result-summary p{color:#48638e}.panel-intro,.quantity-heading>div>span{font-size:14px}.quantity-unit{font-size:12px}.panel-heading>span{display:none}.conservation,.studio-footnote{font-size:12px}.element-tray{flex-wrap:wrap;align-items:center;gap:6px;padding:12px 22px;display:flex}.element-tray>span{margin-right:4px;font-size:12px}.element-tray button{border:1px solid #425c76;border-radius:5px;padding:3px 8px;font-family:monospace;font-size:13px}.element-tray button:hover{transform:translateY(-2px)}@media (max-width:620px){.element-tray{gap:5px;padding:10px 17px}.element-tray>span{width:100%;margin:0 0 3px}.element-tray button{padding:4px 9px;font-size:14px}}main:focus{outline:none}@media (max-width:700px){.sidebar nav{overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;overflow-x:auto}}.all-subjects{color:#647384;align-items:center;gap:7px;margin:25px 12px 0;font-size:12px;display:flex}.all-subjects>svg:last-child{margin-left:auto}.all-subjects:hover{color:#2455e5}.subject-label{margin-top:24px}.back-catalog{color:#2455e5;white-space:nowrap;align-items:center;gap:8px;padding:4px;font-size:13px;display:flex}.breadcrumb>a:hover{color:#2455e5}.studio{background:#fff}.studio,.studio-top h2{color:#17232e}.model-badge{color:#617590;background:#f4f7fc;border-color:#d5dfec;font-size:10px}.selected-element{color:#2c559c;background:#edf2ff}.selected-element,.selected-element button{border-color:#c9d8f4}.selected-element button:hover{background:#dce7fe}.add-elements{color:#4269aa}.add-elements:hover{color:#2455e5}.clear-elements{color:#617590}.clear-elements:hover{color:#2455e5}.element-tray>span{color:#586675}.element-tray button{cursor:grab;min-width:31px;min-height:31px}.element-tray button:hover{color:#2455e5;background:#e2ebfd}.equation{color:#17232e;padding-top:12px;padding-bottom:15px}.equation b{color:#2455e5}.equation-plus{color:#7a8ba1}.equation-arrow{color:#2455e5}.playback{border-color:#e0e7f0;padding-bottom:16px}.playback-percent{color:#586675}.reset-play{color:#60758e}.reset-play:hover{background:#edf2ff}.conservation{color:#586675;padding-top:10px}.conserved-label{color:#426755;border-color:#d4e1da}.conservation svg{color:#438460}.static-toggle{color:#586675;padding-top:12px}.studio-footnote{color:#647384}.empty-tube-icon{color:#6285c2;stroke-width:1.25px}.unsupported{text-align:center;border:1px dashed #b9cef0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:340px;margin:5px 22px 18px;display:flex}.unsupported h3{color:#27416a;max-width:440px}.unsupported p{color:#586675;max-width:420px;font-size:14px}.unsupported .primary-button{margin-top:6px}.tube-guide{background:#fff;border:1px solid #dce4ee;border-radius:14px;padding:24px}.tube-guide h2{font-size:19px}.tube-guide ol{color:#2455e5;gap:21px;margin:25px 0 24px;padding-left:22px;font-size:14px;display:grid}.tube-guide li{padding-left:5px}.tube-guide strong{color:#253c5b;margin-bottom:5px;font-size:14px;display:block}.tube-guide li span{color:#586675;font-size:13px;display:block}.tube-guide>p{border-top:1px solid #e2e9f2;padding-top:18px;font-size:12px;line-height:1.65}.table-tube{border:1px dashed #b6c9eb;align-items:center}.tube-selection{flex-wrap:wrap;gap:5px;display:flex}.tube-selection>span{color:#2455e5;background:#edf2ff;border:1px solid #c9d8f4;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-family:monospace;font-size:13px;display:flex}.tube-selection button{padding:3px;display:flex}@media (max-width:850px){.all-subjects{margin:0;font-size:11px;position:absolute;top:22px;right:26px}.all-subjects>svg:last-child{display:none}.sidebar{position:relative}.subject-label{margin-top:0}}@media (max-width:620px){.all-subjects{font-size:11px;top:23px;right:16px}.subject-label{visibility:hidden}.experiment-selector{gap:7px}.back-catalog{gap:5px;font-size:12px}.select-wrap select{padding-left:10px;font-size:11px}.studio-top{gap:10px}.studio-top h2{font-size:20px}.model-badge{padding:4px;font-size:8px}.element-tray button{min-width:32px;min-height:34px}.equation{font-size:25px}.unsupported{margin:6px 14px 15px;padding:25px 18px}.tube-guide{padding:21px}.table-tube{gap:11px;padding:16px}.tube-selection:empty{display:none}.table-tube p{font-size:12px}.presentation-mode .equation{font-size:30px}}@media (max-height:650px){.app-shell:has(.periodic-page) .topbar{height:48px}.periodic-page{padding:12px 24px 0}}@media (max-height:650px) and (max-width:850px){.app-shell:has(.periodic-page) .sidebar{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;height:49px;padding:8px 12px;display:flex}.app-shell:has(.periodic-page) .brand{gap:6px;font-size:19px}.app-shell:has(.periodic-page) .brand-mark{border-radius:7px;width:27px;height:27px;font-size:25px}.app-shell:has(.periodic-page) .brand-mark>span{font-size:19px;top:-3px;right:4px}.app-shell:has(.periodic-page) .sidebar nav{flex:1;justify-content:flex-end;gap:3px;margin:0}.app-shell:has(.periodic-page) .nav-item{gap:5px;width:auto;margin:0;padding:7px 8px;font-size:11px}.app-shell:has(.periodic-page) .nav-item svg{width:14px}.app-shell:has(.periodic-page) .all-subjects,.app-shell:has(.periodic-page) .nav-count,.app-shell:has(.periodic-page) .subject-label,.app-shell:has(.periodic-page) .topbar{display:none}.periodic-page{padding:12px 12px 0}}@media (max-height:650px) and (max-width:400px){.app-shell:has(.periodic-page) .brand{font-size:17px}.app-shell:has(.periodic-page) .nav-item{gap:3px;padding:7px 6px;font-size:10px}.app-shell:has(.periodic-page) .nav-item svg{display:none}}@media (max-width:360px){.sidebar nav{gap:4px}.sidebar .nav-item{gap:5px;min-width:0;padding:10px 5px;font-size:11px}.sidebar .nav-item svg{width:16px}.sidebar .nav-count{padding:0 4px;font-size:10px}}.main-shell{background:linear-gradient(155deg,#f0f5fc,#f7f9fc 48%,#f4faf7)}.sidebar{background:#fbfdff;border-right-color:#d5e0ef}.subject-dot{background:#278e75}.subject-label{color:#327c69}.nav-item.active{color:#2455ce;background:#e1ebff;box-shadow:inset 3px 0 #3865e6}.nav-item:nth-child(2):not(.active)>svg{color:#278e75}.nav-item:nth-child(3):not(.active)>svg{color:#b18131}.teacher-button{color:#326e5d;background:#f0f9f5;border-color:#c4d9d2}.teacher-button.selected{color:#27664c;background:#ddf4e8;border-color:#90c9ac}.studio{border-color:#c3d4ef;border-top:4px solid #3b67df;box-shadow:0 7px 25px #23478a08}.studio-eyebrow{color:#287d69}.studio .model-badge{color:#286c56;background:#dff4eb;border-color:#b4ddcd}.element-tray button{color:#3158a1;background:#eaf0ff;border-color:#cfdbf5}.element-tray button[data-element=O]{color:#a84b37;background:#ffe7e0;border-color:#f2c6b7}.element-tray button[data-element=Na]{color:#76519d;background:#f1e8ff;border-color:#d9c6f3}.element-tray button[data-element=Cl]{color:#35784f;background:#e0f5e8;border-color:#b4ddc1}.element-tray button[data-element=Mg]{color:#287d73;background:#ddf4f1;border-color:#b1dfd8}.element-tray button[data-element=Fe]{color:#956020;background:#fff0db;border-color:#ebcea4}.element-tray button[data-element=S]{color:#807020;background:#f9f3d5;border-color:#e2d794}.element-tray button[data-element=C]{color:#405979;background:#e8eef7;border-color:#c6d3e6}.quantities-panel{border-top:4px solid #70c3a4}.result-summary{background:#e5f4ed;border-color:#bddcce}.result-summary>strong{color:#226651}.result-summary.inactive{background:#fff3df;border-color:#ead4ae}.result-summary.inactive>strong{color:#8d632e}.unsupported{background:linear-gradient(145deg,#e8f2fb,#f0f8f3);border-color:#c2d9dd;padding:20px 24px}.empty-tube-scene{text-align:left;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px;display:grid}.empty-tube-scene .empty-test-tube{filter:drop-shadow(0 7px 13px #47668f13);width:132px;height:279px}.empty-tube-scene h3{margin:8px 0 0;font-size:22px;line-height:1.3}.empty-tube-scene p{color:#435b70;max-width:460px;margin:12px 0 18px;font-size:15px;line-height:1.65}.tube-scene-label{letter-spacing:1.2px;color:#318577;font-size:10px;font-weight:700;display:block}.table-tube{border-style:solid;border-color:#b9d8d5;position:relative}.table-tube .table-test-tube{flex-shrink:0}.table-tube .tube-scene-label{margin-bottom:6px}.table-tube p{color:#466273}.studio.is-drop-target,.table-tube.is-drop-target{outline-offset:3px;outline:3px solid #50b698;box-shadow:0 0 0 8px #84d9bd26}@media (max-width:620px){.empty-tube-scene{grid-template-columns:80px minmax(0,1fr);gap:13px}.empty-tube-scene .empty-test-tube{width:80px;height:170px}.empty-tube-scene h3{font-size:17px}.empty-tube-scene p{margin:9px 0 14px;font-size:13px;line-height:1.6}.empty-tube-scene .primary-button{padding:9px 10px;font-size:12px}.tube-scene-label{letter-spacing:.7px;font-size:8px;line-height:1.6}.unsupported{min-height:260px;padding:18px 12px}.table-tube{gap:13px;padding:12px 16px}.table-tube .table-test-tube{width:42px;height:89px}.table-tube .tube-scene-label{font-size:9px}.table-tube h2{font-size:19px}.tube-selection{margin-left:55px}.nav-item.active{box-shadow:inset 0 -3px #3865e6}}@media (min-width:851px){.laboratory-page{padding-top:24px}.laboratory-page .page-heading{margin-bottom:18px}.laboratory-page .page-heading h1{letter-spacing:-1px;font-size:32px}.laboratory-page .experiment-selector{margin-bottom:16px;padding-top:10px;padding-bottom:10px}.presentation-mode .laboratory-page .page-heading h1{font-size:38px}}.tube-display{align-content:center;justify-items:center;gap:0;min-width:0;display:grid}.tube-selection-caption{color:#466273;text-align:center;max-width:110px;font-size:11px;line-height:1.4;display:block}.table-tube{background:radial-gradient(at 4%,#d6f2e9,#0000 48%),linear-gradient(115deg,#edf9f4,#f0f4ff);border-radius:20px;grid-template-columns:106px minmax(180px,1fr) minmax(320px,440px);gap:24px;min-height:240px;margin-top:24px;padding:20px 24px;display:grid;box-shadow:0 8px 24px #31557808}.table-tube .table-test-tube{width:90px;height:190px}.table-tube-content{min-width:0}.table-tube h2{letter-spacing:-.7px;font-size:24px}.table-tube p{max-width:360px;margin-top:7px;font-size:14px;line-height:1.6}.table-tube .tube-scene-label{color:#287a67;letter-spacing:1px;font-size:10px;line-height:1.6}.table-tube .tube-selection{overscroll-behavior:contain;gap:7px;max-height:110px;margin:14px 0 0;padding:2px;overflow:auto}.table-tube .tube-selection>span{background:#ffffffcf;border-color:#c6d6ed;gap:5px;min-height:34px;padding:0 0 0 10px;font-size:15px}.table-tube .tube-selection button{border-radius:5px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px}.table-tube .tube-selection button:hover{background:#dce8ff}.table-tube-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;min-width:0;display:grid}.table-tube-actions .primary-button{white-space:nowrap;background:#315be8;justify-content:center;gap:10px;min-height:46px;padding:12px 14px;font-size:13px;box-shadow:0 5px 12px #315be81c}.table-tube-instructions{color:#435b70;border-left:1px solid #c6dace;min-width:0;padding-left:20px;font-size:12px;line-height:1.65}.table-tube-instructions>strong{color:#203d50;margin-bottom:8px;font-size:13px;line-height:1.5;display:block}.table-tube-instructions ol{gap:6px;margin:0;padding-left:17px;list-style:decimal;display:grid}.table-tube-instructions li::marker{color:#287a67;font-weight:700}@media (max-width:1250px){.table-tube{grid-template-columns:96px minmax(0,1fr) minmax(220px,280px);gap:20px}.table-tube-actions{grid-template-columns:1fr;gap:15px}.table-tube-actions .primary-button{grid-row:2;justify-self:start}.table-tube-instructions{padding-left:18px}}@media (max-width:720px){.table-tube{grid-template-columns:90px minmax(0,1fr);gap:15px;padding:18px}.table-tube .table-test-tube{width:90px;height:190px}.table-tube h2{font-size:23px}.table-tube p{font-size:13px}.table-tube-actions{border-top:1px solid #c6dace;grid-column:1/-1;grid-template-columns:1fr;gap:14px;padding-top:17px}.table-tube-instructions{border-left:0;padding:0;font-size:13px}.table-tube-instructions>strong{font-size:14px}.table-tube-actions .primary-button{justify-self:stretch;min-height:46px;font-size:14px}.table-tube .tube-selection{max-height:98px;margin-top:10px}.table-tube .tube-scene-label{letter-spacing:.6px;font-size:9px}.tube-selection-caption{font-size:10px}.empty-tube-scene{grid-template-columns:95px minmax(0,1fr)}.empty-tube-scene .empty-test-tube{width:95px;height:201px}}@media (max-width:360px){.empty-tube-scene{grid-template-columns:1fr}.empty-tube-scene .tube-display{justify-self:center}.empty-tube-scene h3{font-size:18px}.empty-tube-scene .primary-button{width:100%}.table-tube{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:15px}.table-tube .table-test-tube{width:80px;height:169px}.table-tube h2{font-size:21px}}.reaction-display{flex-direction:column;min-width:0;display:flex}.reaction-display>[data-playback-controls]{order:-1}@media (max-width:640px){.reaction-display>[data-playback-controls]{order:0;margin-top:10px;padding-bottom:12px}.laboratory-page .studio-top{padding:16px 16px 10px}.laboratory-page .element-tray{padding-top:8px;padding-bottom:8px}.laboratory-page .equation{padding-top:8px;padding-bottom:12px}.laboratory-page .conservation{padding-top:0}}.bac-plan{border:1px solid var(--line,#e4e4e7);background:var(--surface,#fff);border-radius:16px;max-width:1100px;margin:10px 28px 10px 288px;padding:11px 18px}.bac-plan h2{margin:0 0 3px;font-size:17px}.bac-plan p{margin:3px 0;font-size:13px;line-height:1.5}.bac-plan summary{cursor:pointer;padding:6px 0;font-size:13px;font-weight:600}.bac-plan li{margin:12px 0;line-height:1.7}.bac-plan li>strong{display:block}.bac-plan a{color:#38574e;text-underline-offset:3px;text-decoration:underline}.bac-unavailable{max-width:820px;margin:0 auto;padding:48px 24px}.bac-unavailable h1{margin:24px 0 16px}.bac-unavailable p{line-height:1.7}.bac-unavailable>a{margin:12px 12px 0 0;display:inline-flex}@media (min-width:851px) and (max-width:1150px){.bac-plan{margin-left:264px}}@media (max-width:850px){.bac-plan{margin:16px;padding:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.class-presentation-root{display:contents}[data-class-presentation=true] .main-shell :is(p,li,label,legend,blockquote,td,th){font-size:20px!important;line-height:1.75!important}[data-class-presentation=true] .main-shell h1{font-size:clamp(32px,3.2vw,48px)!important;line-height:1.2!important}[data-class-presentation=true] .main-shell h2{font-size:28px!important;line-height:1.4!important}[data-class-presentation=true] .main-shell h3{font-size:24px!important;line-height:1.5!important}[data-class-presentation=true] .main-shell :is(button,input,select,summary,output){font-size:18px!important}[data-class-presentation=true] .main-shell :is(button,input:not([type=range]):not([type=radio]):not([type=checkbox]),select,summary){min-height:48px}[data-class-presentation=true] .main-shell :is(small,dt,dd){font-size:16px!important;line-height:1.6!important}[data-class-presentation=true] .main-shell main :is(a,span,figcaption){font-size:18px!important;line-height:1.6!important}[data-class-presentation=true] .main-shell .topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:16px;padding-block:16px}[data-class-presentation=true] .main-shell .teacher-button{white-space:normal}[data-class-presentation=true] .main-shell>header{flex-wrap:wrap}[data-class-presentation=true] .main-shell main :is(div,section,article,fieldset,form){min-width:0}[data-class-presentation=true] .main-shell select{width:100%;min-width:0;max-width:100%}@media (max-width:700px){[data-class-presentation=true] .main-shell :is(p,li,label,legend,blockquote,td,th){font-size:18px!important}[data-class-presentation=true] .main-shell h2{font-size:25px!important}[data-class-presentation=true] .main-shell h3{font-size:21px!important}}.Impersonation_banner__89COt{position:relative;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,3vw,32px);background:#edf2ff;color:#16367b;border-bottom:2px solid #2455e5}.Impersonation_banner__89COt p{margin:4px 0;font-size:.85rem}.Impersonation_banner__89COt strong{display:flex;align-items:center;gap:7px;font-size:.88rem}.Impersonation_banner__89COt small{font-size:.76rem}.Impersonation_banner__89COt button,.Impersonation_search__3jFLf button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:38px;border:0;border-radius:6px;background:#2455e5;color:#fff;padding:9px 13px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.Impersonation_banner__89COt button:focus-visible,.Impersonation_page__xQfrx :is(button,input,a):focus-visible{outline:3px solid #7b9fff;outline-offset:3px}.Impersonation_page__xQfrx{display:grid;gap:18px;min-width:0;color:#142b43}.Impersonation_search__3jFLf{display:grid;gap:7px;padding:16px 20px;border:1px solid #dce5ef;border-radius:8px;background:#fff}.Impersonation_search__3jFLf label{font-size:.8rem;font-weight:600}.Impersonation_search__3jFLf div{display:flex;flex-wrap:wrap;gap:10px}.Impersonation_search__3jFLf input{flex:1 1 200px;min-width:0;min-height:38px;padding:9px 10px;border:1px solid #cfdaea;border-radius:6px;font:inherit;font-size:.85rem}.Impersonation_count__D_DDe{margin:0 0 -8px;color:#60728b;font-size:.78rem}.Impersonation_targets__J0I1q{display:grid;gap:0;padding:0;margin:0;list-style:none;border:1px solid #dce5ef;border-radius:8px;background:#fff;overflow:hidden}.Impersonation_targets__J0I1q:empty{display:none}.Impersonation_target__34cB3{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid #e3ebf4;min-width:0}.Impersonation_target__34cB3:last-child{border-bottom:0}.Impersonation_target__34cB3>div{min-width:0}.Impersonation_target__34cB3 h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:.93rem}.Impersonation_target__34cB3 h2 svg{color:#2455e5;flex-shrink:0}.Impersonation_target__34cB3 p{margin:3px 0;color:#60728b;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.Impersonation_target__34cB3 form{flex-shrink:0}.Impersonation_target__34cB3 form button{background:#fff;border:1px solid #cfdaea;color:#2455e5;min-height:36px;padding:8px 12px;font-size:.8rem}.Impersonation_target__34cB3 form button:hover{background:#edf2ff}.Impersonation_empty__J4wbV{background:#fff;border:1px solid #dce5ef;border-radius:8px}@media (max-width:600px){.Impersonation_target__34cB3{align-items:start;flex-direction:column;gap:12px;padding:15px}.Impersonation_search__3jFLf{padding:15px}}