@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--ab3d-bg-dark: #030712;--ab3d-panel-bg: rgba(9, 18, 34, .9);--ab3d-card-bg: rgba(13, 23, 42, .82);--ab3d-border: #1e293b;--ab3d-border-glow: #0284c7;--ab3d-text-main: #f8fafc;--ab3d-text-muted: #94a3b8;--ab3d-text-dim: #64748b;--ab3d-red: #ef4444;--ab3d-red-glow: rgba(239, 68, 68, .3);--ab3d-blue: #38bdf8;--ab3d-blue-glow: rgba(56, 189, 248, .3);--ab3d-green: #10b981;--ab3d-green-glow: rgba(16, 185, 129, .3);--ab3d-gold: #f59e0b;--ab3d-purple: #a855f7}.ab3d-root-container{width:100vw;height:100vh;height:100dvh;background-color:var(--ab3d-bg-dark);background-image:radial-gradient(circle at 50% 15%,rgba(14,165,233,.12) 0%,transparent 55%),radial-gradient(circle at 10% 85%,rgba(99,102,241,.08) 0%,transparent 50%);color:var(--ab3d-text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.ab3d-top-header{height:54px;min-height:54px;background:#070e1cf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ab3d-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:50;box-shadow:0 4px 20px #0006}.ab3d-brand-box{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease}.ab3d-brand-box:hover{transform:scale(1.02)}.ab3d-logo-symbol{width:32px;height:32px;background:radial-gradient(circle,#38bdf84d,#0ea5e914);border:1px solid rgba(56,189,248,.45);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #38bdf840}.ab3d-brand-atom-icon{color:#38bdf8;animation:pulseRotate 12s linear infinite}@keyframes pulseRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ab3d-brand-title{font-size:17px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 30%,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ab3d-center-nav{display:flex;align-items:center;gap:14px}.ab3d-active-sim-badge{font-size:13.5px;font-weight:600;color:#e2e8f0;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);padding:5px 14px;border-radius:20px;display:flex;align-items:center;gap:7px;letter-spacing:.2px}.ab3d-active-sim-badge svg{color:#38bdf8}.ab3d-mode-tabs-wrap{display:flex;align-items:center;background:#0b1322e6;border:1px solid var(--ab3d-border);border-radius:22px;padding:3px;gap:3px}.ab3d-mode-pill{border:none;background:transparent;color:var(--ab3d-text-muted);font-size:13px;font-weight:600;padding:5px 13px;border-radius:18px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.ab3d-mode-pill:hover{color:#fff}.ab3d-mode-pill.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.6);box-shadow:0 0 12px #0ea5e966}.ab3d-mini-counter{font-size:10px;background:#10b981;color:#040914;font-weight:700;border-radius:10px;padding:1px 6px;margin-left:2px}.ab3d-right-actions{display:flex;align-items:center;gap:8px}.ab3d-action-btn{width:34px;height:34px;border-radius:8px;background:#0f172ad9;border:1px solid var(--ab3d-border);color:var(--ab3d-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ab3d-action-btn:hover{background:#1e293be6;color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}.ab3d-btn-home:hover{border-color:#10b981;color:#34d399}.ab3d-main-workspace{flex:1;display:grid;grid-template-columns:330px 1fr 360px;gap:12px;padding:12px;overflow:hidden;height:calc(100vh - 54px);height:calc(100dvh - 54px);position:relative}.ab3d-left-panel::-webkit-scrollbar,.ab3d-right-panel::-webkit-scrollbar,.modal-scroll-content::-webkit-scrollbar{width:5px}.ab3d-left-panel::-webkit-scrollbar-thumb,.ab3d-right-panel::-webkit-scrollbar-thumb,.modal-scroll-content::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:4px}.ab3d-left-panel,.ab3d-right-panel{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;z-index:10}.ab3d-card{background:var(--ab3d-card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ab3d-border);border-radius:12px;padding:12px 14px;box-shadow:0 6px 20px #00000059;transition:border-color .2s ease}.ab3d-card:hover{border-color:#38bdf859}.ab3d-card-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.ab3d-card-heading h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#e2e8f0;margin:0}.ab3d-glow-icon{color:#38bdf8}.ab3d-element-hero-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px}.ab3d-hero-tile{width:96px;height:104px;border:2px solid;border-radius:14px;background:#0f172ae6;display:flex;flex-direction:column;justify-content:space-between;padding:6px 8px;margin-bottom:10px;transition:all .3s ease}.ab3d-tile-top{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:#94a3b8}.ab3d-tile-symbol{font-size:44px;font-weight:800;line-height:1;letter-spacing:-1px}.ab3d-tile-mass{font-family:JetBrains Mono,monospace;font-size:11px;color:#64748b;text-align:right}.ab3d-element-names{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.ab3d-element-name-id{font-size:18px;font-weight:700;color:#fff;margin:0}.ab3d-element-name-en{font-size:12px;color:var(--ab3d-text-muted)}.ab3d-category-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:12px;border:1px solid;margin-top:4px}.ab3d-element-desc{font-size:12px;color:#cbd5e1;line-height:1.45;margin:4px 0 0}.ab3d-notation-display{display:flex;flex-direction:column;align-items:center;background:#0f172ab3;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:8px 12px;margin-bottom:10px}.ab3d-notation-box{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace}.ab3d-notation-numbers{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;font-weight:700;line-height:1.1}.ab3d-num-a{color:#38bdf8}.ab3d-num-z{color:#ef4444}.ab3d-notation-sym{font-size:26px;font-weight:800}.ab3d-notation-charge{font-size:13px;font-weight:700;padding:1px 5px;border-radius:4px;margin-bottom:8px}.ab3d-notation-charge.pos{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.ab3d-notation-charge.neg{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.ab3d-isotope-tag{font-size:11px;color:#94a3b8;font-style:italic;margin-top:3px}.ab3d-particle-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ab3d-triad-item{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:8px;background:#0b1322d9;border:1px solid transparent}.ab3d-triad-item .triad-icon{font-size:16px;margin-bottom:2px}.ab3d-triad-item .triad-label{font-size:10px;color:var(--ab3d-text-dim);font-weight:500}.ab3d-triad-item .triad-val{font-size:16px;font-weight:800;font-family:JetBrains Mono,monospace;margin-top:2px}.proton-triad{border-color:#ef444459}.proton-triad .triad-icon,.proton-triad .triad-val,.proton-text{color:#ef4444}.neutron-triad{border-color:#38bdf859}.neutron-triad .triad-icon,.neutron-triad .triad-val,.neutron-text{color:#38bdf8}.electron-triad{border-color:#10b98159}.electron-triad .triad-icon,.electron-triad .triad-val,.electron-text{color:#10b981}.ab3d-table-props{display:flex;flex-direction:column;gap:5px}.ab3d-prop-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.ab3d-prop-row .prop-name{font-size:12px;color:var(--ab3d-text-muted)}.ab3d-prop-row .prop-val{font-size:12.5px;font-weight:600;color:#f8fafc}.mono{font-family:JetBrains Mono,monospace}.prop-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.charge-neutral{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.4)}.charge-positive{background:#ef44442e;color:#f87171;border:1px solid rgba(239,68,68,.4)}.charge-negative{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.ab3d-config-box{background:#0f172ad9;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:8px 10px;margin-bottom:8px}.ab3d-config-box .config-label{font-size:10.5px;color:var(--ab3d-text-dim);display:block;margin-bottom:3px}.ab3d-config-box .config-formula{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600;color:#38bdf8;word-break:break-word}.ab3d-shells-diagram .shells-title{font-size:11px;color:var(--ab3d-text-muted);display:block;margin-bottom:5px}.ab3d-shells-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.shell-pod{display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:6px;border:1px solid;transition:all .2s ease}.shell-pod.occupied{background:#10b9811f;border-color:#10b98166}.shell-pod.empty{background:#0f172a80;border-color:#ffffff0d;opacity:.5}.shell-pod .pod-name{font-size:9.5px;color:var(--ab3d-text-dim)}.shell-pod .pod-count{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;color:#10b981}.ab3d-fact-card{background:linear-gradient(135deg,#f59e0b14,#0d172ad9);border-color:#f59e0b4d}.fact-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.fact-header h4{font-size:12px;font-weight:700;color:#fbbf24;margin:0}.fact-icon{color:#fbbf24}.fact-text{font-size:11.5px;color:#cbd5e1;line-height:1.45;margin:0}.ab3d-center-viewport{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#081122,#030712);border:1px solid rgba(56,189,248,.2);box-shadow:inset 0 0 40px #000c,0 8px 32px #00000080;display:flex;flex-direction:column}.ab3d-webgl-canvas{width:100%!important;height:100%!important}.ab3d-tag{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;padding:1px 4px;border-radius:4px;pointer-events:none;box-shadow:0 0 8px #000c;white-space:nowrap}.tag-proton{background:#ef4444e6;color:#fff;border:1px solid #fca5a5}.tag-neutron{background:#38bdf8e6;color:#040914;border:1px solid #bae6fd}.tag-electron{background:#10b981f2;color:#040914;border:1px solid #a7f3d0}.ab3d-canvas-hud-top{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:20}.ab3d-hud-element-badge{background:#0b1322d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:10px;padding:6px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px #0006}.hud-symbol{font-size:22px;font-weight:800;font-family:JetBrains Mono,monospace}.hud-text{display:flex;flex-direction:column}.hud-name{font-size:13px;font-weight:700;color:#fff}.hud-sub{font-size:11px;color:#94a3b8;font-family:JetBrains Mono,monospace}.ab3d-canvas-actions{display:flex;gap:8px;pointer-events:auto}.ab3d-hud-btn{background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.35);color:#e2e8f0;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.ab3d-hud-btn:hover,.ab3d-hud-btn.active{background:#0284c7d9;color:#fff;border-color:#38bdf8;box-shadow:0 0 12px #0ea5e966}.ab3d-canvas-hud-bottom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);pointer-events:none;z-index:20}.ab3d-hud-hint{background:#0b1322bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 14px;font-size:11px;color:#94a3b8}.ab3d-stepper-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.ab3d-stepper-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0f172abf;border-radius:8px;border-left:3px solid}.proton-border{border-left-color:#ef4444}.neutron-border{border-left-color:#38bdf8}.electron-border{border-left-color:#10b981}.stepper-label-group{display:flex;align-items:center;gap:8px}.stepper-badge{font-size:14px;font-weight:700}.proton-badge{color:#ef4444}.neutron-badge{color:#38bdf8}.electron-badge{color:#10b981}.stepper-titles{display:flex;flex-direction:column}.stepper-title{font-size:12.5px;font-weight:700;color:#fff}.stepper-subtitle{font-size:10px;color:var(--ab3d-text-dim)}.stepper-action-group{display:flex;align-items:center;gap:8px}.stepper-btn{width:32px;height:32px;border-radius:8px;background:#162644e6;border:1px solid rgba(56,189,248,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000004d}.stepper-btn:hover:not(:disabled){background:#0284c7d9;border-color:#38bdf8;color:#fff;transform:scale(1.08);box-shadow:0 0 10px #38bdf880}.stepper-btn:active:not(:disabled){transform:scale(.96)}.stepper-btn:disabled{opacity:.25;cursor:not-allowed;border-color:#ffffff14}.stepper-value{min-width:30px;text-align:center;font-size:16px;font-weight:800;font-family:JetBrains Mono,monospace}.ab3d-reset-atom-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:8px;background:#ef444424;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.ab3d-reset-atom-btn:hover{background:#ef444447;color:#fff;box-shadow:0 0 12px #ef44444d}.ab3d-search-bar{display:flex;align-items:center;gap:6px;background:#0b1322d9;border:1px solid var(--ab3d-border);border-radius:8px;padding:5px 8px;margin-bottom:8px}.ab3d-search-bar .search-icon{color:var(--ab3d-text-dim)}.ab3d-search-bar input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:11.5px;color:#fff}.ab3d-search-bar input::placeholder{color:var(--ab3d-text-dim)}.clear-search{background:none;border:none;color:var(--ab3d-text-dim);cursor:pointer;font-size:11px}.ab3d-elements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-height:155px;overflow-y:auto;padding-right:2px}.ab3d-elements-grid::-webkit-scrollbar{width:4px}.ab3d-elements-grid::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.element-chip{display:flex;flex-direction:column;align-items:center;padding:4px 2px;border:1px solid;border-radius:6px;cursor:pointer;transition:all .15s ease}.element-chip:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000080}.element-chip.selected{box-shadow:0 0 10px #38bdf866;transform:scale(1.05)}.chip-z{font-size:9px;font-family:JetBrains Mono,monospace;color:#94a3b8}.chip-sym{font-size:13px;font-weight:800;margin-top:1px}.ab3d-prop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.prop-item{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:5px 8px;display:flex;flex-direction:column}.prop-item.full{grid-column:span 2}.prop-k{font-size:10px;color:var(--ab3d-text-dim)}.prop-v{font-size:12px;font-weight:600;color:#e2e8f0}.prop-v.highlight{font-size:14px;font-weight:800}.ab3d-checkbox-list{display:flex;flex-direction:column;gap:7px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1;cursor:pointer;position:relative}.checkbox-item .checkmark{width:16px;height:16px;background:#0f172acc;border:1px solid rgba(56,189,248,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.checkbox-item input:checked+.checkmark:after{content:"✓";color:#fff;font-size:11px;font-weight:800}.ab3d-challenge-container{display:flex;flex-direction:column;gap:12px}.challenge-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 6px}.challenge-task{font-size:12.5px;color:#cbd5e1;line-height:1.45;margin:0 0 10px}.challenge-particle-controls{display:flex;flex-direction:column;gap:6px;background:#0b1322b3;border:1px solid var(--ab3d-border);border-radius:8px;padding:8px;margin-bottom:12px}.ch-row{display:flex;align-items:center;justify-content:space-between}.ch-name{font-size:12px;font-weight:600}.ch-actions{display:flex;align-items:center;gap:6px}.ch-actions button{width:28px;height:28px;background:#162644e6;border:1px solid rgba(56,189,248,.4);border-radius:6px;color:#fff;cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ch-actions button:hover:not(:disabled){background:#0284c7d9;border-color:#38bdf8;color:#fff}.ch-val{min-width:22px;text-align:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.ab3d-primary-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 0 14px #0ea5e94d}.ab3d-primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ea5e980}.ab3d-learn-container,.learn-cards-stack{display:flex;flex-direction:column;gap:8px}.ab3d-modal-backdrop{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ab3d-modal-window{width:100%;max-width:580px;max-height:85vh;background:#0b1322;border:1px solid rgba(56,189,248,.4);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 0 40px #0ea5e94d;overflow:hidden}@media(max-width:1200px){.ab3d-main-workspace{grid-template-columns:290px 1fr 310px;gap:8px;padding:8px}}@media(max-width:900px){.ab3d-main-workspace{grid-template-columns:1fr;grid-template-rows:240px 1fr 240px;overflow-y:auto;height:auto}.ab3d-left-panel,.ab3d-right-panel{max-height:none}.ab3d-active-sim-badge{display:none}}:root{--mg3d-bg-dark: #030712;--mg3d-panel-bg: rgba(9, 18, 34, .9);--mg3d-card-bg: rgba(13, 23, 42, .82);--mg3d-border: #1e293b;--mg3d-border-glow: #0284c7;--mg3d-text-main: #f8fafc;--mg3d-text-muted: #94a3b8;--mg3d-text-dim: #64748b;--mg3d-cyan: #38bdf8;--mg3d-emerald: #10b981;--mg3d-gold: #f59e0b;--mg3d-purple: #a855f7;--mg3d-red: #ef4444}.mg3d-root-container{width:100vw;height:100vh;height:100dvh;background-color:var(--mg3d-bg-dark);background-image:radial-gradient(circle at 50% 15%,rgba(14,165,233,.12) 0%,transparent 55%),radial-gradient(circle at 85% 85%,rgba(168,85,247,.08) 0%,transparent 50%);color:var(--mg3d-text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.mg3d-top-header{height:54px;min-height:54px;background:#070e1cf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--mg3d-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:50;box-shadow:0 4px 20px #0006}.mg3d-left-brand-group{display:flex;align-items:center;gap:12px}.mg3d-back-btn{width:32px;height:32px;border-radius:8px;background:#0f172ad9;border:1px solid var(--mg3d-border);color:var(--mg3d-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mg3d-back-btn:hover{background:#1e293be6;color:#fff;border-color:#38bdf8;transform:scale(1.05)}.mg3d-brand-box{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease}.mg3d-brand-box:hover{transform:scale(1.02)}.mg3d-logo-symbol{width:32px;height:32px;background:radial-gradient(circle,#38bdf84d,#0ea5e914);border:1px solid rgba(56,189,248,.45);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #38bdf840}.mg3d-brand-icon{color:#38bdf8;animation:pulseCompass 10s linear infinite}@keyframes pulseCompass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mg3d-brand-title{font-size:17px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 30%,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mg3d-center-nav{display:flex;align-items:center;gap:14px}.mg3d-active-sim-badge{font-size:13.5px;font-weight:600;color:#e2e8f0;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);padding:5px 14px;border-radius:20px;display:flex;align-items:center;gap:7px;letter-spacing:.2px}.mg3d-active-sim-badge svg{color:#10b981}.mg3d-mode-tabs-wrap{display:flex;align-items:center;background:#0b1322e6;border:1px solid var(--mg3d-border);border-radius:22px;padding:3px;gap:3px}.mg3d-mode-pill{border:none;background:transparent;color:var(--mg3d-text-muted);font-size:13px;font-weight:600;padding:5px 13px;border-radius:18px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.mg3d-mode-pill:hover{color:#fff}.mg3d-mode-pill.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.6);box-shadow:0 0 12px #0ea5e966}.mg3d-mini-counter{font-size:10px;background:#10b981;color:#040914;font-weight:700;border-radius:10px;padding:1px 6px;margin-left:2px}.mg3d-right-actions{display:flex;align-items:center;gap:8px}.mg3d-action-btn{width:34px;height:34px;border-radius:8px;background:#0f172ad9;border:1px solid var(--mg3d-border);color:var(--mg3d-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mg3d-action-btn:hover{background:#1e293be6;color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}.mg3d-btn-home:hover{border-color:#10b981;color:#34d399}.mg3d-main-workspace{flex:1;display:grid;grid-template-columns:330px 1fr 350px;gap:12px;padding:12px;overflow:hidden;height:calc(100vh - 54px);height:calc(100dvh - 54px);position:relative}.mg3d-left-panel,.mg3d-right-panel{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;z-index:10}.mg3d-left-panel::-webkit-scrollbar,.mg3d-right-panel::-webkit-scrollbar,.modal-scroll-content::-webkit-scrollbar{width:5px}.mg3d-left-panel::-webkit-scrollbar-thumb,.mg3d-right-panel::-webkit-scrollbar-thumb,.modal-scroll-content::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:4px}.mg3d-card{background:var(--mg3d-card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--mg3d-border);border-radius:12px;padding:12px 14px;box-shadow:0 6px 20px #00000059;transition:border-color .2s ease}.mg3d-card:hover{border-color:#38bdf859}.mg3d-card-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:6px}.mg3d-card-heading h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#e2e8f0;margin:0}.mg3d-glow-icon{color:#38bdf8}.mg3d-hero-card{background:linear-gradient(135deg,#0ea5e91a,#0d172ad9);border-color:#38bdf84d}.hero-header-row{display:flex;align-items:center;justify-content:space-between}.hero-name-group{display:flex;flex-direction:column;gap:2px}.hero-molecule-name{font-size:18px;font-weight:800;color:#fff;margin:0}.hero-formula-large{font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800;color:#38bdf8;letter-spacing:-.5px}.polarity-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;border:1px solid}.polarity-tag.polar{background:#ef444429;color:#f87171;border-color:#ef444466}.polarity-tag.nonpolar{background:#10b98129;color:#34d399;border-color:#10b98166}.vsepr-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.metric-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column}.metric-label{font-size:10px;color:var(--mg3d-text-dim);margin-bottom:2px}.metric-val{font-size:16px;font-weight:800;font-family:JetBrains Mono,monospace;color:#f8fafc}.metric-val.highlight{color:#38bdf8}.geom-prop-list{display:flex;flex-direction:column;gap:6px}.geom-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.geom-k{font-size:11.5px;color:var(--mg3d-text-muted)}.geom-v{font-size:12.5px;font-weight:700}.text-cyan{color:#38bdf8}.text-emerald{color:#34d399}.text-purple{color:#c084fc}.highlight-lg{font-size:13.5px}.mg3d-explanation-card{background:linear-gradient(135deg,#f59e0b14,#0d172ad9);border-color:#f59e0b40}.explanation-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.explanation-header h4{font-size:12.5px;font-weight:700;color:#fbbf24;margin:0}.explanation-text{font-size:11.5px;color:#cbd5e1;line-height:1.5;margin:0}.mg3d-center-stage{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#081122,#030712);border:1px solid rgba(56,189,248,.2);box-shadow:inset 0 0 40px #000c,0 8px 32px #00000080;display:flex;flex-direction:column}.mg3d-webgl-canvas{width:100%!important;height:100%!important}.mg3d-atom-badge{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;padding:2px 6px;border-radius:6px;background:#0b1322e0;color:#fff;border:1.5px solid;pointer-events:none;box-shadow:0 0 10px #000c;white-space:nowrap}.mg3d-angle-badge{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;padding:2px 7px;border-radius:6px;background:#f59e0be6;color:#040914;border:1px solid #fde68a;box-shadow:0 0 12px #f59e0b80;pointer-events:none;white-space:nowrap}.mg3d-dipole-pill{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;white-space:nowrap;pointer-events:none}.mg3d-dipole-pill.polar{background:#ef4444e6;color:#fff;border:1px solid #fca5a5;box-shadow:0 0 10px #ef444499}.mg3d-dipole-pill.nonpolar{background:#10b981d9;color:#040914;border:1px solid #a7f3d0;box-shadow:0 0 10px #10b98166}.mg3d-canvas-hud-top{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:20}.mg3d-hud-molecule-badge{background:#0b1322d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.35);border-radius:10px;padding:6px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px #0006}.hud-badge-sym{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:800;color:#38bdf8}.hud-badge-meta{display:flex;flex-direction:column}.hud-badge-shape{font-size:11px;color:#fbbf24;font-weight:600}.mg3d-canvas-actions{display:flex;gap:8px;pointer-events:auto}.mg3d-hud-btn{background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.35);color:#e2e8f0;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.mg3d-hud-btn:hover,.mg3d-hud-btn.active{background:#0284c7d9;color:#fff;border-color:#38bdf8;box-shadow:0 0 12px #0ea5e966}.mg3d-canvas-hud-bottom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);pointer-events:none;z-index:20}.mg3d-hud-hint{background:#0b1322bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 14px;font-size:11px;color:#94a3b8}.mg3d-molecules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:380px;overflow-y:auto;padding-right:2px}.mg3d-molecules-grid::-webkit-scrollbar{width:4px}.mg3d-molecules-grid::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:2px}.molecule-card-item{background:#0f172abf;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;cursor:pointer;text-align:left;transition:all .2s ease}.molecule-card-item:hover{border-color:#38bdf866;transform:translateY(-2px);background:#142038d9}.molecule-card-item.active{background:linear-gradient(135deg,#0284c740,#0f172ae6);border-color:#38bdf8;box-shadow:0 0 14px #0ea5e959;transform:scale(1.02)}.mol-card-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.mol-card-formula{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;color:#38bdf8}.mol-card-badge{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px}.mol-card-badge.polar{background:#ef444433;color:#fca5a5}.mol-card-badge.nonpolar{background:#10b98133;color:#86efac}.mol-card-name{font-size:11px;color:#e2e8f0;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mol-card-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--mg3d-text-dim)}.mol-card-geom{color:#fbbf24;font-weight:600}.mol-card-angle{font-family:JetBrains Mono,monospace;color:#34d399}.mg3d-checkbox-list{display:flex;flex-direction:column;gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#cbd5e1;cursor:pointer;position:relative}.checkbox-item input{opacity:0;position:absolute}.checkbox-item .checkmark{width:17px;height:17px;background:#0f172acc;border:1px solid rgba(56,189,248,.4);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.checkbox-item input:checked+.checkmark{background:#0284c7;border-color:#38bdf8;box-shadow:0 0 8px #0ea5e966}.checkbox-item input:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:800}.mg3d-challenge-card{display:flex;flex-direction:column;gap:12px}.challenge-top-meta{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.challenge-level-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fbbf24}.challenge-score-pill{font-size:12px;color:#34d399;background:#10b98126;border:1px solid rgba(16,185,129,.35);border-radius:12px;padding:2px 10px}.challenge-question{font-size:13px;font-weight:600;color:#f8fafc;line-height:1.45;margin:0 0 10px}.challenge-hint-box{display:flex;align-items:flex-start;gap:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:8px 10px;margin-bottom:12px}.challenge-hint-box .hint-icon{color:#fbbf24;flex-shrink:0;margin-top:2px}.challenge-hint-box p{font-size:11.5px;color:#fde68a;margin:0;line-height:1.4}.challenge-options-list{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.opt-btn{width:100%;padding:8px 12px;background:#0f172acc;border:1px solid var(--mg3d-border);border-radius:8px;color:#e2e8f0;font-size:12.5px;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease}.opt-btn:hover:not(:disabled){border-color:#38bdf8;background:#1e293be6}.opt-btn.selected{border-color:#38bdf8;background:#0284c74d}.opt-btn.correct{background:#10b98133;border-color:#34d399;color:#a7f3d0}.opt-btn.incorrect{background:#ef444433;border-color:#f87171;color:#fca5a5}.challenge-feedback{border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}.challenge-feedback.success{background:#10b98126;border:1px solid rgba(16,185,129,.4)}.challenge-feedback.fail{background:#ef444426;border:1px solid rgba(239,68,68,.4)}.fb-header{display:flex;align-items:center;gap:6px}.fb-header h4{font-size:13px;margin:0}.success-icon{color:#34d399}.fail-icon{color:#f87171}.fb-explanation{font-size:11.5px;color:#cbd5e1;margin:0;line-height:1.45}.mg3d-primary-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 0 14px #0ea5e94d}.mg3d-primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ea5e980}.retry-btn{align-self:flex-start;padding:6px 14px;border-radius:6px;background:#ef444440;border:1px solid #f87171;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.all-completed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0;gap:6px}.trophy-big{color:#fbbf24}.mg3d-learn-card,.learn-cards-stack{display:flex;flex-direction:column;gap:8px}.learn-topic-card{background:#0b1322b3;border:1px solid rgba(56,189,248,.18);border-radius:8px;padding:9px 10px}.learn-topic-card h4{font-size:12.5px;font-weight:700;color:#38bdf8;margin:0 0 5px}.learn-topic-card p{font-size:11.5px;color:#cbd5e1;margin:0 0 5px;line-height:1.4}.learn-topic-card .mono-sub{font-family:JetBrains Mono,monospace;font-size:11px;color:#fbbf24;background:#0000004d;padding:3px 6px;border-radius:4px}.learn-topic-card ul{margin:0;padding-left:14px;font-size:11px;color:#cbd5e1}.learn-topic-card li{margin-bottom:4px;line-height:1.35}.mg3d-modal-backdrop{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mg3d-modal-window{width:100%;max-width:580px;max-height:85vh;background:#0b1322;border:1px solid rgba(56,189,248,.4);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 0 40px #0ea5e94d;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f172ae6}.header-title-box{display:flex;align-items:center;gap:8px}.modal-atom-icon{color:#38bdf8}.modal-header h2{font-size:15px;font-weight:700;color:#fff;margin:0}.modal-close-btn{background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:4px;border-radius:4px}.modal-scroll-content{padding:16px 20px;overflow-y:auto}.modal-scroll-content section{margin-bottom:14px}.modal-scroll-content h3{font-size:13px;font-weight:700;color:#38bdf8;margin:0 0 6px}.modal-scroll-content p{font-size:12px;color:#cbd5e1;line-height:1.5;margin:0}.modal-scroll-content ul{margin:4px 0 0;padding-left:16px;font-size:12px;color:#cbd5e1}.modal-scroll-content li{margin-bottom:6px;line-height:1.4}@media(max-width:1200px){.mg3d-main-workspace{grid-template-columns:290px 1fr 310px;gap:8px;padding:8px}}@media(max-width:900px){.mg3d-main-workspace{grid-template-columns:1fr;grid-template-rows:240px 1fr 240px;overflow-y:auto;height:auto}.mg3d-left-panel,.mg3d-right-panel{max-height:none}.mg3d-active-sim-badge{display:none}}:root{--rd3d-bg-dark: #030712;--rd3d-panel-bg: rgba(9, 18, 34, .92);--rd3d-card-bg: rgba(13, 23, 42, .85);--rd3d-card-inner: rgba(17, 29, 53, .7);--rd3d-border: #1e293b;--rd3d-border-glow: #0284c7;--rd3d-text-main: #f8fafc;--rd3d-text-muted: #94a3b8;--rd3d-text-dim: #64748b;--rd3d-cyan: #38bdf8;--rd3d-emerald: #10b981;--rd3d-gold: #f59e0b;--rd3d-purple: #c084fc;--rd3d-red: #ef4444;--rd3d-orange: #f97316}.rd3d-root-container{width:100vw;height:100vh;height:100dvh;background-color:var(--rd3d-bg-dark);background-image:radial-gradient(circle at 50% 12%,rgba(239,68,68,.08) 0%,transparent 60%),radial-gradient(circle at 85% 85%,rgba(56,189,248,.08) 0%,transparent 55%),radial-gradient(circle at 15% 85%,rgba(192,132,252,.06) 0%,transparent 50%);color:var(--rd3d-text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.rd3d-top-header{height:54px;min-height:54px;background:#070e1cf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rd3d-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:50;box-shadow:0 4px 20px #0006}.rd3d-left-brand-group{display:flex;align-items:center;gap:12px}.rd3d-back-btn{width:32px;height:32px;border-radius:8px;background:#0f172ad9;border:1px solid var(--rd3d-border);color:var(--rd3d-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rd3d-back-btn:hover{background:#1e293be6;color:#fff;border-color:var(--rd3d-cyan);transform:scale(1.05)}.rd3d-brand-box{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease}.rd3d-brand-box:hover{transform:scale(1.02)}.rd3d-logo-symbol{width:32px;height:32px;background:radial-gradient(circle,#ef444459,#ef444414);border:1px solid rgba(239,68,68,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #ef44444d}.rd3d-brand-icon{color:#ef4444}.rd3d-brand-title{font-size:16px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 30%,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rd3d-center-nav{display:flex;align-items:center;gap:14px}.rd3d-active-sim-badge{font-size:13px;font-weight:600;color:#e2e8f0;background:#0f172ad9;border:1px solid rgba(239,68,68,.35);padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;letter-spacing:.2px}.rd3d-active-sim-badge svg{color:#ef4444}.rd3d-mode-tabs-wrap{display:flex;align-items:center;background:#0b1322e6;border:1px solid var(--rd3d-border);border-radius:22px;padding:3px;gap:3px}.rd3d-mode-pill{border:none;background:transparent;color:var(--rd3d-text-muted);font-size:13px;font-weight:600;padding:5px 13px;border-radius:18px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.rd3d-mode-pill:hover{color:#fff}.rd3d-mode-pill.active{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;border:1px solid rgba(248,113,113,.6);box-shadow:0 0 12px #ef444466}.rd3d-mini-counter{font-size:10px;background:#10b981;color:#040914;font-weight:700;border-radius:10px;padding:1px 6px;margin-left:2px}.rd3d-right-actions{display:flex;align-items:center;gap:8px}.rd3d-action-btn{width:34px;height:34px;border-radius:8px;background:#0f172ad9;border:1px solid var(--rd3d-border);color:var(--rd3d-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rd3d-action-btn:hover{background:#1e293be6;color:#fff;border-color:var(--rd3d-cyan);box-shadow:0 0 10px #38bdf840}.rd3d-btn-home:hover{border-color:#10b981;color:#34d399}.rd3d-main-workspace{flex:1;display:grid;grid-template-columns:320px 1fr 340px;gap:12px;padding:12px;overflow:hidden;height:calc(100vh - 54px);height:calc(100dvh - 54px);position:relative}.rd3d-left-panel,.rd3d-right-panel{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding-right:4px;z-index:20}.rd3d-left-panel::-webkit-scrollbar,.rd3d-right-panel::-webkit-scrollbar,.modal-scroll-content::-webkit-scrollbar{width:5px}.rd3d-left-panel::-webkit-scrollbar-thumb,.rd3d-right-panel::-webkit-scrollbar-thumb,.modal-scroll-content::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:10px}.rd3d-left-panel::-webkit-scrollbar-track,.rd3d-right-panel::-webkit-scrollbar-track,.modal-scroll-content::-webkit-scrollbar-track{background:#00000026}.rd3d-card{background:var(--rd3d-panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--rd3d-border);border-radius:12px;padding:14px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.rd3d-card:hover{border-color:#38bdf859;box-shadow:0 10px 28px #00000080}.rd3d-card-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rd3d-card-heading h3{font-size:13.5px;font-weight:700;letter-spacing:.2px;color:#f1f5f9;margin:0;text-transform:uppercase}.rd3d-glow-icon{color:var(--rd3d-cyan)}.rd3d-reaction-hero-card{background:linear-gradient(145deg,#111827f2,#0f172ae0);border:1px solid rgba(239,68,68,.35)}.hero-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:10px;background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.enthalpy-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.3px}.enthalpy-tag.exo{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.4)}.enthalpy-tag.endo{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.hero-reaction-name{font-size:18px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.2px}.hero-equation-box{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:#fca5a5;background:#0006;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:8px 12px;letter-spacing:.5px;text-align:center}.rd3d-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-pod{background:var(--rd3d-card-inner);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease}.stat-pod:hover{transform:translateY(-2px);border-color:#38bdf84d}.stat-pod.success{border-color:#10b9814d;background:#10b98114}.stat-icon{margin-bottom:4px}.stat-icon.cyan{color:var(--rd3d-cyan)}.stat-icon.emerald{color:var(--rd3d-emerald)}.stat-icon.gold{color:var(--rd3d-gold)}.stat-icon.purple{color:var(--rd3d-purple)}.stat-title{font-size:10px;font-weight:700;color:var(--rd3d-text-dim);letter-spacing:.6px}.stat-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:#fff;margin-top:2px}.rd3d-progress-wrap{display:flex;flex-direction:column;gap:4px}.progress-track{width:100%;height:6px;background:#0f172acc;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress-fill{height:100%;border-radius:6px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px currentColor}.energy-prop-list{display:flex;flex-direction:column;gap:7px}.energy-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;background:#0f172a80;border:1px solid rgba(255,255,255,.03)}.prop-k{font-size:11.5px;color:var(--rd3d-text-muted)}.prop-v{font-size:12px;font-weight:600}.prop-v.mono{font-family:JetBrains Mono,monospace}.text-cyan{color:var(--rd3d-cyan)}.text-reduced{color:#34d399;font-weight:700}.text-exo{color:#f87171}.text-endo{color:#38bdf8}.text-gold{color:#fbbf24}.text-bold{font-weight:700;color:#f1f5f9}.catalyst-chip{display:inline-block;font-size:9px;background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:1px 4px;margin-left:4px}.rd3d-insight-card{background:#0f172ab3;border:1px dashed rgba(56,189,248,.3)}.insight-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.bulb-icon{color:#fbbf24}.insight-header h4{font-size:12px;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:.2px}.insight-text{font-size:11.5px;color:var(--rd3d-text-muted);line-height:1.45;margin:0}.insight-catalyst-note{font-size:11px;color:#34d399;line-height:1.4;margin:8px 0 0;padding-top:6px;border-top:1px dashed rgba(16,185,129,.3)}.rd3d-center-stage{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(56,189,248,.25);background:radial-gradient(circle at 50% 50%,#0a1120,#030712);display:flex;flex-direction:column;box-shadow:inset 0 0 60px #000c,0 10px 30px #00000080}.rd3d-webgl-canvas{width:100%!important;height:100%!important;display:block}.rd3d-canvas-hud-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.rd3d-hud-reaction-badge{pointer-events:auto;background:#091222d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:6px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #0006}.hud-badge-title{font-size:13px;font-weight:700;color:#fff}.hud-badge-formula{font-family:JetBrains Mono,monospace;font-size:12px;color:#38bdf8;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}.rd3d-canvas-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.rd3d-hud-play-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(52,211,153,.6);color:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 0 14px #10b98166;transition:all .2s ease}.rd3d-hud-play-btn:hover{transform:translateY(-2px);box-shadow:0 0 18px #10b98199}.rd3d-hud-play-btn.playing{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf2499;box-shadow:0 0 14px #f59e0b66}.rd3d-hud-btn{display:flex;align-items:center;gap:5px;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rd3d-border);color:var(--rd3d-text-muted);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.rd3d-hud-btn:hover{color:#fff;border-color:var(--rd3d-cyan);background:#1e293be6}.rd3d-energy-profile-overlay{position:absolute;bottom:38px;left:14px;background:#091222e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.35);border-radius:12px;padding:10px 14px;z-index:10;box-shadow:0 6px 20px #00000080;width:290px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.profile-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#e2e8f0}.profile-status{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--rd3d-cyan);font-weight:600}.energy-svg{width:100%;height:85px;display:block}.rd3d-canvas-hud-bottom{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:10}.rd3d-hud-hint{background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:3px 12px;font-size:11px;color:var(--rd3d-text-dim)}.rd3d-3d-molecule-tag{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:#000000bf;border:1px solid rgba(255,255,255,.2);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.rd3d-3d-molecule-tag.reactant{color:#f87171;border-color:#ef444480}.rd3d-3d-molecule-tag.product{color:#34d399;border-color:#10b98180}.rd3d-3d-catalyst-plate{pointer-events:none}.rd3d-catalyst-banner{background:#10b981d9;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;box-shadow:0 0 10px #10b98199;white-space:nowrap}.rd3d-presets-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-card-item{background:var(--rd3d-card-inner);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:3px}.preset-card-item:hover{border-color:#38bdf866;background:#1e293b99}.preset-card-item.active{background:linear-gradient(145deg,#ef444433,#0f172acc);border-color:#ef4444b3;box-shadow:0 0 12px #ef44444d}.preset-card-top{display:flex;justify-content:space-between;align-items:center}.preset-name{font-size:11px;font-weight:700;color:#fff;line-height:1.2}.preset-icon{font-size:11px}.preset-equation{font-family:JetBrains Mono,monospace;font-size:9.5px;color:#f87171;letter-spacing:.2px}.preset-meta-row{display:flex;justify-content:space-between;font-size:9px;color:var(--rd3d-text-dim);font-family:JetBrains Mono,monospace;margin-top:2px}.meta-ea{color:#38bdf8}.meta-dh{color:#fb923c}.temp-slider-wrap{display:flex;flex-direction:column;gap:8px}.temp-readout{display:flex;justify-content:space-between;align-items:center}.temp-label{font-size:12px;color:var(--rd3d-text-muted)}.temp-val{font-size:15px;font-weight:700;color:#fbbf24}.rd3d-slider{width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,#38bdf8,#fbbf24,#ef4444);outline:none;-webkit-appearance:none;cursor:pointer}.rd3d-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #ef4444;box-shadow:0 0 8px #ef444499;cursor:pointer;transition:transform .15s ease}.rd3d-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.temp-scale-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--rd3d-text-dim)}.rd3d-action-buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.interactive-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--rd3d-card-inner);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;font-size:11.5px;font-weight:600;color:var(--rd3d-text-muted);cursor:pointer;transition:all .2s ease}.interactive-toggle-btn:hover{color:#fff;border-color:#38bdf866}.interactive-toggle-btn.active{background:#38bdf833;border-color:var(--rd3d-cyan);color:#fff;box-shadow:0 0 10px #38bdf84d}.particle-count-adjuster{display:flex;justify-content:space-between;align-items:center;background:#0f172a80;border-radius:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.04)}.adjuster-label{font-size:11.5px;color:var(--rd3d-text-muted)}.adjuster-btns{display:flex;align-items:center;gap:8px}.count-btn{width:26px;height:26px;border-radius:6px;background:#1e293bcc;border:1px solid var(--rd3d-border);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.count-btn:hover:not(:disabled){background:#38bdf833;border-color:var(--rd3d-cyan)}.count-btn:disabled{opacity:.4;cursor:not-allowed}.count-display{font-size:14px;font-weight:700;color:#fff;min-width:20px;text-align:center}.rd3d-checkbox-list{display:flex;flex-direction:column;gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;font-size:12px;color:var(--rd3d-text-muted)}.checkbox-item input[type=checkbox]{opacity:0;position:absolute;cursor:pointer}.checkmark{width:16px;height:16px;border-radius:4px;background:#0f172acc;border:1px solid var(--rd3d-border);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-item input:checked~.checkmark{background:var(--rd3d-cyan);border-color:var(--rd3d-cyan)}.checkmark:after{content:"✓";color:#030712;font-size:11px;font-weight:900;display:none}.checkbox-item input:checked~.checkmark:after{display:block}.catalyst-item{background:#10b98114;border:1px solid rgba(16,185,129,.3);padding:6px 8px;border-radius:8px}.catalyst-check{border-color:#10b98180}.checkbox-item input:checked~.catalyst-check{background:#10b981;border-color:#10b981}.rd3d-challenge-card{min-height:480px}.challenge-top-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.challenge-level-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#fff}.trophy-icon{color:#fbbf24}.challenge-score-pill{font-size:11px;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:12px}.challenge-question{font-size:13px;font-weight:600;color:#fff;line-height:1.45;margin:0 0 10px}.challenge-hint-box{background:#38bdf814;border-left:3px solid var(--rd3d-cyan);padding:6px 10px;border-radius:0 6px 6px 0;margin-bottom:12px;display:flex;align-items:flex-start;gap:6px}.hint-icon{color:var(--rd3d-cyan);margin-top:2px;flex-shrink:0}.challenge-hint-box p{font-size:11px;color:var(--rd3d-text-muted);margin:0;line-height:1.35}.challenge-options-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.opt-btn{display:flex;justify-content:space-between;align-items:center;background:var(--rd3d-card-inner);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px 12px;font-size:12px;color:#e2e8f0;text-align:left;cursor:pointer;transition:all .2s ease}.opt-btn:hover:not(:disabled){background:#1e293bcc;border-color:#38bdf866}.opt-btn.selected{border-color:var(--rd3d-cyan);background:#38bdf826}.opt-btn.correct{background:#10b98133;border-color:#10b981;color:#34d399}.opt-btn.incorrect{background:#ef444433;border-color:#ef4444;color:#f87171}.opt-icon.correct{color:#34d399}.opt-icon.incorrect{color:#f87171}.challenge-feedback{border-radius:8px;padding:10px;margin-top:8px}.challenge-feedback.success{background:#10b9811f;border:1px solid rgba(16,185,129,.35)}.challenge-feedback.fail{background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.fb-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.fb-header h4{font-size:12px;font-weight:700;margin:0;color:#fff}.fb-explanation{font-size:11.5px;color:var(--rd3d-text-muted);line-height:1.4;margin:0 0 8px}.rd3d-primary-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(56,189,248,.6);color:#fff;border-radius:8px;padding:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.rd3d-primary-btn:hover{box-shadow:0 0 14px #0ea5e980;transform:translateY(-1px)}.retry-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;width:100%}.all-completed{text-align:center;padding:14px 0}.trophy-big{color:#fbbf24;margin-bottom:8px}.learn-cards-stack{display:flex;flex-direction:column;gap:10px}.learn-topic-card{background:var(--rd3d-card-inner);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px}.learn-topic-card h4{font-size:12px;font-weight:700;color:#fff;margin:0 0 4px}.learn-topic-card p{font-size:11px;color:var(--rd3d-text-muted);line-height:1.45;margin:0 0 6px}.learn-topic-card ul{margin:0;padding-left:16px;font-size:11px;color:var(--rd3d-text-muted);line-height:1.45}.mono-sub{font-family:JetBrains Mono,monospace;font-size:11px;color:#fbbf24!important;background:#0000004d;padding:3px 6px;border-radius:4px}.rd3d-modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.rd3d-modal-window{background:#091222;border:1px solid rgba(56,189,248,.4);border-radius:16px;max-width:580px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000c,0 0 30px #38bdf833;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--rd3d-border);background:#0f172acc}.header-title-box{display:flex;align-items:center;gap:10px}.modal-icon{color:#ef4444}.modal-header h2{font-size:16px;font-weight:700;color:#fff;margin:0}.modal-close-btn{background:transparent;border:none;color:var(--rd3d-text-dim);font-size:18px;cursor:pointer;padding:4px;border-radius:4px}.modal-scroll-content{padding:20px;overflow-y:auto;font-size:13px;line-height:1.6;color:#cbd5e1}.modal-scroll-content section{margin-bottom:16px}.modal-scroll-content h3{font-size:14px;font-weight:700;color:#38bdf8;margin:0 0 6px}.modal-scroll-content ul{padding-left:20px;margin:0}.modal-scroll-content li{margin-bottom:6px}@media(max-width:1200px){.rd3d-main-workspace{grid-template-columns:280px 1fr 300px;gap:8px;padding:8px}}@media(max-width:900px){.rd3d-main-workspace{grid-template-columns:1fr;grid-template-rows:auto 420px auto;overflow-y:auto;height:auto}.rd3d-left-panel,.rd3d-right-panel{overflow:visible}}.lewis-simulation-container{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 30%,#0d1b3e,#070c1d 60%,#03060f);color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.lewis-top-nav{position:absolute;top:14px;left:20px;right:20px;height:48px;display:flex;align-items:center;justify-content:space-between;z-index:100;pointer-events:none}.lewis-top-nav>*{pointer-events:auto}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease}.nav-brand:hover{transform:scale(1.03)}.edukasimu-logo-cube{width:34px;height:34px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(0,210,255,.6))}.edukasimu-logo-cube svg{width:100%;height:100%}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;color:#fff;font-family:Outfit,Inter,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.6)}.nav-center-pill{display:flex;align-items:center;gap:14px;background:#0a1226d9;border:1px solid rgba(56,189,248,.28);border-radius:9999px;padding:5px 10px 5px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 20px #0006,0 0 15px #00d2ff1a}.nav-title-group{display:flex;align-items:center;gap:8px;margin-right:6px}.nav-atom-icon{color:#00d2ff;animation:atom-spin 12s linear infinite}@keyframes atom-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-title-text{font-size:.92rem;font-weight:600;color:#f1f5f9;letter-spacing:-.2px;white-space:nowrap}.nav-mode-tabs{display:flex;align-items:center;gap:4px;background:#04091799;padding:3px;border-radius:9999px}.nav-tab-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:9999px;padding:5px 14px;color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-tab-btn:hover{color:#fff}.nav-tab-btn.active{background:#0e1e3cf2;border-color:#00d2ff;color:#00d2ff;font-weight:600;box-shadow:0 0 10px #00d2ff59}.nav-actions{display:flex;align-items:center;gap:10px}.nav-action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-action-btn.fullscreen{background:#0f172abf;border:1px solid rgba(255,255,255,.12);color:#cbd5e1}.nav-action-btn.fullscreen:hover{background:#1e293be6;color:#fff;border-color:#38bdf866}.nav-action-btn.home{background:#e11d48;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 2px 10px #e11d4866}.nav-action-btn.home:hover{background:#f43f5e;transform:scale(1.05);box-shadow:0 0 14px #f43f5e99}.lewis-canvas-viewport{position:absolute;inset:0;width:100%;height:100%;z-index:1}.atom-label-3d-text{font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8);pointer-events:none;font-family:Inter,sans-serif}.atom-charge-sup{font-size:13px;color:#00d2ff;margin-left:2px}.atom-tooltip-3d,.bond-tooltip-3d{background:#0a1226e0;border:1px solid rgba(56,189,248,.4);border-radius:8px;padding:6px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0009;pointer-events:none;white-space:nowrap}.atom-tooltip-3d .tooltip-title{font-size:.85rem;font-weight:700;color:#fff}.atom-tooltip-3d .tooltip-info{font-size:.72rem;color:#94a3b8}.atom-tooltip-3d .tooltip-charge{font-size:.72rem;color:#00d2ff}.bond-tooltip-3d{font-size:.75rem;font-weight:600;color:#38bdf8}.peb-callout-card{background:#081024f2;border:1px solid rgba(0,210,255,.65);border-radius:6px;padding:4px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #000c,0 0 10px #00d2ff40;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;white-space:nowrap}.peb-callout-title{font-size:.68rem;font-weight:600;color:#f1f5f9;line-height:1.2}.peb-callout-sub{font-size:.65rem;font-weight:700;color:#00d2ff;letter-spacing:.5px}.bond-angle-badge-3d{font-size:1.6rem;font-weight:800;color:#00d2ff;text-shadow:0 0 16px rgba(0,210,255,.95),0 2px 10px rgba(0,0,0,.9);letter-spacing:-.5px;pointer-events:none;font-family:Outfit,sans-serif}.mo-title-badge{font-size:.85rem;font-weight:700;color:#00d2ff;background:#0a1226d9;border:1px solid rgba(0,210,255,.4);padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.orbital-label-tag{font-size:.72rem;font-weight:600;background:#000000bf;padding:2px 6px;border-radius:4px;white-space:nowrap}.orbital-label-tag.active{box-shadow:0 0 8px #00d2ff;border:1px solid #00d2ff}.axis-label-tag{font-size:.75rem;font-weight:700;color:#94a3b8}.lewis-left-panel{position:absolute;top:72px;left:20px;bottom:20px;width:320px;max-height:calc(100vh - 92px);background:#0a1226d1;border:1px solid rgba(56,189,248,.22);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;overflow-y:auto;z-index:50;display:flex;flex-direction:column;gap:11px}.lewis-left-panel::-webkit-scrollbar,.lewis-right-panel::-webkit-scrollbar{width:4px}.lewis-left-panel::-webkit-scrollbar-track,.lewis-right-panel::-webkit-scrollbar-track{background:transparent}.lewis-left-panel::-webkit-scrollbar-thumb,.lewis-right-panel::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:10px}.lewis-left-panel::-webkit-scrollbar-thumb:hover,.lewis-right-panel::-webkit-scrollbar-thumb:hover{background:#38bdf866}.left-panel-header{margin-bottom:0}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.formula-block{display:flex;flex-direction:column}.formula-title{font-size:2.1rem;font-weight:800;color:#fff;margin:0;line-height:1.05;letter-spacing:-.5px;font-family:Outfit,Inter,sans-serif}.formula-name{font-size:.9rem;color:#94a3b8;margin-top:1px}.polarity-badge{display:flex;align-items:center;gap:5px;background:#0ea5e924;border:1px solid rgba(14,165,233,.35);border-radius:9999px;padding:5px 10px;font-size:.73rem;font-weight:600;color:#38bdf8;box-shadow:0 0 10px #0ea5e926;white-space:nowrap}.polarity-badge.nonpolar{background:#94a3b81f;border-color:#94a3b84d;color:#cbd5e1}.lewis-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{background:#0f1932b3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;min-height:52px}.metric-card.green{border-color:#10b98138}.metric-card.purple{border-color:#a855f738}.metric-card.amber{border-color:#f59e0b38}.metric-card.cyan-alt{border-color:#00d2ff38}.card-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}.metric-icon.green{color:#10b981}.metric-icon.purple{color:#c084fc}.metric-icon.amber{color:#fbbf24}.metric-icon.cyan{color:#00d2ff}.metric-label{font-size:.58rem;font-weight:600;color:#64748b;letter-spacing:.3px;text-transform:uppercase}.metric-value{font-size:1.15rem;font-weight:800;line-height:1.15}.metric-value.green{color:#10b981}.metric-value.purple{color:#c084fc}.metric-value.amber{color:#fbbf24}.metric-value.cyan{color:#00d2ff}.electron-split-bar{display:flex;height:25px;border-radius:9999px;overflow:hidden;background:#0006;border:1px solid rgba(255,255,255,.08)}.bar-half{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;transition:width .3s ease}.bar-half.bonding{background:#10b981}.bar-half.nonbonding{background:#a855f7}.left-panel-geometry-desc{font-size:.78rem;color:#cbd5e1;margin:0;line-height:1.35}.selection-card{background:#00d2ff14;border:1px solid rgba(0,210,255,.3);border-radius:8px;padding:7px 10px;font-size:.74rem}.selection-card-header{display:flex;align-items:center;gap:5px;font-weight:700;color:#00d2ff;margin-bottom:2px}.selection-card-body{color:#e2e8f0}.molecule-specs-section{display:flex;flex-direction:column;gap:6px}.section-title{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#fff}.section-icon-cyan{color:#00d2ff}.specs-list{display:flex;flex-direction:column;background:#0f193280;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:4px 12px}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.76rem}.spec-row:last-child{border-bottom:none}.spec-label{color:#94a3b8}.spec-value{font-weight:600;color:#fff}.spec-value.polar{color:#f43f5e;font-weight:700}.spec-value.nonpolar{color:#38bdf8;font-weight:700}.fun-fact-card{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,#231237b3,#140e26cc);border:1px solid rgba(168,85,247,.35);border-radius:12px;padding:10px 12px;box-shadow:0 4px 16px #a855f71f}.fun-fact-icon-box{width:28px;height:28px;border-radius:8px;background:#a855f740;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lightbulb-glow{color:#c084fc;filter:drop-shadow(0 0 6px rgba(192,132,252,.7))}.fun-fact-content{display:flex;flex-direction:column;gap:2px}.fun-fact-title{font-size:.8rem;font-weight:700;color:#fff;margin:0}.fun-fact-body{font-size:.72rem;color:#cbd5e1;line-height:1.4;margin:0}.lewis-bottom-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:660px;max-width:calc(100vw - 720px);background:#0a1226e0;border:1px solid rgba(56,189,248,.28);border-radius:14px;padding:12px 18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 30px #00000080,0 0 15px #00d2ff1f;z-index:50;display:flex;align-items:center;gap:14px;pointer-events:auto}.bottom-card-icon-box{width:38px;height:38px;border-radius:10px;background:#00d2ff1f;border:1px solid rgba(0,210,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottom-book-icon{color:#00d2ff}.bottom-card-content{display:flex;flex-direction:column;gap:2px}.bottom-card-title{font-size:.92rem;font-weight:700;color:#fff;margin:0}.bottom-card-text{font-size:.76rem;color:#94a3b8;line-height:1.45;margin:0}.lewis-right-panel{position:absolute;top:72px;right:20px;bottom:20px;width:310px;max-height:calc(100vh - 92px);background:#0a1226d1;border:1px solid rgba(56,189,248,.22);border-radius:16px;padding:14px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;overflow-y:auto;z-index:50;display:flex;flex-direction:column;gap:8px}.right-panel-section{display:flex;flex-direction:column;gap:6px}.molecule-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.molecule-choice-btn{padding:6px 0;background:#0f193299;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;font-family:Outfit,Inter,sans-serif}.molecule-choice-btn:hover{background:#19284bcc;border-color:#00d2ff66;transform:translateY(-1px)}.molecule-choice-btn.active{background:#00d2ff1f;border:1.5px solid #00d2ff;color:#00d2ff;box-shadow:0 0 12px #00d2ff59}.toggles-list{display:flex;flex-direction:column;gap:7px}.custom-cyan-checkbox{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-cyan-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom-box{width:17px;height:17px;border-radius:4px;background:#0f1932cc;border:1.5px solid rgba(56,189,248,.4);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.custom-cyan-checkbox input:checked~.checkbox-custom-box{background:#00d2ff;border-color:#00d2ff;box-shadow:0 0 8px #00d2ff80}.custom-cyan-checkbox input:checked~.checkbox-custom-box:after{content:"✓";color:#040917;font-size:12px;font-weight:800}.checkbox-label-text{font-size:.8rem;font-weight:500;color:#cbd5e1;transition:color .2s ease}.custom-cyan-checkbox:hover .checkbox-label-text{color:#fff}.lewis-diagram-card,.angle-schematic-card{background:#080e1eb3;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:4px;display:flex;align-items:center;justify-content:center}.lewis-svg-diagram,.angle-schematic-svg{width:100%;max-height:74px;display:block}.challenge-panel-container{display:flex;flex-direction:column;gap:12px}.challenge-header-row{display:flex;align-items:center;justify-content:space-between}.challenge-badge{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:#00d2ff}.challenge-score-badge{font-size:.75rem;font-weight:700;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:3px 8px;border-radius:9999px}.challenge-question-text{font-size:.88rem;font-weight:600;color:#fff;line-height:1.45;margin:0}.challenge-options-list{display:flex;flex-direction:column;gap:6px}.challenge-option-btn{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#0f193299;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f1f5f9;font-size:.82rem;cursor:pointer;transition:all .2s ease;text-align:left}.challenge-option-btn:hover:not(:disabled){background:#19284bcc;border-color:#00d2ff66}.challenge-option-btn.selected{border-color:#00d2ff;background:#00d2ff26}.challenge-option-btn.correct{background:#10b98133;border-color:#10b981;color:#34d399;font-weight:600}.challenge-option-btn.wrong{background:#ef444433;border-color:#ef4444;color:#f87171}.opt-status-icon.success{color:#10b981}.opt-status-icon.error{color:#ef4444}.challenge-feedback-box{display:flex;flex-direction:column;gap:8px;margin-top:4px}.feedback-result{font-size:.8rem;margin:0}.feedback-result.correct{color:#34d399}.feedback-result.wrong{color:#f87171}.challenge-next-btn{padding:8px 14px;background:#0284c7;border:1px solid rgba(0,210,255,.4);border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.challenge-next-btn:hover{background:#0369a1;box-shadow:0 0 12px #00d2ff66}.challenge-completed-view{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;text-align:center}.trophy-gold{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.final-score-text{font-size:.88rem;font-weight:700;color:#fff;margin:0}.learn-panel-container{display:flex;flex-direction:column;gap:12px}.theory-cards-stack{display:flex;flex-direction:column;gap:8px}.theory-card{background:#0f193299;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px}.theory-card.highlight{border-color:#00d2ff59;background:#00d2ff0f}.theory-card-title{font-size:.82rem;font-weight:700;color:#fff;margin:0 0 4px}.theory-card.highlight .theory-card-title{color:#00d2ff}.theory-card-body{font-size:.74rem;color:#94a3b8;line-height:1.45;margin:0}@media(max-width:1280px){.lewis-bottom-card{display:none}}@media(max-width:1024px){.lewis-left-panel{width:270px;padding:12px}.lewis-right-panel{width:260px;padding:12px}}@media(max-width:768px){.lewis-top-nav{flex-wrap:wrap;height:auto;gap:8px}.nav-center-pill{order:3;width:100%;justify-content:center;border-radius:12px}.lewis-left-panel{position:fixed;inset:auto 0 0;width:100%;max-height:48vh;border-radius:20px 20px 0 0;z-index:150}.lewis-right-panel{display:none}}:root{--eq-bg-deep: #060913;--eq-panel-bg: rgba(9, 14, 28, .78);--eq-panel-border: rgba(56, 189, 248, .22);--eq-panel-border-hover: rgba(56, 189, 248, .45);--eq-cyan-glow: #00d2ff;--eq-cyan-bright: #38bdf8;--eq-red-glow: #ff4d6d;--eq-green-neon: #22c55e;--eq-amber-neon: #f59e0b;--eq-purple-neon: #a855f7;--eq-text-main: #f8fafc;--eq-text-muted: #94a3b8;--eq-text-dim: #64748b}.equilibrium-simulation-viewport{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 50% 30%,#0d1b33,#070a14 70%,#04060c);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--eq-text-main);-webkit-user-select:none;user-select:none}.eq-top-navbar{position:absolute;top:14px;left:20px;right:20px;height:52px;display:flex;align-items:center;justify-content:space-between;z-index:100;pointer-events:none}.nav-brand-button{pointer-events:auto;display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:6px 12px;border-radius:12px;transition:all .2s ease}.nav-brand-button:hover{background:#ffffff0d}.edukasimu-logo-cube{width:32px;height:32px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(0,210,255,.5))}.cube-icon{width:100%;height:100%}.nav-brand-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#fff;background:linear-gradient(135deg,#fff 40%,#bae6fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-center-pill{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:5px 6px 5px 16px;background:#080e1dd1;border:1px solid rgba(56,189,248,.28);border-radius:9999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 32px #00000073,0 0 16px #00d2ff1f}.pill-title-group{display:flex;align-items:center;gap:8px}.pill-icon{font-size:1.05rem;filter:drop-shadow(0 0 6px rgba(0,210,255,.6))}.pill-title{font-size:.92rem;font-weight:700;color:#fff;letter-spacing:.01em;white-space:nowrap}.pill-tabs{display:flex;align-items:center;gap:4px;background:#02061773;padding:3px;border-radius:9999px;border:1px solid rgba(255,255,255,.06)}.nav-pill-tab{background:transparent;border:1px solid transparent;color:var(--eq-text-muted);font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-pill-tab:hover{color:#fff;background:#ffffff0d}.nav-pill-tab.active{background:#0e749059;border-color:#38bdf899;color:#38bdf8;box-shadow:0 0 12px #38bdf840}.nav-actions-group{pointer-events:auto;display:flex;align-items:center;gap:10px}.nav-action-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0f172abf;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--eq-text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.nav-action-icon-btn:hover{color:#fff;border-color:#38bdf880;background:#1e293bd9;transform:translateY(-1px)}.nav-action-icon-btn.home-red-btn{background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid rgba(251,113,133,.3);color:#fff;box-shadow:0 4px 14px #e11d4859}.nav-action-icon-btn.home-red-btn:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 6px 18px #e11d4880}.eq-canvas-viewport{position:absolute;inset:0;z-index:10}.chamber-callout-header{display:flex;align-items:center;gap:14px;padding:8px 16px;border-radius:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #00000080;transition:transform .2s ease;white-space:nowrap}.chamber-callout-header.reactant{background:#0a1830d9;border:1.5px solid rgba(56,189,248,.6);box-shadow:0 0 20px #00d2ff33}.chamber-callout-header.product{background:#300e18d9;border:1.5px solid rgba(244,63,94,.6);box-shadow:0 0 20px #f43f5e33}.callout-text-col{display:flex;flex-direction:column}.callout-role-title{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:#fff;text-transform:uppercase}.callout-formula{font-size:1.05rem;font-weight:800;letter-spacing:.02em;color:#fff}.chamber-callout-header.reactant .callout-formula{color:#38bdf8}.chamber-callout-header.product .callout-formula{color:#fb7185}.callout-particle-count{font-size:.72rem;color:var(--eq-text-muted)}.callout-model-badge{width:48px;height:38px;display:flex;align-items:center;justify-content:center}.callout-mini-svg{width:100%;height:100%}.chamber-floor-badge{padding:4px 14px;border-radius:8px;font-size:.88rem;font-weight:800;font-family:Roboto Mono,ui-monospace,monospace;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0006;white-space:nowrap!important;display:inline-block;min-width:74px;text-align:center}.chamber-floor-badge.reactant{background:#081c36e6;border:1px solid rgba(56,189,248,.5);color:#38bdf8;box-shadow:0 0 12px #38bdf840}.chamber-floor-badge.product{background:#360c18e6;border:1px solid rgba(244,63,94,.5);color:#fb7185;box-shadow:0 0 12px #f43f5e40}.dynamic-equilibrium-center-card{display:flex;flex-direction:column;align-items:center;padding:7px 18px;background:#0a1020e0;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 20px #00000080;white-space:nowrap}.eq-center-title{font-size:.85rem;font-weight:800;color:#fff;letter-spacing:.02em}.eq-center-subtitle{font-size:.7rem;font-weight:600;color:var(--eq-text-muted)}.eq-left-panel{position:absolute;top:70px;left:20px;width:320px;max-height:calc(100vh - 84px);background:var(--eq-panel-bg);border:1px solid var(--eq-panel-border);border-radius:18px;padding:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #00000080;z-index:50;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.eq-left-panel::-webkit-scrollbar{width:4px}.eq-left-panel::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.left-header-card{display:flex;flex-direction:column;gap:4px}.title-badge-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.rxn-main-title{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin:0}.rxn-rev-badge{font-size:.68rem;font-weight:700;color:#38bdf8;background:#0e749040;border:1px solid rgba(56,189,248,.4);padding:2px 8px;border-radius:6px;white-space:nowrap}.rxn-subtitle{font-size:.75rem;color:var(--eq-text-muted);margin:0 0 6px}.equation-glass-box{background:#0f172ab3;border:1px solid rgba(168,85,247,.3);padding:8px 12px;border-radius:10px;text-align:center;box-shadow:inset 0 0 12px #a855f714}.equation-text{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.03em;font-family:Roboto Mono,ui-monospace,monospace}.eq-shift-status-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid;transition:all .3s ease}.eq-shift-status-card.right{background:#0e749038;border-color:#38bdf880}.eq-shift-status-card.left{background:#9f123938;border-color:#f43f5e80}.eq-shift-status-card.balanced{background:#10b98133;border-color:#10b98180}.shift-triple-chevron{font-size:1.3rem;font-weight:900;color:#38bdf8;letter-spacing:-.1em}.eq-shift-status-card.left .shift-triple-chevron{color:#fb7185}.eq-shift-status-card.balanced .shift-triple-chevron{color:#4ade80}.shift-text-block{display:flex;flex-direction:column}.shift-card-label{font-size:.68rem;font-weight:600;color:var(--eq-text-muted);text-transform:uppercase}.shift-card-value{font-size:.95rem;font-weight:800;color:#38bdf8}.eq-shift-status-card.left .shift-card-value{color:#fb7185}.eq-shift-status-card.balanced .shift-card-value{color:#4ade80}.shift-card-sub{font-size:.72rem;font-weight:700;color:#94a3b8;font-family:Roboto Mono,ui-monospace,monospace}.concentration-bars-card{display:flex;flex-direction:column;gap:8px}.conc-row{display:flex;flex-direction:column;gap:3px}.conc-row-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.conc-label{color:var(--eq-text-muted);font-weight:600}.conc-val{font-weight:800;font-family:Roboto Mono,ui-monospace,monospace}.conc-val.cyan{color:#38bdf8}.conc-val.red{color:#fb7185}.conc-track{height:6px;background:#0f172acc;border-radius:9999px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.conc-fill{height:100%;border-radius:9999px;transition:width .3s cubic-bezier(.4,0,.2,1)}.conc-fill.cyan{background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 8px #38bdf880}.conc-fill.red{background:linear-gradient(90deg,#e11d48,#fb7185);box-shadow:0 0 8px #fb718580}.eq-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:center}.metric-tag{font-size:.68rem;font-weight:700;color:var(--eq-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.metric-num{font-size:1.05rem;font-weight:900;font-family:Roboto Mono,ui-monospace,monospace}.metric-num.green{color:var(--eq-green-neon);text-shadow:0 0 10px rgba(34,197,94,.35)}.metric-num.red{color:#f43f5e;text-shadow:0 0 10px rgba(244,63,94,.35)}.metric-num.cyan{color:var(--eq-cyan-bright);text-shadow:0 0 10px rgba(56,189,248,.35)}.metric-num.amber{color:var(--eq-amber-neon);text-shadow:0 0 10px rgba(245,158,11,.35)}.metric-sublabel{font-size:.65rem;font-weight:600;color:var(--eq-text-dim);margin-top:2px}.eq-explanation-card{background:#171028d9;border:1px solid rgba(168,85,247,.35);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 16px #a855f71a}.explanation-header{display:flex;align-items:center;gap:8px}.explanation-bulb-icon{font-size:1rem}.explanation-title{font-size:.85rem;font-weight:800;color:#e9d5ff}.explanation-body-text{font-size:.75rem;color:#cbd5e1;line-height:1.45;margin:0}.eq-bottom-charts-container{position:absolute;bottom:16px;left:360px;right:360px;display:flex;gap:16px;justify-content:center;z-index:50;pointer-events:auto}.bottom-graph-card{flex:1;max-width:380px;background:var(--eq-panel-bg);border:1px solid var(--eq-panel-border);border-radius:16px;padding:10px 14px 6px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column}.graph-card-header{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.graph-title-row{display:flex;align-items:center;gap:6px}.graph-icon{font-size:.85rem}.graph-title-text{font-size:.8rem;font-weight:800;color:#fff;white-space:nowrap}.graph-legends{display:flex;align-items:center;gap:14px}.graph-legend-item{display:flex;align-items:center;gap:5px;font-size:.7rem}.legend-dot{width:7px;height:7px;border-radius:9999px}.legend-dot.cyan{background:#00d2ff}.legend-dot.red{background:#ff4d6d}.legend-dot.amber{background:#eab308}.legend-dot.purple{background:#c084fc}.legend-name{color:var(--eq-text-muted);font-weight:600}.legend-val{color:#fff;font-family:Roboto Mono,ui-monospace,monospace;font-weight:700}.graph-svg{width:100%;height:105px}.eq-right-panel{position:absolute;top:70px;right:20px;width:320px;max-height:calc(100vh - 84px);background:var(--eq-panel-bg);border:1px solid var(--eq-panel-border);border-radius:18px;padding:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #00000080;z-index:50;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.eq-right-panel::-webkit-scrollbar{width:4px}.eq-right-panel::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.right-panel-section{display:flex;flex-direction:column;gap:10px}.section-title-row{display:flex;align-items:center;gap:8px}.section-icon{font-size:.95rem}.section-title{font-size:.88rem;font-weight:800;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.03em}.reaction-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reaction-selector-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 6px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:64px}.reaction-selector-item:hover{background:#1e293bd9;border-color:#38bdf866;transform:translateY(-1px)}.reaction-selector-item.active{background:#0e749040;border-color:#38bdf8;box-shadow:0 0 16px #38bdf840}.reaction-selector-item:nth-child(5){grid-column:span 2;max-width:140px;margin:0 auto;width:100%}.rxn-item-name{font-size:.72rem;font-weight:700;color:#fff;text-align:center;line-height:1.2}.rxn-item-preview{width:36px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:4px}.rxn-preview-svg{width:100%;height:100%}.control-slider-group{display:flex;flex-direction:column;gap:4px}.slider-name{font-size:.78rem;font-weight:700;color:var(--eq-text-muted)}.slider-value-badge{font-size:.85rem;font-weight:800;color:#fff;font-family:Roboto Mono,ui-monospace,monospace}.custom-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:7px;border-radius:9999px;outline:none;background:#0f172ae6;border:1px solid rgba(255,255,255,.08)}.custom-range-slider.temp-slider{background:linear-gradient(90deg,#38bdf8,#f59e0b,#ef4444)}.custom-range-slider.pressure-slider{background:linear-gradient(90deg,#0284c7,#38bdf8)}.custom-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:9999px;background:#fff;border:2px solid #0284c7;cursor:pointer;box-shadow:0 0 10px #00d2ff99;transition:transform .15s ease}.custom-range-slider::-webkit-slider-thumb:hover{transform:scale(1.18)}.slider-endpoints{display:flex;justify-content:space-between;font-size:.68rem;font-weight:600;color:var(--eq-text-dim)}.sim-buttons-row{display:flex;align-items:center;gap:8px}.sim-btn-play{flex:2;display:flex;align-items:center;justify-content:center;gap:6px;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#4ade80;font-size:.85rem;font-weight:800;padding:10px 14px;border-radius:12px;cursor:pointer;transition:all .2s ease}.sim-btn-play:hover{background:#10b98159;border-color:#22c55e;box-shadow:0 0 14px #22c55e4d}.sim-btn-play.active{background:#0e749059;border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 14px #38bdf84d}.sim-btn-reset{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:var(--eq-text-muted);font-size:.85rem;font-weight:700;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease}.sim-btn-reset:hover{color:#fff;background:#1e293be6;border-color:#fff3}.auto-rotate-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:12px}.rotate-toggle-label{font-size:.78rem;font-weight:700;color:var(--eq-text-muted)}.custom-switch-toggle{position:relative;display:inline-block;width:42px;height:22px}.custom-switch-toggle input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#1e293be6;border:1px solid rgba(255,255,255,.15);border-radius:9999px;transition:.25s cubic-bezier(.4,0,.2,1)}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.25s cubic-bezier(.4,0,.2,1)}.custom-switch-toggle input:checked+.switch-slider{background-color:#0284c7;border-color:#38bdf8;box-shadow:0 0 10px #38bdf880}.custom-switch-toggle input:checked+.switch-slider:before{transform:translate(20px)}.quiz-panel-wrapper,.learn-panel-wrapper{display:flex;flex-direction:column;gap:12px}.quiz-card-header{display:flex;align-items:center;justify-content:space-between}.quiz-qnum{font-size:.92rem;font-weight:800;color:#fff;margin:0}.quiz-score-badge{font-size:.75rem;font-weight:800;color:#4ade80;background:#22c55e26;border:1px solid rgba(34,197,94,.35);padding:3px 8px;border-radius:6px}.quiz-question-text{font-size:.85rem;font-weight:600;color:#e2e8f0;line-height:1.4;margin:0}.quiz-options-list{display:flex;flex-direction:column;gap:6px}.quiz-option-button{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f172abf;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f1f5f9;font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.quiz-option-button:hover:not(:disabled){background:#1e293be6;border-color:#38bdf866}.quiz-option-button.correct{background:#16653459;border-color:#22c55e;color:#86efac}.quiz-option-button.wrong{background:#9f123959;border-color:#f43f5e;color:#fca5a5}.quiz-feedback-box{display:flex;flex-direction:column;gap:8px}.feedback-correct{font-size:.85rem;font-weight:800;color:#4ade80;margin:0}.feedback-wrong{font-size:.82rem;font-weight:700;color:#fb7185;margin:0}.quiz-next-btn{background:#0284c7;border:1px solid #38bdf8;color:#fff;font-size:.82rem;font-weight:800;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease}.quiz-next-btn:hover{background:#0369a1;box-shadow:0 0 12px #38bdf866}.quiz-complete-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;gap:6px}.quiz-restart-btn{background:#0284c7;border:none;color:#fff;font-weight:700;font-size:.8rem;padding:6px 14px;border-radius:8px;cursor:pointer;margin-top:6px}.learn-header-row{display:flex;align-items:center;gap:8px}.learn-main-title{font-size:.95rem;font-weight:800;color:#fff;margin:0}.learn-cards-scroll{display:flex;flex-direction:column;gap:8px}.learn-theory-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}.learn-theory-card.highlight{border-color:#38bdf866;background:#0e749026}.card-headline{font-size:.82rem;font-weight:800;color:#fff;margin:0 0 4px}.learn-theory-card p{font-size:.74rem;color:var(--eq-text-muted);line-height:1.4;margin:0}@media(max-width:1400px){.eq-bottom-charts-container{left:340px;right:340px;gap:10px}.bottom-graph-card{padding:8px 10px 4px}.graph-svg{height:90px}}@media(max-width:1200px){.eq-bottom-charts-container{display:none}.eq-left-panel,.eq-right-panel{width:290px}}@media(max-width:768px){.eq-left-panel{width:calc(100vw - 32px);left:16px;right:16px;top:72px;max-height:40vh}.eq-right-panel{display:none}}.org-chem-root{position:relative;width:100vw;height:100vh;background:radial-gradient(ellipse at 50% 30%,#0d1a33,#040914);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc;-webkit-user-select:none;user-select:none}.org-top-navbar{position:absolute;top:1rem;left:1.25rem;right:1.25rem;height:52px;z-index:100;display:flex;justify-content:space-between;align-items:center;background:#0b132bd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.22);border-radius:14px;padding:0 1.25rem;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff14}.org-nav-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .2s ease}.org-nav-brand:hover{transform:translateY(-1px)}.org-brand-cube{width:26px;height:26px;border:2px solid #00f0ff;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #00f0ff73;background:#00f0ff1a;transform:rotate(45deg)}.cube-inner{width:10px;height:10px;background:#00f0ff;border-radius:2px}.org-brand-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.org-nav-center{display:flex;align-items:center;gap:1.5rem}.org-module-badge{display:flex;align-items:center;gap:.5rem;background:#1e293b99;border:1px solid rgba(56,189,248,.25);padding:.35rem .85rem;border-radius:20px}.module-hex-icon{font-size:1rem;color:#38bdf8}.module-text{font-size:.85rem;font-weight:600;color:#e2e8f0;letter-spacing:.01em}.org-segmented-tabs{display:flex;background:#0f172acc;padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.org-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.35rem .95rem;border:none;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:600;border-radius:7px;cursor:pointer;transition:all .25s ease}.org-tab-btn:hover{color:#f1f5f9}.org-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 2px 10px #0284c766}.org-nav-actions{display:flex;align-items:center;gap:.5rem}.org-action-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e293b99;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;border-radius:9px;cursor:pointer;transition:all .2s ease}.org-action-icon-btn:hover{background:#334155cc;color:#fff;border-color:#38bdf866}.org-action-icon-btn.home-btn{background:linear-gradient(135deg,#e11d48,#be123c);border-color:#e11d4866;color:#fff}.org-action-icon-btn.home-btn:hover{box-shadow:0 0 14px #e11d4899}.org-reaction-equation-header{position:absolute;top:5rem;left:50%;transform:translate(-50%);z-index:85;pointer-events:none}.equation-pill-container{background:#0b132be0;border:1px solid rgba(56,189,248,.3);border-radius:14px;padding:.55rem 2.2rem .45rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px #0000008c,0 0 20px #38bdf826;display:flex;flex-direction:column;align-items:center;gap:.2rem;pointer-events:auto}.equation-math-row{display:flex;align-items:center;gap:.65rem;font-family:Fira Code,Roboto Mono,monospace;font-size:1.15rem;font-weight:700}.chem-term.reactant{color:#f8fafc}.elem-br{color:#f59e0b}.elem-o{color:#ef4444}.chem-operator{color:#94a3b8;font-weight:400}.chem-term.nucleophile{color:#f8fafc}.chem-arrow{color:#38bdf8;font-weight:700}.chem-term.ts{color:#c084fc;font-weight:800}.chem-term.product{color:#f8fafc}.chem-term.leaving{color:#f59e0b}.equation-sublabels-row{display:flex;justify-content:space-between;width:100%;padding:0 .5rem;font-size:.7rem;font-weight:600;text-transform:capitalize}.sublabel.reaktan{color:#38bdf8}.sublabel.ts{color:#c084fc;margin:0 auto}.sublabel.produk{color:#34d399}.org-canvas-area{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10}.molecule-callout-badge{display:flex;flex-direction:column;align-items:center;padding:.3rem .65rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0006;pointer-events:none;white-space:nowrap!important;animation:fadeInCallout .4s ease-out}.molecule-callout-badge.nuc{background:#0f172ae0;border:1px solid rgba(239,68,68,.6)}.molecule-callout-badge.lv{background:#0f172ae0;border:1px solid rgba(245,158,11,.6)}.molecule-callout-badge.prod{background:#0f172ae0;border:1px solid rgba(16,185,129,.6)}.molecule-callout-badge.bromide{background:#0f172ae0;border:1px solid rgba(245,158,11,.6)}.badge-tag{font-size:.62rem;font-weight:600;color:#94a3b8;text-transform:none;line-height:1.2;white-space:nowrap!important}.badge-chem{font-size:.82rem;font-weight:800;color:#fff;font-family:Fira Code,monospace;line-height:1.2}.badge-pointer-stem{width:1px;height:12px;background:#ffffff73;margin-top:3px}.backside-attack-pill{background:#0284c759;border:1px solid #00f0ff;padding:.25rem .65rem;border-radius:20px;font-size:.72rem;font-weight:700;color:#00f0ff;box-shadow:0 0 14px #00f0ff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap!important}.arrow-badge-3d{background:#6366f14d;border:1px solid #818cf8;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:800;color:#e0e7ff;box-shadow:0 0 12px #6366f166;pointer-events:none;white-space:nowrap!important}.atom-symbol-3d{font-size:.72rem;font-weight:900;font-family:Fira Code,sans-serif;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap!important}.charge-badge-3d{background:#ef4444e6;color:#fff;font-size:.62rem;font-weight:900;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ef4444b3;pointer-events:none}.org-step-preview-row{position:absolute;bottom:236px;left:360px;right:375px;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.step-preview-card{background:#0b132bbf;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.45rem .65rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:.3rem}.step-preview-card:hover{background:#111b3ce0;border-color:#a855f766;transform:translateY(-2px)}.step-preview-card.active{background:#18153ce0;border:1.5px solid #a855f7;box-shadow:0 0 16px #a855f759}.step-card-header{display:flex;align-items:center;gap:.4rem}.step-num-pill{width:17px;height:17px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center}.step-preview-card.active .step-num-pill{background:#c084fc;box-shadow:0 0 8px #c084fc99}.step-card-title{font-size:.72rem;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-card-preview-art{height:26px;background:#02061799;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#94a3b8;font-family:Fira Code,monospace}.mini-dot{display:inline-block;border-radius:50%}.mini-dot.nuc{width:8px;height:8px;background:#ef4444}.mini-dot.sub{width:10px;height:10px;background:#f59e0b}.mini-trail{color:#00f0ff;font-size:.65rem;margin:0 4px}.mini-dot.prod{width:9px;height:9px;background:#10b981}.mini-dot.sep{width:9px;height:9px;background:#f59e0b;margin-left:12px}.mini-dot.prod-done{color:#10b981;font-weight:700;margin-right:8px}.mini-dot.lv-done{color:#f59e0b;font-weight:700}.org-bottom-educational-grid{position:absolute;bottom:1.15rem;left:360px;right:375px;height:215px;z-index:80;display:grid;grid-template-columns:1.15fr 1fr 1.1fr;gap:.75rem}.edu-card{background:#0b132bd9;border:1px solid rgba(56,189,248,.22);border-radius:14px;padding:.65rem .85rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;overflow:hidden}.edu-card-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem}.edu-icon-badge{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.78rem}.edu-icon-badge.cyan{background:#0284c740;border:1px solid rgba(2,132,199,.4)}.edu-icon-badge.purple{background:#a855f740;border:1px solid rgba(168,85,247,.4)}.edu-icon-badge.violet{background:#ec489940;border:1px solid rgba(236,72,153,.4)}.edu-card-head h4{margin:0;font-size:.8rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.edu-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.energy-chart-svg{width:100%;height:100%;max-height:160px}.ts-structure-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.ts-schematic-svg{width:100%;max-height:105px}.ts-explanation-text{margin:.15rem 0 0;font-size:.68rem;line-height:1.35;color:#94a3b8;text-align:center}.concepts-bullet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;max-height:160px}.concepts-bullet-list li{display:flex;align-items:flex-start;gap:.45rem;font-size:.71rem;line-height:1.35;color:#cbd5e1}.concept-bullet-star{color:#c084fc;font-size:.75rem;line-height:1.2;flex-shrink:0}.org-side-panel.left-panel{position:absolute;top:5rem;left:1.25rem;bottom:1.15rem;width:325px;z-index:90;background:#0b132bdb;border:1px solid rgba(56,189,248,.22);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 8px 32px #0000008c}.panel-badge-row{display:flex;align-items:center;gap:.4rem}.pill-type-badge{padding:.2rem .55rem;border-radius:6px;font-size:.68rem;font-weight:800;text-transform:uppercase}.pill-type-badge.sn2{background:#10b98133;border:1px solid rgba(16,185,129,.45);color:#10b981}.pill-type-badge.sn1{background:#3b82f633;border:1px solid rgba(59,130,246,.45);color:#38bdf8}.pill-type-badge.e2{background:#a855f733;border:1px solid rgba(168,85,247,.45);color:#c084fc}.pill-type-badge.e1{background:#f59e0b33;border:1px solid rgba(245,158,11,.45);color:#fbbf24}.pill-type-badge.addition{background:#ef444433;border:1px solid rgba(239,68,68,.45);color:#f87171}.pill-category-badge{padding:.2rem .55rem;border-radius:6px;font-size:.62rem;font-weight:600;background:#8b5cf626;border:1px solid rgba(139,92,246,.35);color:#c084fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-reaction-title{margin:0;font-size:1.15rem;font-weight:800;color:#fff;line-height:1.25}.org-formula-box{background:#0f172ab3;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:.55rem .8rem}.org-formula-box code{font-family:Fira Code,monospace;font-size:.85rem;font-weight:700;color:#38bdf8}.org-mechanism-section{display:flex;flex-direction:column;gap:.45rem}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{margin:0;font-size:.82rem;font-weight:700;color:#f1f5f9}.step-ratio-badge{font-size:.72rem;font-weight:700;color:#c084fc}.step-narrative-card{background:#0f172ab3;border:1px solid rgba(168,85,247,.25);border-radius:10px;padding:.7rem;display:flex;flex-direction:column;gap:.3rem}.narrative-badge-title{display:flex;align-items:center;gap:.4rem}.narrative-num{width:18px;height:18px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center}.narrative-name{font-size:.8rem;font-weight:700;color:#f1f5f9}.narrative-desc{margin:0;font-size:.73rem;line-height:1.45;color:#cbd5e1}.step-progress-dots{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;position:relative}.step-progress-dots:before{content:"";position:absolute;top:50%;left:1.5rem;right:1.5rem;height:2px;background:#ffffff1a;z-index:1}.step-dot-item{width:24px;height:24px;border-radius:50%;background:#1e293b;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#94a3b8;cursor:pointer;z-index:2;transition:all .2s ease}.step-dot-item.passed{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.step-dot-item.active{background:#c084fc;border-color:#fff;color:#0f172a;box-shadow:0 0 10px #c084fccc;transform:scale(1.15)}.org-characteristics-section{display:flex;flex-direction:column;gap:.45rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.7rem}.char-head{display:flex;align-items:center;gap:.45rem}.char-head-icon{color:#38bdf8}.char-head h3{margin:0;font-size:.82rem;font-weight:700;color:#f1f5f9}.char-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.char-list li{display:flex;align-items:flex-start;gap:.5rem}.char-bullet-icon{width:20px;height:20px;border-radius:5px;background:#38bdf826;color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.char-text{font-size:.72rem;line-height:1.35;color:#cbd5e1}.org-side-panel.right-panel{position:absolute;top:5rem;right:1.25rem;bottom:1.15rem;width:340px;z-index:90;background:#0b132bdb;border:1px solid rgba(56,189,248,.22);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 8px 32px #0000008c}.ctrl-section{display:flex;flex-direction:column;gap:.45rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.65rem}.ctrl-section:last-child{border-bottom:none;padding-bottom:0}.ctrl-section-header{display:flex;align-items:center;gap:.45rem}.ctrl-section-header h3{margin:0;font-size:.8rem;font-weight:700;color:#f1f5f9}.ctrl-icon{color:#38bdf8}.reaction-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.rx-card-btn{border-radius:8px;padding:.45rem .6rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;cursor:pointer;transition:all .2s ease;text-align:left}.rx-card-btn:hover{background:#1e293bcc;border-color:#38bdf859}.rx-card-btn.active{background:#064e3b80;border:1.5px solid #10b981;box-shadow:0 0 14px #10b98159}.rx-card-btn.addition{grid-column:span 2}.rx-card-type{font-size:.8rem;font-weight:800;color:#fff}.rx-card-btn.active .rx-card-type{color:#34d399}.rx-card-sub{font-size:.63rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.mechanism-btn-row{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.mech-arrow-btn{width:36px;height:36px;border-radius:8px;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mech-arrow-btn:hover:not(:disabled){background:#334155e6;border-color:#38bdf866;color:#fff}.mech-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.mech-play-pill-btn{flex:1;height:36px;border-radius:8px;background:linear-gradient(135deg,#059669,#047857);border:1px solid rgba(16,185,129,.4);color:#fff;font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:0 4px 14px #05966959;transition:all .2s ease}.mech-play-pill-btn:hover{box-shadow:0 0 18px #10b98199;transform:translateY(-1px)}.mech-play-pill-btn.playing{background:linear-gradient(135deg,#d97706,#b45309);border-color:#f59e0b80;box-shadow:0 4px 14px #d9770659}.step-status-sub{text-align:center;font-size:.7rem;font-weight:600;color:#94a3b8}.step-stepper-track{position:relative;height:5px;background:#ffffff1a;border-radius:3px;margin:.35rem .5rem .1rem;display:flex;justify-content:space-between;align-items:center}.step-stepper-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#8b5cf6,#38bdf8);border-radius:3px;transition:width .3s ease}.stepper-node{width:12px;height:12px;border-radius:50%;background:#1e293b;border:2px solid rgba(255,255,255,.3);z-index:2;cursor:pointer;transition:all .2s ease}.stepper-node.filled{background:#38bdf8;border-color:#fff;box-shadow:0 0 6px #38bdf8cc}.toggles-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.toggle-checkbox-label{display:flex;align-items:center;gap:.45rem;font-size:.71rem;color:#cbd5e1;cursor:pointer}.toggle-checkbox-label.full-span{grid-column:span 2}.toggle-checkbox-label input[type=checkbox]{accent-color:#0284c7;width:14px;height:14px;cursor:pointer}.slider-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.sub-label-title{color:#94a3b8;font-weight:600}.sub-label-value{color:#38bdf8;font-weight:700;font-family:Fira Code,monospace}.temp-slider-wrapper{display:flex;flex-direction:column;gap:.15rem}.organic-temp-slider{width:100%;height:5px;accent-color:#f59e0b;border-radius:3px;background:linear-gradient(90deg,#38bdf8,#f59e0b);cursor:pointer}.temp-extremes-row{display:flex;justify-content:space-between;font-size:.62rem;color:#64748b}.solvent-select-row{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.solvent-dropdown{background:#0f172acc;border:1px solid rgba(56,189,248,.3);color:#e2e8f0;font-size:.72rem;padding:.3rem .55rem;border-radius:6px;cursor:pointer;outline:none}.solvent-dropdown:focus{border-color:#00f0ff}.rxn-reset-btn{margin-top:.45rem;width:100%;height:34px;border-radius:8px;background:#e11d4826;border:1px solid rgba(225,29,72,.4);color:#fb7185;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .2s ease}.rxn-reset-btn:hover{background:#e11d4847;border-color:#f43f5e;color:#fff;box-shadow:0 0 14px #e11d4866}.org-modal-overlay{position:absolute;inset:0;background:#040914d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.org-modal-card{background:#0b132bf2;border:1px solid rgba(56,189,248,.3);border-radius:18px;padding:1.8rem;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column;gap:1.2rem;max-width:620px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem}.modal-title-with-icon{display:flex;align-items:center;gap:.5rem}.modal-title-with-icon h3{margin:0;font-size:1.05rem;font-weight:800;color:#f8fafc}.modal-score-badge{background:#0284c740;border:1px solid rgba(56,189,248,.4);padding:.3rem .75rem;border-radius:8px;font-size:.8rem;font-weight:800;color:#38bdf8}.quiz-question-box{background:#0f172a99;border-left:3px solid #38bdf8;padding:.85rem 1.1rem;border-radius:6px}.quiz-question-text{margin:0;font-size:.92rem;font-weight:600;color:#f1f5f9;line-height:1.45}.quiz-options-list{display:flex;flex-direction:column;gap:.55rem}.quiz-opt-btn{display:flex;align-items:center;gap:.85rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:.75rem 1rem;color:#cbd5e1;font-size:.82rem;cursor:pointer;text-align:left;transition:all .2s ease}.quiz-opt-btn:hover:not(:disabled){background:#1e293be6;border-color:#38bdf866;color:#fff}.quiz-opt-btn.correct{background:#064e3b99;border-color:#10b981;color:#fff}.quiz-opt-btn.wrong{background:#7f1d1d99;border-color:#ef4444;color:#fff}.opt-index{width:22px;height:22px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:#94a3b8;flex-shrink:0}.quiz-feedback-box{border-radius:9px;padding:.75rem 1rem;font-size:.8rem;line-height:1.4}.quiz-feedback-box.good{background:#064e3b66;border:1px solid #10b981;color:#6ee7b7}.quiz-feedback-box.bad{background:#7f1d1d66;border:1px solid #ef4444;color:#fca5a5}.feedback-title{font-weight:800;margin-bottom:.25rem}.feedback-explanation{margin:0;color:#e2e8f0}.modal-actions-row{display:flex;justify-content:flex-end;gap:.75rem}.modal-action-btn{padding:.55rem 1.15rem;border-radius:9px;font-size:.82rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.modal-action-btn.next-btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 14px #0284c759}.modal-action-btn.next-btn:disabled{opacity:.4;cursor:not-allowed}.modal-action-btn.restart-btn{background:#8b5cf6;color:#fff}.modal-action-btn.close-btn{background:#1e293bcc;border:1px solid rgba(255,255,255,.15);color:#cbd5e1}.modal-close-x{background:transparent;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer}.modal-close-x:hover{color:#fff}.learn-content-scroll{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;padding-right:.5rem}.learn-section-block{background:#0f172a99;border:1px solid rgba(56,189,248,.2);border-radius:9px;padding:.85rem 1rem}.learn-section-block h4{margin:0 0 .35rem;font-size:.88rem;font-weight:800;color:#38bdf8}.learn-section-block p{margin:0;font-size:.78rem;line-height:1.45;color:#cbd5e1}@media(max-width:1440px){.org-side-panel.left-panel{width:300px}.org-side-panel.right-panel{width:320px}.org-bottom-educational-grid,.org-step-preview-row{left:335px;right:355px}}@media(max-width:1200px){.org-bottom-educational-grid{grid-template-columns:1fr;height:auto;position:relative;margin:1rem 0}.org-side-panel.left-panel,.org-side-panel.right-panel{position:relative;inset:0;width:100%;max-width:none}.org-step-preview-row{left:1.25rem;right:1.25rem}}.org-equation-center-banner{display:inline-flex;align-items:center;gap:8px;padding:3px 12px;background:#0f172ab3;border:1px solid rgba(56,189,248,.25);border-radius:9999px;max-width:480px}.chem-tag-pill{padding:1px 7px;font-size:.65rem;font-weight:800;border-radius:4px;background:#0284c7;color:#fff;letter-spacing:.04em}.chem-equation-inline{font-family:Fira Code,Courier New,monospace;font-size:.78rem;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-left-content-stack,.org-right-content-stack{display:flex;flex-direction:column;gap:12px}.org-canvas-quick-bar{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#0b132be6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.3);border-radius:9999px;box-shadow:0 10px 30px #0009}.step-pills-cluster{display:flex;align-items:center;gap:4px}.step-nav-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.step-nav-pill:hover{background:#ffffff1f;color:#f8fafc}.step-nav-pill.active{background:#38bdf838;border-color:#38bdf88c;color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.pill-num{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ffffff1a;font-size:.62rem;font-weight:800}.org-bottom-drawer-content{display:flex;flex-direction:column;gap:12px;height:100%}.drawer-analytics-card{background:#0f172a8c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.drawer-card-header{display:flex;align-items:center;justify-content:space-between}.drawer-card-header h4{margin:0;font-size:.85rem;font-weight:700;color:#f8fafc}.drawer-energy-badge,.drawer-ts-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:9999px;background:#38bdf824;border:1px solid rgba(56,189,248,.3);color:#38bdf8}.drawer-diagram-wrap,.drawer-ts-wrap{display:flex;justify-content:center;align-items:center;max-height:220px}.drawer-concepts-wrap .concepts-bullet-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}.titration-lab-container{position:relative;width:100vw;height:100vh;height:100dvh;background:radial-gradient(circle at 50% 25%,#0b1938,#060d20 60%,#030712);color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.lab-navbar{height:60px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;background:#081126bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(56,189,248,.15);z-index:50;flex-shrink:0}.nav-left,.nav-right{display:flex;align-items:center;gap:.75rem}.brand-group{display:flex;align-items:center;gap:.6rem;margin-left:.25rem}.brand-logo-cube{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0284c7,#0ea5e9);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0ea5e973}.brand-icon{color:#fff}.brand-text{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#fff}.nav-center{display:flex;align-items:center;gap:.85rem}.lab-pill-title{display:flex;align-items:center;gap:.45rem;padding:.35rem .85rem;background:#0ea5e91f;border:1px solid rgba(14,165,233,.3);border-radius:9999px;font-size:.825rem;font-weight:600;color:#38bdf8}.pill-icon{color:#38bdf8}.nav-segmented-tabs{display:flex;align-items:center;background:#0f172ab3;padding:3px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.tab-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .85rem;background:transparent;border:none;border-radius:7px;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:#f1f5f9;background:#ffffff0a}.tab-btn.active{background:#0ea5e933;color:#38bdf8;border:1px solid rgba(56,189,248,.4);box-shadow:0 0 12px #38bdf840;font-weight:600}.nav-icon-btn{width:34px;height:34px;border-radius:8px;background:#1e293b99;border:1px solid rgba(255,255,255,.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-icon-btn:hover{background:#38bdf826;border-color:#38bdf859;color:#38bdf8}.nav-home-btn{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid rgba(244,63,94,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 12px #e11d4859;transition:all .2s}.nav-home-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #e11d488c}.lab-workspace-grid{flex:1;display:grid;grid-template-columns:340px 1fr 340px;grid-template-rows:1fr auto;position:relative;overflow:hidden;height:calc(100vh - 60px);height:calc(100dvh - 60px)}.lab-center-canvas{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;min-height:380px;z-index:10;background:radial-gradient(circle at 50% 40%,#0e2046a6,#060d1ee0 60%,#030712f5)}.lab-panel{background:#0a142ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.18);border-radius:16px;margin:.5rem;padding:.65rem .85rem;z-index:25;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 12px 36px #00000073;overflow-y:auto;height:calc(100% - 1rem);max-height:calc(100% - 1rem);box-sizing:border-box}.left-panel{grid-column:1;grid-row:1}.right-panel{grid-column:3;grid-row:1}.lab-panel::-webkit-scrollbar{width:5px}.lab-panel::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:4px}.panel-header-badge-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.experiment-heading{font-size:1.1rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.reaction-type-badge{font-size:.68rem;font-weight:600;padding:.25rem .55rem;border-radius:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);color:#38bdf8;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.chemical-equation-box{padding:.4rem .6rem;background:#0f172a99;border-radius:8px;border:1px solid rgba(255,255,255,.06);font-size:.78rem;font-family:Fira Code,Roboto Mono,monospace;color:#e2e8f0;text-align:center}.chemical-equation-box i{font-style:italic;color:#94a3b8;font-size:.72rem}.ph-meter-hero{padding:.55rem .85rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;gap:.25rem}.ph-hero-top{display:flex;align-items:baseline;gap:.65rem}.ph-hero-label{font-size:.95rem;font-weight:600;color:#94a3b8;text-transform:uppercase}.ph-hero-number{font-size:2.1rem;font-weight:800;font-family:Fira Code,Roboto Mono,monospace;line-height:1;letter-spacing:-.03em;text-shadow:0 0 20px currentColor;transition:color .3s}.ph-status-indicator{display:flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:500;color:#cbd5e1}.status-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.metrics-2x2-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.metric-cell{background:#0f172aa6;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:.45rem .7rem;display:flex;flex-direction:column}.metric-cell.cyan-cell{border-color:#38bdf84d;background:#0ea5e90f}.metric-cell.green-cell{border-color:#10b9814d;background:#10b9810f}.cell-label{font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem}.cell-value{font-size:1.15rem;font-weight:700;font-family:Fira Code,Roboto Mono,monospace;color:#fff;line-height:1.1}.cyan-cell .cell-value{color:#38bdf8}.green-cell .cell-value{color:#34d399}.cell-unit{font-size:.68rem;color:#64748b;margin-top:.15rem}.cell-progress-bar{width:100%;height:4px;background:#ffffff14;border-radius:2px;margin-top:.35rem;overflow:hidden}.bar-fill{height:100%;border-radius:2px;transition:width .2s cubic-bezier(.4,0,.2,1)}.flask-solution-status{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.45rem 0}.status-lead{color:#94a3b8}.status-pill{font-weight:600}.educational-hint-card{background:#0f172ab3;border:1px solid rgba(56,189,248,.18);border-radius:12px;padding:.65rem .75rem;display:flex;gap:.6rem;align-items:flex-start}.hint-icon-wrap{width:28px;height:28px;border-radius:8px;background:#0ea5e926;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hint-bulb{color:#38bdf8}.hint-body{flex:1}.hint-title{font-size:.8rem;font-weight:600;color:#fff;margin:0 0 .15rem}.hint-desc{font-size:.72rem;line-height:1.4;color:#cbd5e1;margin:0}.section-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.sec-icon{color:#94a3b8}.sec-icon.cyan{color:#38bdf8}.section-title-row h3{font-size:.85rem;font-weight:600;color:#fff;margin:0}.right-panel{grid-column:3;grid-row:1;gap:.18rem;padding:.45rem .75rem}.control-field-group{display:flex;flex-direction:column;gap:.15rem}.field-top-label{font-size:.72rem;font-weight:500;color:#cbd5e1;display:block;margin-bottom:.1rem}.field-inline-row{display:grid;grid-template-columns:1fr 82px;gap:.45rem;align-items:end}.field-select-col{display:flex;flex-direction:column}.conc-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.15rem .35rem;height:28px;box-sizing:border-box}.conc-lbl{font-size:.54rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;line-height:1}.conc-val{font-size:.74rem;font-weight:700;font-family:Fira Code,Roboto Mono,monospace;color:#fff;line-height:1.1}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-label-row label{font-size:.76rem;font-weight:500;color:#cbd5e1}.field-badge{font-size:.72rem;font-weight:600;font-family:Fira Code,Roboto Mono,monospace;padding:.15rem .45rem;background:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff}.field-slider-val{font-size:.78rem;font-weight:600;font-family:Fira Code,Roboto Mono,monospace;color:#38bdf8}.field-trayek{font-size:.68rem;color:#64748b}.lab-select{width:100%;padding:.28rem .5rem;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#fff;font-size:.74rem;font-family:inherit;cursor:pointer;transition:all .2s;outline:none}.lab-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.right-panel .slider-container{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.55rem!important;padding:0!important;margin:0!important;height:auto!important}.slider-bound{font-size:.65rem;color:#64748b;font-family:Fira Code,monospace}.lab-range{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:#ffffff1f;outline:none}.lab-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#38bdf8;cursor:pointer;box-shadow:0 0 8px #38bdf899;transition:transform .15s}.lab-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.panel-divider{border:none;height:1px;background:#ffffff14;margin:.15rem 0}.right-panel .stepper-row,.right-panel .mode-toggle-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;padding:0!important;margin:0!important;height:30px!important}.stepper-lbl{font-size:.75rem;color:#cbd5e1}.stepper-controls{display:flex;align-items:center;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:2px}.step-btn{width:24px;height:24px;border-radius:5px;background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.step-btn:hover{background:#ffffff14;color:#fff}.step-val{font-size:.76rem;font-family:Fira Code,Roboto Mono,monospace;font-weight:600;color:#38bdf8;padding:0 .4rem}.segmented-control{display:flex;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:2px}.seg-btn{padding:.28rem .55rem;background:transparent;border:none;border-radius:5px;font-size:.72rem;font-weight:500;color:#94a3b8;cursor:pointer;transition:all .2s}.seg-btn.active{background:#0ea5e933;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-weight:600}.titration-action-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.35rem;margin-top:.2rem}.right-panel .action-btn-primary,.right-panel .action-btn-secondary{width:100%!important;min-width:0!important;box-sizing:border-box!important}.action-btn-primary{padding:.45rem .65rem;border-radius:9px;background:linear-gradient(135deg,#059669,#10b981);border:1px solid rgba(52,211,153,.4);color:#fff;font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;box-shadow:0 4px 14px #10b9814d;transition:all .2s}.action-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.action-btn-primary.running{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b4d;border-color:#fbbf2466}.action-btn-secondary{padding:.45rem .6rem;border-radius:9px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .2s}.action-btn-secondary:hover:not(:disabled){background:#334155e6;color:#fff}.action-btn-primary:disabled,.action-btn-secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.hud-badge{background:#081126e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #38BDF8;box-shadow:0 0 16px #38bdf859;border-radius:8px;padding:.35rem .75rem;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.titrant-badge .badge-title{font-size:.9rem;font-weight:700;color:#38bdf8}.titrant-badge .badge-sub{font-size:.72rem;color:#94a3b8;font-family:Fira Code,monospace}.hud-callout{background:#081126d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,189,248,.3);border-radius:8px;padding:.3rem .65rem;display:flex;flex-direction:column;box-shadow:0 4px 16px #00000080;white-space:nowrap}.hud-callout .callout-title{font-size:.76rem;font-weight:700;color:#fff}.hud-callout .callout-sub{font-size:.68rem;color:#94a3b8}.hud-callout .callout-val{font-size:.8rem;font-weight:700;font-family:Fira Code,monospace;color:#38bdf8}.hud-callout .callout-meta{font-size:.68rem;color:#64748b;font-family:Fira Code,monospace}.hud-callout .callout-status{font-size:.68rem;color:#ec4899}.droplet-callout{border-color:#38bdf899;box-shadow:0 0 12px #38bdf866}.stirrer-brand-label{font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ph-lcd-screen{width:82px;height:64px;background:#020617;border:1.5px solid #334155;border-radius:4px;padding:.25rem .35rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 10px #000000e6}.lcd-header{font-size:.55rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.lcd-value{font-size:1.3rem;font-weight:800;font-family:Fira Code,Courier New,monospace;text-align:center;line-height:1;text-shadow:0 0 10px currentColor}.lcd-footer{font-size:.48rem;color:#64748b;text-align:right;font-family:monospace}.lab-bottom-cards-row{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1.45fr 1fr 1fr 1.05fr;gap:.65rem;padding:.35rem .85rem .45rem;background:#040914d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(56,189,248,.15);z-index:40}.bottom-card{background:#0a142acc;border:1px solid rgba(56,189,248,.14);border-radius:12px;padding:.45rem .65rem;display:flex;flex-direction:column;box-shadow:0 8px 24px #0006}.card-top-title{display:flex;align-items:center;gap:.45rem;margin-bottom:.2rem}.card-top-icon.cyan{color:#38bdf8}.card-top-title h4{font-size:.78rem;font-weight:600;color:#fff;margin:0}.curve-card-flex{display:flex;align-items:center;gap:.65rem;flex:1}.curve-svg-wrapper{flex:1;min-width:0}.curve-legend-side{display:flex;flex-direction:column;gap:.4rem;min-width:125px}.legend-entry{display:flex;align-items:flex-start;gap:.4rem}.legend-dot{width:7px;height:7px;border-radius:50%;margin-top:3px;flex-shrink:0}.legend-dot.current{background:#ef4444;box-shadow:0 0 6px #ef4444}.legend-dot.equiv{background:#10b981;box-shadow:0 0 6px #10b981}.legend-text-col{display:flex;flex-direction:column}.leg-name{font-size:.7rem;font-weight:600;color:#f1f5f9;line-height:1.2}.leg-vals{font-size:.62rem;font-family:Fira Code,monospace;color:#94a3b8;line-height:1.2}.calc-content-body{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:#cbd5e1}.calc-intro-line{font-size:.68rem;color:#94a3b8}.calc-formula-main{font-size:.95rem;font-weight:700;font-family:Fira Code,Roboto Mono,monospace;color:#fff;text-align:center;padding:.1rem 0}.calc-step-numbers{font-size:.7rem;font-family:Fira Code,monospace;color:#94a3b8;line-height:1.25;text-align:center}.calc-final-pill{margin-top:.15rem;padding:.25rem .5rem;background:#0ea5e926;border:1px solid rgba(56,189,248,.4);border-radius:6px;font-size:.8rem;font-weight:700;font-family:Fira Code,monospace;color:#38bdf8;text-align:center;box-shadow:0 0 10px #38bdf833}.species-columns-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem;margin-top:.15rem}.species-col{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem .35rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .25s}.species-col.active-col{border-color:#38bdf8;background:#0ea5e91f;box-shadow:0 0 14px #38bdf840}.col-phase{font-size:.65rem;font-weight:700;margin-bottom:.1rem}.red-text{color:#f87171}.green-text{color:#34d399}.purple-text{color:#c084fc}.col-sub{font-size:.62rem;color:#94a3b8;margin-bottom:.4rem}.ion-spheres-row{display:flex;gap:.3rem}.ion-orb{width:24px;height:24px;border-radius:50%;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0006}.ion-orb.h3o{background:radial-gradient(circle at 35% 35%,#f87171,#dc2626)}.ion-orb.cl{background:radial-gradient(circle at 35% 35%,#34d399,#059669)}.ion-orb.na{background:radial-gradient(circle at 35% 35%,#818cf8,#4f46e5)}.ion-orb.oh{background:radial-gradient(circle at 35% 35%,#c084fc,#9333ea)}.theory-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.theory-bullets li{display:flex;align-items:flex-start;gap:.5rem;font-size:.73rem;line-height:1.4;color:#cbd5e1}.bullet-cyan{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8;margin-top:5px;flex-shrink:0}.quiz-workspace,.learn-workspace{flex:1;overflow-y:auto;padding:2rem;display:flex;justify-content:center;background:#03071299}.quiz-card-container{width:100%;max-width:680px;background:#0a142ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.25);border-radius:18px;padding:1.75rem;box-shadow:0 16px 40px #00000080;display:flex;flex-direction:column;gap:1.25rem;height:fit-content}.quiz-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.quiz-title-badge{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#fff}.trophy-gold{color:#fbbf24}.quiz-score-badge{padding:.35rem .85rem;background:#10b98126;border:1px solid rgba(52,211,153,.4);border-radius:9999px;font-size:.8rem;font-weight:700;color:#34d399}.quiz-question-prompt{font-size:1.05rem;line-height:1.5;color:#fff;margin:0 0 1rem}.quiz-options-list{display:flex;flex-direction:column;gap:.65rem}.quiz-opt-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#0f172abf;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#e2e8f0;font-size:.9rem;cursor:pointer;text-align:left;transition:all .2s}.quiz-opt-btn:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf866;color:#fff}.quiz-opt-btn.correct{background:#10b9812e;border-color:#10b981;color:#34d399}.quiz-opt-btn.wrong{background:#ef44442e;border-color:#ef4444;color:#f87171}.opt-letter{width:26px;height:26px;border-radius:6px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.opt-icon-feedback.check{color:#10b981}.opt-icon-feedback.cross{color:#ef4444}.quiz-explanation-box{margin-top:1rem;padding:.85rem 1rem;background:#0ea5e91a;border:1px solid rgba(56,189,248,.25);border-radius:10px;font-size:.825rem;color:#cbd5e1;line-height:1.45}.quiz-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.learn-workspace{flex-direction:column;align-items:center;gap:1.5rem}.learn-header-row{display:flex;align-items:center;gap:.75rem}.learn-cap-icon{color:#38bdf8}.learn-header-row h2{font-size:1.4rem;font-weight:700;color:#fff;margin:0}.learn-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1100px;width:100%}.learn-module-card{background:#0a142ad9;border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.mod-head{display:flex;align-items:center;gap:.5rem}.mod-num{font-size:.75rem;font-weight:800;color:#38bdf8;background:#0ea5e926;padding:.2rem .45rem;border-radius:6px;font-family:monospace}.mod-head h4{font-size:.95rem;font-weight:600;color:#fff;margin:0}.learn-module-card p{font-size:.8rem;line-height:1.5;color:#cbd5e1;margin:0}.learn-module-card code{display:block;padding:.35rem .5rem;background:#0006;border-radius:6px;color:#38bdf8;font-family:Fira Code,monospace;font-size:.75rem;margin:.4rem 0}.learn-back-footer{margin-top:1rem}.lab-modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lab-modal-dialog{width:100%;max-width:540px;background:#081126f2;border:1px solid rgba(56,189,248,.3);border-radius:18px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;overflow:hidden}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title-wrap{display:flex;align-items:center;gap:.5rem}.modal-icon.cyan{color:#38bdf8}.modal-top h3{font-size:1.05rem;font-weight:600;color:#fff;margin:0}.modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;font-size:.85rem;color:#cbd5e1;line-height:1.5}.guide-item{display:flex;align-items:flex-start;gap:.75rem}.guide-bullet{width:24px;height:24px;border-radius:50%;background:#0ea5e933;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-bottom{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}@media(max-width:1200px){.lab-workspace-grid{grid-template-columns:300px 1fr 300px}.lab-bottom-cards-row,.learn-modules-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.lab-workspace-grid{grid-template-columns:1fr;grid-template-rows:auto 340px auto;overflow-y:auto;height:auto}.left-panel{grid-column:1;grid-row:1;max-height:none;margin:.75rem}.lab-center-canvas{grid-column:1;grid-row:2;height:340px}.right-panel{grid-column:1;grid-row:3;max-height:none;margin:.75rem}.lab-bottom-cards-row{grid-column:1;grid-row:4;grid-template-columns:1fr}.learn-modules-grid{grid-template-columns:1fr}}.adaptive-bottom-drawer .lab-bottom-cards-row{background:transparent;border:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;width:100%}.canvas-quick-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0b132be0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.28);border-radius:9999px;box-shadow:0 10px 30px #000000a6,0 0 18px #38bdf826}.quick-action-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.74rem;font-weight:600;cursor:pointer;transition:all .18s ease}.quick-action-btn:hover:not(:disabled){background:#ffffff1f;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.quick-action-btn:disabled{opacity:.4;cursor:not-allowed}.quick-action-btn.primary{background:linear-gradient(135deg,#0284c7,#0ea5e9);border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #0ea5e973}.quick-action-btn.primary:hover:not(:disabled){box-shadow:0 0 20px #0ea5e9a6}.quick-action-btn.primary.running{background:linear-gradient(135deg,#e11d48,#f43f5e);border-color:#fb7185;box-shadow:0 0 14px #f43f5e73}.quick-inspectors-group{display:flex;align-items:center;gap:4px;margin-left:6px;padding-left:8px;border-left:1px solid rgba(255,255,255,.15)}.quick-inspect-pill{height:26px;padding:0 8px;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease}.quick-inspect-pill:hover{background:#ffffff1a;color:#f8fafc}.quick-inspect-pill.active{background:#38bdf82e;border-color:#38bdf880;color:#38bdf8}.apparatus-details-content{display:flex;flex-direction:column;gap:7px}.inspect-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem}.inspect-label{color:#94a3b8}.inspect-value{color:#f8fafc;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.electrochemistry-adaptive-workspace{--anode-orange: #f97316;--anode-glow: rgba(249, 115, 22, .35);--cathode-green: #10b981;--cathode-glow: rgba(16, 185, 129, .35);--amber-volt: #f59e0b;--amber-glow: rgba(245, 158, 11, .4);--cyan-accent: #38bdf8;--glass-card-bg: rgba(15, 23, 42, .72);--glass-card-border: rgba(56, 189, 248, .22)}.lab-mode-segmented-tabs{display:flex;align-items:center;gap:.35rem;background:#0f172aa6;padding:.25rem;border-radius:9999px;border:1px solid rgba(56,189,248,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-seg-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mode-seg-btn:hover{color:#f8fafc;background:#ffffff0f}.mode-seg-btn.active{background:linear-gradient(135deg,#38bdf840,#0ea5e973);color:#fff;box-shadow:0 0 12px #38bdf859;border:1px solid rgba(56,189,248,.4)}.electro-left-panel-content{display:flex;flex-direction:column;gap:.75rem;padding:.25rem .15rem}.cell-type-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;background:#0f172a99;padding:.25rem;border-radius:.6rem;border:1px solid rgba(56,189,248,.15)}.type-pill{padding:.45rem .25rem;font-size:.68rem;font-weight:600;color:#94a3b8;background:transparent;border:none;border-radius:.45rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center}.type-pill:hover{color:#f1f5f9}.type-pill.active{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c766}.info-card{background:var(--glass-card-bg);border:1px solid var(--glass-card-border);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-mini-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#94a3b8}.cell-notation-display{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;padding:.5rem .6rem;background:#02061780;border-radius:.5rem;border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center;gap:.4rem;color:#f8fafc;overflow-x:auto}.anode-phase,.anode-ion{color:#fb923c;font-weight:600}.cathode-phase,.cathode-ion{color:#34d399;font-weight:600}.phase-sep{color:#64748b;font-weight:700}.salt-bridge-sep{color:#a855f7;font-weight:800}.anode-card{border-color:#f9731659;background:linear-gradient(135deg,#f9731614,#0f172acc)}.cathode-card{border-color:#10b98159;background:linear-gradient(135deg,#10b98114,#0f172acc)}.card-header-row{display:flex;align-items:center;justify-content:space-between}.badge-role{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:.35rem}.badge-role.orange{background:#f9731633;color:#fb923c}.badge-role.green{background:#10b98133;color:#34d399}.badge-pot{font-size:.75rem;font-weight:700;font-family:ui-monospace,monospace}.badge-pot.orange{color:#fb923c}.badge-pot.green{color:#34d399}.reaction-eq-line{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;color:#f1f5f9;padding:.2rem 0}.overall-eq-line{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:#e2e8f0;background:#02061766;padding:.45rem .6rem;border-radius:.4rem}.potential-calc-card{border-color:#f59e0b59;background:linear-gradient(135deg,#f59e0b17,#0f172ad9)}.formula-calc-row{font-size:.75rem;color:#94a3b8}.arithmetic-calc-row{font-size:.78rem;color:#f8fafc;font-family:ui-monospace,monospace}.result-bold{font-size:.95rem;font-weight:800;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.result-bold.negative{color:#ef4444}.nernst-preview-row{margin-top:.2rem;padding-top:.3rem;border-top:1px dashed rgba(255,255,255,.1);font-size:.72rem;display:flex;align-items:center;justify-content:space-between}.nernst-val{font-weight:700;font-family:ui-monospace,monospace}.nernst-val.amber{color:#f59e0b}.spontaneity-badge{border-radius:.75rem;padding:.65rem .8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spontaneity-badge.spontaneous{background:#10b9811f;border:1px solid rgba(16,185,129,.35)}.spontaneity-badge.non-spontaneous{background:#ef44441f;border:1px solid rgba(239,68,68,.35)}.badge-inner{display:flex;align-items:flex-start;gap:.6rem}.badge-icon.green{color:#10b981;flex-shrink:0}.badge-icon.red{color:#ef4444;flex-shrink:0}.badge-texts{display:flex;flex-direction:column;gap:.15rem}.badge-title{font-size:.78rem;font-weight:700;color:#f8fafc}.badge-sub{font-size:.68rem;color:#cbd5e1;line-height:1.3}.electro-right-panel-content{display:flex;flex-direction:column;gap:.85rem;padding:.25rem .15rem}.control-group{background:var(--glass-card-bg);border:1px solid var(--glass-card-border);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.group-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.group-title-row{display:flex;align-items:center;justify-content:space-between}.btn-group-tiny{display:flex;gap:.25rem}.btn-tiny{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:600;padding:.2rem .45rem;border-radius:.35rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;transition:all .15s ease}.btn-tiny:hover{background:#ffffff26;color:#fff}.btn-tiny.primary{background:#38bdf833;border-color:#38bdf866;color:#38bdf8}.lab-select-input{width:100%;padding:.45rem .6rem;background:#0f172a;border:1px solid rgba(56,189,248,.3);border-radius:.5rem;color:#f8fafc;font-size:.75rem;outline:none;cursor:pointer}.lab-select-input.mini{font-size:.72rem;padding:.35rem .5rem}.electrode-select-row{display:flex;flex-direction:column;gap:.25rem}.sub-lbl{font-size:.68rem;font-weight:700}.sub-lbl.orange{color:#fb923c}.sub-lbl.green{color:#34d399}.slider-control-block{display:flex;flex-direction:column;gap:.25rem;padding:.35rem 0}.slider-label-row{display:flex;align-items:center;justify-content:space-between}.ion-name{font-size:.75rem;font-weight:600;color:#f1f5f9}.num-input-box{width:4rem;padding:.2rem .4rem;background:#020617;border:1px solid rgba(56,189,248,.25);border-radius:.35rem;color:#38bdf8;font-size:.75rem;font-weight:700;text-align:right}.lab-slider{width:100%;height:4px;border-radius:2px;background:#1e293b;outline:none;cursor:pointer}.lab-slider.orange::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#f97316;cursor:pointer;box-shadow:0 0 8px #f9731699}.lab-slider.green::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#10b981;cursor:pointer;box-shadow:0 0 8px #10b98199}.range-bounds-row{display:flex;justify-content:space-between;font-size:.62rem;color:#64748b}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .5rem}.checkbox-item{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-item input[type=checkbox]{accent-color:#38bdf8;width:.85rem;height:.85rem;cursor:pointer}.simulation-playback-group{background:linear-gradient(135deg,#0f172ae6,#1e293bb3)}.playback-btns-row{display:grid;grid-template-columns:2fr 1fr;gap:.4rem}.play-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem;border-radius:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.play-btn.running{background:#0284c7;color:#fff;box-shadow:0 0 12px #0284c766}.play-btn.paused{background:#10b981;color:#fff;box-shadow:0 0 12px #10b98166}.reset-playback-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;color:#cbd5e1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);cursor:pointer}.reset-playback-btn:hover{background:#ffffff29;color:#fff}.speed-slider-row{display:flex;align-items:center;justify-content:space-between;padding-top:.35rem}.speed-lbl{font-size:.68rem;color:#94a3b8}.speed-preset-pills{display:flex;gap:.25rem}.speed-pill{padding:.15rem .5rem;font-size:.65rem;font-weight:600;border-radius:.3rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer}.speed-pill.active{background:#38bdf8;color:#020617;border-color:#38bdf8;font-weight:700}.electrochemistry-canvas-wrapper{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#0f172a,#060913);overflow:hidden}.lab-3d-badge-electrode{display:flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;border:1px solid transparent}.lab-3d-badge-electrode:hover{transform:scale(1.08)}.lab-3d-badge-electrode.anode{background:#0f172ad9;border-color:#f9731699;box-shadow:0 4px 14px #f9731640}.lab-3d-badge-electrode.cathode{background:#0f172ad9;border-color:#10b98199;box-shadow:0 4px 14px #10b98140}.lab-3d-badge-electrode.selected{border-color:#facc15;box-shadow:0 0 16px #facc1580}.badge-metal-symbol{font-size:1rem;font-weight:800;color:#fff;font-family:ui-monospace,monospace}.badge-role-text{display:flex;flex-direction:column;line-height:1.1}.role-main{font-size:.72rem;font-weight:700}.lab-3d-badge-electrode.anode .role-main{color:#fb923c}.lab-3d-badge-electrode.cathode .role-main{color:#34d399}.role-sub{font-size:.62rem;color:#94a3b8}.lab-3d-badge-solute{background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:.4rem;padding:.25rem .55rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;white-space:nowrap;box-shadow:0 2px 10px #0006}.solute-title{font-size:.68rem;font-weight:700;color:#e2e8f0}.solute-conc{font-size:.62rem;color:#38bdf8;font-family:ui-monospace,monospace}.lab-3d-reaction-snippet{font-family:ui-monospace,monospace;font-size:.65rem;padding:.2rem .5rem;border-radius:.35rem;background:#020617cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.lab-3d-reaction-snippet.anode{color:#fed7aa;border:1px solid rgba(249,115,22,.4)}.lab-3d-reaction-snippet.cathode{color:#a7f3d0;border:1px solid rgba(16,185,129,.4)}.lab-3d-salt-bridge-badge{background:#0f172ae0;border:1px solid rgba(168,85,247,.4);border-radius:.5rem;padding:.35rem .65rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 4px 14px #a855f740;display:flex;flex-direction:column;gap:.15rem;white-space:nowrap;transition:transform .2s ease}.lab-3d-salt-bridge-badge:hover,.lab-3d-salt-bridge-badge.active{transform:scale(1.06);border-color:#c084fc}.badge-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bridge-title{font-size:.72rem;font-weight:700;color:#e2e8f0}.ion-tags{display:flex;gap:.25rem}.ion-tag{font-size:.62rem;font-weight:700;padding:.05rem .35rem;border-radius:.25rem}.ion-tag.purple{background:#a855f740;color:#d8b4fe}.ion-tag.blue{background:#38bdf840;color:#7dd3fc}.badge-desc{font-size:.6rem;color:#94a3b8}.lab-3d-wire-indicator{background:#0f172ad9;border:1px solid rgba(251,191,36,.4);border-radius:.4rem;padding:.25rem .55rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;white-space:nowrap;box-shadow:0 0 10px #fbbf2433}.indicator-title{font-size:.65rem;color:#fbbf24;font-weight:700}.indicator-direction{font-size:.62rem;color:#f1f5f9;font-family:ui-monospace,monospace}.lab-3d-digital-voltmeter{background:#020617;padding:.3rem .6rem;border-radius:.35rem;border:1px solid #1e293b;text-align:center;min-width:130px;box-shadow:inset 0 0 12px #000000e6}.meter-mode-label{font-size:.55rem;font-weight:700;letter-spacing:.08em;color:#64748b;text-transform:uppercase}.meter-digits{font-family:Courier New,Courier,monospace;font-size:1.45rem;font-weight:900;color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.65);line-height:1.1;letter-spacing:.05em}.lab-3d-digital-voltmeter.dc-source .meter-digits{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.65)}.meter-unit{font-size:.85rem;margin-left:.15rem}.meter-status-row{margin-top:.15rem}.status-pill{font-size:.55rem;font-weight:800;letter-spacing:.05em;padding:.05rem .35rem;border-radius:.2rem}.status-pill.spont{background:#10b98140;color:#34d399}.status-pill.non-spont{background:#ef444440;color:#f87171}.inspector-card-body{display:flex;flex-direction:column;gap:.45rem;font-size:.75rem;color:#e2e8f0}.meta-row{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.25rem}.meta-row .lbl{color:#94a3b8}.meta-row .val{font-weight:600}.meta-row .val.orange{color:#fb923c}.meta-row .val.green{color:#34d399}.meta-row .val.amber{color:#fbbf24}.meta-row .val.cyan{color:#38bdf8}.meta-row .val.blue{color:#60a5fa}.meta-row .val.purple{color:#c084fc}.meta-row .val.formula{font-family:ui-monospace,monospace}.desc-text{font-size:.72rem;line-height:1.4;color:#cbd5e1;margin-top:.2rem}.electro-bottom-drawer-content{padding:.75rem .5rem;height:100%;overflow-y:auto}.drawer-tab-pane{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.perhitungan-pane{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.drawer-calc-card{background:#0f172ab3;border:1px solid rgba(56,189,248,.18);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.calc-card-head{display:flex;align-items:center;gap:.45rem}.calc-card-head h4{font-size:.8rem;font-weight:700;color:#f8fafc;margin:0}.calc-steps-body{display:flex;flex-direction:column;gap:.35rem;font-size:.74rem;color:#cbd5e1}.calc-steps-body code{font-family:ui-monospace,monospace;background:#02061799;padding:.15rem .4rem;border-radius:.3rem;color:#38bdf8}.val-hi.green{color:#34d399;font-weight:700}.val-hi.orange{color:#fb923c;font-weight:700}.calc-step-result-line{font-size:.82rem;font-weight:600;color:#f8fafc;padding-top:.35rem;border-top:1px dashed rgba(255,255,255,.12)}.result-volt.pos{color:#facc15;font-weight:800;font-size:.95rem}.result-volt.neg{color:#ef4444;font-weight:800;font-size:.95rem}.result-delta-g.spont{color:#10b981;font-weight:800}.result-delta-g.non-spont{color:#ef4444;font-weight:800}.spont-concl{font-size:.68rem;color:#94a3b8;line-height:1.3}.grafik-card-wrapper{background:#0f172ab3;border:1px solid rgba(56,189,248,.18);border-radius:.75rem;padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.grafik-header-row{display:flex;align-items:center;justify-content:space-between}.grafik-header-row h4{font-size:.82rem;font-weight:700;color:#f8fafc;margin:0}.grafik-badge{font-size:.68rem;padding:.15rem .5rem;border-radius:.35rem;background:#38bdf826;color:#38bdf8;font-weight:600}.grafik-svg-container{width:100%;max-height:220px;background:#020617;border-radius:.6rem;border:1px solid rgba(255,255,255,.08);padding:.5rem}.nernst-svg-chart{width:100%;height:100%}.grafik-caption{font-size:.72rem;color:#94a3b8;line-height:1.4}.reactions-detailed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.reaction-card-detail{background:#0f172abf;border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;border:1px solid transparent}.reaction-card-detail.anode{border-color:#f973164d}.reaction-card-detail.cathode{border-color:#10b9814d}.reaction-card-detail.net{border-color:#38bdf84d}.rec-detail-head{display:flex;align-items:center;gap:.45rem}.rec-detail-head h4{font-size:.78rem;font-weight:700;color:#f8fafc;margin:0}.dot{width:8px;height:8px;border-radius:50%}.dot.orange{background:#f97316}.dot.green{background:#10b981}.dot.cyan{background:#38bdf8}.big-equation{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;font-weight:700;color:#fff;background:#02061780;padding:.45rem .6rem;border-radius:.45rem}.rec-detail-body p{font-size:.7rem;color:#94a3b8;margin-top:.3rem;line-height:1.35}.teori-pane{display:flex;flex-direction:column;gap:.75rem}.teori-subnav-row{display:flex;gap:.4rem;flex-wrap:wrap}.teori-sub-pill{padding:.35rem .75rem;font-size:.72rem;font-weight:600;border-radius:.5rem;background:#0f172acc;border:1px solid rgba(56,189,248,.2);color:#94a3b8;cursor:pointer;transition:all .2s ease}.teori-sub-pill.active{background:#0284c7;color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #0284c766}.teori-article-body{background:#0f172ab3;border:1px solid rgba(56,189,248,.18);border-radius:.75rem;padding:.85rem}.teori-article-body h4{font-size:.88rem;font-weight:700;color:#38bdf8;margin:0 0 .4rem}.teori-article-body p{font-size:.75rem;color:#cbd5e1;line-height:1.5;margin:0}.volta-series-banner{font-family:ui-monospace,monospace;font-size:.78rem;font-weight:700;color:#facc15;background:#02061799;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(250,204,21,.3);margin:.5rem 0;overflow-x:auto}.quiz-canvas-overlay,.learn-canvas-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0b132be0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}.quiz-container-card,.quiz-result-card,.learn-container-card{max-width:680px;width:100%;background:#0f172af2;border:1px solid rgba(56,189,248,.3);border-radius:1rem;padding:1.5rem;box-shadow:0 20px 40px #0009;display:flex;flex-direction:column;gap:1rem}.quiz-header-bar{display:flex;align-items:center;justify-content:space-between}.quiz-q-num{font-size:.8rem;font-weight:700;color:#38bdf8;text-transform:uppercase}.quiz-score-badge{font-size:.8rem;font-weight:700;background:#facc1533;color:#facc15;padding:.2rem .6rem;border-radius:9999px}.quiz-question-title{font-size:1.05rem;font-weight:700;color:#f8fafc;line-height:1.4;margin:0}.quiz-opt-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.6rem;background:#1e293b80;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.82rem;text-align:left;cursor:pointer;transition:all .15s ease}.quiz-opt-btn:hover:not(:disabled){background:#38bdf826;border-color:#38bdf8}.quiz-opt-btn.correct{background:#10b98140;border-color:#10b981;color:#fff}.quiz-opt-btn.wrong{background:#ef444440;border-color:#ef4444;color:#fff}.opt-letter{font-weight:800;font-family:ui-monospace,monospace;width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.quiz-feedback-box{background:#020617b3;border-radius:.6rem;padding:.85rem;border-left:3px solid #38bdf8;display:flex;flex-direction:column;gap:.75rem}.explanation-text{font-size:.78rem;color:#cbd5e1;line-height:1.45;margin:0}.quiz-next-btn{align-self:flex-end;padding:.45rem 1rem;border-radius:.4rem;background:#0284c7;color:#fff;font-size:.78rem;font-weight:700;border:none;cursor:pointer}.quiz-result-card{align-items:center;text-align:center}.final-score-display{font-size:2.5rem;font-weight:900;color:#38bdf8;font-family:ui-monospace,monospace}.score-comment{font-size:.85rem;color:#94a3b8;max-width:440px}.result-actions-row{display:flex;gap:.75rem;margin-top:.5rem}.action-btn-primary{padding:.6rem 1.25rem;border-radius:.5rem;background:#0284c7;color:#fff;font-size:.82rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #0284c766}.action-btn-primary:hover{background:#0369a1}.action-btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f1f5f9;font-size:.82rem;font-weight:600;cursor:pointer}.learn-hero-header{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem}.learn-hero-header h2{font-size:1.15rem;font-weight:800;color:#f8fafc;margin:0}.learn-hero-header p{font-size:.75rem;color:#94a3b8;margin:0}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.learn-topic-card{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;padding:.85rem}.learn-topic-card h4{font-size:.82rem;font-weight:700;color:#38bdf8;margin:0 0 .35rem}.learn-topic-card p{font-size:.72rem;color:#cbd5e1;line-height:1.45;margin:0}.learn-footer-row{display:flex;justify-content:flex-end;padding-top:.5rem}@media(max-width:768px){.learn-grid{grid-template-columns:1fr}}.periodic-table-workspace{--cyan-accent: #38bdf8;--cyan-glow: rgba(56, 189, 248, .4);--purple-accent: #8b5cf6;--amber-accent: #f59e0b;--glass-card-bg: rgba(15, 23, 42, .75);--glass-border: rgba(56, 189, 248, .2)}.periodic-header-center-wrap{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.header-seg-tabs{display:flex;align-items:center;gap:.25rem;background:#0f172aa6;padding:.25rem;border-radius:9999px;border:1px solid rgba(56,189,248,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seg-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.seg-btn:hover{color:#fff;background:#ffffff14}.seg-btn.active{background:linear-gradient(135deg,#38bdf84d,#0284c780);color:#fff;border:1px solid rgba(56,189,248,.4);box-shadow:0 0 12px #38bdf859}.header-submode-tabs{display:flex;align-items:center;gap:.2rem;background:#0f172a8c;padding:.2rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.08)}.submode-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:.45rem;font-size:.72rem;font-weight:600;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.submode-btn:hover{color:#f1f5f9}.submode-btn.active{background:#0284c7;color:#fff;box-shadow:0 2px 6px #0284c759}.periodic-left-panel-content{display:flex;flex-direction:column;gap:.75rem;padding:.25rem .15rem}.element-hero-card{background:linear-gradient(135deg,#0f172ae6,#1e293bbf);border:1px solid var(--glass-border);border-radius:.85rem;padding:.85rem;box-shadow:0 4px 16px #0006}.hero-top-row{display:flex;gap:.85rem}.element-number-box{width:80px;height:90px;background:#020617a6;border:1px solid rgba(56,189,248,.25);border-radius:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.4rem .25rem;flex-shrink:0}.atomic-num{font-size:.75rem;font-weight:700;color:#94a3b8}.element-symbol-big{font-size:2rem;font-weight:900;color:#f8fafc;font-family:ui-monospace,monospace;line-height:1}.element-mass-val{font-size:.65rem;color:#64748b;font-family:ui-monospace,monospace}.element-meta-box{display:flex;flex-direction:column;justify-content:center;gap:.35rem;flex:1}.element-indonesian-name{font-size:1.2rem;font-weight:800;color:#f8fafc;margin:0}.element-cat-badge{align-self:flex-start;padding:.2rem .55rem;border-radius:.4rem;font-size:.68rem;font-weight:700;color:#fff}.element-state-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;color:#cbd5e1}.dot-state{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8}.prop-sub-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;background:#0f172a99;padding:.2rem;border-radius:.55rem;border:1px solid rgba(56,189,248,.15)}.prop-tab{padding:.4rem .2rem;font-size:.7rem;font-weight:600;color:#94a3b8;background:transparent;border:none;border-radius:.4rem;cursor:pointer;transition:all .15s ease;text-align:center}.prop-tab:hover{color:#f1f5f9}.prop-tab.active{background:#0284c7;color:#fff;box-shadow:0 2px 6px #0284c759}.properties-table-card{background:var(--glass-card-bg);border:1px solid var(--glass-border);border-radius:.75rem;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.45rem}.prop-row{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.prop-row:last-child{border-bottom:none}.prop-lbl{color:#94a3b8}.prop-val{color:#f8fafc;text-align:right}.prop-val.cyan{color:#38bdf8}.prop-val.amber{color:#f59e0b}.spdf-code{font-family:ui-monospace,monospace;color:#38bdf8;background:#02061780;padding:.1rem .4rem;border-radius:.3rem}.prop-pill.purple{background:#8b5cf640;color:#c4b5fd;padding:.1rem .45rem;border-radius:.3rem;font-weight:700}.shell-dist-card{background:var(--glass-card-bg);border:1px solid var(--glass-border);border-radius:.75rem;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.45rem}.shell-dist-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#94a3b8}.shell-chips-row{display:flex;gap:.4rem;flex-wrap:wrap}.shell-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:42px;background:#02061780;border:1px solid rgba(56,189,248,.2);border-radius:.4rem}.sh-letter{font-size:.62rem;color:#64748b;font-weight:700}.sh-val{font-size:.85rem;font-weight:800;color:#38bdf8;font-family:ui-monospace,monospace}.periodic-canvas-container{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 45%,#0f172a,#050811);overflow:hidden}.atom-legend-hud{position:absolute;top:1rem;left:1rem;z-index:10;background:#0f172ad1;border:1px solid rgba(56,189,248,.25);border-radius:.65rem;padding:.55rem .8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.35rem;box-shadow:0 4px 14px #0006}.legend-element-title{font-size:.78rem;font-weight:800;color:#f8fafc}.legend-particles-list{display:flex;flex-direction:column;gap:.25rem;font-size:.68rem;color:#cbd5e1}.particle-item{display:flex;align-items:center;gap:.4rem}.dot-bullet{width:8px;height:8px;border-radius:50%}.dot-bullet.red{background:#ef4444;box-shadow:0 0 6px #ef4444}.dot-bullet.grey{background:#e2e8f0}.dot-bullet.blue{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.atom-canvas-toolbar{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.6rem;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:9999px;padding:.35rem .85rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 20px #00000080}.auto-rotate-switch{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-rotate-switch input{display:none}.switch-slider{width:28px;height:16px;background:#334155;border-radius:9999px;position:relative;transition:background .2s ease}.switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s ease}.auto-rotate-switch input:checked+.switch-slider{background:#0284c7}.auto-rotate-switch input:checked+.switch-slider:before{transform:translate(12px)}.toolbar-divider{width:1px;height:16px;background:#ffffff26}.canvas-tool-btn{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:#cbd5e1;background:transparent;border:none;cursor:pointer;padding:.25rem .45rem;border-radius:.35rem;transition:all .15s ease}.canvas-tool-btn:hover{color:#fff;background:#ffffff1a}.atom-shell-callout-badge{background:#0f172ad9;border:1px solid rgba(56,189,248,.3);border-radius:.4rem;padding:.2rem .45rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;line-height:1.1;white-space:nowrap}.sh-name{font-size:.65rem;font-weight:700;color:#38bdf8}.sh-count{font-size:.58rem;color:#94a3b8}.atom-nucleus-callout-badge{background:#0f172ae6;border:1px solid rgba(239,68,68,.4);border-radius:.45rem;padding:.25rem .55rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 0 12px #ef444433;white-space:nowrap}.callout-title{font-size:.68rem;font-weight:800;color:#f87171}.callout-sub{font-size:.58rem;color:#cbd5e1}.periodic-right-panel-content{display:flex;flex-direction:column;gap:.75rem;padding:.25rem .15rem}.periodic-search-wrap{display:flex;align-items:center;gap:.45rem;background:#020617;border:1px solid rgba(56,189,248,.25);border-radius:.55rem;padding:.4rem .65rem}.search-ico{color:#64748b;flex-shrink:0}.periodic-search-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-size:.75rem}.clear-search-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1rem;line-height:1}.ptable-matrix-wrapper{background:#0f172abf;border:1px solid var(--glass-border);border-radius:.75rem;padding:.65rem;overflow-x:auto}.ptable-matrix-grid{display:flex;flex-direction:column;min-width:320px}.group-col-headers{display:grid;grid-template-columns:repeat(18,1fr);text-align:center;margin-bottom:.25rem}.col-num{font-size:.52rem;color:#64748b;font-family:ui-monospace,monospace}.elements-cells-container{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(7,1fr);gap:2px}.ptable-cell-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;padding:1px;border-radius:3px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.ptable-cell-btn:hover{transform:scale(1.2);z-index:10;box-shadow:0 0 8px #38bdf899}.ptable-cell-btn.active-cell{border-color:#38bdf8!important;box-shadow:0 0 10px #38bdf8cc!important;transform:scale(1.18);z-index:12}.ptable-cell-btn.dimmed{opacity:.25}.cell-num{font-size:.42rem;color:#cbd5e1;line-height:1}.cell-sym{font-size:.58rem;font-weight:800;color:#fff;font-family:ui-monospace,monospace;line-height:1}.category-legend-section,.view-toggles-section{background:var(--glass-card-bg);border:1px solid var(--glass-border);border-radius:.75rem;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.45rem}.legend-section-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#94a3b8}.category-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .5rem}.legend-pill-item{display:flex;align-items:center;gap:.35rem}.legend-color-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.legend-pill-label{font-size:.68rem;color:#cbd5e1}.toggles-checkboxes-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .5rem}.toggle-chk-label{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#cbd5e1;cursor:pointer}.toggle-chk-label input[type=checkbox]{accent-color:#38bdf8;width:.85rem;height:.85rem}.right-panel-actions-row{display:grid;grid-template-columns:1.4fr 1fr;gap:.4rem}.btn-action-primary{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border-radius:.5rem;background:#0284c7;color:#fff;font-size:.72rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 8px #0284c766}.btn-action-secondary{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border-radius:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:.72rem;font-weight:600;cursor:pointer}.periodic-bottom-drawer-content{padding:.75rem .5rem;height:100%;overflow-y:auto}.drawer-pane-ringkasan{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.drawer-summary-card{background:#0f172ab3;border:1px solid rgba(56,189,248,.18);border-radius:.75rem;padding:.85rem;display:flex;flex-direction:column;gap:.45rem}.card-head-line{display:flex;align-items:center;gap:.45rem}.card-head-line h4{font-size:.8rem;font-weight:700;color:#f8fafc;margin:0}.summary-paragraph{font-size:.74rem;line-height:1.5;color:#cbd5e1;margin:0}.allotropes-row{display:flex;align-items:center;gap:.45rem;margin-top:.3rem}.allotrope-lbl{font-size:.68rem;color:#94a3b8;font-weight:600}.allotropes-pills{display:flex;gap:.35rem;flex-wrap:wrap}.allotrope-pill{padding:.15rem .5rem;border-radius:.35rem;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-size:.68rem;font-weight:600}.svg-chart-container{width:100%;height:110px;background:#020617;border-radius:.5rem;border:1px solid rgba(255,255,255,.06);padding:.35rem}.trend-svg{width:100%;height:100%}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;font-size:.72rem}.pos-item{display:flex;justify-content:space-between;background:#02061766;padding:.35rem .5rem;border-radius:.4rem}.pos-item .lbl{color:#94a3b8}.pos-item .val{color:#f8fafc;font-weight:600}.pos-item .val.purple{color:#c084fc}.drawer-pane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.75rem}.spdf-hero-display{font-family:ui-monospace,monospace;font-size:1.3rem;font-weight:800;color:#38bdf8;background:#02061799;padding:.65rem .85rem;border-radius:.5rem;border:1px solid rgba(56,189,248,.25);text-align:center}.spdf-sub-info{font-size:.72rem;color:#94a3b8;line-height:1.4;margin:0}.shell-breakdown-list{display:flex;flex-direction:column;gap:.4rem}.shell-level-row{display:flex;align-items:center;gap:.65rem;font-size:.72rem}.sh-title{width:75px;color:#cbd5e1;font-weight:600}.sh-bar-wrap{flex:1;height:8px;background:#02061799;border-radius:4px;overflow:hidden}.sh-bar-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:4px}.sh-val-bold{width:40px;text-align:right;font-weight:700;color:#38bdf8;font-family:ui-monospace,monospace}.stats-props-list{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem}.s-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.25rem}.s-row .k{color:#94a3b8}.s-row .v{color:#f8fafc;font-weight:600}.s-row .v.amber{color:#f59e0b}.trends-bullet-list{margin:0;padding-left:1.25rem;font-size:.74rem;color:#cbd5e1;display:flex;flex-direction:column;gap:.4rem;line-height:1.45}.inspector-content-box{display:flex;flex-direction:column;gap:.45rem;font-size:.75rem;color:#cbd5e1}.insp-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.25rem}.insp-row .lbl{color:#94a3b8}.insp-row .val{color:#f8fafc}.insp-row .val.red{color:#ef4444}.insp-desc{font-size:.7rem;line-height:1.4;color:#94a3b8;margin-top:.2rem}.periodic-overlay-container{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0b132be0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}.periodic-quiz-card,.periodic-learn-card{max-width:680px;width:100%;background:#0f172af2;border:1px solid rgba(56,189,248,.3);border-radius:1rem;padding:1.5rem;box-shadow:0 20px 40px #0009;display:flex;flex-direction:column;gap:1rem}.quiz-head-row{display:flex;align-items:center;justify-content:space-between}.quiz-q-indicator{font-size:.8rem;font-weight:700;color:#38bdf8;text-transform:uppercase}.quiz-score-pill{font-size:.8rem;font-weight:700;background:#facc1533;color:#facc15;padding:.2rem .6rem;border-radius:9999px}.quiz-question-text{font-size:1.05rem;font-weight:700;color:#f8fafc;line-height:1.4;margin:0}.quiz-options-grid{display:flex;flex-direction:column;gap:.5rem}.quiz-option-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.6rem;background:#1e293b80;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.82rem;text-align:left;cursor:pointer;transition:all .15s ease}.quiz-option-item:hover:not(:disabled){background:#38bdf826;border-color:#38bdf8}.quiz-option-item.correct{background:#10b98140;border-color:#10b981;color:#fff}.quiz-option-item.wrong{background:#ef444440;border-color:#ef4444;color:#fff}.opt-idx{font-weight:800;font-family:ui-monospace,monospace;width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.opt-body{flex:1}.quiz-explanation-box{background:#020617b3;border-radius:.6rem;padding:.85rem;border-left:3px solid #38bdf8;display:flex;flex-direction:column;gap:.75rem}.exp-txt{font-size:.78rem;color:#cbd5e1;line-height:1.45;margin:0}.next-quiz-btn{align-self:flex-end;padding:.45rem 1rem;border-radius:.4rem;background:#0284c7;color:#fff;font-size:.78rem;font-weight:700;border:none;cursor:pointer}.periodic-quiz-card.result{align-items:center;text-align:center}.trophy-gold{color:#facc15;filter:drop-shadow(0 0 12px rgba(250,204,21,.5))}.final-quiz-score{font-size:2.5rem;font-weight:900;color:#38bdf8;font-family:ui-monospace,monospace}.final-quiz-msg{font-size:.85rem;color:#94a3b8;max-width:440px}.quiz-result-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-primary{padding:.6rem 1.25rem;border-radius:.5rem;background:#0284c7;color:#fff;font-size:.82rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #0284c766}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f1f5f9;font-size:.82rem;font-weight:600;cursor:pointer}.learn-hero-row{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem}.learn-hero-row h2{font-size:1.15rem;font-weight:800;color:#f8fafc;margin:0}.learn-hero-row p{font-size:.75rem;color:#94a3b8;margin:0}.learn-topics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.topic-block{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;padding:.85rem}.topic-block h4{font-size:.82rem;font-weight:700;color:#38bdf8;margin:0 0 .35rem}.topic-block p{font-size:.72rem;color:#cbd5e1;line-height:1.45;margin:0}.learn-card-footer{display:flex;justify-content:flex-end;padding-top:.5rem}@media(max-width:768px){.learn-topics-grid{grid-template-columns:1fr}}.electrolyte-workspace-root{position:relative;width:100%;height:100%;overflow:hidden;background:#090d16}.electrolyte-canvas-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 45%,#0f1c30,#080c14 85%)}.ion-3d-tag{padding:.12rem .35rem;border-radius:4px;font-size:.65rem;font-weight:700;font-family:SF Mono,Roboto Mono,monospace;white-space:nowrap;box-shadow:0 2px 6px #0009;pointer-events:none;-webkit-user-select:none;user-select:none}.ion-3d-tag.positive{background:#ef4444d9;color:#fff;border:1px solid rgba(254,202,202,.5)}.ion-3d-tag.negative{background:#0ea5e9d9;color:#fff;border:1px solid rgba(186,230,253,.5)}.neutral-3d-tag{padding:.1rem .3rem;border-radius:4px;font-size:.6rem;font-weight:600;background:#64748bd9;color:#f1f5f9;border:1px solid rgba(255,255,255,.2);pointer-events:none}.electrode-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;font-size:.68rem;font-weight:700;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0009;pointer-events:none}.electrode-tag.cathode{background:#ef444433;border:1px solid rgba(239,68,68,.6);color:#fca5a5}.electrode-tag.anode{background:#0ea5e933;border:1px solid rgba(14,165,233,.6);color:#7dd3fc}.circuit-flow-label{display:flex;align-items:center;gap:.4rem;padding:.25rem .65rem;background:#0f172ad9;border:1px solid rgba(250,204,21,.4);border-radius:6px;font-size:.72rem;font-weight:600;color:#fef08a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000080;pointer-events:none;white-space:nowrap}.circuit-flow-label .flow-arrow{color:#facc15;font-weight:800}.target-callout-card{display:flex;align-items:center;gap:.45rem;padding:.35rem .75rem;background:#0f172ae0;border-radius:8px;font-size:.72rem;font-weight:600;box-shadow:0 6px 16px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;pointer-events:none;animation:floatSlow 3s ease-in-out infinite alternate}.target-callout-card.cation-callout{border:1px solid rgba(239,68,68,.4);color:#f8fafc}.target-callout-card.anion-callout{border:1px solid rgba(14,165,233,.4);color:#f8fafc}.target-callout-card.bubble-callout{border:1px solid rgba(255,255,255,.25);color:#e2e8f0}.target-callout-card .bullet.red{display:inline-block;padding:.1rem .35rem;background:#ef4444;color:#fff;border-radius:4px;font-weight:700}.target-callout-card .bullet.blue{display:inline-block;padding:.1rem .35rem;background:#0ea5e9;color:#fff;border-radius:4px;font-weight:700}.electrolyte-nav-tabs{display:flex;align-items:center;gap:.35rem;padding:.25rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:9999px}.electrolyte-left-panel{display:flex;flex-direction:column;gap:.85rem;padding:.75rem;color:#e2e8f0}.hero-formula{font-size:1.75rem;font-weight:800;font-family:SF Mono,Roboto Mono,monospace;color:#38bdf8;letter-spacing:-.5px;margin:.35rem 0}.classification-pill.badge-strong{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.classification-pill.badge-weak{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.classification-pill.badge-non{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171}.metric-box{padding:.75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px}.metric-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-bottom:.4rem}.metric-header .label{color:#94a3b8}.metric-header .value{color:#38bdf8;font-size:.9rem;font-weight:800}.conductivity-gradient-track{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.conductivity-gradient-bar{height:100%;border-radius:4px;transition:width .5s ease}.lamp-status-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px}.lamp-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff0d}.lamp-bright{color:#fde047;filter:drop-shadow(0 0 6px #fde047)}.lamp-dim{color:#f59e0b}.lamp-off{color:#475569}.lamp-info{display:flex;flex-direction:column}.lamp-info .label{font-size:.7rem;color:#94a3b8}.lamp-info .status-val{font-size:.9rem;font-weight:700}.lamp-info .status-val.bright{color:#fde047}.lamp-info .status-val.dim{color:#f59e0b}.lamp-info .status-val.off{color:#64748b}.ions-summary-box,.equation-preview-box,.alpha-summary-box{padding:.65rem .85rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px}.ion-badges-row{display:flex;flex-wrap:wrap;gap:.4rem}.ion-count-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:6px;font-size:.72rem;font-weight:700;font-family:SF Mono,Roboto Mono,monospace}.ion-count-pill.cation{background:#ef44442e;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.ion-count-pill.anion{background:#0ea5e92e;border:1px solid rgba(14,165,233,.4);color:#7dd3fc}.no-ion-note{font-size:.72rem;color:#64748b;font-style:italic}.equation-text{font-family:SF Mono,Roboto Mono,monospace;font-size:.78rem;font-weight:700;color:#38bdf8;line-height:1.4}.alpha-val{font-size:.8rem;font-weight:700;color:#f8fafc}.alpha-status-text{font-size:.7rem;color:#94a3b8;margin-top:.2rem}.electrolyte-right-panel{display:flex;flex-direction:column;padding:.75rem;color:#e2e8f0}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-bottom:.5rem}.filter-pill-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;background:#0f172a99;padding:.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.filter-btn.active.strong{background:#10b981}.filter-btn.active.weak{background:#f59e0b}.filter-btn.active.non{background:#ef4444}.solution-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;max-height:280px;overflow-y:auto;padding-right:.2rem}.sol-grid-card{display:flex;flex-direction:column;align-items:flex-start;padding:.6rem .65rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.sol-grid-card.selected{border-color:#38bdf8;background:#0ea5e926;box-shadow:0 0 12px #38bdf840}.sol-grid-card .card-formula{font-family:SF Mono,Roboto Mono,monospace;font-size:.88rem;font-weight:700;color:#38bdf8}.sol-grid-card .card-name{font-size:.68rem;color:#94a3b8;margin:.15rem 0 .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.card-type-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;padding:.15rem .35rem;border-radius:4px}.card-type-tag.strong{color:#34d399;background:#10b9811f}.card-type-tag.weak{color:#fbbf24;background:#f59e0b1f}.card-type-tag.non{color:#f87171;background:#ef44441f}.visual-toggles-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem}.toggle-checkbox-item{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.75rem;color:#cbd5e1;-webkit-user-select:none;user-select:none}.toggle-checkbox-item input[type=checkbox]{display:none}.custom-check{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:#0f172a99;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.toggle-checkbox-item input[type=checkbox]:checked+.custom-check{background:#0ea5e9;border-color:#0ea5e9}.toggle-checkbox-item input[type=checkbox]:checked+.custom-check:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.edu-card-highlight{font-size:.72rem;color:#94a3b8;margin-top:.45rem;padding:.4rem;background:#00000040;border-radius:6px}.edu-card-highlight span{color:#38bdf8;font-weight:600}.visual-ionization-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 0}.flow-step{display:flex;flex-direction:column;align-items:center;gap:.25rem}.step-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 4px 10px #00000080}.step-circle.reactant{background:#0284c7}.step-circle.non-ion{background:#64748b}.step-label{font-size:.65rem;color:#94a3b8}.flow-arrow-sym{font-size:1.1rem;font-weight:700;color:#64748b}.svg-chart-container{display:flex;align-items:flex-end;justify-content:space-around;height:110px;padding:.5rem 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.chart-bar-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;width:32px}.bar-val-text{font-size:.62rem;font-weight:700;color:#94a3b8}.chart-bar-col.active .bar-val-text{color:#38bdf8}.bar-track{width:18px;height:70px;display:flex;align-items:flex-end;background:#ffffff0d;border-radius:4px 4px 0 0;overflow:hidden}.bar-track .bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height .4s ease}.bar-label-text{font-size:.65rem;font-weight:600;color:#94a3b8}.chart-bar-col.active .bar-label-text{color:#38bdf8;font-weight:800}.edu-tag-status{margin-top:.5rem;font-size:.72rem;color:#94a3b8}.edu-bullet-list{margin:.4rem 0 0 1rem;padding:0;font-size:.75rem;color:#cbd5e1;line-height:1.5}.formula-math-box{margin-top:.5rem;padding:.65rem;background:#00000059;border-radius:8px;border:1px solid rgba(56,189,248,.2)}.math-code{font-family:SF Mono,Roboto Mono,monospace;font-size:.8rem;font-weight:700;color:#38bdf8;display:block}.math-legend{margin-top:.4rem;font-size:.72rem;color:#94a3b8;line-height:1.5}.edu-comparison-matrix{width:100%;border-collapse:collapse;font-size:.75rem;margin-top:.5rem}.edu-comparison-matrix th{padding:.5rem;text-align:left;background:#ffffff0d;color:#94a3b8;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.edu-comparison-matrix td{padding:.5rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}.edu-comparison-matrix .val-strong{color:#34d399;font-weight:600}.edu-comparison-matrix .val-weak{color:#fbbf24;font-weight:600}.edu-comparison-matrix .val-non{color:#f87171;font-weight:600}.learn-card-col.strong{border-color:#10b98166}.learn-card-col.weak{border-color:#f59e0b66}.learn-card-col.non{border-color:#ef444466}.learn-card-col.strong .card-badge{color:#34d399}.learn-card-col.weak .card-badge{color:#fbbf24}.learn-card-col.non .card-badge{color:#f87171}.learn-card-col p{font-size:.72rem;color:#94a3b8;line-height:1.4;margin-bottom:.45rem}.learn-card-col .ex-tag{display:block;font-size:.68rem;font-weight:600;color:#38bdf8}@media(max-width:768px){.learn-cards-row{grid-template-columns:1fr}}.acidbase-workspace-root{position:relative;width:100%;height:100%;overflow:hidden;background:#090d16}.acidbase-canvas-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 45%,#0f1c30,#080c14 85%)}.canvas-playback-bar{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:9999px;box-shadow:0 12px 30px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;pointer-events:auto}.playback-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.playback-btn:hover{background:#38bdf826;border-color:#38bdf866;color:#38bdf8;transform:translateY(-1px)}.playback-btn.active{background:#10b98133;border-color:#10b98180;color:#34d399}.speed-controller{display:flex;align-items:center;gap:.5rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.12)}.speed-label{font-size:.75rem;font-weight:600;color:#94a3b8;white-space:nowrap}.speed-slider{width:80px;height:4px;accent-color:#38bdf8;cursor:pointer}.digital-ph-screen{display:flex;align-items:baseline;justify-content:center;gap:.35rem;padding:.15rem .45rem;background:#020617;border-radius:4px;border:1px solid rgba(239,68,68,.3);box-shadow:inset 0 2px 6px #000000e6;pointer-events:none;-webkit-user-select:none;user-select:none}.digital-ph-screen .screen-sub{font-family:SF Mono,Roboto Mono,monospace;font-size:.65rem;font-weight:700;color:#94a3b8}.digital-ph-screen .screen-num{font-family:Courier New,SF Mono,monospace;font-size:1.15rem;font-weight:900;color:#ef4444;letter-spacing:1px;text-shadow:0 0 8px rgba(239,68,68,.8)}.meter-button-row{display:flex;align-items:center;gap:.3rem;pointer-events:none}.btn-power{width:20px;height:20px;border-radius:50%;background:#ef4444;border:none;color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000080}.btn-chip{padding:.15rem .35rem;border-radius:4px;background:#0284c7;color:#fff;font-size:.55rem;font-weight:700;font-family:sans-serif}.electrode-callout-card{display:flex;flex-direction:column;padding:.4rem .65rem;background:#0f172ae0;border:1px solid rgba(56,189,248,.4);border-radius:8px;box-shadow:0 6px 18px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;animation:floatSlow 3s ease-in-out infinite alternate}.electrode-callout-card .callout-title{font-size:.72rem;font-weight:700;color:#38bdf8}.electrode-callout-card .callout-sub{font-size:.65rem;color:#cbd5e1}.ion-legend-callout{display:flex;flex-direction:column;gap:.3rem;padding:.45rem .75rem;background:#0f172ae0;border:1px solid rgba(56,189,248,.4);border-radius:8px;box-shadow:0 6px 18px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap}.ion-legend-callout .legend-head{font-size:.72rem;font-weight:700;color:#38bdf8;margin-bottom:.1rem}.ion-legend-callout .legend-item{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:600;color:#f1f5f9}.ion-legend-callout .dot{width:8px;height:8px;border-radius:50%}.ion-legend-callout .dot.red{background:#ef4444;box-shadow:0 0 6px #ef4444}.ion-legend-callout .dot.blue{background:#0ea5e9;box-shadow:0 0 6px #0ea5e9}.acid-ion-tag{padding:.12rem .35rem;border-radius:4px;font-size:.65rem;font-weight:700;font-family:SF Mono,Roboto Mono,monospace;white-space:nowrap;box-shadow:0 2px 6px #0009;pointer-events:none;-webkit-user-select:none;user-select:none}.acid-ion-tag.pos{background:#ef4444d9;color:#fff;border:1px solid rgba(254,202,202,.5)}.acid-ion-tag.neg{background:#0ea5e9d9;color:#fff;border:1px solid rgba(186,230,253,.5)}.vertical-ph-scale-panel{display:flex;flex-direction:column;align-items:center;padding:.65rem .5rem;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;-webkit-user-select:none;user-select:none;width:110px}.scale-head{font-size:.72rem;font-weight:700;color:#cbd5e1;margin-bottom:.45rem}.scale-track-wrap{display:flex;gap:.4rem;height:250px;position:relative}.scale-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.axis-mark{display:flex;align-items:center;gap:.2rem}.axis-mark .num{font-size:.62rem;font-weight:600;color:#94a3b8}.axis-mark .line{width:4px;height:1px;background:#fff3}.scale-gradient-bar{position:relative;width:18px;height:100%;border-radius:4px;background:linear-gradient(to top,#dc2626,#ea580c,#eab308 40%,#10b981 50%,#06b6d4,#3b82f6 80%,#a855f7);box-shadow:inset 0 0 4px #00000080}.scale-gradient-bar .reg-tag{position:absolute;left:24px;font-size:.58rem;font-weight:700;white-space:nowrap;text-transform:capitalize}.reg-tag.basa-kuat{top:2%;color:#c084fc}.reg-tag.basa-lemah{top:28%;color:#38bdf8}.reg-tag.netral{top:48%;color:#34d399}.reg-tag.asam-lemah{top:68%;color:#fbbf24}.reg-tag.asam-kuat{bottom:2%;color:#f87171}.scale-pointer-arrow{position:absolute;left:-2px;transform:translateY(50%);display:flex;align-items:center;gap:.15rem;transition:bottom .4s cubic-bezier(.4,0,.2,1);z-index:10}.scale-pointer-arrow .arrow-triangle{color:#fff;font-size:.75rem;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.scale-pointer-arrow .arrow-badge{padding:.1rem .3rem;border-radius:4px;background:#fff;color:#0f172a;font-size:.58rem;font-weight:800;white-space:nowrap;box-shadow:0 2px 6px #00000080}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.acidbase-nav-tabs{display:flex;align-items:center;gap:.35rem;padding:.25rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:9999px}.nav-tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border:none;border-radius:9999px;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-tab-btn:hover{color:#e2e8f0}.nav-tab-btn.active{background:#0ea5e9;color:#fff;box-shadow:0 2px 10px #0ea5e966}.acidbase-left-panel{display:flex;flex-direction:column;gap:.85rem;padding:.75rem;color:#e2e8f0}.solution-hero-card{padding:.85rem;background:#0f172abf;border:1px solid rgba(56,189,248,.2);border-radius:12px}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.solution-name{font-size:1.1rem;font-weight:700;color:#f8fafc;margin:0}.solution-english{font-size:.72rem;color:#94a3b8}.molecule-space-fill{position:relative;width:44px;height:32px}.molecule-space-fill .atom-sphere{position:absolute;border-radius:50%;box-shadow:0 4px 8px #0006}.molecule-space-fill .atom-sphere.large{width:24px;height:24px;top:4px;right:14px}.molecule-space-fill .atom-sphere.small{width:16px;height:16px;top:10px;right:2px}.hero-formula{font-size:1.75rem;font-weight:800;font-family:SF Mono,Roboto Mono,monospace;color:#fff;letter-spacing:-.5px;margin:.35rem 0}.classification-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.classification-pill.badge-acid{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}.classification-pill.badge-base{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa}.classification-pill.badge-neutral{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399}.ph-metric-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .85rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.metric-row.main{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.4rem}.metric-row .metric-label{color:#94a3b8}.metric-row .metric-val{color:#f8fafc;font-weight:700}.metric-row .metric-val.ph-highlight{font-size:1.25rem;font-weight:900}.reaction-box,.alpha-box{padding:.65rem .85rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px}.box-title{font-size:.7rem;font-weight:600;color:#94a3b8;margin-bottom:.4rem}.reaction-code{font-family:SF Mono,Roboto Mono,monospace;font-size:.8rem;font-weight:700;color:#38bdf8;line-height:1.4}.alpha-row{display:flex;flex-direction:column;gap:.2rem}.alpha-tag{font-size:.82rem;font-weight:700;color:#34d399}.alpha-desc{font-size:.7rem;color:#94a3b8}.properties-accordion{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;background:transparent;border:none;color:#e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer}.accordion-body{padding:0 .85rem .65rem;display:flex;flex-direction:column;gap:.35rem}.prop-row{display:flex;justify-content:space-between;font-size:.72rem}.prop-k{color:#94a3b8}.prop-v{color:#f1f5f9;font-weight:600}.acidbase-right-panel{display:flex;flex-direction:column;padding:.75rem;color:#e2e8f0}.search-bar-wrap{position:relative;display:flex;align-items:center;margin-bottom:.65rem}.search-icon{position:absolute;left:.65rem;color:#64748b}.search-input{width:100%;padding:.45rem 1.8rem .45rem 2rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:.75rem;outline:none;transition:all .2s}.search-input:focus{border-color:#38bdf8;background:#1e293bb3;box-shadow:0 0 10px #38bdf833}.clear-search-btn{position:absolute;right:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer}.filter-pill-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;background:#0f172a99;padding:.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.06);margin-bottom:.85rem}.filter-btn{padding:.35rem 0;background:transparent;border:none;border-radius:6px;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{color:#e2e8f0}.filter-btn.active{background:#0ea5e9;color:#fff}.filter-btn.active.acid{background:#ef4444}.filter-btn.active.neutral{background:#10b981}.filter-btn.active.base{background:#3b82f6}.solution-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;max-height:480px;overflow-y:auto;padding-right:.2rem}.sol-grid-card{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem .55rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.sol-grid-card:hover{border-color:#38bdf866;background:#1e293bb3;transform:translateY(-1px)}.sol-grid-card.selected{border-color:#ef4444;background:#ef444426;box-shadow:0 0 12px #ef444440}.sol-grid-card .card-formula{font-family:SF Mono,Roboto Mono,monospace;font-size:.82rem;font-weight:800;color:#f8fafc}.sol-grid-card .card-name{font-size:.62rem;color:#94a3b8;margin:.1rem 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.card-bottom{display:flex;flex-direction:column;gap:.1rem;width:100%}.card-ph-tag{font-size:.62rem;font-weight:700;font-family:SF Mono,monospace}.card-ph-tag.acid{color:#f87171}.card-ph-tag.neutral{color:#34d399}.card-ph-tag.base{color:#60a5fa}.card-cat-label{font-size:.58rem;color:#64748b;white-space:nowrap}.bottom-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;padding:.5rem 0}.edu-card{padding:.85rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px}.edu-card.full-width{grid-column:1 / -1}.edu-card-title{font-size:.85rem;font-weight:700;color:#38bdf8;margin-bottom:.45rem}.edu-card-desc{font-size:.75rem;color:#cbd5e1;line-height:1.45}.reaction-box-card{display:flex;flex-direction:column;gap:.25rem;padding:.55rem;background:#00000059;border-radius:8px;border:1px solid rgba(56,189,248,.2)}.reaction-box-card .formula-code{font-family:SF Mono,Roboto Mono,monospace;font-size:.78rem;font-weight:700;color:#38bdf8}.reaction-box-card .alpha-val{font-size:.7rem;color:#94a3b8}.check-status-row{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.72rem;color:#34d399}.indicator-mini-table{width:100%;border-collapse:collapse;font-size:.72rem}.indicator-mini-table th{text-align:left;color:#94a3b8;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.indicator-mini-table td{padding:.35rem 0;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.04)}.color-chip{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.35rem;vertical-align:middle}.horizontal-ph-widget{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.h-axis-values{position:relative;height:16px}.h-axis-values .current-marker{position:absolute;transform:translate(-50%);font-size:.75rem;font-weight:800;color:#ef4444}.h-gradient-track{position:relative;width:100%;height:10px;border-radius:5px;background:linear-gradient(to right,#dc2626,#ea580c,#eab308 40%,#10b981 50%,#06b6d4,#3b82f6 80%,#a855f7)}.h-pointer-ball{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 8px #0009;border:2px solid #0f172a}.h-axis-labels{display:flex;justify-content:space-between;font-size:.65rem;font-weight:700;margin-top:.2rem}.h-axis-labels .cat-lbl.asam{color:#f87171}.h-axis-labels .cat-lbl.netral{color:#34d399}.h-axis-labels .cat-lbl.basa{color:#c084fc}.indicator-full-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-top:.45rem}.indicator-full-table th{padding:.5rem;text-align:left;background:#ffffff0d;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1)}.indicator-full-table td{padding:.5rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}.theories-row,.comparison-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.5rem}.theory-col,.comp-block{padding:.75rem;background:#00000040;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.theory-col h5,.comp-block h5{color:#38bdf8;font-size:.8rem;margin-bottom:.35rem}.theory-col p,.comp-block p{font-size:.72rem;color:#cbd5e1;line-height:1.45}.ph-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:130px;padding-top:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.ph-chart-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;cursor:pointer}.ph-chart-col .col-val{font-size:.62rem;font-weight:700;color:#94a3b8}.ph-chart-col.active .col-val{color:#38bdf8;font-size:.7rem}.ph-chart-col .col-track{width:14px;height:85px;display:flex;align-items:flex-end;background:#ffffff0d;border-radius:3px 3px 0 0;overflow:hidden}.ph-chart-col .col-fill{width:100%;border-radius:3px 3px 0 0;transition:height .4s ease}.ph-chart-col .col-formula{font-size:.6rem;font-weight:600;color:#94a3b8}.ph-chart-col.active .col-formula{color:#38bdf8;font-weight:800}.modal-quiz-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.quiz-card-modal{width:100%;max-width:580px;background:#0f172a;border:1px solid rgba(56,189,248,.3);border-radius:16px;box-shadow:0 20px 50px #0009;overflow:hidden}.quiz-card-modal.learn-modal{max-width:680px}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#1e293b99;border-bottom:1px solid rgba(255,255,255,.1)}.quiz-title-badge{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:#38bdf8}.quiz-score-badge{font-size:.8rem;font-weight:700;padding:.2rem .6rem;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399;border-radius:9999px}.close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer}.close-btn:hover{color:#fff}.quiz-question-text{font-size:.95rem;font-weight:600;color:#f8fafc;line-height:1.5;margin-bottom:1rem}.quiz-opt-btn{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:.8rem;text-align:left;cursor:pointer;transition:all .2s}.quiz-opt-btn:hover:not(:disabled){background:#38bdf826;border-color:#38bdf866}.opt-letter{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff1a;font-size:.72rem;font-weight:700}.quiz-explanation-box{margin-top:1rem;padding:.85rem;background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:8px}.exp-text{font-size:.78rem;color:#cbd5e1;line-height:1.45}.quiz-next-btn{margin-top:.65rem;padding:.45rem 1rem;background:#0ea5e9;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;float:right}.quiz-finished-view{padding:2rem 1.5rem;text-align:center}.trophy-glow{display:inline-flex;padding:1rem;background:#facc1526;border:1px solid rgba(250,204,21,.4);border-radius:50%;color:#facc15;margin-bottom:.75rem}.final-score-text{font-size:1.4rem;font-weight:800;color:#38bdf8;margin:.5rem 0}.score-desc{font-size:.85rem;color:#94a3b8;margin-bottom:1.25rem}.finished-actions{display:flex;justify-content:center;gap:.75rem}.quiz-action-btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0}.quiz-action-btn.primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.learn-modal-body{padding:1.25rem;max-height:75vh;overflow-y:auto}.theory-section{margin-bottom:1.25rem}.theory-section h4{font-size:.9rem;font-weight:700;color:#38bdf8;margin-bottom:.4rem}.theory-section p{font-size:.8rem;color:#cbd5e1;line-height:1.5}.math-code-box{padding:.5rem .75rem;background:#00000059;border:1px solid rgba(56,189,248,.2);border-radius:6px;font-family:SF Mono,Roboto Mono,monospace;font-size:.78rem;font-weight:700;color:#38bdf8;margin-top:.35rem}.learn-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.5rem}.learn-card-col{padding:.75rem;border-radius:10px;background:#1e293b80;border:1px solid rgba(255,255,255,.08)}.learn-card-col.acid{border-color:#ef444466}.learn-card-col.neutral{border-color:#10b98166}.learn-card-col.base{border-color:#3b82f666}.learn-card-col .card-badge{font-size:.75rem;font-weight:700;margin-bottom:.35rem}.learn-card-col.acid .card-badge{color:#f87171}.learn-card-col.neutral .card-badge{color:#34d399}.learn-card-col.base .card-badge{color:#60a5fa}.learn-card-col p{font-size:.72rem;color:#94a3b8;line-height:1.4}@media(max-width:768px){.solution-cards-grid{grid-template-columns:1fr 1fr}.learn-cards-row{grid-template-columns:1fr}}.benedict-simulation-wrapper{position:relative;width:100%;height:100dvh;background:#030712;overflow:hidden;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:#f8fafc}.benedict-canvas-container{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#0b1528,#030712 85%)}.benedict-nav-tabs{display:flex;align-items:center;gap:.35rem;background:#0f172abf;padding:.25rem .35rem;border-radius:9999px;border:1px solid rgba(56,189,248,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0006}.benedict-nav-tabs .nav-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.38rem .85rem;border-radius:9999px;border:none;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.benedict-nav-tabs .nav-tab-btn:hover{color:#f8fafc;background:#ffffff0f}.benedict-nav-tabs .nav-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-weight:600;box-shadow:0 2px 8px #0284c766}.benedict-3d-pin{position:relative;padding:.5rem .85rem;background:#0b1426e0;border:1px solid rgba(56,189,248,.45);border-radius:.65rem;box-shadow:0 8px 24px #0009,0 0 14px #0284c733;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none;min-width:140px;animation:pinFloat 3s ease-in-out infinite alternate}@keyframes pinFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.pin-tabung{border-color:#38bdf880}.pin-reagen{border-color:#0288d199}.pin-endapan{border-color:#f57c00b3;box-shadow:0 8px 24px #0009,0 0 16px #f57c004d}.benedict-3d-pin .pin-title{font-size:.76rem;font-weight:700;color:#f8fafc;letter-spacing:.02em}.pin-endapan .pin-title{color:#fb923c}.benedict-3d-pin .pin-desc{font-size:.68rem;color:#94a3b8;margin-top:.15rem;line-height:1.25}.pin-line{position:absolute;height:1.5px;background:linear-gradient(90deg,#38BDF8,transparent)}.pin-line.line-right{top:50%;right:-24px;width:24px}.pin-line.line-left{top:50%;left:-24px;width:24px;background:linear-gradient(90deg,transparent,#FB923C)}.benedict-floating-controller{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.85rem;padding:.55rem 1.1rem;background:#0b1426d9;border:1px solid rgba(56,189,248,.25);border-radius:9999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #000000a6,0 0 20px #0284c726;z-index:25}.controller-main-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:9999px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s cubic-bezier(.4,0,.2,1)}.controller-main-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98180}.controller-main-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b66}.controller-reset-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#cbd5e1;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.controller-reset-btn:hover{background:#ffffff1a;color:#fff}.controller-slider-group{display:flex;flex-direction:column;gap:.25rem;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.12)}.slider-label-row{display:flex;justify-content:space-between}.slider-title{font-size:.68rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.slider-input-row{display:flex;align-items:center;gap:.4rem}.slider-sub{font-size:.68rem;color:#64748b}.flame-low{color:#fbbf24}.flame-high{color:#ef4444}.heat-range-input{-webkit-appearance:none;appearance:none;width:90px;height:4px;border-radius:2px;background:linear-gradient(90deg,#fbbf24,#ef4444);outline:none;cursor:pointer}.heat-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ef444499;cursor:pointer;transition:transform .1s}.heat-range-input::-webkit-slider-thumb:hover{transform:scale(1.25)}.benedict-left-panel{display:flex;flex-direction:column;gap:.85rem;padding:.4rem .2rem}.test-hero-card{background:#0f172aa6;border:1px solid rgba(56,189,248,.2);border-radius:.95rem;padding:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.test-hero-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.hero-icon-box{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;background:#f57c0026;border:1px solid rgba(245,124,0,.4);border-radius:.65rem;color:#fb923c}.test-title{font-size:1.05rem;font-weight:700;color:#f8fafc;margin:0;line-height:1.2}.test-subtitle{font-size:.72rem;color:#94a3b8}.hero-pill-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:linear-gradient(135deg,#f57c0059,#d9770633);border:1px solid rgba(245,124,0,.5);border-radius:.55rem;color:#fed7aa;font-size:.78rem;font-weight:600;margin-bottom:.65rem;width:100%}.hero-description{font-size:.75rem;color:#94a3b8;line-height:1.45;margin-bottom:.75rem}.specs-table{display:flex;flex-direction:column;gap:.4rem;padding:.65rem;background:#03071280;border-radius:.65rem;border:1px solid rgba(255,255,255,.06);margin-bottom:.85rem}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.spec-label{color:#64748b}.spec-value{color:#e2e8f0;font-weight:600;text-align:right}.spec-value.highlight{color:#fb923c}.color-spectrum-section{display:flex;flex-direction:column;gap:.45rem}.spectrum-title{font-size:.76rem;font-weight:600;color:#e2e8f0;margin:0}.color-strip-container{display:flex;align-items:center;justify-content:space-between;background:#03071280;padding:.55rem .5rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.06)}.color-step{display:flex;flex-direction:column;align-items:center;gap:.25rem}.color-step .color-box{width:22px;height:22px;border-radius:.35rem;box-shadow:0 2px 6px #0006}.color-step span{font-size:.62rem;color:#94a3b8}.strip-arrow{color:#475569;font-size:.7rem}.spectrum-axis-labels{display:flex;justify-content:space-between;font-size:.64rem;color:#64748b;line-height:1.25}.spectrum-axis-labels span:last-child{text-align:right}.reaction-status-card{background:#0f172aa6;border:1px solid rgba(56,189,248,.2);border-radius:.85rem;padding:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.status-badge{font-size:.72rem;font-weight:600;color:#38bdf8}.progress-percent{font-size:.78rem;font-weight:700;color:#f8fafc;font-variant-numeric:tabular-nums}.status-bar-bg{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:.55rem}.status-bar-fill{height:100%;border-radius:3px;transition:width .15s ease-out,background-color .3s}.status-legend p{font-size:.72rem;margin:0;line-height:1.4}.status-legend .text-positive{color:#4ade80;font-weight:600}.status-legend .text-negative{color:#38bdf8}.status-legend .text-muted{color:#64748b}.active-sample-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;padding:.75rem .85rem}.active-sample-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem}.sample-emoji{font-size:1.35rem}.sample-title{font-size:.82rem;font-weight:700;color:#f8fafc}.sample-cat{font-size:.66rem;color:#38bdf8}.sample-desc{font-size:.7rem;color:#94a3b8;line-height:1.35;margin:0}.benedict-right-panel{display:flex;flex-direction:column;gap:.95rem;padding:.4rem .2rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:#0f172abf;border:1px solid rgba(56,189,248,.25);border-radius:.65rem;color:#94a3b8}.search-box input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-size:.78rem}.search-box input::placeholder{color:#64748b}.search-box .clear-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:0;display:flex;align-items:center}.right-section{display:flex;flex-direction:column;gap:.55rem}.section-header{display:flex;align-items:center;gap:.45rem;color:#38bdf8}.section-header h3{font-size:.82rem;font-weight:700;color:#f8fafc;margin:0;letter-spacing:.02em}.category-filter-pills{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.2rem}.pill-btn{padding:.28rem .65rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#94a3b8;font-size:.72rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.pill-btn:hover{color:#f8fafc;background:#ffffff14}.pill-btn.active{background:#0284c7;border-color:#38bdf8;color:#fff;font-weight:600}.test-cards-list{display:flex;flex-direction:column;gap:.4rem}.test-item-card{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:.65rem;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.test-item-card:hover{background:#0f172ad9;border-color:#38bdf84d;transform:translate(2px)}.test-item-card.selected{background:linear-gradient(135deg,#f57c0040,#0f172ad9);border:1px solid #FB923C;box-shadow:0 4px 14px #f57c0033}.test-item-icon{display:flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;background:#ffffff0d;border-radius:.45rem}.test-item-info{flex:1;min-width:0}.test-item-name{font-size:.78rem;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-item-sub{font-size:.68rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-item-chevron{color:#64748b;transition:transform .2s}.test-item-card.selected .test-item-chevron{color:#fb923c;transform:translate(2px)}.samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.sample-item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.55rem .35rem;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:.65rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sample-item-card:hover{background:#0f172ad9;border-color:#38bdf859;transform:translateY(-2px)}.sample-item-card.selected{background:#0284c738;border:1px solid #38BDF8;box-shadow:0 4px 12px #0284c740}.sample-item-emoji{font-size:1.35rem;margin-bottom:.25rem}.sample-item-label{font-size:.7rem;font-weight:600;color:#e2e8f0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.toggle-list{display:flex;flex-direction:column;gap:.4rem;background:#0f172a80;padding:.65rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.06)}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:#94a3b8;cursor:pointer}.toggle-row input[type=checkbox]{accent-color:#0284C7;width:15px;height:15px;cursor:pointer}.drawer-ringkasan-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1.3fr 1.5fr;gap:.85rem;padding:.2rem 0}.drawer-card{background:#0f172aa6;border:1px solid rgba(56,189,248,.15);border-radius:.85rem;padding:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-top-tag{display:flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;color:#fb923c;margin-bottom:.55rem}.hasil-status-box{display:flex;align-items:center;gap:.65rem}.hasil-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:#f57c0026;border:1px solid rgba(245,124,0,.35);border-radius:.75rem;color:#fb923c}.status-badge-lg{display:inline-flex;align-items:center;gap:.35rem;font-size:.95rem;font-weight:700;margin-bottom:.25rem}.status-badge-lg.positive{color:#10b981}.status-badge-lg.negative{color:#ef4444}.hasil-subtext{font-size:.72rem;color:#94a3b8;margin:0;line-height:1.35}.card-title{font-size:.8rem;font-weight:700;color:#f8fafc;margin:0 0 .5rem}.card-body-text{font-size:.72rem;color:#94a3b8;line-height:1.45;margin:0}.mini-tubes-spectrum{display:flex;align-items:flex-end;justify-content:space-between;gap:.4rem}.mini-tube-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.mini-tube-glass{width:14px;height:48px;border-radius:2px 2px 7px 7px;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 6px #0006}.mini-tube-item .stage-name{font-size:.62rem;font-weight:600;color:#cbd5e1;text-align:center;line-height:1.15}.mini-tube-item .stage-color{font-size:.58rem;color:#64748b}.equation-code-box{background:#030712b3;border:1px solid rgba(255,255,255,.08);border-radius:.55rem;padding:.55rem .65rem;margin-bottom:.55rem}.equation-code-box code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;color:#38bdf8;word-break:break-all}.equation-legend{display:flex;flex-direction:column;gap:.3rem}.legend-item{display:flex;align-items:center;gap:.45rem;font-size:.68rem;color:#94a3b8}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-blue{background:#0288d1}.dot-red{background:#d32f2f}.drawer-prosedur-list{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.prosedur-step{display:flex;flex-direction:column;gap:.45rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem}.step-num{display:flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:700;border-radius:50%}.step-content h5{font-size:.78rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.step-content p{font-size:.7rem;color:#94a3b8;line-height:1.35;margin:0}.drawer-reaksi-content{background:#0f172aa6;border:1px solid rgba(56,189,248,.2);border-radius:.85rem;padding:.95rem}.reaksi-box h4{font-size:.88rem;font-weight:700;color:#38bdf8;margin:0 0 .45rem}.reaksi-box p{font-size:.76rem;color:#94a3b8;line-height:1.45;margin:0 0 .75rem}.redox-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.half-reaction{background:#03071299;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;padding:.65rem}.half-title{display:block;font-size:.7rem;font-weight:600;color:#fb923c;margin-bottom:.25rem}.half-reaction code{font-family:monospace;font-size:.74rem;color:#e2e8f0}.note-text{font-size:.72rem;color:#64748b;font-style:italic}.hasil-interpretasi-table,.perbandingan-samples-table{width:100%;border-collapse:collapse;font-size:.74rem}.hasil-interpretasi-table th,.hasil-interpretasi-table td,.perbandingan-samples-table th,.perbandingan-samples-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.hasil-interpretasi-table th,.perbandingan-samples-table th{color:#94a3b8;font-weight:600;background:#0f172acc}.badge-color{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.45rem;vertical-align:middle}.perbandingan-samples-table tr.active-row{background:#0284c72e;border-left:3px solid #38BDF8}.sample-cell{font-weight:600;color:#f8fafc}.benedict-modal-overlay{position:fixed;inset:0;background:#030712cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.benedict-quiz-card,.benedict-theory-card{width:100%;max-width:580px;background:#0b1426;border:1px solid rgba(56,189,248,.3);border-radius:1.25rem;box-shadow:0 25px 50px -12px #000000bf;overflow:hidden}.quiz-header,.benedict-theory-card .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.08)}.quiz-title-badge{display:flex;align-items:center;gap:.5rem;color:#38bdf8;font-size:.85rem;font-weight:700}.quiz-score-tag{padding:.25rem .65rem;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:9999px;color:#4ade80;font-size:.78rem;font-weight:700}.quiz-close-btn,.benedict-theory-card .modal-header button{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:.2rem}.quiz-close-btn:hover,.benedict-theory-card .modal-header button:hover{color:#f8fafc}.quiz-body{padding:1.25rem}.quiz-question-text{font-size:.95rem;font-weight:600;color:#f8fafc;line-height:1.45;margin-bottom:1.1rem}.quiz-options-grid{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}.quiz-option-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem .95rem;background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;color:#cbd5e1;font-size:.82rem;text-align:left;cursor:pointer;transition:all .2s}.quiz-option-btn:hover:not(:disabled){background:#0284c733;border-color:#38bdf8;color:#fff}.quiz-option-btn.correct{background:#10b98140;border-color:#10b981;color:#6ee7b7;font-weight:600}.quiz-option-btn.incorrect{background:#ef444440;border-color:#ef4444;color:#fca5a5}.option-index{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#ffffff14;border-radius:.35rem;font-weight:700;font-size:.75rem}.option-label{flex:1}.icon-right{margin-left:auto}.quiz-feedback-box{background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:.85rem;padding:.95rem}.feedback-explanation{font-size:.78rem;color:#cbd5e1;line-height:1.45;margin-bottom:.75rem}.quiz-next-btn{width:100%;padding:.65rem;background:#0284c7;border:none;border-radius:.65rem;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s}.quiz-result-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}.trophy-gold{color:#fbbf24;margin-bottom:.75rem}.quiz-result-view h3{font-size:1.25rem;color:#f8fafc;margin:0 0 .45rem}.final-score{font-size:1.05rem;color:#38bdf8;margin-bottom:.65rem}.result-eval{font-size:.8rem;color:#94a3b8;max-width:420px;line-height:1.45;margin-bottom:1.25rem}.result-actions{display:flex;gap:.75rem}.restart-btn,.explore-btn{display:flex;align-items:center;gap:.45rem;padding:.65rem 1.15rem;border-radius:.65rem;font-size:.82rem;font-weight:600;cursor:pointer;border:none}.restart-btn{background:#ffffff1a;color:#e2e8f0}.explore-btn{background:#0284c7;color:#fff}.modal-body-scroll{padding:1.25rem;max-height:70vh;overflow-y:auto}.theory-sec{margin-bottom:1.15rem}.theory-sec h4{font-size:.88rem;font-weight:700;color:#38bdf8;margin:0 0 .45rem}.theory-sec ul{margin:0;padding-left:1.25rem;font-size:.76rem;color:#cbd5e1;line-height:1.5}@media(max-width:1200px){.drawer-ringkasan-grid{grid-template-columns:1fr 1fr}.drawer-prosedur-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.benedict-floating-controller{bottom:1rem;padding:.4rem .75rem;gap:.5rem}.heat-range-input{width:60px}.drawer-ringkasan-grid,.drawer-prosedur-list{grid-template-columns:1fr}.samples-grid{grid-template-columns:repeat(2,1fr)}}.hydrolysis-workspace-root{position:relative;width:100%;height:100%;background:#030712;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#f8fafc}.hydro-nav-tabs{display:flex;align-items:center;gap:.35rem;background:#0f172abf;border:1px solid rgba(56,189,248,.25);padding:.25rem .35rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hydro-nav-tab{display:flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border:none;border-radius:9999px;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.hydro-nav-tab:hover{color:#f8fafc;background:#ffffff0f}.hydro-nav-tab.active{background:linear-gradient(135deg,#38bdf840,#6366f14d);color:#38bdf8;border:1px solid rgba(56,189,248,.45);box-shadow:0 0 14px #38bdf840}.hydrolysis-canvas-wrapper{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,#0f172a,#030712 90%);overflow:hidden}.hydro-canvas-radial-gauge{position:absolute;top:1.25rem;right:1.25rem;z-index:20;width:105px;height:105px;background:#0f172ac7;border:1px solid rgba(255,255,255,.12);border-radius:50%;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 25px -5px #0009,0 0 15px #38bdf826;display:flex;align-items:center;justify-content:center;pointer-events:auto}.gauge-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.gauge-track{fill:none;stroke:#ffffff14;stroke-width:6}.gauge-arc{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .5s ease,stroke .3s ease}.gauge-center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.gauge-ph-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;line-height:1}.gauge-ph-value{font-size:1.35rem;font-weight:800;font-family:Roboto Mono,monospace;line-height:1.1;margin:.1rem 0}.gauge-status-sub{font-size:.6rem;font-weight:700;padding:.1rem .45rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.leader-callout-pin{display:flex;align-items:center;gap:.6rem;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:fadeInCallout .4s ease-out}@keyframes fadeInCallout{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pin-target-dot{width:14px;height:14px;border:2px solid;border-radius:50%;background:#0f172ad9;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px currentColor}.pin-center-dot{width:5px;height:5px;border-radius:50%}.pin-card-box{background:#0f172ae0;border:1px solid rgba(255,255,255,.12);border-left:3px solid;padding:.4rem .65rem;border-radius:.45rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0000008c}.pin-card-title{font-size:.76rem;font-weight:700;color:#f8fafc;letter-spacing:.02em}.pin-card-sub{font-size:.66rem;color:#94a3b8;margin-top:.1rem}.graduation-label{font-size:.62rem;font-weight:600;font-family:Roboto Mono,monospace;color:#ffffffa6;background:#0f172a99;padding:.1rem .35rem;border-radius:.25rem;pointer-events:none;border:1px solid rgba(255,255,255,.1)}.hydro-ion-tag{font-size:.65rem;font-weight:800;font-family:Roboto Mono,monospace;padding:.15rem .45rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;box-shadow:0 2px 8px #0006}.hydro-ion-tag.cation{background:#f59e0bd9;color:#fff}.hydro-ion-tag.anion{background:#10b981d9;color:#fff}.hydro-ion-tag.hydrolyzed-tag{box-shadow:0 0 12px #ef444499;animation:pulseHydrolyzed 1.5s infinite alternate ease-in-out}@keyframes pulseHydrolyzed{0%{transform:scale(.95)}to{transform:scale(1.08)}}.product-ion-badge{font-size:.62rem;font-weight:800;font-family:Roboto Mono,monospace;padding:.12rem .4rem;border-radius:9999px;color:#fff;pointer-events:none}.product-ion-badge.base-product{background:#0284c7e6;border:1px solid #38BDF8;box-shadow:0 0 10px #38bdf880}.product-ion-badge.acid-product{background:#dc2626e6;border:1px solid #F87171;box-shadow:0 0 10px #ef444480}.hydro-floating-inspector{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:.85rem;padding:.5rem .85rem;background:#0f172ae0;border:1px solid rgba(56,189,248,.25);border-radius:9999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 30px #0009,0 0 20px #38bdf826;pointer-events:auto;white-space:nowrap}.inspector-group{display:flex;align-items:center;gap:.4rem}.inspector-divider{width:1px;height:24px;background:#ffffff1f}.ctrl-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e2e8f0;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.ctrl-btn:hover{background:#ffffff1f;color:#fff}.ctrl-btn.play-btn.active{background:#10b98140;border-color:#10b98180;color:#10b981}.ctrl-btn.reset-btn:hover{border-color:#38bdf866;color:#38bdf8}.slider-control-item{display:flex;flex-direction:column;gap:.15rem}.slider-lbl{font-size:.65rem;font-weight:600;color:#94a3b8}.inspector-slider{width:85px;height:4px;border-radius:9999px;accent-color:#38BDF8;background:#ffffff26;cursor:pointer}.cam-btn{padding:.35rem .65rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#cbd5e1;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s}.cam-btn:hover{background:#38bdf826;color:#38bdf8;border-color:#38bdf859}.cam-btn.rotate-btn.active{background:#6366f140;border-color:#6366f180;color:#818cf8}.hydro-left-panel-content{display:flex;flex-direction:column;gap:1rem;padding:.85rem;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.salt-hero-card{background:#0f172abf;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;padding:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006;position:relative;overflow:hidden}.hero-top-row{display:flex;align-items:center;gap:.85rem;margin-bottom:.85rem}.hero-ball-badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.25);box-shadow:inset 0 2px 6px #fff6,0 4px 12px #00000080}.hero-ball-icon{color:#0f172a}.hero-titles{display:flex;flex-direction:column}.hero-salt-name{font-size:.75rem;color:#94a3b8;font-weight:500}.hero-salt-formula{font-size:1.35rem;font-weight:800;color:#f8fafc;letter-spacing:-.02em;margin:0}.hero-origins-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.85rem}.origin-chip{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:.35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.origin-chip.base{color:#38bdf8;border-color:#38bdf84d}.origin-chip.acid{color:#f87171;border-color:#f871714d}.plus-sign{font-size:.8rem;color:#64748b}.hero-status-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:#00000040;border-radius:.5rem;border:1px solid rgba(255,255,255,.06);margin-bottom:.85rem}.hero-status-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;border:1px solid;letter-spacing:.04em}.hero-ph-readout{display:flex;align-items:baseline;gap:.35rem}.ph-prefix{font-size:.75rem;color:#94a3b8}.ph-big-number{font-size:1.45rem;font-weight:800;font-family:Roboto Mono,monospace}.ph-spectrum-container{display:flex;flex-direction:column;gap:.35rem}.ph-spectrum-bar{position:relative;width:100%;height:8px;border-radius:9999px;background:linear-gradient(to right,#ef4444,#f97316,#fbbf24 40%,#10b981,#06b6d4 60%,#3b82f6,#8b5cf6);box-shadow:inset 0 1px 3px #0006}.ph-needle-indicator{position:absolute;top:-5px;width:6px;height:18px;border-radius:3px;border:2px solid #FFFFFF;transform:translate(-50%);box-shadow:0 0 8px #000c;transition:left .4s cubic-bezier(.16,1,.3,1),background-color .3s}.ph-spectrum-labels{display:flex;justify-content:space-between;font-size:.62rem;color:#64748b;font-weight:600}.hydro-accordion-section{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;background:transparent;border:none;color:#f8fafc;cursor:pointer;font-weight:600;font-size:.82rem;transition:background .2s}.accordion-header:hover{background:#ffffff0a}.acc-header-title{display:flex;align-items:center;gap:.5rem;color:#38bdf8}.accordion-body{padding:.85rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.75rem}.ion-detail-card{background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:.6rem;padding:.75rem}.ion-card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.55rem}.ion-badge{font-size:.9rem;font-weight:800;font-family:Roboto Mono,monospace;padding:.2rem .6rem;border-radius:.4rem;color:#fff}.cation-badge{background:#f59e0b4d;border:1px solid #F59E0B}.anion-badge{background:#10b9814d;border:1px solid #10B981}.ion-card-title{font-size:.78rem;font-weight:700;color:#f8fafc}.ion-card-sub{font-size:.68rem;color:#94a3b8}.ion-props-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.5rem;background:#ffffff05;padding:.4rem;border-radius:.4rem}.prop-item{display:flex;flex-direction:column}.prop-name{font-size:.62rem;color:#64748b}.prop-val{font-size:.72rem;font-weight:600;color:#cbd5e1}.ion-explanation{font-size:.7rem;color:#94a3b8;line-height:1.4;margin:0}.equation-block{display:flex;flex-direction:column;gap:.25rem;background:#0000004d;padding:.6rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.eq-tag{font-size:.65rem;font-weight:600;color:#38bdf8}.eq-code{font-size:.75rem;font-family:Roboto Mono,monospace;color:#e2e8f0;line-height:1.35}.equation-block.conclusion{border-left:3px solid #38BDF8}.conclusion-text{font-size:.78rem;font-weight:700}.indicator-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.indicator-card{background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;padding:.55rem;display:flex;flex-direction:column;gap:.2rem}.ind-name{font-size:.65rem;color:#94a3b8}.ind-val{font-size:.75rem;font-weight:700}.ratio-readout-card{display:flex;justify-content:space-between;align-items:center;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;padding:.6rem .75rem}.ratio-title{font-size:.72rem;color:#94a3b8}.ratio-math{font-size:.78rem;font-weight:700;font-family:Roboto Mono,monospace}.hydro-right-panel-content{display:flex;flex-direction:column;gap:.85rem;padding:.85rem;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.filter-pills-row{display:flex;gap:.35rem;background:#0000004d;padding:.25rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.06)}.filter-pill{flex:1;padding:.35rem 0;border:none;border-radius:.45rem;background:transparent;color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.filter-pill:hover{color:#fff}.filter-pill.active{background:#ffffff1a;color:#f8fafc;box-shadow:0 2px 6px #0000004d}.filter-pill.neutral.active{background:#10b98133;color:#10b981}.filter-pill.acidic.active{background:#ef444433;color:#ef4444}.filter-pill.basic.active{background:#38bdf833;color:#38bdf8}.search-bar-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#64748b;pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.2rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;color:#f8fafc;font-size:.76rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#38bdf880;background:#0f172ad9}.salts-list-container{display:flex;flex-direction:column;gap:.45rem}.salt-selector-card{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.salt-selector-card:hover{background:#1e293bb3;border-color:#ffffff2e;transform:translateY(-1px)}.salt-selector-card.selected{background:#1e293bf2;border-width:1.5px;box-shadow:0 4px 14px #0006}.card-left-section{display:flex;align-items:center;gap:.65rem}.salt-sphere-thumb{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.3);flex-shrink:0}.thumb-formula-short{font-size:.6rem;font-weight:800;color:#0f172a;font-family:Roboto Mono,monospace}.card-names{display:flex;flex-direction:column}.card-salt-formula{font-size:.85rem;font-weight:800;color:#f8fafc;font-family:Roboto Mono,monospace}.card-salt-name{font-size:.7rem;color:#94a3b8}.card-salt-origin{font-size:.62rem;color:#64748b}.card-right-section{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.card-ph-badge{font-size:.72rem;font-weight:800;font-family:Roboto Mono,monospace;padding:.15rem .45rem;border-radius:.35rem;border:1px solid}.card-type-tag{font-size:.6rem;color:#64748b;text-transform:uppercase;font-weight:600}.display-toggles-section{background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:.65rem;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.section-title{display:flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.toggles-list{display:flex;flex-direction:column;gap:.45rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:#cbd5e1;cursor:pointer}.toggle-row input[type=checkbox]{accent-color:#38BDF8;cursor:pointer;width:15px;height:15px}.hydro-drawer-summary,.hydro-drawer-mechanism,.hydro-drawer-equations,.hydro-drawer-types,.hydro-drawer-comparison{padding:1.25rem 1.5rem;color:#e2e8f0}.section-headline{font-size:1rem;font-weight:700;color:#f8fafc;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.drawer-hero-box{display:flex;align-items:flex-start;gap:1rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;padding:1rem;margin-bottom:1rem}.drawer-icon-wrap{padding:.65rem;border-radius:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.drawer-text-content h3{font-size:1.05rem;font-weight:700;color:#f8fafc;margin:0 0 .35rem}.drawer-text-content p{font-size:.82rem;color:#94a3b8;line-height:1.5;margin:0}.drawer-stat-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.drawer-stat-card{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:.65rem;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.stat-card-title{font-size:.68rem;color:#64748b}.stat-card-value{font-size:.85rem;font-weight:700;color:#f8fafc}.mechanism-steps-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.step-card{display:flex;gap:.75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.85rem}.step-num{width:28px;height:28px;border-radius:50%;background:#38bdf833;border:1px solid #38BDF8;color:#38bdf8;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-body h4{font-size:.85rem;font-weight:700;color:#f8fafc;margin:0 0 .35rem}.step-body p{font-size:.75rem;color:#94a3b8;line-height:1.45;margin:0 0 .45rem}.step-body code{font-size:.72rem;font-family:Roboto Mono,monospace;background:#00000059;padding:.25rem .45rem;border-radius:.35rem;color:#38bdf8;display:inline-block}.highlight-tag{font-size:.72rem;font-weight:700}.equations-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.eq-detail-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.65rem}.eq-detail-card h4{font-size:.88rem;font-weight:700;color:#38bdf8;margin:0}.code-row{display:flex;flex-direction:column;gap:.2rem}.code-row .label{font-size:.68rem;color:#64748b}.code-row code{font-size:.8rem;font-family:Roboto Mono,monospace;background:#00000059;padding:.4rem .6rem;border-radius:.4rem;color:#f8fafc;border:1px solid rgba(255,255,255,.06)}.eq-note{font-size:.72rem;color:#94a3b8;font-style:italic;margin:.3rem 0 0}.types-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem}.type-class-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.type-class-card.neutral-type{border-top:3px solid #10B981}.type-class-card.basic-type{border-top:3px solid #38BDF8}.type-class-card.acidic-type{border-top:3px solid #EF4444}.type-class-card.partial-type{border-top:3px solid #A855F7}.type-head h4{font-size:.85rem;font-weight:700;color:#f8fafc;margin:.3rem 0 0}.type-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.type-class-card p{font-size:.76rem;color:#94a3b8;line-height:1.4;margin:0}.ex-list{font-size:.7rem;color:#64748b;font-family:Roboto Mono,monospace}.comparison-table-wrapper{overflow-x:auto;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.comparison-table{width:100%;border-collapse:collapse;font-size:.76rem;text-align:left}.comparison-table th{background:#0006;padding:.65rem .85rem;color:#94a3b8;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.comparison-table td{padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.comparison-table tr{cursor:pointer;transition:background .15s}.comparison-table tr:hover{background:#ffffff0a}.comparison-table tr.active-row{background:#38bdf81f}.table-badge{padding:.15rem .45rem;border-radius:.35rem;font-size:.65rem;font-weight:700}.table-badge.neutral{background:#10b98133;color:#10b981}.table-badge.basic{background:#38bdf833;color:#38bdf8}.table-badge.acidic{background:#ef444433;color:#ef4444}.table-badge.partial{background:#a855f733;color:#a855f7}.hydro-modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.hydro-modal-container{background:#0b1329;border:1px solid rgba(56,189,248,.3);border-radius:1rem;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #000c,0 0 30px #38bdf833;overflow:hidden}.modal-header-row{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title-with-icon{display:flex;align-items:center;gap:.65rem}.modal-icon{color:#38bdf8}.modal-title-with-icon h2{font-size:1.15rem;font-weight:700;color:#f8fafc;margin:0}.modal-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:.35rem;border-radius:.4rem;transition:color .2s}.modal-close-btn:hover{color:#fff}.modal-body-scroll{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.learn-section h3{font-size:.95rem;font-weight:700;color:#38bdf8;margin:0 0 .45rem}.learn-section p{font-size:.82rem;color:#94a3b8;line-height:1.55;margin:0}.learn-formula-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.5rem}.formula-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;padding:.85rem}.formula-box h4{font-size:.8rem;font-weight:700;color:#f8fafc;margin:0 0 .45rem}.formula-box p{font-family:Roboto Mono,monospace;font-size:.75rem;color:#38bdf8;margin:.25rem 0}.challenge-fullscreen-overlay{position:fixed;inset:0;z-index:900;background:#030712eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.challenge-card-box{background:#0f172a;border:1px solid rgba(56,189,248,.35);border-radius:1rem;width:100%;max-width:620px;padding:1.75rem;box-shadow:0 25px 60px #000c;display:flex;flex-direction:column;gap:1.25rem}.challenge-card-header{display:flex;align-items:center;justify-content:space-between}.quiz-badge{background:#38bdf826;border:1px solid rgba(56,189,248,.4);color:#38bdf8;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.quiz-score-pill{font-size:.8rem;font-weight:700;color:#fbbf24}.quiz-exit-btn{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:.4rem;color:#94a3b8;padding:.25rem .65rem;font-size:.72rem;cursor:pointer}.challenge-q-text{font-size:1.05rem;font-weight:700;color:#f8fafc;line-height:1.45;margin:0}.challenge-options-grid{display:flex;flex-direction:column;gap:.65rem}.quiz-opt-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.65rem;color:#f8fafc;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.quiz-opt-btn:hover:not(:disabled){background:#38bdf81a;border-color:#38bdf859}.opt-letter{width:26px;height:26px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.quiz-opt-btn.correct{background:#10b98140;border-color:#10b981;color:#10b981}.quiz-opt-btn.incorrect{background:#ef444440;border-color:#ef4444;color:#ef4444}.status-ico{flex-shrink:0}.challenge-explanation-box{background:#0006;border:1px solid rgba(56,189,248,.2);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.exp-title{font-size:.78rem;font-weight:700;color:#38bdf8}.challenge-explanation-box p{font-size:.78rem;color:#94a3b8;line-height:1.45;margin:0}.quiz-next-btn{align-self:flex-end;padding:.5rem 1.25rem;background:#0284c7;border:none;border-radius:.5rem;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:.35rem}.quiz-next-btn:hover{background:#0369a1}.electrode-tag{font-size:.72rem;font-weight:800;padding:.2rem .5rem;border-radius:.35rem;color:#fff}.electrode-tag.anode{background:#dc2626}.electrode-tag.cathode{background:#2563eb}.bulb-pill-status{font-size:.75rem;font-weight:700;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);padding:.25rem .65rem;border-radius:9999px;color:#f8fafc;white-space:nowrap}.battery-circuit-badge{font-size:.75rem;font-weight:800;color:#fff;white-space:nowrap}.utube-electrode-pill{display:flex;flex-direction:column;align-items:center;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);padding:.35rem .65rem;border-radius:.5rem;white-space:nowrap}.utube-electrode-pill span{font-size:.75rem;font-weight:700}.utube-electrode-pill small{font-size:.65rem;font-family:Roboto Mono,monospace;color:#38bdf8}.utube-electrode-pill.cathode span{color:#38bdf8}.utube-electrode-pill.anode span{color:#f97316}@media(max-width:1024px){.equations-layout-grid{grid-template-columns:1fr}}@media(max-width:768px){.hydro-canvas-radial-gauge{width:85px;height:85px;top:.85rem;right:.85rem}.gauge-ph-value{font-size:1.15rem}.hydro-floating-inspector{flex-wrap:wrap;border-radius:1rem;justify-content:center;padding:.6rem}.sliders-group{display:none}.learn-formula-grid{grid-template-columns:1fr}}.stoichiometry-sim-root{position:relative;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc;background-color:#030712;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.sim-lab-bg-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 30%,rgba(14,165,233,.14),transparent 60%),radial-gradient(circle at 85% 65%,rgba(168,85,247,.08),transparent 50%),url(/assets/lab_chemistry_dark_bokeh.jpg);background-size:cover;background-position:center 25%;opacity:.4;pointer-events:none;z-index:0;filter:brightness(.65) contrast(1.15)}.sim-top-nav{position:relative;z-index:30;height:56px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;background:#080e1ad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(56,189,248,.15);box-shadow:0 4px 20px #0006}.nav-left{display:flex;align-items:center;gap:.85rem}.brand-logo{display:flex;align-items:center;gap:.6rem}.brand-icon-box{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#38bdf840,#0ea5e914);border:1px solid rgba(56,189,248,.35);display:flex;align-items:center;justify-content:center;color:#38bdf8;box-shadow:0 0 12px #38bdf840}.brand-title{font-size:1.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.nav-icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0f172aa6;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-icon-btn:hover{color:#38bdf8;border-color:#38bdf866;background:#38bdf81a;transform:translateY(-1px);box-shadow:0 0 12px #38bdf833}.nav-icon-btn.home-btn{background:#e11d48;border-color:#f43f5e;color:#fff}.nav-icon-btn.home-btn:hover{background:#be123c;border-color:#fb7185;box-shadow:0 0 14px #e11d4866}.nav-center-tabs{display:flex;align-items:center;gap:.35rem;background:#0f172ab3;padding:.22rem .3rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-pill{display:flex;align-items:center;gap:.45rem;padding:.35rem 1.1rem;border-radius:9999px;border:none;background:transparent;color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-pill:hover{color:#f8fafc}.mode-pill.active{background:linear-gradient(135deg,#0ea5e940,#38bdf826);border:1px solid rgba(56,189,248,.5);color:#38bdf8;font-weight:600;box-shadow:0 0 16px #38bdf84d}.nav-right-actions{display:flex;align-items:center;gap:.6rem}.sim-workspace{position:relative;flex:1;display:flex;overflow:hidden;z-index:10}.sim-canvas-viewport{position:absolute;inset:0;z-index:1}.canvas-equation-banner{display:flex;flex-direction:column;align-items:center;padding:.55rem 1.3rem;background:#0b1326e0;border:1px solid rgba(56,189,248,.35);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080,0 0 20px #38bdf826;white-space:nowrap}.equation-main{display:flex;align-items:center;gap:.5rem;font-family:Roboto Mono,SF Mono,monospace;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.equation-main .reactant-1{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.4)}.equation-main .op,.equation-main .arrow{color:#94a3b8}.equation-main .reactant-2{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4)}.equation-main .product-1{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.4)}.equation-moles{display:flex;justify-content:space-between;width:100%;margin-top:.2rem;font-size:.72rem;font-family:Roboto Mono,monospace;color:#64748b}.equation-moles span:first-child{color:#38bdf8}.equation-moles span:nth-child(2){color:#ef4444}.equation-moles span:last-child{color:#a855f7}.beaker-floating-tag{display:flex;align-items:center;gap:.35rem;padding:.2rem .55rem;background:#0b1326d9;border:1px solid rgba(255,255,255,.15);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006;white-space:nowrap}.beaker-floating-tag .formula-tag{font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:700}.beaker-floating-tag .name-tag{font-size:.72rem;color:#94a3b8}.pedestal-plaque{display:flex;flex-direction:column;align-items:center;min-width:95px;padding:.25rem .55rem;background:#0b1326f2;border:1px solid rgba(255,255,255,.12);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000080;white-space:nowrap}.plaque-formula{font-family:Roboto Mono,monospace;font-size:.95rem;font-weight:700}.plaque-moles{font-size:.78rem;font-weight:600;color:#f8fafc}.plaque-subtext{font-size:.62rem;color:#94a3b8}.plaque-mr{font-size:.58rem;color:#64748b}.molecule-label{padding:.1rem .35rem;background:#0b1326cc;border:1px solid rgba(255,255,255,.18);border-radius:4px;font-family:Roboto Mono,monospace;font-size:.55rem;font-weight:600;color:#e2e8f0;white-space:nowrap;pointer-events:none}.molecule-label.excess{background:#f59e0b4d;border-color:#f59e0b;color:#fbbf24}.reaction-plus-sign{font-size:2.2rem;font-weight:700;color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.85);-webkit-user-select:none;user-select:none}.canvas-floating-controls{position:absolute;top:1rem;right:375px;z-index:20;display:flex;flex-direction:column;gap:.45rem;padding:.65rem .75rem;background:#0b1326d9;border:1px solid rgba(56,189,248,.22);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006}.floating-cam-btn{display:flex;align-items:center;gap:.45rem;padding:.4rem .7rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.72rem;font-weight:500;cursor:pointer;transition:all .2s ease}.floating-cam-btn:hover,.floating-cam-btn.active{color:#38bdf8;border-color:#38bdf866;background:#38bdf826}.floating-cam-toggle{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.28rem .45rem;font-size:.7rem;color:#94a3b8;cursor:pointer}.floating-cam-toggle input{display:none}.toggle-slider{position:relative;width:32px;height:18px;background:#ffffff26;border-radius:9999px;transition:all .2s ease}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:all .2s ease}.floating-cam-toggle input:checked+.toggle-slider{background:#38bdf8}.floating-cam-toggle input:checked+.toggle-slider:after{transform:translate(14px)}.canvas-playback-bar{position:absolute;bottom:168px;left:355px;right:375px;transform:none;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.45rem 1.15rem;background:#0b1326eb;border:1px solid rgba(56,189,248,.25);border-radius:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000080;transition:bottom .3s cubic-bezier(.4,0,.2,1)}.canvas-playback-bar.drawer-closed{bottom:64px}.canvas-playback-bar.drawer-open{bottom:178px}.playback-buttons{display:flex;align-items:center;gap:.45rem}.playback-play-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:9px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #10b98159;transition:all .2s ease}.playback-play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.playback-play-btn.active{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 0 16px #10b98199}.playback-pause-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#0f172ab3;color:#94a3b8;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease}.playback-pause-btn:hover,.playback-pause-btn.active{color:#f8fafc;border-color:#f59e0b80;background:#f59e0b26}.playback-reset-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#0f172ab3;color:#94a3b8;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease}.playback-reset-btn:hover{color:#f8fafc;border-color:#ffffff4d}.reaction-stepper{flex:1;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 .8rem}.reaction-stepper:before{content:"";position:absolute;top:50%;left:16px;right:16px;height:2px;background:#ffffff1f;transform:translateY(-50%);z-index:1}.stepper-track-progress{position:absolute;top:50%;left:16px;height:2px;background:#38bdf8;box-shadow:0 0 10px #38bdf8;transform:translateY(-50%);z-index:2;transition:width .3s ease}.stepper-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer}.stepper-dot{width:14px;height:14px;border-radius:50%;background:#1e293b;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stepper-node.active .stepper-dot{border-color:#38bdf8;background:#0b192c}.stepper-node.current .stepper-dot{border-color:#38bdf8;background:#38bdf8;box-shadow:0 0 12px #38bdf8;transform:scale(1.2)}.dot-inner{width:6px;height:6px;border-radius:50%;background:#38bdf8}.stepper-label{font-size:.72rem;color:#64748b;white-space:nowrap;transition:color .2s ease}.stepper-node.active .stepper-label{color:#94a3b8}.stepper-node.current .stepper-label{color:#38bdf8;font-weight:600}.sim-left-panel{position:absolute;top:1rem;left:1rem;bottom:1rem;width:325px;z-index:25;display:flex;flex-direction:column;gap:.55rem;padding:.85rem;background:#0b1326e6;border:1px solid rgba(56,189,248,.25);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #0000008c;overflow-y:auto}.panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.panel-title-group{display:flex;align-items:center;gap:.45rem}.panel-header-icon{color:#a855f7}.panel-title-group h2{font-size:.95rem;font-weight:700;color:#f8fafc;margin:0}.panel-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.2rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.panel-close-btn:hover{color:#f8fafc;background:#ffffff14}.restore-left-panel-btn{position:absolute;top:1rem;left:1rem;z-index:25;display:flex;align-items:center;gap:.45rem;padding:.55rem .9rem;background:#0b1326e0;border:1px solid rgba(56,189,248,.3);border-radius:12px;color:#38bdf8;font-size:.82rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;transition:all .2s}.restore-left-panel-btn:hover{transform:translate(2px);border-color:#38bdf8}.info-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.65rem .75rem}.card-label{font-size:.68rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.equation-code{display:flex;align-items:center;gap:.5rem;font-family:Roboto Mono,monospace;font-size:1rem;font-weight:700;color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.3)}.eq-icon{font-size:1rem;color:#94a3b8}.ratio-badges-row{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.ratio-badge{flex:1;display:flex;flex-direction:column;align-items:center;padding:.35rem .3rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ratio-badge .num{font-size:1.1rem;font-weight:700;font-family:Roboto Mono,monospace}.ratio-badge .sub{font-size:.68rem;color:#94a3b8}.badge-blue{background:#38bdf81f;border-color:#38bdf84d;color:#38bdf8}.badge-red{background:#ef44441f;border-color:#ef44444d;color:#ef4444}.badge-purple{background:#a855f71f;border-color:#a855f74d;color:#a855f7}.ratio-colon{font-size:1.15rem;font-weight:700;color:#64748b}.limiting-reagent-card{background:linear-gradient(135deg,#f59e0b26,#d977060d);border:1px solid rgba(245,158,11,.4)}.limiting-header{display:flex;align-items:flex-start;gap:.55rem}.limiting-icon-badge{width:28px;height:28px;border-radius:8px;background:#f59e0b40;color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.limiting-title{font-size:.82rem;font-weight:700;color:#fbbf24;margin-bottom:.12rem}.limiting-desc{font-size:.72rem;color:#e2e8f0;line-height:1.35;margin:0}.results-grid{display:flex;flex-direction:column;gap:.3rem}.result-metric{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.result-metric .metric-label{color:#94a3b8}.result-metric .metric-val.highlight{font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:700;color:#38bdf8}.result-metric .metric-val.muted{font-family:Roboto Mono,monospace;font-size:.8rem;font-weight:500;color:#64748b}.explanation-card{padding:0;overflow:hidden}.explanation-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;background:transparent;border:none;color:#e2e8f0;font-size:.78rem;font-weight:600;cursor:pointer}.toggle-left{display:flex;align-items:center;gap:.45rem;color:#38bdf8}.explanation-body{padding:0 .75rem .75rem;font-size:.72rem;color:#94a3b8;line-height:1.4}.sim-right-panel{position:absolute;top:1rem;right:1rem;bottom:1rem;width:350px;z-index:25;display:flex;flex-direction:column;gap:.7rem;padding:.85rem;background:#0b1326e6;border:1px solid rgba(56,189,248,.25);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #0000008c;overflow-y:auto}.control-section{display:flex;flex-direction:column;gap:.45rem}.section-title{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.section-title svg{color:#38bdf8}.reactions-card-list{display:flex;flex-direction:column;gap:.4rem}.reaction-select-card{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.reaction-select-card:hover{background:#1e293bb3;border-color:#38bdf84d;transform:translateY(-1px)}.reaction-select-card.selected{background:linear-gradient(135deg,#a855f72e,#38bdf814);border:1px solid #A855F7;box-shadow:0 0 16px #a855f740}.reac-card-icon{width:28px;height:28px;border-radius:8px;background:#a855f726;display:flex;align-items:center;justify-content:center;color:#a855f7}.icon-burn{color:#f59e0b}.reac-card-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.reac-name{font-size:.8rem;font-weight:600;color:#f8fafc}.reac-eq{font-family:Roboto Mono,monospace;font-size:.68rem;color:#94a3b8}.reac-badge{padding:.15rem .45rem;border-radius:6px;background:#ffffff14;font-size:.62rem;font-weight:500;color:#94a3b8}.reac-active-arrow{color:#a855f7}.reagent-control-box{padding:.65rem .75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px}.reagent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.reagent-name-wrap{display:flex;align-items:baseline;gap:.35rem}.reagent-formula{font-family:Roboto Mono,monospace;font-size:.95rem;font-weight:700}.reagent-sub{font-size:.68rem;color:#94a3b8}.reagent-value-badge{display:flex;align-items:baseline;gap:.25rem;padding:.2rem .55rem;border-radius:6px;background:#00000059;border:1px solid rgba(255,255,255,.12);font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:700;color:#f8fafc}.reagent-value-badge .unit{font-size:.65rem;color:#94a3b8;font-weight:500}.slider-wrapper{margin:.35rem 0 .25rem}.reagent-slider{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:9999px;outline:none;cursor:pointer}.reagent-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080;transition:transform .1s}.reagent-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.blue-slider::-webkit-slider-thumb{background:#38bdf8;border:2px solid #FFFFFF;box-shadow:0 0 10px #38bdf8}.red-slider::-webkit-slider-thumb{background:#ef4444;border:2px solid #FFFFFF;box-shadow:0 0 10px #ef4444}.reagent-meta-row{display:flex;justify-content:space-between;font-size:.62rem;color:#64748b;margin-top:.2rem}.sim-setting-row{display:flex;flex-direction:column;gap:.25rem;padding:.45rem .65rem;background:#0f172a80;border-radius:8px}.setting-label-row{font-size:.7rem;color:#94a3b8}.slider-with-ends{display:flex;align-items:center;gap:.55rem}.end-label{font-size:.65rem;color:#64748b;min-width:36px}.subtle-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:9999px;outline:none;cursor:pointer}.subtle-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#38bdf8;border:1px solid #FFFFFF;cursor:pointer}.cta-container{margin-top:auto;padding-top:.4rem}.big-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.15rem;border-radius:12px;border:none;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #2563eb73;transition:all .2s cubic-bezier(.4,0,.2,1)}.big-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2563eb99}.big-cta-btn.active{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 20px #ea580c73}.sim-bottom-drawer{position:absolute;bottom:1rem;left:355px;right:375px;z-index:25;display:flex;flex-direction:column;background:#080e1aeb;border:1px solid rgba(56,189,248,.25);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 36px #0000008c;transition:height .3s cubic-bezier(.4,0,.2,1)}.sim-bottom-drawer.collapsed{height:44px}.sim-bottom-drawer.expanded{height:156px}.drawer-header-bar{height:38px;padding:0 .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-tabs-list{display:flex;align-items:center;gap:.35rem}.drawer-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;border:none;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.drawer-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.drawer-tab-btn.active{background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-weight:600}.drawer-toggle-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.drawer-toggle-btn:hover{color:#f8fafc;border-color:#38bdf8}.drawer-content-pane{flex:1;padding:.4rem .85rem .55rem;overflow-x:auto;overflow-y:hidden}.drawer-summary-grid{display:grid;grid-template-columns:1.15fr .95fr .95fr 1.05fr 1.35fr;gap:.65rem;height:100%;align-items:stretch}.summary-widget-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:.35rem .55rem;display:flex;flex-direction:column;justify-content:space-between}.summary-widget-card .widget-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.15rem}.summary-widget-card h4{font-size:.7rem;font-weight:600;color:#94a3b8;margin:0}.icon-green{color:#10b981}.status-badge-big{display:flex;align-items:center;gap:.45rem;padding:.25rem .4rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:7px;color:#10b981}.status-title{font-size:.76rem;font-weight:700;color:#10b981}.status-sub{font-size:.6rem;color:#e2e8f0;margin-top:.1rem;line-height:1.25}.product-display-flex{display:flex;align-items:center;gap:.65rem}.product-visual-circle{width:42px;height:42px;border-radius:50%;background:#a855f726;border:1px solid rgba(168,85,247,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.water-cluster-icon{position:relative;width:28px;height:28px}.water-cluster-icon .o-dot{position:absolute;top:3px;left:8px;width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef444499}.water-cluster-icon .h-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 4px #fff9}.water-cluster-icon .h1{bottom:3px;left:2px}.water-cluster-icon .h2{bottom:3px;right:2px}.prod-formula{font-family:Roboto Mono,monospace;font-size:.95rem;font-weight:700;color:#a855f7}.prod-mol{font-size:.82rem;font-weight:600;color:#f8fafc}.prod-mass{font-size:.68rem;color:#94a3b8}.excess-rows-list{display:flex;flex-direction:column;gap:.3rem}.excess-item{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;padding:.2rem .45rem;background:#00000040;border-radius:6px}.item-left{display:flex;align-items:center;gap:.45rem}.diatomic-dot-pair{display:inline-flex;gap:2px;align-items:center}.diatomic-dot-pair .dot{width:7px;height:7px;border-radius:50%}.diatomic-dot-pair.white .dot{background:#fff;box-shadow:0 0 3px #fff6}.diatomic-dot-pair.red .dot{background:#ef4444;box-shadow:0 0 3px #ef444466}.mol-val{font-family:Roboto Mono,monospace;font-weight:600;color:#f8fafc;white-space:nowrap;font-size:.72rem}.ratio-cards-row{display:flex;align-items:center;justify-content:center;gap:.45rem}.theory-ratio-pill{display:flex;flex-direction:column;align-items:center;padding:.22rem .5rem;border-radius:8px}.theory-ratio-pill .num{font-size:.95rem;font-weight:700;font-family:Roboto Mono,monospace}.theory-ratio-pill .lbl{font-size:.65rem}.theory-ratio-pill.blue{background:#38bdf826;color:#38bdf8}.theory-ratio-pill.red{background:#ef444426;color:#ef4444}.theory-ratio-pill.purple{background:#a855f726;color:#a855f7}.colon{font-weight:700;color:#64748b}.calc-steps-ordered{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.68rem;color:#cbd5e1;overflow-y:auto}.calc-steps-ordered li{display:flex;align-items:flex-start;gap:.4rem;line-height:1.35}.step-num{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#38bdf833;color:#38bdf8;font-size:.62rem;font-weight:700;flex-shrink:0}.drawer-table-pane{display:flex;gap:1.25rem;height:100%}.mrs-table-container{flex:1.2}.pane-title{font-size:.75rem;font-weight:600;color:#38bdf8;margin-bottom:.35rem}.mrs-table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:center}.mrs-table th{padding:.35rem .5rem;background:#1e293b99;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1)}.mrs-table td{padding:.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);font-family:Roboto Mono,monospace}.mrs-table .row-label{text-align:left;font-family:Inter,sans-serif;color:#94a3b8}.reacting-num{color:#f59e0b}.product-num{color:#a855f7}.highlight-sisa{background:#38bdf81a;font-weight:700;color:#38bdf8}.conservation-box{flex:.8;display:flex;flex-direction:column;justify-content:center;padding:.65rem .95rem;background:#0f172a99;border:1px solid rgba(16,185,129,.3);border-radius:10px}.conservation-title{font-size:.72rem;font-weight:600;color:#10b981;margin-bottom:.4rem}.conservation-row{display:flex;align-items:center;gap:.65rem}.conservation-row .side{display:flex;flex-direction:column}.conservation-row .lbl{font-size:.65rem;color:#94a3b8}.conservation-row .val{font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:700;color:#f8fafc}.eq-sign{font-size:1.15rem;font-weight:700;color:#64748b}.check-tag{display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:6px;background:#10b98133;color:#10b981;font-size:.68rem;font-weight:600;margin-left:auto}.drawer-mechanism-pane{display:flex;flex-direction:column;gap:.5rem;height:100%}.mechanism-intro h4{font-size:.78rem;font-weight:600;color:#38bdf8;margin:0 0 .2rem}.mechanism-intro p{font-size:.68rem;color:#94a3b8;margin:0}.mechanism-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.mech-card{padding:.55rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:8px}.mech-num-circle{font-size:.65rem;font-weight:700;color:#a855f7;margin-bottom:.25rem}.mech-desc{font-size:.67rem;color:#cbd5e1;line-height:1.3;margin:0}.drawer-comparison-pane{height:100%;display:flex;flex-direction:column}.comparison-title{font-size:.75rem;font-weight:600;color:#38bdf8;margin-bottom:.25rem}.drawer-chart-pane{height:100%;display:flex;flex-direction:column}.chart-header-row{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.25rem}.chart-header-row h4{font-size:.78rem;font-weight:600;color:#38bdf8;margin:0}.sub-note{font-size:.65rem;color:#64748b}.challenge-container{display:flex;flex-direction:column;gap:.75rem}.level-badge{display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:6px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:.75rem;font-weight:600}.score-badge{display:flex;align-items:baseline;gap:.35rem;font-size:.8rem;color:#94a3b8}.score-badge strong{font-family:Roboto Mono,monospace;font-size:1.05rem;color:#38bdf8}.challenge-question-card{padding:.75rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:10px}.challenge-question-card h3{font-size:.85rem;font-weight:600;color:#f8fafc;line-height:1.4;margin:0}.challenge-options-list{display:flex;flex-direction:column;gap:.45rem}.quiz-opt-btn{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#e2e8f0;font-size:.78rem;cursor:pointer;transition:all .2s;text-align:left}.quiz-opt-btn:hover:not(:disabled){background:#1e293bb3;border-color:#38bdf84d}.quiz-opt-btn.correct{background:#10b98133;border-color:#10b981;color:#34d399}.quiz-opt-btn.incorrect{background:#ef444433;border-color:#ef4444;color:#f87171}.opt-letter{width:22px;height:22px;border-radius:6px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem}.opt-text{flex:1}.challenge-feedback-box{display:flex;flex-direction:column;gap:.55rem;padding:.65rem;background:#0f172abf;border-radius:8px}.feedback-msg{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600}.feedback-msg.success{color:#34d399}.feedback-msg.error{color:#f87171}.next-challenge-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem;border-radius:8px;border:none;background:#38bdf8;color:#030712;font-size:.82rem;font-weight:700;cursor:pointer}.challenge-finish-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.85rem 0}.trophy-finish{color:#f59e0b;margin-bottom:.45rem}.restart-btn{margin-top:.45rem;display:flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#f8fafc;cursor:pointer}.learn-container{display:flex;flex-direction:column;gap:.65rem}.learn-header{display:flex;align-items:center;gap:.45rem;color:#38bdf8}.learn-header h3{font-size:.9rem;font-weight:700;color:#f8fafc;margin:0}.learn-cards-scroll{display:flex;flex-direction:column;gap:.55rem}.learn-theory-card{padding:.65rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:8px}.theory-title{font-size:.78rem;font-weight:700;color:#38bdf8;margin-bottom:.2rem}.learn-theory-card p{font-size:.7rem;color:#cbd5e1;line-height:1.35;margin:0}.theory-formula{margin-top:.35rem;padding:.3rem .45rem;background:#00000059;border-left:2px solid #38BDF8;font-family:Roboto Mono,monospace;font-size:.68rem;color:#f8fafc}@media(max-width:1200px){.sim-left-panel{width:270px}.sim-right-panel{width:290px}.canvas-floating-controls{right:310px}.sim-bottom-drawer,.canvas-playback-bar{left:285px;right:305px}.drawer-summary-grid{grid-template-columns:repeat(3,1fr);height:auto}.sim-bottom-drawer.expanded{height:240px}}@media(max-width:900px){.sim-left-panel{display:none}.canvas-floating-controls{right:1.25rem;top:4.5rem}.sim-right-panel{position:fixed;right:0;top:56px;bottom:0;width:320px;border-radius:0;z-index:40}.sim-bottom-drawer,.canvas-playback-bar{left:1rem;right:340px}}@media(max-width:640px){.brand-title{display:none}.nav-center-tabs{padding:.15rem}.mode-pill{padding:.35rem .65rem;font-size:.75rem}.sim-right-panel{width:100vw}.sim-bottom-drawer{left:.5rem;right:.5rem;bottom:.5rem}.canvas-playback-bar{left:.5rem;right:.5rem;bottom:195px;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.reaction-stepper{gap:.5rem}.stepper-label{font-size:.6rem}}.equation-balancer-3d-simulation{position:relative;width:100%;height:100dvh;background:#060913;color:#f8fafc;overflow:hidden;font-family:var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);-webkit-user-select:none;user-select:none}.lab-background-layer{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 20%,rgba(56,189,248,.08) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.07) 0%,transparent 50%),linear-gradient(180deg,#060a14d1,#04070ff0),url(/assets/lab_chemistry_dark_bokeh.jpg);background-size:cover;background-position:center;pointer-events:none;z-index:0}.eq-top-navbar{position:absolute;top:0;left:0;right:0;height:3.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:#0a0f1ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(56,189,248,.15);z-index:50}.navbar-left{display:flex;align-items:center;gap:.75rem}.eq-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#1e293b99;border:1px solid rgba(148,163,184,.2);color:#94a3b8;cursor:pointer;transition:all .2s ease}.eq-nav-btn:hover{background:#38bdf826;border-color:#38bdf866;color:#38bdf8;transform:translateY(-1px)}.eq-brand-title{display:flex;align-items:center;gap:.625rem}.brand-icon{color:#38bdf8;filter:drop-shadow(0 0 8px rgba(56,189,248,.5))}.eq-brand-title h1{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#f8fafc;line-height:1.1}.brand-subtitle{font-size:.6875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.navbar-center{display:flex;align-items:center}.eq-mode-pill{display:inline-flex;align-items:center;background:#0f172ae6;border:1px solid rgba(148,163,184,.2);padding:3px;border-radius:9999px;gap:4px}.eq-mode-pill .mode-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:auto!important;padding:6px 14px!important;font-size:.75rem!important;font-weight:600!important;line-height:1.2!important;border:none!important;border-radius:9999px!important;background:transparent!important;color:#94a3b8!important;cursor:pointer!important;white-space:nowrap!important;transition:all .2s ease!important}.eq-mode-pill .mode-btn:hover{color:#f8fafc!important;background:#ffffff14!important}.eq-mode-pill .mode-btn.active{background:#0284c7!important;color:#fff!important;box-shadow:0 0 14px #0284c780!important}.navbar-right{display:flex;align-items:center;gap:.5rem}.eq-workspace-grid{position:absolute;top:3.5rem;left:0;right:0;bottom:0;display:grid;grid-template-columns:310px 1fr 310px;z-index:10;overflow:hidden}.eq-panel{background:#0a1020d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.12);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1.125rem;z-index:20;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.3) transparent}.eq-panel::-webkit-scrollbar{width:5px}.eq-panel::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.left-panel{border-right:1px solid rgba(56,189,248,.15);border-top:none;border-bottom:none;border-left:none}.right-panel{border-left:1px solid rgba(56,189,248,.15);border-top:none;border-bottom:none;border-right:none}.panel-header-title{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.12)}.panel-title-icon{color:#38bdf8}.panel-header-title h2{margin:0;font-size:.9375rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.section-label,.group-label{display:block;font-size:.6875rem;font-weight:700;color:#64748b;letter-spacing:.06em;margin-bottom:.375rem}.reaction-select-native{width:100%;padding:.55rem .75rem;background:#0f172ae6;border:1px solid rgba(56,189,248,.25);border-radius:.5rem;color:#f8fafc;font-size:.8125rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.reaction-select-native:hover{border-color:#38bdf880;box-shadow:0 0 10px #38bdf826}.reaction-select-native option{background:#0f172a;color:#f8fafc}.equation-highlight-card{background:#0f172abf;border:1px solid rgba(56,189,248,.2);border-radius:.75rem;padding:.875rem;box-shadow:0 4px 16px #00000040;display:flex;flex-direction:column;gap:.625rem}.card-top-tag{font-size:.625rem;font-weight:800;letter-spacing:.08em;color:#38bdf8}.big-equation-string{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.375rem;font-size:1.125rem;font-weight:700;padding:.5rem 0;background:#03071280;border-radius:.5rem;border:1px dashed rgba(56,189,248,.2)}.compound-unit{display:inline-flex;align-items:center;gap:.125rem}.plus-sign{color:#64748b;margin:0 .25rem;font-size:.875rem}.coeff-highlight{color:#f59e0b;font-weight:800}.reaction-arrow-symbol{margin:0 .375rem;color:#64748b;font-size:1.25rem;transition:all .3s ease}.reaction-arrow-symbol.arrow-balanced{color:#10b981;transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(16,185,129,.6))}.balance-status-badge{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;line-height:1.2;transition:all .3s ease}.balance-status-badge strong{display:block;font-size:.8125rem}.badge-subtext{font-size:.6875rem;opacity:.85}.status-balanced{background:#10b9812e;border:1px solid rgba(16,185,129,.4);color:#34d399}.status-unbalanced{background:#f59e0b24;border:1px solid rgba(245,158,11,.35);color:#fbbf24}.atom-comparison-box{background:#0f172a99;border:1px solid rgba(148,163,184,.12);border-radius:.75rem;padding:.75rem}.atom-table-header{display:flex;align-items:center;gap:.375rem;color:#f8fafc;margin-bottom:.5rem}.atom-table-header h3{margin:0;font-size:.8125rem;font-weight:700}.atom-table-grid{display:flex;flex-direction:column;gap:.375rem}.atom-grid-row{display:grid;grid-template-columns:1.2fr 1.5fr 1.5fr .8fr;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:.375rem;font-size:.75rem}.atom-grid-row.header-row{font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(148,163,184,.1);padding-bottom:.25rem}.atom-grid-row.data-row{background:#1e293b59;border:1px solid rgba(148,163,184,.08);transition:all .2s ease}.atom-grid-row.data-row.matched{border-color:#10b9814d;background:#10b98114}.atom-grid-row.data-row.mismatched{border-color:#f59e0b40}.element-cell{display:flex;align-items:center;gap:.375rem}.el-dot{width:.625rem;height:.625rem;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.el-symbol{font-size:.8125rem;color:#f8fafc}.count-cell{display:flex;flex-direction:column;gap:.125rem}.count-num{font-weight:700;color:#f1f5f9;font-size:.8125rem}.mini-bar-track{width:100%;height:3px;background:#94a3b826;border-radius:2px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.fill-reactants{background:#38bdf8}.fill-products{background:#ef4444}.col-status{text-align:center}.status-cell{display:flex;align-items:center;justify-content:center}.dynamic-hint-box{padding:.75rem;border-radius:.625rem;font-size:.75rem;line-height:1.45}.dynamic-hint-box.hint-unbalanced{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fde68a}.dynamic-hint-box.hint-balanced{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#a7f3d0}.hint-header{display:flex;align-items:center;gap:.375rem;font-weight:700;margin-bottom:.25rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em}.dynamic-hint-box p{margin:0}.eq-canvas-viewport{position:relative;width:100%;height:100%;overflow:hidden}.canvas-equation-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:30;pointer-events:none}.banner-inner{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1.5rem;background:#0a1020d9;border:1px solid rgba(56,189,248,.3);border-radius:2rem;box-shadow:0 4px 20px #00000080,0 0 15px #38bdf833;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.banner-title{font-size:.6875rem;font-weight:700;color:#38bdf8;text-transform:uppercase;letter-spacing:.08em}.banner-eq{display:flex;align-items:center;gap:.375rem;font-size:1.125rem;font-weight:700}.banner-op{color:#64748b;margin:0 .125rem}.banner-coeff{color:#f59e0b;font-weight:800;margin-right:.125rem}.banner-arrow{color:#64748b;margin:0 .375rem;transition:all .3s}.banner-arrow.balanced{color:#10b981;filter:drop-shadow(0 0 8px #10B981)}.canvas-view-controls{position:absolute;top:1rem;right:1rem;z-index:30;display:flex;flex-direction:column;gap:.375rem;background:#0a1020cc;border:1px solid rgba(56,189,248,.2);border-radius:.75rem;padding:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.controls-label{font-size:.625rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.view-buttons-row{display:flex;gap:.375rem}.view-ctrl-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#1e293b99;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;color:#cbd5e1;font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-ctrl-btn:hover{background:#38bdf826;border-color:#38bdf866;color:#f8fafc}.view-ctrl-btn.active{background:#38bdf840;border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.molecule-coeff-badge{background:#0f172ae6;border:1.5px solid #F59E0B;box-shadow:0 0 12px #f59e0b66;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#f59e0b;font-weight:800;font-size:.875rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.molecule-pedestal-plaque{display:flex;flex-direction:column;align-items:center;background:#0a1020e6;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;padding:.25rem .625rem;box-shadow:0 4px 12px #00000080;white-space:nowrap;pointer-events:none}.plaque-formula{font-weight:800;font-size:.8125rem}.plaque-name{font-size:.625rem;color:#94a3b8}.fulcrum-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.6875rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fulcrum-status-badge.balanced{background:#10b981e6;color:#fff;border:1px solid #34D399;box-shadow:0 0 16px #10b98199}.fulcrum-status-badge.unbalanced{background:#f59e0be6;color:#fff;border:1px solid #FBBF24;box-shadow:0 0 14px #f59e0b80}.pan-atom-summary{display:flex;flex-direction:column;align-items:center;gap:.125rem;background:#0f172ad9;border:1px solid rgba(148,163,184,.2);border-radius:.375rem;padding:.25rem .5rem;font-size:.625rem;color:#cbd5e1;white-space:nowrap;pointer-events:none}.pan-side-label{font-weight:700;color:#64748b;text-transform:uppercase;font-size:.5625rem}.pan-atom-pill{font-weight:600;color:#f8fafc}.success-banner-popup{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:.875rem;background:#064e3beb;border:2px solid #10B981;border-radius:1rem;padding:1rem 1.75rem;box-shadow:0 0 35px #10b98199;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.celebration-icon-circle{width:2.75rem;height:2.75rem;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;color:#064e3b}.celebration-texts h3{margin:0;font-size:1.125rem;font-weight:800;color:#fff}.celebration-texts p{margin:.125rem 0 0;font-size:.75rem;color:#a7f3d0}.eq-bottom-drawer{position:absolute;left:1.5rem;right:1.5rem;bottom:.75rem;z-index:40;background:#0a1020f0;border:1px solid rgba(56,189,248,.25);border-radius:1rem;box-shadow:0 -8px 30px #0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.drawer-collapsed{max-height:2.875rem}.drawer-expanded{max-height:14.5rem}.drawer-toggle-bar{height:2.875rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#0f172ab3;transition:background .2s ease}.drawer-toggle-bar:hover{background:#38bdf81a}.drawer-title-summary{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:.8125rem;font-weight:700}.drawer-status-pill{font-size:.6875rem;font-weight:700;padding:.2rem .5rem;border-radius:.375rem}.pill-balanced{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.pill-unbalanced{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.drawer-quick-preview{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.drawer-quick-preview .divider{color:#475569}.drawer-body{display:flex;flex-direction:column;height:11.625rem;border-top:1px solid rgba(148,163,184,.12)}.drawer-tabs-header{display:flex;gap:.25rem;padding:.375rem .75rem;background:#0f172ab3;border-bottom:1px solid rgba(148,163,184,.1);overflow-x:auto}.drawer-tab-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .625rem;background:transparent;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .2s ease;white-space:nowrap}.drawer-tab-btn:hover{color:#f8fafc;background:#1e293b99}.drawer-tab-btn.active{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.drawer-tab-pane{flex:1;padding:.75rem 1rem;overflow-y:auto;scrollbar-width:thin}.pane-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.summary-card{background:#0f172a80;border:1px solid rgba(148,163,184,.12);border-radius:.5rem;padding:.625rem .875rem}.summary-card h4{margin:0 0 .375rem;font-size:.75rem;font-weight:700;color:#38bdf8}.ratio-display{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700}.ratio-arrow{color:#64748b}.summary-law-text{margin:0 0 .375rem;font-size:.6875rem;color:#94a3b8;font-style:italic;line-height:1.35}.mass-comparison-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.mass-tag{color:#e2e8f0}.eq-symbol{font-weight:800;color:#38bdf8}.pane-calc-list{display:flex;flex-direction:column;gap:.5rem}.calc-instruction{font-size:.75rem;color:#94a3b8}.calc-instruction code{background:#1e293bcc;padding:.125rem .375rem;border-radius:.25rem;color:#f59e0b}.calc-table-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem}.calc-row-item{background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:.375rem;padding:.5rem}.calc-el-header{display:flex;align-items:center;gap:.375rem;font-size:.75rem;margin-bottom:.25rem}.el-badge{background:#0284c7;color:#fff;font-weight:700;padding:.125rem .375rem;border-radius:.25rem;font-size:.6875rem}.calc-equation-math{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#cbd5e1}.math-status.status-ok{color:#34d399;font-weight:700}.math-status.status-err{color:#f87171;font-weight:700}.pane-mechanism-box h4{margin:0 0 .375rem;font-size:.8125rem;color:#38bdf8}.mechanism-p{margin:0 0 .625rem;font-size:.75rem;line-height:1.4;color:#cbd5e1}.molecule-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.mol-type-card{background:#0f172a99;border:1px solid rgba(148,163,184,.12);border-radius:.375rem;padding:.5rem;display:flex;flex-direction:column;gap:.125rem;font-size:.6875rem}.mol-type-card p{margin:.25rem 0 0;color:#94a3b8;line-height:1.3}.pane-atoms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.atom-info-card{background:#0f172a99;border:1px solid rgba(148,163,184,.12);border-radius:.375rem;padding:.5rem}.atom-card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.atom-card-symbol{font-size:1.25rem;font-weight:800}.atom-card-top h5{margin:0;font-size:.75rem;color:#f8fafc}.atomic-num{font-size:.625rem;color:#64748b}.atom-card-body{display:flex;flex-direction:column;gap:.125rem;font-size:.6875rem;color:#94a3b8}.pane-steps-list h4{margin:0 0 .5rem;font-size:.8125rem;color:#38bdf8}.steps-ordered-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.375rem;font-size:.75rem;color:#cbd5e1;line-height:1.4}.stepper-group-section{display:flex;flex-direction:column;gap:.5rem}.compound-stepper-card{display:flex;align-items:center;justify-content:space-between;background:#0f172ab3;border:1px solid rgba(148,163,184,.15);border-radius:.625rem;padding:.5rem .75rem;transition:all .2s ease}.compound-stepper-card:hover{border-color:#38bdf84d;background:#0f172ae6}.stepper-meta{display:flex;flex-direction:column}.stepper-formula{font-size:1rem;font-weight:800}.stepper-name{font-size:.6875rem;color:#94a3b8}.stepper-inputs{display:flex;align-items:center;gap:.375rem}.stepper-btn{width:1.875rem;height:1.875rem;border-radius:.375rem;border:1px solid rgba(148,163,184,.25);background:#1e293bcc;color:#f8fafc;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.stepper-btn:hover:not(:disabled){background:#0284c7;border-color:#38bdf8;color:#fff}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-number-input{width:2.25rem;height:1.875rem;text-align:center;background:#030712cc;border:1px solid rgba(56,189,248,.3);border-radius:.375rem;color:#f59e0b;font-weight:800;font-size:.9375rem;outline:none;-moz-appearance:textfield}.stepper-number-input::-webkit-outer-spin-button,.stepper-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auto-balance-cta-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(56,189,248,.5);border-radius:.625rem;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0284c759;transition:all .25s cubic-bezier(.4,0,.2,1)}.auto-balance-cta-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 0 20px #38bdf880;transform:translateY(-1px)}.cta-icon{color:#fde047;filter:drop-shadow(0 0 6px rgba(253,224,71,.6))}.presets-vertical-stack{display:flex;flex-direction:column;gap:.375rem}.preset-card-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:#0f172a80;border:1px solid rgba(148,163,184,.12);border-radius:.5rem;color:#e2e8f0;text-align:left;cursor:pointer;transition:all .2s ease}.preset-card-item:hover{background:#1e293bb3;border-color:#38bdf84d}.preset-card-item.preset-active{background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 12px #38bdf833}.preset-card-info strong{display:block;font-size:.75rem;color:#f8fafc}.preset-sub{font-size:.6875rem;color:#38bdf8;font-weight:600}.preset-chevron{color:#64748b}.challenge-workspace-box{display:flex;flex-direction:column;gap:.75rem}.challenge-top-meta{display:flex;align-items:center;justify-content:space-between}.quiz-level-tag{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;color:#f59e0b}.quiz-score-pill{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:800}.quiz-question-text{margin:0;font-size:.8125rem;font-weight:600;line-height:1.45;color:#f8fafc}.quiz-options-list{display:flex;flex-direction:column;gap:.5rem}.quiz-opt-btn{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:#0f172acc;border:1px solid rgba(148,163,184,.18);border-radius:.5rem;color:#cbd5e1;font-size:.75rem;text-align:left;cursor:pointer;transition:all .2s ease}.quiz-opt-btn:hover:not(:disabled){border-color:#38bdf866;background:#1e293be6}.quiz-opt-btn.opt-correct{background:#10b98133;border-color:#10b981;color:#34d399}.quiz-opt-btn.opt-incorrect{background:#ef444433;border-color:#ef4444;color:#f87171}.quiz-feedback-box{padding:.75rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.15);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.explanation-text{margin:0;font-size:.75rem;line-height:1.4;color:#cbd5e1}.next-quiz-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:#0284c7;border:none;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer}.quiz-finished-card{text-align:center;padding:.5rem}.quiz-finished-card h4{margin:0;font-size:.9375rem;color:#f59e0b}.quiz-finished-card p{margin:.25rem 0 .5rem;font-size:.75rem;color:#cbd5e1}.restart-quiz-btn{padding:.375rem .875rem;background:#f59e0b33;border:1px solid #F59E0B;border-radius:.375rem;color:#fbbf24;font-size:.75rem;cursor:pointer}.learn-guided-box{display:flex;flex-direction:column;gap:.75rem}.learn-guided-header{display:flex;align-items:center;gap:.5rem}.learn-guided-header h3{margin:0;font-size:.875rem;color:#f8fafc}.guided-intro{margin:0;font-size:.75rem;color:#94a3b8;line-height:1.4}.guided-step-card{background:#0f172ae6;border:1px solid rgba(56,189,248,.3);border-radius:.5rem;padding:.75rem}.step-badge{font-size:.625rem;font-weight:800;color:#38bdf8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.guided-step-card h4{margin:0;font-size:.75rem;line-height:1.4;color:#f1f5f9}.guided-nav-row{display:flex;gap:.5rem}.guided-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:.375rem;color:#cbd5e1;font-size:.75rem;cursor:pointer}.guided-btn:hover:not(:disabled){background:#0284c7;color:#fff}.guided-btn:disabled{opacity:.3;cursor:not-allowed}.guided-tips-container{background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:.5rem;padding:.625rem}.guided-tips-container h5{margin:0 0 .375rem;font-size:.6875rem;color:#f59e0b}.guided-tips-container ul{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.25rem;font-size:.6875rem;color:#94a3b8;line-height:1.35}.eq-modal-backdrop{position:fixed;inset:0;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem}.eq-modal-card{width:100%;max-width:580px;background:#0a1020f2;border:1px solid rgba(56,189,248,.3);border-radius:1rem;box-shadow:0 20px 50px #000000b3;overflow:hidden;display:flex;flex-direction:column;max-height:85vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.12)}.modal-title-row{display:flex;align-items:center;gap:.5rem}.modal-title-row h2{margin:0;font-size:1rem;color:#f8fafc}.close-modal-btn{background:none;border:none;color:#94a3b8;cursor:pointer}.close-modal-btn:hover{color:#f8fafc}.modal-scroll-content{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;font-size:.8125rem;line-height:1.5;color:#cbd5e1}.modal-scroll-content h3{margin:0 0 .5rem;font-size:.875rem;color:#38bdf8}.modal-scroll-content p{margin:0}.modal-scroll-content ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.375rem}.modal-scroll-content strong{color:#f8fafc}@media(max-width:1200px){.eq-workspace-grid{grid-template-columns:280px 1fr 280px}}@media(max-width:960px){.eq-workspace-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow-y:auto}.eq-panel{max-height:40vh}.eq-canvas-viewport{min-height:480px}.eq-bottom-drawer{left:.75rem;right:.75rem}}@media(max-width:640px){.navbar-center,.canvas-view-controls{display:none}.canvas-equation-banner{top:.5rem;width:92%}.banner-inner{padding:.375rem .875rem}.banner-eq{font-size:.9375rem}.pane-summary-grid{grid-template-columns:1fr}}.reaction-rate-3d-simulation{position:relative;width:100%;height:100dvh;background:radial-gradient(circle at 50% 25%,#0b1329,#060a14 55%,#030508);overflow:hidden;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}.reaction-rate-3d-simulation:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(6,182,212,.06) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(245,158,11,.05) 0%,transparent 50%),radial-gradient(circle at 15% 75%,rgba(168,85,247,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.rr-top-navbar{position:absolute;top:0;left:0;right:0;height:56px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:#070c16e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(56,189,248,.16);box-shadow:0 4px 20px #00000080}.rr-nav-left{display:flex;align-items:center;gap:.85rem}.rr-nav-back-btn{width:36px;height:36px;border-radius:9px;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.rr-nav-back-btn:hover{background:#06b6d433;border-color:#06b6d4;color:#38bdf8;transform:translate(-2px)}.rr-nav-brand{display:flex;align-items:center;gap:.65rem}.rr-nav-icon-wrap{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#06b6d440,#3b82f633);border:1px solid rgba(6,182,212,.4);display:flex;align-items:center;justify-content:center;color:#38bdf8;box-shadow:0 0 12px #06b6d44d}.rr-nav-title{font-size:1.1rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:.5rem}.rr-mode-pill{display:flex;background:#0f172af2;border:1px solid rgba(56,189,248,.2);border-radius:9999px;padding:3px;gap:2px;box-shadow:0 2px 10px #0000004d}.rr-mode-btn{display:flex;align-items:center;gap:.45rem;padding:.4rem 1.15rem!important;border-radius:9999px;font-size:.82rem;font-weight:600;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .25s ease;white-space:nowrap;width:auto!important;min-width:0!important}.rr-mode-btn:hover{color:#e2e8f0}.rr-mode-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 14px #0284c78c}.rr-nav-right{display:flex;align-items:center;gap:.5rem}.rr-tool-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:8px;color:#cbd5e1;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.rr-tool-btn:hover{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.rr-tool-btn.active{background:#06b6d440;border-color:#06b6d4;color:#22d3ee}.rr-tool-btn-icon-only{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center}.rr-home-btn{background:linear-gradient(135deg,#e11d48,#be123c);border:none;color:#fff}.rr-home-btn:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 0 12px #e11d4880}.rr-workspace{position:absolute;inset:56px 0 0;display:grid;grid-template-columns:310px 1fr 310px;overflow:hidden}.rr-left-panel{z-index:20;background:#0a101ed1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid rgba(56,189,248,.14);display:flex;flex-direction:column;padding:1rem;gap:.9rem;overflow-y:auto;box-shadow:4px 0 24px #0006}.rr-panel-title{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;color:#f1f5f9;margin:0}.rr-panel-title .title-icon-orange{color:#f97316}.rr-panel-title .title-icon-cyan{color:#06b6d4}.rr-rate-hero-card{background:linear-gradient(145deg,#0f172af2,#1c142ccc);border:1px solid rgba(249,115,22,.35);border-radius:12px;padding:1rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000059}.rr-rate-hero-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 60%);pointer-events:none}.rr-hero-rate-value{font-size:2.75rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff 30%,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:.2rem}.rr-hero-rate-unit{font-size:.8rem;font-weight:500;color:#94a3b8;margin-bottom:.6rem}.rr-hero-trend-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:9999px;font-size:.74rem;font-weight:600;background:#22c55e2e;color:#4ade80;border:1px solid rgba(34,197,94,.35)}.rr-hero-trend-badge.negative{background:#ef44442e;color:#f87171;border-color:#ef444459}.rr-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.rr-stat-card{background:#0f172abf;border:1px solid rgba(56,189,248,.12);border-radius:8px;padding:.55rem .3rem;text-align:center;transition:transform .2s ease,border-color .2s ease}.rr-stat-card:hover{border-color:#38bdf84d;transform:translateY(-2px)}.rr-stat-label{display:block;font-size:.66rem;font-weight:500;color:#64748b;margin-bottom:.2rem;text-transform:capitalize}.rr-stat-val{font-size:1.05rem;font-weight:700;color:#f1f5f9}.rr-stat-val.accent-cyan{color:#38bdf8}.rr-stat-val.accent-green{color:#4ade80}.rr-stat-val.accent-orange{color:#fb923c}.rr-factors-card{background:#0f172ab3;border:1px solid rgba(56,189,248,.12);border-radius:10px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem}.rr-factors-header{display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem}.rr-factor-item{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:#94a3b8;background:#02061773;padding:.4rem .55rem;border-radius:6px;border-left:3px solid #0284c7;line-height:1.3}.rr-factor-item.temp{border-color:#ef4444}.rr-factor-item.conc{border-color:#06b6d4}.rr-factor-item.surf{border-color:#f59e0b}.rr-factor-item.cat{border-color:#a855f7}.rr-center-canvas-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}.rr-floating-reaction-badge{position:absolute;top:.85rem;left:50%;transform:translate(-50%);z-index:15;background:#070c16e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,.25);border-radius:9999px;padding:.5rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 30px #0000008c;pointer-events:none}.rr-chem-term{display:flex;flex-direction:column;align-items:center}.rr-chem-formula{font-size:1.1rem;font-weight:800;letter-spacing:.02em}.rr-chem-formula.a2{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.5)}.rr-chem-formula.b2{color:#f87171;text-shadow:0 0 10px rgba(248,113,113,.5)}.rr-chem-formula.ab{color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.6)}.rr-chem-sublabel{font-size:.62rem;font-weight:500;color:#64748b}.rr-chem-operator{font-size:1.05rem;font-weight:700;color:#94a3b8}.rr-chem-arrow{font-size:1.25rem;font-weight:800;color:#38bdf8;margin:0 .2rem}.rr-floating-view-controls{position:absolute;top:.85rem;right:1.15rem;z-index:15;background:#0b1221e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:.4rem .55rem;display:flex;align-items:center;gap:.4rem}.rr-view-ctrl-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:#0f172ab3;border:1px solid rgba(56,189,248,.15);border-radius:6px;color:#cbd5e1;font-size:.72rem;font-weight:500;cursor:pointer;transition:all .2s ease}.rr-view-ctrl-btn:hover{background:#38bdf826;color:#38bdf8}.rr-view-ctrl-btn.active{background:#06b6d440;border-color:#06b6d4;color:#22d3ee}.rr-floating-bottom-toolbar{position:absolute;bottom:250px;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:.65rem;background:#070c16e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,.25);border-radius:9999px;padding:.45rem .95rem;box-shadow:0 8px 32px #0000008c;transition:bottom .3s ease}.rr-floating-bottom-toolbar.when-drawer-collapsed{bottom:54px}.rr-play-btn{display:flex;align-items:center;gap:.4rem;padding:.42rem 1.1rem;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;color:#fff}.rr-play-btn.run{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 16px #10b98180}.rr-play-btn.pause{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 16px #f59e0b80}.rr-icon-pill-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#0f172ad9;border:1px solid rgba(56,189,248,.2);color:#cbd5e1;cursor:pointer;transition:all .2s ease}.rr-icon-pill-btn:hover{background:#38bdf833;color:#38bdf8}.rr-sim-speed-wrap{display:flex;align-items:center;gap:.45rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.12)}.rr-speed-label{font-size:.7rem;color:#94a3b8;white-space:nowrap}.rr-speed-slider{width:75px;accent-color:#06b6d4;cursor:pointer}.rr-3d-collision-callout{padding:.35rem .75rem;border-radius:8px;font-size:.72rem;font-weight:700;white-space:nowrap;pointer-events:none;animation:rr-pulse-callout 1.2s ease-out forwards;box-shadow:0 4px 15px #00000080}.rr-3d-collision-callout.effective{background:#dc2626eb;border:1px solid #f87171;color:#fff;box-shadow:0 0 20px #ef4444bf}.rr-3d-collision-callout.ineffective{background:#0f172ae6;border:1px solid #38bdf8;color:#38bdf8}@keyframes rr-pulse-callout{0%{transform:scale(.85);opacity:0}20%{transform:scale(1.05);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.rr-right-panel{z-index:20;background:#0a101ed1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid rgba(56,189,248,.14);display:flex;flex-direction:column;padding:1rem;gap:.95rem;overflow-y:auto;box-shadow:-4px 0 24px #0006}.rr-control-group{display:flex;flex-direction:column;gap:.4rem}.rr-control-header{display:flex;align-items:center;justify-content:space-between}.rr-control-title{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:#f1f5f9}.rr-val-badge{padding:.18rem .5rem;border-radius:6px;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);font-size:.74rem;font-weight:700;color:#38bdf8}.rr-slider{width:100%;height:6px;border-radius:9999px;background:#0f172ad9;outline:none;cursor:pointer}.rr-temp-slider{accent-color:#f97316}.rr-conc-slider{accent-color:#06b6d4}.rr-slider-scale{display:flex;justify-content:space-between;font-size:.65rem;color:#64748b;margin-top:-.15rem}.rr-surface-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.rr-surface-card{background:#0f172abf;border:1px solid rgba(56,189,248,.15);border-radius:9px;padding:.55rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s ease}.rr-surface-card:hover{border-color:#38bdf866;background:#0f172ae6}.rr-surface-card.active{background:#06b6d429;border-color:#06b6d4;box-shadow:0 0 14px #06b6d459}.rr-surface-visual{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#00000040}.rr-surface-name{font-size:.72rem;font-weight:600;color:#e2e8f0}.rr-catalyst-box{background:#0f172abf;border:1px solid rgba(168,85,247,.25);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.55rem}.rr-catalyst-top{display:flex;align-items:center;justify-content:space-between}.rr-switch-label{font-size:.8rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:.4rem}.rr-catalyst-switch{width:44px;height:24px;border-radius:9999px;background:#334155;position:relative;cursor:pointer;transition:background .25s ease}.rr-catalyst-switch.on{background:linear-gradient(135deg,#9333ea,#a855f7);box-shadow:0 0 12px #a855f780}.rr-catalyst-switch-circle{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .25s ease}.rr-catalyst-switch.on .rr-catalyst-switch-circle{transform:translate(20px)}.rr-catalyst-desc{font-size:.69rem;color:#94a3b8;line-height:1.35;margin:0}.rr-vis-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.rr-checkbox-item{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:#cbd5e1;cursor:pointer}.rr-checkbox-item input[type=checkbox]{accent-color:#06b6d4;cursor:pointer}.rr-bottom-drawer{position:absolute;bottom:0;left:310px;right:310px;height:235px;z-index:35;background:#070c16f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(56,189,248,.22);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0009;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.rr-bottom-drawer.collapsed{transform:translateY(calc(100% - 40px))}.rr-drawer-header{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 1.15rem;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}.rr-drawer-tabs{display:flex;gap:.3rem}.rr-drawer-tab-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:7px;background:transparent;border:none;color:#94a3b8;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rr-drawer-tab-btn:hover{color:#e2e8f0;background:#ffffff0d}.rr-drawer-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 10px #0284c766}.rr-drawer-actions{display:flex;align-items:center;gap:.4rem}.rr-drawer-toggle-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:6px;transition:all .2s}.rr-drawer-toggle-btn:hover{color:#f1f5f9;background:#ffffff1a}.rr-drawer-body{padding:.75rem 1.15rem;flex:1;overflow-y:auto}.rr-summary-grid{display:grid;grid-template-columns:260px 1fr 270px;gap:.95rem;height:100%}.rr-summary-col{display:flex;flex-direction:column;gap:.5rem}.rr-col-header{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.rr-col-header .col-title{display:flex;align-items:center;gap:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-res-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.rr-res-stat-card{background:#0f172abf;border:1px solid rgba(56,189,248,.12);border-radius:8px;padding:.45rem;text-align:center}.rr-res-label{font-size:.64rem;color:#64748b;display:block;margin-bottom:.15rem}.rr-res-val{font-size:1.1rem;font-weight:800;color:#f1f5f9}.rr-res-val.rate{color:#38bdf8}.rr-res-val.eff{color:#fb923c}.rr-summary-alert{background:#10b98124;border:1px solid rgba(16,185,129,.35);border-radius:8px;padding:.45rem .65rem;font-size:.68rem;color:#a7f3d0;line-height:1.35;display:flex;align-items:flex-start;gap:.4rem}.rr-chart-container{background:#0f172abf;border:1px solid rgba(56,189,248,.12);border-radius:10px;padding:.5rem;flex:1;display:flex;flex-direction:column}.rr-chart-dropdown{background:#070c16e0;border:1px solid rgba(56,189,248,.25);border-radius:6px;color:#cbd5e1;font-size:.7rem;padding:.15rem .45rem;outline:none;cursor:pointer}.rr-energy-diagram-box{background:#0f172abf;border:1px solid rgba(56,189,248,.12);border-radius:10px;padding:.5rem;flex:1;display:flex;flex-direction:column;position:relative}.rr-tab-panel-full{height:100%;display:flex;flex-direction:column;gap:.65rem}.rr-tab-panel-full h3{margin:0;font-size:.9rem;color:#f1f5f9}.rr-tab-text-card{background:#0f172ab3;border:1px solid rgba(56,189,248,.15);border-radius:9px;padding:.75rem;font-size:.78rem;color:#cbd5e1;line-height:1.45}.rr-overlay-panel{position:absolute;inset:56px 0 0;z-index:45;background:#070c16f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;justify-content:center;align-items:center;padding:2rem}.rr-quiz-card{background:#0f172aeb;border:1px solid rgba(56,189,248,.3);border-radius:16px;padding:1.75rem;width:100%;max-width:560px;box-shadow:0 12px 40px #0009}.rr-quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.65rem}.rr-quiz-top h3{margin:0;color:#38bdf8;font-size:1.05rem}.rr-quiz-score{font-weight:700;color:#f59e0b}.rr-quiz-question{font-size:1rem;font-weight:600;color:#f8fafc;margin-bottom:1.25rem;line-height:1.45}.rr-quiz-options{display:flex;flex-direction:column;gap:.6rem}.rr-quiz-opt-btn{padding:.75rem 1rem;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.86rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.rr-quiz-opt-btn:hover{background:#38bdf81a;border-color:#38bdf866}.rr-quiz-opt-btn.correct{background:#22c55e33;border-color:#22c55e;color:#4ade80}.rr-quiz-opt-btn.incorrect{background:#ef444433;border-color:#ef4444;color:#f87171}.rr-quiz-next-btn{margin-top:1.15rem;width:100%;padding:.75rem;border-radius:9px;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.rr-quiz-next-btn:hover{background:linear-gradient(135deg,#0369a1,#075985)}.rr-theory-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;max-width:780px;width:100%}.rr-theory-card{background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:1.15rem}.rr-theory-card h4{margin:0 0 .45rem;color:#38bdf8;font-size:.95rem;display:flex;align-items:center;gap:.4rem}.rr-theory-card p{margin:0;font-size:.8rem;color:#94a3b8;line-height:1.45}@media(max-width:1200px){.rr-workspace{grid-template-columns:280px 1fr 280px}.rr-bottom-drawer{left:280px;right:280px}}@media(max-width:960px){.rr-workspace{grid-template-columns:1fr}.rr-left-panel,.rr-right-panel{display:none}.rr-bottom-drawer{left:0;right:0}}