:root{--ink: #172026;--muted: #66717a;--paper: #fbf8f2;--white: #ffffff;--mint: #62c6a8;--aqua: #4db7d8;--coral: #f06f5e;--gold: #f3b64a;--violet: #7c66d9;--line: rgba(23, 32, 38, .12);--shadow: 0 24px 70px rgba(28, 42, 52, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(98,198,168,.2),transparent 28rem),radial-gradient(circle at 84% 4%,rgba(240,111,94,.18),transparent 24rem),var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:rgba(251,248,242,.82);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.15rem}.brand-mark{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:50%;color:var(--white);background:conic-gradient(from 120deg,var(--mint),var(--aqua),var(--coral),var(--gold),var(--mint));box-shadow:0 8px 24px #4db7d84d}.site-nav{display:flex;align-items:center;gap:.4rem}.site-nav a{border-radius:999px;padding:.65rem .9rem;color:#34434d;font-size:.94rem;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}.site-nav a:hover,.site-nav a:focus-visible{background:var(--white);color:var(--ink);transform:translateY(-2px);outline:none}.nav-pill{background:var(--ink);color:var(--white)!important}.nav-toggle{display:none;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.65rem;background:var(--white)}.nav-toggle span{display:block;width:1.2rem;height:2px;margin:.27rem auto;background:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 5rem);padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,5rem) 3rem}.eyebrow{margin:0 0 .85rem;color:#4d6872;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(4rem,13vw,9.5rem);line-height:.88}.hero-subtitle{max-width:42rem;margin:1.6rem 0 0;color:#43515a;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}.hero-actions,.lab-controls{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;border:0;border-radius:.75rem;padding:.82rem 1.15rem;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,.btn:focus-visible{transform:translateY(-3px);outline:none}.primary{color:var(--white);background:var(--ink);box-shadow:0 14px 28px #1720262e}.secondary{color:var(--ink);background:var(--white);border:1px solid var(--line)}.hero-panel{display:grid;gap:1rem}.feature-card,.section-card,.panel,.role-grid article,.timeline article,.auth-card{border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.74);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.feature-card{min-height:9.5rem;border-radius:1rem;padding:1.25rem;transition:transform .22s ease,box-shadow .22s ease}.feature-card:hover{transform:translate(-.35rem) translateY(-.2rem);box-shadow:0 28px 80px #1c2a3438}.feature-card span,.section-number{font-size:.78rem;font-weight:900}.feature-card h2{margin:1.7rem 0 .35rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3rem)}.feature-card p{margin:0;font-weight:800}.synthesis{background:linear-gradient(135deg,rgba(77,183,216,.9),rgba(98,198,168,.72))}.valence{background:linear-gradient(135deg,rgba(243,182,74,.9),rgba(240,111,94,.72))}.culture{background:linear-gradient(135deg,rgba(124,102,217,.8),rgba(77,183,216,.64));color:var(--white)}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 clamp(1rem,5vw,5rem);overflow:hidden;border:1px solid var(--line);border-radius:1rem;background:var(--line)}.quick-strip div{min-height:7rem;padding:1.25rem;background:rgba(255,255,255,.76)}.quick-strip strong{display:block;margin-bottom:.4rem;font-size:clamp(1.4rem,3vw,2rem)}.quick-strip span{color:var(--muted);font-weight:700}.section-block,.two-column,.simulation-band,.team-band,.auth-section{padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading h2,.simulation-copy h2,.panel h2,.team-band h2,.auth-form h2{max-width:45rem;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,4rem);line-height:1}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.section-card{position:relative;min-height:31rem;overflow:hidden;border-radius:1rem;padding:1.3rem;transition:transform .22s ease,box-shadow .22s ease}.section-card:before{content:"";position:absolute;inset:auto -15% -25% auto;width:12rem;height:12rem;border-radius:50%;opacity:.28}.section-card:hover{transform:translateY(-.45rem)}.science-card:before{background:var(--aqua)}.economy-card:before{background:var(--gold)}.culture-card:before{background:var(--violet)}.card-topline{display:flex;justify-content:space-between;gap:1rem}.tag{border-radius:999px;padding:.3rem .65rem;background:rgba(23,32,38,.08);color:#40525c;font-size:.78rem;font-weight:800}.section-card h3{margin:3rem 0 .3rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,5vw,4rem)}.section-sub{margin:0 0 1.5rem;color:#40525c;font-weight:900}.section-card ul{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none}.section-card li{border:1px solid var(--line);border-radius:999px;padding:.55rem .75rem;background:rgba(255,255,255,.62);color:#34434d;font-weight:750}.simulation-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(19rem,1.1fr);gap:2rem;align-items:center;background:#17313a;color:var(--white)}.simulation-copy p:not(.eyebrow){max-width:38rem;color:#ffffffbf;font-size:1.08rem;line-height:1.8}.orbit-lab{position:relative;display:grid;min-height:28rem;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle,rgba(77,183,216,.23),transparent 21rem);background-size:32px 32px,32px 32px,auto}.orbit,.core{position:absolute;border-radius:50%}.orbit{border:1px solid rgba(255,255,255,.38);animation:spin 12s linear infinite}.orbit-one{width:13rem;height:13rem}.orbit-two{width:20rem;height:20rem;animation-duration:18s}.orbit span{position:absolute;top:-.45rem;left:50%;width:.9rem;height:.9rem;border-radius:50%;background:var(--gold);box-shadow:0 0 28px var(--gold)}.orbit-two span{background:var(--mint);box-shadow:0 0 28px var(--mint)}.core{width:4.8rem;height:4.8rem;background:radial-gradient(circle at 35% 30%,#fff,var(--coral) 32%,#b84252);box-shadow:0 0 55px #f06f5e9e}.lab-controls{position:absolute;right:1rem;bottom:1rem;margin:0}.icon-button{width:2.45rem;height:2.45rem;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:var(--white);background:rgba(255,255,255,.08);font-weight:900;cursor:pointer}.icon-button.active,.icon-button:hover{background:var(--white);color:#17313a}.orbit-lab.fast .orbit{animation-duration:5s}.orbit-lab.slow .orbit{animation-duration:22s}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.panel{border-radius:1rem;padding:clamp(1.25rem,3vw,2rem)}.panel p{color:var(--muted);line-height:1.75}form{display:grid;gap:1rem;margin-top:1.5rem}label{display:grid;gap:.45rem;color:#34434d;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.9rem 1rem;color:var(--ink);background:rgba(255,255,255,.84);outline:none;transition:border .18s ease,box-shadow .18s ease}textarea{min-height:9rem;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 4px #4db7d82e}.poll-card{display:grid;gap:.75rem;margin-top:1.5rem}.poll-card h3{margin:0 0 .5rem;font-size:1.2rem}.poll-option{position:relative;display:flex;justify-content:space-between;gap:1rem;overflow:hidden;border:1px solid var(--line);border-radius:.8rem;padding:.95rem 1rem;background:rgba(255,255,255,.78);cursor:pointer}.poll-option:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:rgba(98,198,168,.22);transition:width .26s ease}.poll-option span,.poll-option{font-weight:800}.poll-option.selected:before{width:var(--vote-width)}.poll-option.selected{border-color:#62c6a8b8}.poll-option>*{position:relative}.poll-note{margin-bottom:0;font-size:.9rem}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.role-grid article{min-height:13rem;border-radius:1rem;padding:1.2rem;transition:transform .18s ease}.role-grid article:hover{transform:translateY(-.3rem)}.role-grid h3{margin:0 0 1rem;font-size:1.3rem}.role-grid p,.timeline p{color:var(--muted);line-height:1.65}.team-band{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:2rem;align-items:start}.timeline{display:grid;gap:1rem}.timeline article{display:grid;grid-template-columns:7rem 1fr;align-items:center;border-radius:1rem;padding:1rem}.timeline span{font-weight:900}.timeline p{margin:0}.auth-section{display:grid;place-items:center;padding-top:2rem}.auth-card{width:min(34rem,100%);border-radius:1rem;padding:1rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.auth-tab{border:0;border-radius:.65rem;padding:.85rem;background:transparent;font-weight:900;cursor:pointer}.auth-tab.active{background:var(--ink);color:var(--white)}.auth-form{display:none;margin:0;padding:.6rem}.auth-form.active{display:grid}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,5vw,5rem);color:#52626c;border-top:1px solid var(--line)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 940px){.nav-toggle{display:block}.site-nav{position:absolute;inset:100% 1rem auto 1rem;display:none;grid-template-columns:1fr;padding:.8rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.site-nav.open{display:grid}.hero,.simulation-band,.two-column,.team-band{grid-template-columns:1fr}.section-grid,.role-grid,.quick-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.site-header{padding-inline:.8rem}.hero{padding-top:2.5rem}.hero-actions{align-items:stretch;flex-direction:column}.section-grid,.role-grid,.quick-strip{grid-template-columns:1fr}.section-card{min-height:auto}.orbit-lab{min-height:22rem}.orbit-one{width:10rem;height:10rem}.orbit-two{width:16rem;height:16rem}.timeline article{grid-template-columns:1fr;gap:.35rem}.site-footer{flex-direction:column}}.page-body{min-height:100vh;background:radial-gradient(circle at 14% 8%,rgba(98,198,168,.2),transparent 28rem),radial-gradient(circle at 86% 6%,rgba(243,182,74,.2),transparent 26rem),#fbf8f2}.page-nav{display:flex}.page-hero{padding:clamp(3rem,7vw,5.5rem) clamp(1rem,5vw,5rem) 1.5rem}.page-hero h1{max-width:68rem;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3.1rem,8vw,7.4rem);line-height:.92}.page-hero p:not(.eyebrow){max-width:50rem;color:#52626c;font-size:1.12rem;line-height:1.75}.page-shell{padding:1rem clamp(1rem,5vw,5rem) clamp(4rem,7vw,6rem)}.info-grid,.article-grid,.dashboard-grid,.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.info-card,.article-card,.workflow-card,.form-card,.guideline-card{border:1px solid rgba(255,255,255,.76);border-radius:1rem;padding:clamp(1.1rem,3vw,1.5rem);background:rgba(255,255,255,.74);box-shadow:0 22px 60px #1c2a341f}.info-card h2,.article-card h2,.workflow-card h2,.form-card h2,.guideline-card h2{margin:0 0 .7rem;font-size:1.35rem}.info-card p,.article-card p,.workflow-card p,.guideline-card p,.guideline-card li{color:#5d6c74;line-height:1.65}.article-card{display:grid;align-content:space-between;min-height:16rem}.article-card span,.status-pill{width:fit-content;border-radius:999px;padding:.34rem .65rem;background:rgba(77,183,216,.16);color:#1f6577;font-size:.78rem;font-weight:900}.submission-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.72fr);gap:1rem}.submission-form,.guideline-stack{display:grid;gap:1rem}.guideline-card ul{margin:0;padding-left:1.2rem}.contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem}.auth-link{justify-self:start;color:#52626c;font-weight:800}@media (max-width: 940px){.info-grid,.article-grid,.dashboard-grid,.review-grid,.submission-layout,.contact-layout{grid-template-columns:1fr}}@media (max-width: 620px){.page-nav{display:none}}.sim-page{min-height:100vh;background:radial-gradient(circle at 18% 4%,rgba(98,198,168,.24),transparent 26rem),radial-gradient(circle at 82% 10%,rgba(243,182,74,.2),transparent 26rem),#fbf8f2}.sim-nav{display:flex}.sim-hero{padding:clamp(3rem,7vw,5.5rem) clamp(1rem,5vw,5rem) 1.4rem}.sim-hero h1{max-width:65rem;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3.1rem,8vw,7.4rem);line-height:.92}.sim-hero p:not(.eyebrow){max-width:48rem;color:#52626c;font-size:1.12rem;line-height:1.75}.library-shell{margin:0 clamp(1rem,5vw,5rem) clamp(4rem,7vw,6rem);border:1px solid rgba(255,255,255,.72);border-radius:1rem;padding:clamp(1rem,3vw,1.4rem);background:rgba(255,255,255,.72);box-shadow:0 24px 70px #1c2a3421;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.subject-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.subject-tab{min-height:3.2rem;border:1px solid rgba(23,32,38,.1);border-radius:.8rem;background:rgba(251,248,242,.72);color:#32434d;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.subject-tab:hover,.subject-tab.active{color:#fff;background:#172026;transform:translateY(-2px)}.sim-tools{display:grid;grid-template-columns:minmax(0,32rem) minmax(0,1fr);gap:1rem;margin:1rem 0}.sim-selector{display:grid;gap:.5rem}.sim-selector label{color:#52626c;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.empty-state{grid-column:1 / -1;border:1px dashed rgba(23,32,38,.18);border-radius:.95rem;padding:1.4rem;color:#65717a;background:rgba(251,248,242,.58);font-weight:800}.simulation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.sim-card{display:grid;min-height:14rem;align-content:space-between;border:1px solid rgba(23,32,38,.1);border-radius:.95rem;padding:1rem;background:rgba(251,248,242,.76);transition:transform .18s ease,box-shadow .18s ease,border .18s ease}.sim-card:hover{border-color:#4db7d88c;box-shadow:0 18px 40px #1c2a3421;transform:translateY(-4px)}.sim-card strong{display:block;margin-bottom:.55rem;font-size:1.25rem}.sim-card p{margin:0;color:#65717a;line-height:1.6}.sim-card a,.sim-card button{justify-self:start;border:0;border-radius:.72rem;padding:.75rem .9rem;color:#fff;background:#172026;font-weight:900;cursor:pointer}.sim-card button{color:#4d5a62;background:rgba(23,32,38,.08);cursor:default}@media (max-width: 920px){.simulation-list{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-tabs{grid-template-columns:repeat(2,1fr)}.sim-tools{grid-template-columns:1fr}}@media (max-width: 620px){.sim-nav{display:none}.subject-tabs,.simulation-list{grid-template-columns:1fr}}.light-lab{width:fit-content;margin-top:1.4rem;color:#17313a;background:#ffffff;box-shadow:none}.optics-page{min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(243,182,74,.24),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(77,183,216,.24),transparent 28rem),#f8f3e8}.optics-page .site-header{box-shadow:0 10px 32px #1c2a340f}.optics-header{background:rgba(248,243,232,.86)}.optics-nav{display:flex}.optics-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);gap:2rem;align-items:end;padding:clamp(3rem,7vw,5.5rem) clamp(1rem,5vw,4rem) 1.5rem}.optics-hero h1{max-width:58rem;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3.2rem,8vw,7.6rem);line-height:.9}.optics-hero p:not(.eyebrow){max-width:48rem;color:#475964;font-size:1.12rem;line-height:1.75}.formula-card,.control-dock,.sim-stage{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.75);box-shadow:0 24px 70px #1c2a3424;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.formula-card{border-radius:1rem;padding:1.2rem}.formula-card span,.formula-card small{display:block;color:#5a6d76;font-weight:800}.formula-card strong{display:block;margin:.75rem 0;font-size:clamp(1.5rem,3vw,2.5rem)}.optics-workbench{display:grid;grid-template-columns:minmax(0,1fr) 23.5rem;gap:1rem;padding:1rem clamp(1rem,5vw,4rem) clamp(3rem,6vw,5rem)}.sim-stage{position:relative;min-height:39rem;overflow:hidden;border-radius:1rem;outline:1px solid rgba(16,35,45,.06)}#opticsCanvas{display:block;width:100%;height:100%;min-height:39rem;background:#0d222c}.stage-label{position:absolute;top:1rem;left:1rem;z-index:2;display:grid;gap:.2rem;border:1px solid rgba(255,255,255,.18);border-radius:.85rem;padding:.75rem .9rem;color:#fff;background:rgba(13,34,44,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stage-label span{color:#ffffffa3;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.stage-label strong{font-size:1rem}.stage-toolbar{position:absolute;left:1rem;bottom:1rem;display:flex;flex-wrap:wrap;gap:.6rem}.tool-chip{border:1px solid rgba(255,255,255,.32);border-radius:.75rem;padding:.7rem .9rem;color:#fff;background:rgba(13,34,44,.58);font-weight:900;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .16s ease,background .16s ease,color .16s ease}.tool-chip:hover,.tool-chip.active{color:#122832;background:#ffffff;transform:translateY(-2px)}.control-dock{display:grid;align-content:start;gap:1rem;border-radius:1rem;padding:1.05rem}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.metric-grid div,.reading-card,.legend-card{border:1px solid rgba(23,32,38,.1);border-radius:.85rem;padding:.9rem;background:rgba(248,243,232,.7)}.metric-grid span{display:block;margin-bottom:.4rem;color:#65737a;font-size:.76rem;font-weight:900;text-transform:uppercase}.metric-grid strong{font-size:1.35rem}.range-control{display:grid;gap:.75rem;color:#273640}.range-control span{display:flex;justify-content:space-between;gap:1rem}.range-control b{color:#0d6d83}.range-control input{height:.5rem;accent-color:#1a9dbb;padding:0}.toggle-row{display:flex;align-items:center;gap:.6rem;color:#273640}.toggle-row input{width:1.05rem;height:1.05rem;accent-color:#1a9dbb}.reading-card h2{margin:0 0 .55rem;font-size:1.05rem}.reading-card p{margin:0;color:#5d6c74;line-height:1.65}.legend-card{display:grid;gap:.55rem}.legend-card span{display:flex;align-items:center;gap:.55rem;color:#4e5f68;font-size:.9rem;font-weight:800}.legend-card i{display:inline-block;width:2rem;height:.22rem;border-radius:999px}.gold-line{background:#ffd166}.blue-line{background:#8de8ff}.green-line{background:#a1f0c8}@media (max-width: 980px){.optics-hero,.optics-workbench{grid-template-columns:1fr}.control-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-card{grid-column:1 / -1}}@media (max-width: 640px){.optics-nav{display:none}.sim-stage,#opticsCanvas{min-height:30rem}.control-dock,.metric-grid{grid-template-columns:1fr}.stage-toolbar{right:1rem}}.rutherford-page{background:radial-gradient(circle at 18% 12%,rgba(240,111,94,.2),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(243,182,74,.24),transparent 28rem),#f8f3e8}.rutherford-stage #rutherfordCanvas{display:block;width:100%;height:100%;min-height:39rem;background:#111f29}.direct-line{background:#7ee7a4}.deflect-line{background:#ffd166}.retrace-line{background:#f06f5e}.nucleus-dot{width:.9rem!important;height:.9rem!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffffff,#f3b64a 35%,#f06f5e)}.beam-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;border:1px solid rgba(23,32,38,.1);border-radius:.85rem;padding:.75rem;background:rgba(248,243,232,.7)}.beam-presets span{grid-column:1 / -1;color:#65737a;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.beam-presets button{border:1px solid rgba(23,32,38,.1);border-radius:.65rem;padding:.62rem .4rem;background:rgba(255,255,255,.72);color:#273640;font-weight:900;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.beam-presets button:hover,.beam-presets button.active{background:#172026;color:#fff;transform:translateY(-2px)}.theory-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 clamp(1rem,5vw,4rem) clamp(4rem,7vw,6rem)}.theory-section article{border:1px solid rgba(255,255,255,.78);border-radius:1rem;padding:clamp(1.2rem,3vw,1.6rem);background:rgba(255,255,255,.72);box-shadow:0 20px 54px #1c2a341f}.theory-section h2{margin:0 0 .75rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.theory-section p:not(.eyebrow){margin:0;color:#52626c;line-height:1.75}@media (max-width: 640px){.rutherford-stage #rutherfordCanvas{min-height:30rem}.theory-section{grid-template-columns:1fr}}#root{min-height:100vh}.react-theory{padding-top:0}.sim-card button:not(:disabled){color:#fff;background:#172026}.ph-stage{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;gap:1.2rem;width:100%;min-height:39rem;padding:clamp(1rem,3vw,1.5rem);color:#fff;background:radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--liquid-color) 32%,transparent),transparent 20rem),linear-gradient(135deg,#10232d,#17313a)}.ph-meter{justify-self:start;display:grid;gap:.2rem;border:1px solid rgba(255,255,255,.18);border-radius:.9rem;padding:.8rem 1rem;background:rgba(13,34,44,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ph-meter span,.ph-meter em{color:#ffffffad;font-size:.78rem;font-style:normal;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ph-meter strong{font-size:clamp(2.6rem,7vw,5.4rem);line-height:.9}.ph-beaker{position:relative;justify-self:center;align-self:end;width:min(18rem,68%);height:18rem;overflow:hidden;border:3px solid rgba(255,255,255,.52);border-top:0;border-radius:0 0 2rem 2rem;background:rgba(255,255,255,.07);box-shadow:inset 0 0 40px #ffffff14,0 24px 70px #0000002e}.ph-beaker:before{content:"";position:absolute;top:0;left:-6%;width:112%;height:.35rem;border-radius:999px;background:rgba(255,255,255,.72)}.ph-liquid{position:absolute;top:30%;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.28),transparent 1.2rem),color-mix(in srgb,var(--liquid-color) 82%,#ffffff 18%)}.ph-liquid:before{content:"";position:absolute;top:-.55rem;left:-8%;width:116%;height:1.1rem;border-radius:50%;background:color-mix(in srgb,var(--liquid-color) 70%,#ffffff 30%)}.ph-bubbles i{position:absolute;width:.45rem;height:.45rem;border-radius:50%;background:rgba(255,255,255,.5);animation:ph-rise 4s linear infinite}.ph-bubbles i:nth-child(3n){left:28%;bottom:14%;animation-delay:.8s}.ph-bubbles i:nth-child(3n+1){left:52%;bottom:8%;animation-delay:1.6s}.ph-bubbles i:nth-child(3n+2){left:72%;bottom:18%;animation-delay:2.4s}.ph-beaker span{position:absolute;right:.7rem;bottom:.7rem;border-radius:999px;padding:.38rem .7rem;color:#10232d;background:rgba(255,255,255,.74);font-size:.8rem;font-weight:900}.ph-scale-bar{position:relative;height:1.4rem;border-radius:999px;background:linear-gradient(90deg,#d9364e,#f3b64a,#4db7d8,#62c6a8,#6fbe44);box-shadow:0 16px 34px #00000029}.ph-marker{position:absolute;top:-.55rem;width:.25rem;height:2.55rem;border-radius:999px;background:#ffffff;box-shadow:0 0 0 4px #ffffff38}.ph-scale-bar b{position:absolute;top:1.8rem;translate:-50% 0;color:#ffffffb8;font-size:.72rem}.ion-cloud{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.2rem}.ion-cloud>div{border:1px solid rgba(255,255,255,.16);border-radius:.9rem;padding:.8rem;background:rgba(255,255,255,.06)}.ion-cloud strong{display:block;margin-bottom:.55rem;color:#ffffffc7;font-size:.84rem}.ion-dots{display:flex;flex-wrap:wrap;gap:.18rem;max-height:5rem;overflow:hidden}.ion-dots i{width:.32rem;height:.32rem;border-radius:50%}.acid-dots i{background:#f06f5e}.base-dots i{background:#62c6a8}.ph-acid-line{background:#f06f5e}.ph-neutral-line{background:#4db7d8}.ph-base-line{background:#62c6a8}@keyframes ph-rise{to{transform:translateY(-9rem);opacity:0}}