:root{color-scheme:dark;--bg:#08111f;--panel:#101f30;--line:#293c50;--text:#edf3fa;--muted:#a6b6c8;--mint:#55ddc4;--amber:#f4bc6d;--violet:#b5a0ed;--blue:#75b9ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 80% 6%,#12313d55,transparent 28%),var(--bg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button,input,select,textarea{font:inherit}button,.button,select,input{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#16273b;color:var(--text)}button,.button{padding:10px 17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,border-color .2s,transform .2s}button:hover,.button:hover{background:#21394d;border-color:#63988f}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--mint);color:#072c2b;border-color:var(--mint);font-weight:700}button.primary:hover,.button.primary:hover{background:#80ecda;color:#072c2b}button[aria-pressed=true]{border-color:var(--mint);background:#173d40;color:#94f5e2}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:4px}select{padding:9px 12px;max-width:100%;width:100%;margin:8px 0 16px}input{padding:6px 8px}textarea{background:#0a1625;color:var(--text);border:1px solid var(--line);border-radius:8px;width:100%;min-height:84px;padding:12px}header,footer{max-width:1440px;margin:auto;padding:23px 36px;display:flex;align-items:center;gap:32px}header{border-bottom:1px solid var(--line)}header a:first-child{margin-right:auto}header img{display:block;object-fit:contain}header a:nth-child(2){font-size:14px}main{max-width:1440px;margin:auto;padding:0 36px}p{margin:10px 0 18px;color:var(--muted)}h1,h2,h3{line-height:1.18;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(32px,3.5vw,52px);font-weight:800}h2{font-size:clamp(27px,2.5vw,36px)}h3{font-size:22px;letter-spacing:-.02em}em{font-style:normal;color:var(--mint)}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:750;color:var(--muted);margin-bottom:18px}.mint{color:var(--mint)}.amber{color:var(--amber)}.violet{color:var(--violet)}.small{font-size:14px;line-height:1.6}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:26px 0 0}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:55px;padding:54px 0 44px}.hero p:not(.eyebrow){max-width:690px}.hero-model{padding:26px;border:1px solid #30505c;border-radius:14px;background:radial-gradient(ellipse,#1c4d5055,transparent),#0b1827}.hero-model .eyebrow{font-size:11px}.hero-atoms{display:flex;align-items:center;justify-content:center;gap:14px;min-height:125px}.hero-atoms i{display:inline-flex;justify-content:center;align-items:center;width:51px;height:51px;border-radius:50%;font-style:normal;background:radial-gradient(circle at 30% 25%,#88f0d7,#1f796f);box-shadow:0 0 24px #51dcbb20}.hero-atoms>i:nth-of-type(2),.hero-atoms span i:last-child{background:radial-gradient(circle at 30% 25%,#d7c7ff,#70529c)}.hero-atoms span{display:flex;animation:breathe 4s ease-in-out infinite}.hero-atoms span i+i{margin-left:-5px}.hero-atoms b{color:var(--muted);font-weight:400}.model-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.section-nav{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.section-nav a{padding:18px 12px;font-size:12px;color:var(--mint)}.section-nav span{color:var(--text);font-size:14px;margin-left:7px}section[id]{padding-top:64px}.section-title,.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-title{margin-bottom:23px}.section-title h2{margin-bottom:0}.section-title .eyebrow{margin-bottom:12px}.tag{border:1px solid var(--line);border-radius:30px;padding:5px 11px;font-size:12px;white-space:nowrap}.panel{padding:25px;background:linear-gradient(130deg,#14273a88,#101d2de0);border:1px solid var(--line);border-radius:13px;min-width:0}.reactor-grid{display:grid;grid-template-columns:235px minmax(0,1fr) 250px;gap:16px}.catalogue{padding:20px}.catalogue label,.catalogue>select{display:none}.reaction-list{max-height:380px;overflow-y:auto;scrollbar-width:thin}.reaction-list button{display:block;text-align:left;width:100%;font-size:14px;border-color:transparent;background:transparent;padding:10px;margin-bottom:5px}.reaction-list button span{display:block;font-size:12px;color:var(--muted)}.reaction-list button[aria-pressed=true]{border-color:#397568;background:#173b39}.chamber-panel h3{margin-top:20px}.chamber{min-height:245px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;padding:25px 12px;border:1px solid #2c4257;border-radius:10px;background:radial-gradient(circle at center,#1c455438,transparent 80%),radial-gradient(#36536560 1px,transparent 1px);background-size:auto,19px 19px}.species{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;max-width:125px;padding:12px 6px;border:1px solid #476178;border-radius:12px;background:#0b1824ba;position:relative}.species small{display:block;width:100%;text-align:center;color:var(--muted);font-size:12px}.atom{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:26px;height:26px;font-size:11px;font-weight:700;color:#08111f;background:var(--blue);box-shadow:inset -3px -3px 8px #0003}.atom[data-el=O]{background:#f09d8c}.atom[data-el=H]{background:#e4eef9}.atom[data-el=Cl]{background:#9adcaa}.atom[data-el=S]{background:#f3cc76}.atom[data-el=C]{background:#abb8ce}.atom[data-el=Mg],.atom[data-el=Ca]{background:var(--mint)}.atom[data-el=Na],.atom[data-el=K]{background:var(--violet)}.chamber.reacting .species{animation:react .65s ease-in-out 2 alternate}.chamber .gas{border-style:dashed}.chamber .precipitate{border-bottom:5px solid #edf3fa}.chamber .metal{border-bottom:5px solid #bc8d6d}.equation{font-size:clamp(19px,2vw,26px);letter-spacing:.01em;color:var(--text);line-height:1.6;overflow-wrap:anywhere}.analysis fieldset{display:grid;gap:10px}.analysis button{text-align:left;justify-content:flex-start}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:14px;color:var(--muted);margin-bottom:13px}.feedback{min-height:26px;font-size:14px}.feedback.ok{color:#87ecd2}.feedback.error{color:#ffd090}.balance-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;margin-top:18px}.coefficients{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.coefficients label{display:inline-flex;align-items:center;gap:6px;font-size:21px}.coefficients input{width:57px;text-align:center;font-size:18px}.table-wrap{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-weight:500}.mismatch{color:#ffd090}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.schema{text-align:left;display:block;padding:22px;border-radius:12px}.schema strong{display:block;color:var(--mint);font-size:15px}.schema .scheme{display:block;font-size:25px;margin:15px 0}.schema .example{display:block;font-size:14px;color:var(--muted);min-height:45px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.switch,.chips{display:flex;gap:8px;flex-wrap:wrap}.switch button{font-size:14px}.calorimeter{display:flex;gap:22px;align-items:center;justify-content:center;min-height:250px}.vessel{position:relative;width:130px;height:155px;border:3px solid #96b4c6;border-top:0;border-radius:0 0 22px 22px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#bdd6e126 25px,#bdd6e126 26px)}#liquid{position:absolute;bottom:0;width:100%;height:63%;background:linear-gradient(#3ea6b569,#307bb39e);transition:background 1s}#vessel-label{position:absolute;bottom:26px;left:10px;right:10px;font-size:12px;text-align:center}.thermometer{height:180px;width:18px;border:2px solid #6e879b;padding:3px;border-radius:12px;display:flex;align-items:flex-end}#mercury{background:var(--amber);width:100%;height:32%;border-radius:10px;transition:height .1s}#temperature{font-size:34px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}#energy-flow{font-size:13px;max-width:160px}.calorimeter.endo .vessel{border-radius:5px;border-top:3px solid #96b4c6}.calorimeter.endo #liquid{height:35%;background:#b4b9bdaa}.profile-panel svg{width:100%;height:auto;display:block;margin:22px 0}.profile-panel svg text{font:14px system-ui;fill:var(--muted)}.axes{stroke:#7791a6;stroke-width:1.4;fill:none}#energy-path{stroke:var(--mint);stroke-width:4;fill:none}.measure{stroke:var(--violet);stroke-width:1.5;fill:none}.amber-line{stroke:var(--amber)}.profile-panel .chips button{font-size:12px;padding:8px 10px}.dual{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.dual form>button{margin-top:5px}.dual label{font-size:14px}#practice .panel{margin-top:20px}#quiz .equation{min-height:66px}#quiz .chips{display:grid;grid-template-columns:1fr 1fr}.question{font-size:23px;color:var(--text);line-height:1.5}.progress{font-size:14px;color:var(--mint)}.spaced{margin-top:45px}#exercise-tabs,#oge-tabs{margin:22px 0}#exercise-tabs button,#oge-tabs button{min-width:44px}.choices{display:grid;gap:10px;margin:18px 0}.choices label{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--line);padding:10px 14px;border-radius:8px}.choices input{width:20px;min-height:24px;margin:0;flex-shrink:0;accent-color:var(--mint)}.lab-card{margin:22px 0}.lab-card .two-grid{margin:20px 0}.lab-observation{border-left:2px solid var(--mint);padding-left:15px}.lab-model{margin-top:20px}.lab-report{margin-top:24px}.lab-report table{min-width:650px}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600}summary h2{font-size:18px;display:inline;letter-spacing:0}details p{padding:0 20px}#theory{max-width:980px;margin:auto}#theory a{color:var(--mint);text-decoration:underline}.course-nav{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:60px 0 24px;border-top:1px solid var(--line);padding-top:28px}.course-nav>div{text-align:right}.course-nav span{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);padding-bottom:120px}footer a:first-child{margin-right:auto}.skip{position:absolute;top:-80px;left:20px;padding:14px;background:var(--mint);color:var(--bg);z-index:10}.skip:focus{top:8px}[hidden]{display:none!important}@keyframes react{to{transform:translateY(-12px) rotate(7deg);opacity:.35}}@keyframes breathe{50%{transform:translateY(-5px)}}
@media(max-width:1100px){.reactor-grid{grid-template-columns:210px 1fr}.analysis{grid-column:1/-1}.analysis fieldset{grid-template-columns:repeat(4,1fr)}.analysis legend{float:left;width:100%}.hero{gap:24px}.section-nav span{display:block;margin-left:0}.four-grid{grid-template-columns:repeat(2,1fr)}.calorimeter{gap:13px}.vessel{width:105px}.calorimeter output{font-size:29px}}
@media(max-width:768px){header,footer{padding:20px}header .eyebrow{display:none}header{gap:16px}header img{width:155px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0 30px;gap:25px}.hero-model{padding:20px}.hero-atoms{min-height:100px}.section-nav{grid-template-columns:repeat(3,1fr)}.section-nav a{padding:12px 4px}.section-nav span{font-size:12px}.reactor-grid{grid-template-columns:1fr}.catalogue label,.catalogue>select{display:block}.reaction-list{display:none}.catalogue .small{margin:0}.catalogue .eyebrow{display:none}.analysis{grid-column:auto}.analysis fieldset{grid-template-columns:1fr 1fr}.balance-panel,.two-grid,.dual{grid-template-columns:1fr}.panel{padding:20px}.chamber{min-height:220px}.four-grid{gap:10px}.schema{padding:15px}.schema .scheme{font-size:21px}.balance-panel{gap:20px}section[id]{padding-top:42px}.section-title{align-items:flex-start}.calorimeter{min-height:230px}.course-nav{grid-template-columns:1fr;gap:20px}.course-nav>div{text-align:left}footer{flex-wrap:wrap;gap:15px}footer span{width:100%;order:3}.coefficients{gap:8px}.coefficients label{font-size:19px}.coefficients input{width:50px}.hero-model .eyebrow{letter-spacing:.06em}.model-foot{font-size:11px}.breadcrumbs{font-size:11px}.question{font-size:20px}}
@media(max-width:390px){main{padding:0 14px}header{padding:17px 14px}header a:nth-child(2){font-size:12px}.panel{padding:16px}.hero-atoms{gap:10px}.hero-atoms i{width:44px;height:44px}.schema strong{font-size:13px}.schema .scheme{font-size:19px}.calorimeter{gap:12px}.vessel{width:88px}.calorimeter output{font-size:27px}.section-nav{grid-template-columns:1fr 1fr}.tag{white-space:normal}.analysis fieldset{gap:8px}.analysis button{padding:9px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}