:root{--periodic-row-height:48px;--periodic-gap:3px;--periodic-header-col-w:26px;color:#302636;font-synthesis:none;background:#f2f5f1;font-family:IBM Plex Sans,sans-serif}@media (width>=768px) and (width<=1023px){:root{--periodic-row-height:clamp(48px, 5.2vw, 54px);--periodic-gap:3px;--periodic-header-col-w:26px}}@media (width>=1024px){:root{--periodic-row-height:clamp(54px, 4.4vw, 58px);--periodic-gap:4px;--periodic-header-col-w:32px}}@media (width>=1440px){:root{--periodic-row-height:60px;--periodic-gap:4px;--periodic-header-col-w:34px}}[data-theme=dark]{color:#f5eef8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17121b}[data-theme=dark] body{background-color:#17121b;background-image:linear-gradient(#bee7d70e 1px,#0000 1px),linear-gradient(90deg,#bee7d70e 1px,#0000 1px)}[data-theme=dark] .hero,[data-theme=dark] .question-card,[data-theme=dark] .result,[data-theme=dark] .lesson-card{background:#271d2df0;border-color:#bee7d738;box-shadow:0 8px 28px #00000038}[data-theme=dark] .study-guide{background:#271d2df0;border-color:#8b4db0}[data-theme=dark] .study-guide h2,[data-theme=dark] .section-heading h2,[data-theme=dark] .quiz-header h1,[data-theme=dark] .question-card h2,[data-theme=dark] .result h2,[data-theme=dark] .lesson-card h2{color:#f5eef8}[data-theme=dark] .study-guide p{color:#cfc1d5}[data-theme=dark] .hero-number,[data-theme=dark] .streak,[data-theme=dark] .section-heading>span,[data-theme=dark] .back-button,[data-theme=dark] .quiz-header>span{color:#d4a7ef}[data-theme=dark] .hero-number span,[data-theme=dark] .hero p,[data-theme=dark] .section-heading p,[data-theme=dark] .quiz-header p,[data-theme=dark] .topic-body,[data-theme=dark] .score span{color:#c2b5c8}[data-theme=dark] .lesson-card>p{color:#d9cfe0}[data-theme=dark] .lesson-card li{color:#f0e8f3}[data-theme=dark] .lesson-card li:before{color:#a7dfca}[data-theme=dark] .search,[data-theme=dark] .filters button,[data-theme=dark] .secondary-action,[data-theme=dark] .options button,[data-theme=dark] .theme-toggle{color:#f5eef8;background:#241b2a;border-color:#bee7d738}[data-theme=dark] .search input,[data-theme=dark] .options button{color:#f5eef8}[data-theme=dark] .filters button.active,[data-theme=dark] .primary-action,[data-theme=dark] .mobile-cta a{background:#8b4db0;border-color:#8b4db0}[data-theme=dark] .topic{background:#271d2de6;border-color:#bee7d72e}[data-theme=dark] .topic-toggle{color:#f5eef8}[data-theme=dark] .topic-number{color:#e5c6f5;background:#392747;border-color:#a96bd0}[data-theme=dark] .topic-toggle small,[data-theme=dark] .empty-state,[data-theme=dark] .review p,[data-theme=dark] .review small{color:#bcaec2}[data-theme=dark] .review{background:#2b2132}[data-theme=dark] .learning-mode,[data-theme=dark] .diagnostic-hero,[data-theme=dark] .diagnostic-result,[data-theme=dark] .diagnostic-question,[data-theme=dark] .diagnostic-breakdown,[data-theme=dark] .lab-hero,[data-theme=dark] .lab-workbench,[data-theme=dark] .teacher-hero,[data-theme=dark] .teacher-section{background:#271d2df0;border-color:#bee7d738}[data-theme=dark] .learning-mode p,[data-theme=dark] .diagnostic-hero p,[data-theme=dark] .diagnostic-result p,[data-theme=dark] .lab-hero p,[data-theme=dark] .teacher-hero p,[data-theme=dark] .teacher-section p{color:#d9cfe0}[data-theme=dark] .eyebrow,[data-theme=dark] .table-layers button{color:#a7dfca}[data-theme=dark] .table-layers button.active{color:#17121b;background:#a7dfca;border-color:#a7dfca}[data-theme=dark] .pathways a,[data-theme=dark] .diagnostic-topic,[data-theme=dark] .particle-control,[data-theme=dark] .teacher-topic-list>div{color:#f5eef8;background:#2b2132;border-color:#bee7d72e}[data-theme=dark] .pathways small,[data-theme=dark] .particle-control small,[data-theme=dark] .teacher-topic-list strong{color:#cfc1d5}[data-theme=dark] .atom-stage,[data-theme=dark] .lab-callout{background:#1c342e;border-color:#a7dfca59}[data-theme=dark] .atom-readout,[data-theme=dark] .lab-callout{color:#e8fff5}[data-theme=dark] .topic-meta span{color:#d4a7ef;background:#392747}[data-theme=dark] .contact-cta{color:#e3d8e7;background:#271d2d;border-color:#bee7d738}[data-theme=dark] .contact-cta a{background:#8b4db0}[data-theme=dark] .contact-cta a:hover{background:#a96bd0}[data-theme=dark] .site-footer{color:#bcaec2}[data-theme=dark] .site-footer a{color:#d4a7ef}[data-theme=dark] .prerequisite{background:#1c342e;border-color:#78bba6}[data-theme=dark] .prerequisite strong,[data-theme=dark] .lesson-kicker{color:#a7dfca}[data-theme=dark] .route-progress{background:#392747}[data-theme=dark] .element{color:#f5eef8;background:#231b2a;border-color:#bee7d738}[data-theme=dark] .dark-theme-placeholder{color:#c2b5c8}[data-theme=dark] .element small{opacity:.88}[data-theme=dark] .element b{color:inherit}[data-theme=dark] .element span{opacity:.88}[data-theme=dark] .family-no-metal{color:#a7f3d0;background:#18382d;border-color:#34d399}[data-theme=dark] .family-alcalino{color:#fed7aa;background:#4d2711;border-color:#f97316}[data-theme=dark] .family-alcalinoterreo,[data-theme=dark] .family-alcalinotérreo{color:#fef08a;background:#463412;border-color:#eab308}[data-theme=dark] .family-transicion,[data-theme=dark] .family-transición{color:#bae6fd;background:#18324f;border-color:#60a5fa}[data-theme=dark] .family-halogeno,[data-theme=dark] .family-halógeno{color:#c7d2fe;background:#202452;border-color:#818cf8}[data-theme=dark] .family-gas-noble{color:#e9d5ff;background:#361b4d;border-color:#c084fc}[data-theme=dark] .family-metaloide{color:#99f6e4;background:#163636;border-color:#2dd4bf}[data-theme=dark] .family-metal{color:#cffafe;background:#183342;border-color:#38bdf8}[data-theme=dark] .family-lantanido,[data-theme=dark] .family-lantánido{color:#ede9fe;background:#331d4a;border-color:#a78bfa}[data-theme=dark] .family-actinido,[data-theme=dark] .family-actínido{color:#fce7f3;background:#46152e;border-color:#f472b6}*{box-sizing:border-box}body{background-color:#f2f5f1;background-image:linear-gradient(#698a7b14 1px,#0000 1px),linear-gradient(90deg,#698a7b14 1px,#0000 1px);background-size:16px 16px;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.app-shell{width:min(100% - 24px,1200px);max-width:1200px;margin:0 auto;padding-bottom:64px}@media (width>=768px) and (width<=1023px){.app-shell{width:min(100% - 24px,960px);max-width:960px}}@media (width>=1024px){.app-shell{width:min(100% - 48px,1220px);max-width:1220px}}@media (width>=1440px){.app-shell{width:min(100% - 64px,1260px);max-width:1260px}}.app-shell.shell-mode-iupac{width:min(100% - 48px,1240px);max-width:1240px}.app-shell:has(.mode-iupac){width:min(100% - 48px,1240px);max-width:1240px}@media (width>=1440px){.app-shell.shell-mode-iupac{width:min(100% - 64px,1280px);max-width:1280px}.app-shell:has(.mode-iupac){width:min(100% - 64px,1280px);max-width:1280px}}@media (width>=1200px){.learning-mode,.hero,.study-guide,.pathways,.topics,.contact-cta{max-width:1200px;margin-left:auto;margin-right:auto}}.contact-cta{color:#4b3a52;background:#ffffffc7;border:1px solid #6b2d8c33;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:38px;padding:14px 16px;font-size:13px;display:flex}.contact-cta a{color:#fff;background:#6b2d8c;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:8px 13px;font:600 11px IBM Plex Mono;text-decoration:none;display:inline-flex}.contact-cta a:hover{background:#54236f}.site-footer{color:#746b77;text-align:center;padding:28px 0 8px;font:11px IBM Plex Mono}.site-footer a{color:#6b2d8c;text-underline-offset:3px;font-weight:600;text-decoration:underline}.site-footer a:hover{color:#54236f}.site-header{justify-content:space-between;align-items:center;padding:22px 0 16px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle{color:#6b2d8c;background:#ffffffb8;border:1px solid #6b2d8c3d;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.theme-toggle:hover{background:#f1e7f5;transform:translateY(-1px)}.brand{align-items:center;text-decoration:none;display:flex}.brand img{width:216px;height:auto;display:block}.streak{color:#6b2d8c;align-items:center;gap:6px;font:12px IBM Plex Mono;display:flex}.hero{background:#ffffffd1;border:1px solid #6b2d8c33;border-radius:12px;padding:24px 18px;box-shadow:0 4px 14px #37243f0f}.hero-number{color:#6b2d8c;font:800 clamp(42px,8vw,66px)/.9 Archivo,sans-serif}.hero-number span{color:#5e5661;font:400 18px IBM Plex Mono}.hero h1{margin:10px 0 4px;font:800 17px Archivo,sans-serif}.hero p,.section-heading p{color:#746b77;margin:0;font-size:12px}.study-guide{background:#ffffff9e;border-left:4px solid #6b2d8c;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;margin-top:14px;padding:17px 18px;display:grid;position:relative}.study-guide .eyebrow{color:#6b2d8c;text-transform:uppercase;font:600 10px IBM Plex Mono}.study-guide h2{margin:4px 0;font:800 18px Archivo,sans-serif}.study-guide p{color:#746b77;margin:0;font-size:12px}.study-guide .primary-action{white-space:nowrap}.route-progress{background:#e8dced;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.route-progress span{border-radius:inherit;background:#6b2d8c;height:100%;transition:width .3s;display:block}.table-section{width:100%;margin-top:14px}.search{color:#8e7798;background:#fff;border:1px solid #6b2d8c40;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.search input{color:#302636;background:0 0;border:0;outline:0;width:100%;font:12px IBM Plex Mono}.filters{scrollbar-width:thin;gap:7px;padding:8px 0;display:flex;overflow-x:auto}.filters button{white-space:nowrap;color:#6b2d8c;background:#ffffffd9;border:1px solid #6b2d8c26;border-radius:999px;padding:7px 11px;font:11px IBM Plex Mono}.filters button.active{color:#fff;background:#6b2d8c}.filters small{opacity:.75}.family-no-metal{color:#1b5e20;background:#e8f5e9;border-color:#c8e6c9}.family-alcalino{color:#7c2d12;background:#fff0dd;border-color:#fed7aa}.family-alcalinoterreo,.family-alcalinotérreo{color:#713f12;background:#fef9c3;border-color:#fde047}.family-transición,.family-transicion{color:#1e3a5f;background:#f0f4f8;border-color:#cbd5e1}.family-halógeno,.family-halogeno{color:#312e81;background:#e0e7ff;border-color:#c7d2fe}.family-gas-noble{color:#581c87;background:#f3e8ff;border-color:#e9d5ff}.family-metaloide{color:#134e4a;background:#f0fdfa;border-color:#ccfbf1}.family-metal{color:#075985;background:#e0f2fe;border-color:#bae6fd}.family-lantanido,.family-lantánido{color:#701a75;background:#fae8ff;border-color:#f5d0fe}.family-actinido,.family-actínido{color:#831843;background:#fce7f3;border-color:#fbcfe8}.empty-state{text-align:center;color:#746b77;padding:24px}.fact-carousel{background:linear-gradient(135deg,#fffffff2,#f6f1fce0);border:1px solid #6b2d8c2e;border-radius:16px;min-height:170px;margin-bottom:20px;padding:18px 22px;transition:border-color .25s,box-shadow .25s;position:relative;box-shadow:0 4px 20px #37243f0d}.fact-carousel:hover{border-color:#6b2d8c52;box-shadow:0 6px 24px #6b2d8c17}.fact-carousel.is-paused{border-left:3px solid #f59e0b}.fact-carousel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.fact-header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fact-eyebrow{text-transform:uppercase;color:#6b2d8c;letter-spacing:.03em;align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;display:inline-flex}.fact-tag-badge{color:#6b2d8c;background:#6b2d8c14;border:1px solid #6b2d8c2e;border-radius:999px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:inline-block}.fact-controls{align-items:center;gap:4px;display:flex}.fact-ctrl-btn{color:#6b2d8c;cursor:pointer;background:#ffffffd9;border:1px solid #6b2d8c33;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;transition:all .15s;display:grid}.fact-ctrl-btn:hover{color:#fff;background:#6b2d8c;transform:translateY(-1px)}.fact-ctrl-btn.active-pause{color:#d97706;background:#f59e0b26;border-color:#f59e0b66}.fact-ctrl-btn.active-pause:hover{color:#fff;background:#d97706}.fact-ctrl-btn.shuffle-btn:hover{color:#fff;background:#059669;border-color:#059669}.fact-carousel-body{animation:.25s ease-out factFadeIn}@keyframes factFadeIn{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.fact-title{color:#1f2937;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:16px;font-weight:800;line-height:1.35}.fact-text{color:#4b5563;margin:0 0 12px;font-family:system-ui,-apple-system,sans-serif;font-size:13.5px;line-height:1.55}.fact-footer-row{border-top:1px dashed #6b2d8c24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.fact-elements-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fact-elements-label{color:#746b77;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:500}.fact-element-chip{color:#6b2d8c;cursor:pointer;background:#6b2d8c0f;border:1px solid #6b2d8c38;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .18s;display:inline-flex}.fact-element-chip strong{font-weight:700}.fact-element-chip:hover{color:#fff;background:#6b2d8c;transform:translateY(-1px);box-shadow:0 3px 10px #6b2d8c33}.fact-tip-toggle{color:#b45309;cursor:pointer;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.fact-tip-toggle:hover,.fact-tip-toggle.expanded{color:#92400e;background:#f59e0b2e;border-color:#f59e0b}.fact-exam-tip-revealed{background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:8px;margin-top:10px;padding:10px 14px;animation:.2s ease-out factFadeIn}.fact-exam-tip-revealed strong{color:#92400e;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.fact-exam-tip-revealed p{color:#78350f;margin:0;font-size:12.5px;line-height:1.5}.fact-carousel-bottom{justify-content:space-between;align-items:center;margin-top:14px;padding-top:8px;display:flex}.carousel-dots{align-items:center;gap:5px;display:flex}.carousel-dots .dot{cursor:pointer;background:#6b2d8c38;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dots .dot:hover{background:#6b2d8c80}.carousel-dots .dot.active{background:#6b2d8c;width:20px}.fact-counter{color:#817887;align-items:center;gap:4px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:flex}.fact-paused-indicator{color:#d97706;font-weight:600}[data-theme=dark] .fact-carousel{background:linear-gradient(135deg,#241b2a,#1b1320);border-color:#d4a7ef2e;box-shadow:0 4px 20px #00000059}[data-theme=dark] .fact-carousel:hover{border-color:#d4a7ef4d}[data-theme=dark] .fact-eyebrow{color:#d4a7ef}[data-theme=dark] .fact-tag-badge{color:#e5c6f5;background:#a855f724;border-color:#a855f740}[data-theme=dark] .fact-ctrl-btn{color:#e5c6f5;background:#2b1f32;border-color:#d4a7ef40}[data-theme=dark] .fact-ctrl-btn:hover{color:#fff;background:#8b4db0}[data-theme=dark] .fact-ctrl-btn.active-pause{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b80}[data-theme=dark] .fact-title{color:#f3e8f8}[data-theme=dark] .fact-text{color:#d6cadb}[data-theme=dark] .fact-footer-row{border-top-color:#d4a7ef1f}[data-theme=dark] .fact-elements-label{color:#a494ac}[data-theme=dark] .fact-element-chip{color:#e5c6f5;background:#a855f71f;border-color:#a855f747}[data-theme=dark] .fact-element-chip:hover{color:#fff;background:#8b4db0}[data-theme=dark] .fact-tip-toggle{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}[data-theme=dark] .fact-tip-toggle:hover,[data-theme=dark] .fact-tip-toggle.expanded{color:#fef3c7;background:#f59e0b38;border-color:#fbbf24}[data-theme=dark] .fact-exam-tip-revealed{background:#f59e0b1f;border-left-color:#fbbf24}[data-theme=dark] .fact-exam-tip-revealed strong{color:#fde68a}[data-theme=dark] .fact-exam-tip-revealed p{color:#fef3c7}[data-theme=dark] .carousel-dots .dot{background:#d4a7ef33}[data-theme=dark] .carousel-dots .dot:hover{background:#d4a7ef73}[data-theme=dark] .carousel-dots .dot.active{background:#a855f7}[data-theme=dark] .fact-counter{color:#a494ac}[data-theme=dark] .fact-paused-indicator{color:#fbbf24}@media (width<=640px){.fact-carousel{padding:14px 16px}.fact-title{font-size:15px}.fact-text{font-size:13px}.fact-footer-row{flex-direction:column;align-items:flex-start}.fact-elements-group{width:100%}.fact-tip-toggle{justify-content:center;width:100%}}.table-controls-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 16px;display:flex}.element-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:linear-gradient(135deg,#fffffff0 0%,#f8f3fde0 100%);border:1px solid #7c3aed3d;border-left:4px solid #7c3aed;border-radius:12px;flex-direction:column;gap:10px;max-width:520px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 4px 18px #6b2d8c14}[data-theme=dark] .element-legend{background:linear-gradient(135deg,#271d30eb 0%,#1b1422f0 100%);border-color:#a855f74d #a855f74d #a855f74d #a855f7;box-shadow:0 6px 24px #00000073}.legend-header{border-bottom:1px solid #6b2d8c1f;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}[data-theme=dark] .legend-header{border-bottom-color:#bee7d71f}.legend-header-title{text-transform:uppercase;letter-spacing:.5px;color:#6b2d8c;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:flex}[data-theme=dark] .legend-header-title{color:#d4a7ef}.legend-header-pill{color:#7c3aed;background:#7c3aed1f;border-radius:999px;padding:1px 7px;font-family:IBM Plex Mono,monospace;font-size:9.5px;font-weight:600}[data-theme=dark] .legend-header-pill{color:#d8b4fe;background:#a855f733}.legend-anatomy{align-items:center;gap:14px;display:flex}.legend-sample-tile{aspect-ratio:1;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#e8f4f1;border:1.5px solid #3a766273;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:72px;min-width:72px;height:72px;padding:4px 5px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #3a766226}[data-theme=dark] .legend-sample-tile{background:#1e302ae6;border-color:#a7dfca66;box-shadow:0 4px 14px #00000080}.legend-tile-top{justify-content:space-between;align-items:center;width:100%;display:flex}.legend-tile-z{color:#274b3f;border-radius:4px;padding:1px 3px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;line-height:1;transition:all .15s}[data-theme=dark] .legend-tile-z{color:#a7dfca}.legend-tile-z.is-highlighted{background:#7c3aed;transform:scale(1.2);box-shadow:0 0 8px #7c3aed99;color:#fff!important}.legend-tile-star{color:#f59e0b;filter:drop-shadow(0 1px 2px #f59e0b4d);font-size:11px;line-height:1;transition:all .15s}.legend-tile-star.is-highlighted{filter:drop-shadow(0 0 8px #f59e0b);transform:scale(1.4)rotate(15deg)}.legend-tile-sym{color:#1a332a;letter-spacing:-.5px;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:800;line-height:1;transition:all .15s}[data-theme=dark] .legend-tile-sym{color:#e8fff5}.legend-tile-sym.is-highlighted{text-shadow:0 0 10px #7c3aed99;transform:scale(1.22);color:#7c3aed!important}[data-theme=dark] .legend-tile-sym.is-highlighted{text-shadow:0 0 12px #c084fcb3;color:#c084fc!important}.legend-tile-bottom{flex-direction:column;align-items:center;width:100%;display:flex}.legend-tile-name{color:#3a6857;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:7.5px;font-weight:600;line-height:1}[data-theme=dark] .legend-tile-name{color:#a7dfca;opacity:.85}.legend-tile-prop{color:#274b3f;border-radius:4px;padding:1px 3px;font-family:IBM Plex Mono,monospace;font-size:8.5px;font-weight:700;line-height:1;transition:all .15s}[data-theme=dark] .legend-tile-prop{color:#c2eedd}.legend-tile-prop.is-highlighted{background:#059669;transform:scale(1.15);box-shadow:0 0 8px #10b98199;color:#fff!important}.legend-callout-list{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.legend-callout-row{cursor:pointer;background:#ffffff8c;border:1px solid #6b2d8c14;border-radius:6px;align-items:center;gap:7px;padding:4px 7px;transition:all .15s;display:flex}[data-theme=dark] .legend-callout-row{background:#2d203673;border-color:#bee7d714}.legend-callout-row:hover,.legend-callout-row.is-active{background:#7c3aed1f;border-color:#7c3aed59;transform:translate(3px)}[data-theme=dark] .legend-callout-row:hover,[data-theme=dark] .legend-callout-row.is-active{background:#a855f733;border-color:#a855f773}.callout-arrow{color:#7c3aed;flex-shrink:0;font-size:12px;font-weight:700;line-height:1;transition:transform .15s}[data-theme=dark] .callout-arrow{color:#c084fc}.legend-callout-row:hover .callout-arrow{transform:translate(-2px)}.callout-tag{border-radius:4px;flex-shrink:0;padding:2px 5px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;line-height:1}.tag-z{color:#7c3aed;background:#7c3aed26}[data-theme=dark] .tag-z{color:#d8b4fe;background:#a855f740}.tag-sym{color:#0e7490;background:#0e749026}[data-theme=dark] .tag-sym{color:#67e8f9;background:#06b6d440}.tag-prop{color:#065f46;background:#10b98126}[data-theme=dark] .tag-prop{color:#a7f3d0;background:#10b98140}.callout-info{flex-direction:column;min-width:0;display:flex}.callout-title{color:#3b0764;font-family:Archivo,sans-serif;font-size:11px;font-weight:700;line-height:1.2}[data-theme=dark] .callout-title{color:#f3e8ff}.callout-desc{color:#746b77;white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:8.5px;line-height:1.2;overflow:hidden}[data-theme=dark] .callout-desc{color:#cfc1d5}.legend-preuni-footer{cursor:pointer;background:linear-gradient(90deg,#f59e0b1f,#d977060d);border:1px solid #f59e0b47;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:all .15s;display:flex}[data-theme=dark] .legend-preuni-footer{background:linear-gradient(90deg,#f59e0b2e,#d977061a);border-color:#f59e0b59}.legend-preuni-footer:hover,.legend-preuni-footer.is-active{background:#f59e0b38;border-color:#f59e0b;transform:translateY(-1px)}.preuni-star-badge{color:#fff;background:#f59e0b;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid;box-shadow:0 0 6px #f59e0b80}.preuni-footer-text{flex-direction:column;gap:1px;display:flex}.preuni-footer-text strong{color:#92400e;font-family:Archivo,sans-serif;font-size:10.5px;line-height:1.2}[data-theme=dark] .preuni-footer-text strong{color:#fde68a}.preuni-footer-text span{color:#b45309;font-family:IBM Plex Mono,monospace;font-size:8.5px;line-height:1.2}[data-theme=dark] .preuni-footer-text span{color:#fcd34d;opacity:.85}@media (width<=640px){.element-legend{width:100%;max-width:100%}.legend-anatomy{flex-direction:column;align-items:stretch}.legend-sample-tile{align-self:center}}.modal-overlay-3d{z-index:1000;background:radial-gradient(circle,#2a1635,#0a050c);flex-direction:column;padding:40px 20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.modal-overlay-3d{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s ease-out forwards fadeInModal;display:flex;position:fixed;top:0;left:0}@keyframes fadeInModal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-close-3d{color:#fff;cursor:pointer;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close-3d:hover{background:#fff3;transform:scale(1.1)}.modal-split-layout{background:#141416f2;border:1px solid #ffffff1a;border-radius:24px;width:95vw;max-width:1400px;height:85vh;max-height:900px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpModal;display:flex;overflow:hidden;box-shadow:0 30px 100px #000c}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-hero-side{flex-direction:column;justify-content:flex-end;width:40%;padding:40px;display:flex;position:relative}.hero-side-bg{object-fit:cover;z-index:0;border-right:1px solid #ffffff1a;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.hero-side-gradient{z-index:1;background:linear-gradient(90deg,#0009 0%,#0006 50%,#141416 100%),linear-gradient(#0000 40%,#000000e6 100%);position:absolute;inset:0}.hero-side-content{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.hero-z-large{color:#ffffffb3;margin-bottom:-10px;font-family:IBM Plex Mono;font-size:28px;font-weight:600}.hero-symbol-giant{color:#fff;text-shadow:0 0 40px #ffffff4d;margin:0;font-size:150px;font-weight:900;line-height:1}.hero-name-large{color:#e3d8e7;margin:0;font-family:Archivo;font-size:48px;font-weight:700}.hero-family-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;width:fit-content;margin-top:10px;padding:8px 16px;font-family:IBM Plex Mono;font-size:14px;display:inline-block}.hero-didactic-info{margin-top:30px}.didactic-alert-hero{color:#ffebcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffaa0026;border-left:4px solid #fa0;border-radius:0 8px 8px 0;padding:16px;font-size:13px;line-height:1.5}.didactic-alert-hero strong{color:#fc6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:14px;display:block}.didactic-alert-hero p{margin:0}.modal-data-side{z-index:2;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;width:60%;padding:40px;display:flex;position:relative;overflow-y:auto}.modal-data-side::-webkit-scrollbar{width:6px}.modal-data-side::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.atom-presentation{background:radial-gradient(circle,#ffffff08 0%,#0000 70%);border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:450px;margin-bottom:40px;padding:20px;display:flex;position:relative}.atom-container-3d-large{perspective:1200px;width:100%;height:350px;position:relative}.pedagogical-label{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;z-index:30;pointer-events:none;background:#000000b3;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;padding:10px 16px;font-family:IBM Plex Mono;font-size:13px;display:flex;position:absolute;box-shadow:0 4px 15px #00000080}.pedagogical-label span{color:#afa;letter-spacing:.5px;font-weight:700}.pedagogical-label small{color:#fff9;margin-top:4px;font-size:11px}.label-nucleus{top:20px;left:50%;transform:translate(-50%)}.label-nucleus:after{content:"";background:linear-gradient(#ffffff80,#0000);width:1px;height:30px;position:absolute;bottom:-30px;left:50%}.label-cloud{bottom:40px;right:20px}.label-cloud:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80);width:40px;height:1px;position:absolute;top:-30px;left:-20px;transform:rotate(45deg)}.atom-container-3d-large{perspective:1200px;width:100%;height:350px;position:relative;overflow:visible}.atom-3d-large{transform-style:preserve-3d;animation:8s ease-in-out infinite atomFloat;position:absolute;top:50%;left:50%;transform:rotateX(70deg)rotateY(15deg)}@keyframes atomFloat{0%,to{transform:rotateX(70deg)rotateY(15deg)translateY(0)}50%{transform:rotateX(70deg)rotateY(15deg)translateY(-20px)}}.nucleus-3d-cluster{width:64px;height:64px;transform-style:preserve-3d;z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(-70deg)rotateY(-15deg)}.particles-container{transform-style:preserve-3d;animation:25s linear infinite spinNucleus;position:absolute;inset:0}@keyframes spinNucleus{to{transform:rotateY(360deg)rotate(360deg)}}.nucleon{width:18px;height:18px;transform-style:preserve-3d;border-radius:50%;margin-top:-9px;margin-left:-9px;position:absolute;top:50%;left:50%;box-shadow:inset -4px -4px 8px #000c,0 0 6px #00000080}.nucleon.p{background:radial-gradient(circle at 30% 30%,#4aff4a,#080)}.nucleon.n{background:radial-gradient(circle at 30% 30%,#fa0,#b35900)}.orbit-3d{transform-style:preserve-3d;border:3px solid #ffe60099;border-radius:50%;animation:15s linear infinite orbitSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 10px #ffe60033,0 0 10px #ffe60033}.orbit-layer-0{animation-duration:10s;animation-direction:normal}.orbit-layer-1{animation-duration:16s;animation-direction:reverse;transform:translate(-50%,-50%)rotateX(45deg)}.orbit-layer-2{animation-duration:22s;transform:translate(-50%,-50%)rotateY(60deg)}.orbit-layer-3{animation-duration:28s;animation-direction:reverse;transform:translate(-50%,-50%)rotateX(-45deg)rotateY(30deg)}.orbit-layer-4{animation-duration:35s;transform:translate(-50%,-50%)rotateX(30deg)rotateY(-60deg)}.orbit-layer-5{animation-duration:45s;animation-direction:reverse;transform:translate(-50%,-50%)rotateX(75deg)}.orbit-layer-6{animation-duration:60s;transform:translate(-50%,-50%)rotateY(75deg)}@keyframes orbitSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.electron-3d{width:14px;height:14px;transform-style:preserve-3d;background:#fff566;border-radius:50%;margin-top:-7px;margin-left:-7px;animation:15s linear infinite electronCounterSpin;position:absolute;top:50%;left:50%;box-shadow:0 0 20px 5px #ffe600e6,inset 0 0 5px #fff}@keyframes electronCounterSpin{0%{transform:translate(-50%,-50%)rotateX(-70deg)rotateY(-15deg)}to{transform:translate(-50%,-50%)rotateX(290deg)rotateY(-15deg)}}.electron-configuration-breakdown{color:#ffffffb3;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:auto;padding:12px 24px;font-size:14px}.electron-configuration-breakdown strong{color:#fff;margin:0 4px;font-family:IBM Plex Mono;font-size:16px}@media (width<=1000px){.modal-split-layout{border-radius:16px;flex-direction:column;height:95vh;overflow-y:auto}.modal-hero-side{justify-content:flex-end;width:100%;height:auto;min-height:260px;padding:24px}.hero-side-gradient{background:linear-gradient(#0006 0%,#141416 100%)}.hero-side-bg{border-bottom:1px solid #ffffff1a;border-right:none}.modal-data-side{width:100%;height:auto;padding:24px 20px;overflow-y:visible}.atom-presentation{min-height:320px;margin-bottom:24px}.atom-container-3d-large{height:280px}.hero-symbol-giant{font-size:88px}.hero-name-large{font-size:34px}.pedagogical-label{display:none}}@media (width<=640px){.modal-split-layout{border-radius:14px;width:98vw;height:96vh}.modal-hero-side{min-height:200px;padding:18px 16px}.hero-symbol-giant{font-size:64px}.hero-name-large{font-size:26px}.hero-z-large{margin-bottom:-4px;font-size:18px}.modal-data-side{padding:16px 12px}.atom-canvas-stage{height:260px}.table-mode-switch-wrapper{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.mode-toggle-group{flex-direction:column;gap:6px;width:100%;display:flex}.mode-btn{justify-content:center;padding:9px 12px;font-size:12.5px}.periodic-grid{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.family-alcalino-bg{background:radial-gradient(circle at 30%,#4a2b16,#0a050c)}.family-alcalinoterreo-bg{background:radial-gradient(circle at 30%,#4a3a16,#0a050c)}.family-transicion-bg{background:radial-gradient(circle at 30%,#4a4516,#0a050c)}.family-no-metal-bg{background:radial-gradient(circle at 30%,#164a3a,#0a050c)}.family-metaloide-bg{background:radial-gradient(circle at 30%,#163a4a,#0a050c)}.family-halogeno-bg{background:radial-gradient(circle at 30%,#162a4a,#0a050c)}.family-gas-noble-bg{background:radial-gradient(circle at 30%,#2a164a,#0a050c)}.family-metal-bg{background:radial-gradient(circle at 30%,#3a4a4a,#0a050c)}.family-lantanido-bg{background:radial-gradient(circle at 30%,#3b164a,#0a050c)}.family-actinido-bg{background:radial-gradient(circle at 30%,#4a1632,#0a050c)}.data-grid-3d{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:30px;display:grid}@media (width<=600px){.data-grid-3d{grid-template-columns:1fr}}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:20px;transition:transform .3s,background .3s;display:flex}.glass-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.glass-label{color:#ffffff80;text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono;font-size:11px}.glass-value{color:#fff;letter-spacing:.5px;font-family:Archivo;font-size:18px;font-weight:700}.didactic-toggle-container{justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.didactic-toggle-label{color:#fff9;font-family:IBM Plex Mono;font-size:12px}.toggle-switch{cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;width:40px;height:20px;transition:background .3s;position:relative}.toggle-switch.active{background:#328b68;border-color:#4aff4a}.toggle-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-knob{transform:translate(20px)}.footer-banner{border-radius:12px;width:100%;height:auto;margin-top:42px;display:block;box-shadow:0 4px 20px #0000000f}.topics{margin-top:42px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.section-heading h2{margin:0 0 4px;font:800 22px Archivo,sans-serif}.section-heading>span{color:#6b2d8c;font:11px IBM Plex Mono}.topic{background:#ffffffd6;border:1px solid #6b2d8c2e;border-radius:10px;margin:8px 0;overflow:hidden}.topic-toggle{color:#302636;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.topic-toggle>span:nth-child(2){flex:1}.topic-toggle strong,.topic-toggle small{display:block}.topic-toggle strong{font:700 13px Archivo,sans-serif}.topic-toggle small{color:#817887;margin-top:2px;font:10px IBM Plex Mono}.topic-toggle svg{transition:transform .2s}.expanded .topic-toggle svg{transform:rotate(180deg)}.topic-number{color:#6b2d8c;border:1px solid #6b2d8c40;border-radius:5px;place-items:center;width:28px;height:28px;font:12px IBM Plex Mono;display:grid}.topic-body{color:#746b77;padding:0 13px 13px 53px;font-size:13px}.topic-meta{gap:7px;margin-bottom:8px;display:flex}.topic-meta span{color:#6b2d8c;background:#f2e8f5;border-radius:4px;padding:4px 7px;font:10px IBM Plex Mono}.prerequisite{background:#f1f7f4;border-left:2px solid #b6d9cc;padding:9px 10px;font-size:12px}.prerequisite strong{color:#3a7662}.topic-actions,.result-actions{gap:8px;margin-top:12px;display:flex}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 13px;font:600 11px IBM Plex Mono;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:#6b2d8c;border:1px solid #6b2d8c}.secondary-action{color:#6b2d8c;background:#fff;border:1px solid #6b2d8c40}.quiz-mistake-cta{color:#6b2d8c;background:#6b2d8c0d;border:1px solid #6b2d8c4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:20px 0;padding:16px;text-decoration:none;transition:transform .2s,background .2s;display:flex}.quiz-mistake-cta:hover{background:#6b2d8c1a;transform:translateY(-2px)}.quiz-mistake-cta strong{text-align:center;font:700 16px Archivo,sans-serif}.quiz-mistake-cta span{color:#817887;text-align:center;font:600 12px IBM Plex Mono}[data-theme=dark] .quiz-mistake-cta{color:#e3d8e7;background:#8b4db01a;border-color:#bee7d738}[data-theme=dark] .quiz-mistake-cta span{color:#a96bd0}.quiz-page{max-width:680px;margin:auto;padding-top:8px}.back-button{color:#6b2d8c;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font:12px IBM Plex Mono;display:inline-flex}.quiz-header{margin:24px 0 16px}.quiz-header>span{color:#6b2d8c;font:11px IBM Plex Mono}.quiz-header h1{margin:6px 0;font:800 28px Archivo,sans-serif}.quiz-header p{color:#746b77;margin:0;font-size:13px}.question-card,.result{background:#ffffffe0;border:1px solid #6b2d8c2e;border-radius:12px;padding:18px}.progress{background:#eee4f0;border-radius:99px;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:#6b2d8c;height:100%;transition:width .2s;display:block}.question-card h2{margin:24px 0 18px;font:700 20px Archivo,sans-serif}.options{gap:8px;display:grid}.options button{color:#302636;text-align:left;background:#fff;border:1px solid #6b2d8c38;border-radius:8px;padding:12px}.options button.selected{color:#6b2d8c;background:#f1e7f5;border-color:#6b2d8c}.next-button{width:100%;margin-top:18px}.primary-action:disabled{cursor:not-allowed;opacity:.5}.score{color:#6b2d8c;align-items:baseline;gap:10px;display:flex}.score strong{font:800 46px Archivo,sans-serif}.score span{color:#746b77}.result h2{font:700 20px Archivo,sans-serif}.review{background:#fafafa;border-left:4px solid;border-radius:6px;margin:9px 0;padding:12px}.review.correct{border-color:#328b68}.review.wrong{border-color:#c65b5b}.review>div{gap:7px;display:flex}.review p,.review small{color:#746b77;margin:5px 0 0;font-size:12px;display:block}.review>div span{color:#328b68}.wrong>div span{color:#c65b5b}.not-found{text-align:center;padding:80px 0}.not-found h1{font:800 30px Archivo}.not-found a{color:#6b2d8c}.mobile-cta{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lesson-card{background:#ffffffe6;border:1px solid #6b2d8c33;border-radius:12px;padding:22px;box-shadow:0 6px 20px #37243f12}.lesson-kicker{color:#3a7662;text-transform:uppercase;align-items:center;gap:7px;font:600 11px IBM Plex Mono;display:flex}.lesson-card h2{margin:14px 0 8px;font:800 23px Archivo,sans-serif}.lesson-card>p{color:#746b77;margin:0;line-height:1.55}.lesson-card ul{gap:9px;margin:18px 0;padding:0;list-style:none;display:grid}.lesson-card li{color:#302636;padding-left:22px;font-size:14px;line-height:1.4;position:relative}.lesson-card li:before{color:#6b2d8c;content:"→";font-weight:700;position:absolute;left:0}.lesson-start{width:100%;margin-top:8px}.learning-mode,.diagnostic-hero,.diagnostic-result,.diagnostic-question,.diagnostic-breakdown,.lab-hero,.lab-workbench,.teacher-hero,.teacher-section{background:#ffffffc7;border:1px solid #6b2d8c33;border-radius:12px;margin-top:14px;padding:20px}.learning-mode{border-left:4px solid #6b2d8c;justify-content:space-between;align-items:center;gap:18px;display:flex}.learning-mode h2,.diagnostic-hero h1,.lab-hero h1,.teacher-hero h1{margin:5px 0;font:800 24px Archivo,sans-serif}.learning-mode p,.diagnostic-hero p,.diagnostic-result p,.lab-hero p,.teacher-hero p,.teacher-section p{color:#746b77;margin:0;line-height:1.5}.learning-mode-actions,.diagnostic-actions{flex-wrap:wrap;gap:8px;display:flex}.pathways{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.pathways a{background:#ffffffd6;border:1px solid #6b2d8c2e;border-radius:10px;gap:7px;padding:16px;text-decoration:none;display:grid}.pathways strong{font:700 15px Archivo,sans-serif}.pathways small{color:#746b77;line-height:1.4}.eyebrow{color:#6b2d8c;text-transform:uppercase;font:600 10px IBM Plex Mono}.table-layers{gap:7px;margin:8px 0 0;display:flex;overflow-x:auto}.table-layers button{color:#6b2d8c;white-space:nowrap;background:0 0;border:1px solid #6b2d8c33;border-radius:999px;padding:7px 10px;font:10px IBM Plex Mono}.table-layers button.active{color:#fff;background:#6b2d8c}.layer-radius .element,.layer-ionization .element{padding:3px}.layer-radius .element span,.layer-ionization .element span{text-align:center;font-size:7px}.diagnostic-page,.lab-page,.teacher-page{max-width:760px;margin:auto;padding-top:8px}.diagnostic-question{margin-top:12px}.diagnostic-question-meta{color:#6b2d8c;justify-content:space-between;font:11px IBM Plex Mono;display:flex}.diagnostic-question h2{margin:20px 0;font:700 20px Archivo,sans-serif}.diagnostic-note{color:#3a7662;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.diagnostic-score{color:#6b2d8c;align-items:baseline;gap:10px;display:flex}.diagnostic-score strong{font:800 48px Archivo,sans-serif}.diagnostic-result h2,.diagnostic-breakdown h2,.teacher-section h2{margin:8px 0;font:700 20px Archivo,sans-serif}.diagnostic-breakdown{gap:8px;display:grid}.diagnostic-topic,.teacher-topic-list>div{background:#fff;border:1px solid #6b2d8c24;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-size:13px;display:flex}.diagnostic-topic strong{font:10px IBM Plex Mono}.diagnostic-topic .known{color:#328b68}.diagnostic-topic .needs-review{color:#b45b5b}.lab-workbench{grid-template-columns:1fr 1fr;gap:18px;display:grid}.atom-stage{background:#f1f7f4;border:1px solid #b6d9cc;border-radius:10px;align-content:center;place-items:center;min-height:330px;display:grid}.atom-nucleus{z-index:1;color:#fff;text-align:center;background:#6b2d8c;border-radius:50%;place-content:center;width:92px;height:92px;display:grid;box-shadow:0 0 0 10px #6b2d8c1f}.atom-nucleus strong{font:800 27px Archivo,sans-serif}.atom-nucleus small{font:10px IBM Plex Mono}.atom-orbit{border:1px solid #3a766280;border-radius:50%;width:190px;height:100px;position:absolute;transform:rotate(30deg)}.orbit-two{transform:rotate(-30deg)}.atom-orbit span{background:#3a7662;border-radius:50%;width:11px;height:11px;margin:-5px auto;display:block}.atom-readout{text-align:center;gap:4px;margin-top:28px;display:grid}.atom-readout strong{font:700 15px Archivo,sans-serif}.atom-readout span{color:#746b77;font:10px IBM Plex Mono}.lab-controls h2{margin:0 0 10px;font:700 20px Archivo,sans-serif}.particle-control{background:#fff;border:1px solid #6b2d8c24;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:10px;display:flex}.particle-control div:first-child{gap:3px;display:grid}.particle-control small{color:#746b77;font-size:10px}.stepper{align-items:center;gap:8px;display:flex}.stepper button{color:#6b2d8c;background:0 0;border:1px solid #6b2d8c40;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.lab-callout{color:#3a7662;background:#f1f7f4;border:1px solid #b6d9cc;border-radius:7px;gap:8px;margin-top:12px;padding:10px;font-size:12px;line-height:1.4;display:flex}.lab-challenge{background:#ffffffb3;border-left:4px solid #6b2d8c;gap:10px;margin-top:12px;padding:14px;display:flex}.lab-challenge p{color:#746b77;margin:4px 0 0;font-size:12px}.teacher-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.teacher-metrics article{color:#6b2d8c;background:#ffffffd6;border:1px solid #6b2d8c2e;border-radius:10px;gap:6px;padding:16px;display:grid}.teacher-metrics strong{color:#302636;font:800 28px Archivo,sans-serif}.teacher-metrics span{color:#746b77;font-size:11px}.teacher-topic-list{gap:7px;margin-top:14px;display:grid}.teacher-topic-list strong{color:#746b77;font:10px IBM Plex Mono}@media (width<=640px){.app-shell{width:min(100% - 24px,960px);padding-bottom:32px}.site-header{padding-top:14px}.brand img{width:190px}.streak{font-size:10px}.study-guide{grid-template-columns:1fr}.study-guide .primary-action{width:100%}.periodic-grid{margin-right:-12px;padding-right:12px}.topic-body{padding-left:13px}.topic-actions{flex-direction:column}.contact-cta{margin-top:28px;position:static;box-shadow:0 4px 16px #27173114}.contact-cta a{padding:9px 11px}.quiz-header h1{font-size:23px}}.atom-stage{position:relative}.pathways{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.pathways a{background:#ffffffd6;border:1px solid #6b2d8c2e;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.pathways a:hover{border-color:#7c3aed;transform:translateY(-3px);box-shadow:0 8px 24px #6b2d8c24}[data-theme=dark] .pathways a:hover{border-color:#a855f7;box-shadow:0 8px 26px #0000008c}@media (width>=720px) and (width<=1024px){.pathways{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width>=641px) and (width<=719px){.pathways{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pathways a:last-child{grid-column:1/-1}}@media (width<=640px){.learning-mode,.lab-workbench{flex-direction:column;align-items:stretch}.learning-mode-actions,.diagnostic-actions{flex-direction:column}.learning-mode-actions a,.diagnostic-actions a,.diagnostic-actions button{width:100%}.pathways,.teacher-metrics{grid-template-columns:1fr}.diagnostic-topic,.teacher-topic-list>div{flex-direction:column;align-items:flex-start;gap:5px}.lab-workbench{grid-template-columns:1fr;display:grid}.lab-hero h1,.teacher-hero h1,.diagnostic-hero h1{font-size:22px}.atom-stage{min-height:280px}.atom-orbit{width:160px}}.avatar{object-fit:cover;border:1px solid #6b2d8c33;border-radius:50%;width:32px;height:32px}.hero-img{border-radius:8px;width:100%;height:auto;margin-bottom:16px;display:block}.path-img{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:8px;width:100%;height:auto;margin-bottom:12px;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 4px 14px #37243f14}.pathways a:hover .path-img{transform:scale(1.02);box-shadow:0 6px 18px #6b2d8c2e}.section-banner{border-radius:8px;width:100%;height:auto;margin-bottom:16px;display:block}.certificate-img{border:1px solid #6b2d8c26;border-radius:8px;width:100%;height:auto;margin-top:16px;display:block;box-shadow:0 4px 14px #0000001a}.achievement-img{object-fit:contain;drop-shadow:0 4px 10px #0000001a;width:80px;height:80px}.score{align-items:center}.lesson-gallery{gap:12px;margin-bottom:20px;display:grid}.lesson-gallery img{border:1px solid #6b2d8c26;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 4px 12px #37243f0a}@media (width>=641px){.hero,.diagnostic-hero,.lab-hero,.teacher-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;display:grid}.hero-img{margin-bottom:0}.lesson-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.table-mode-switch-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6b2d8c0d;border:1px solid #6b2d8c2e;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 14px;padding:14px 18px;display:flex}[data-theme=dark] .table-mode-switch-wrapper{background:#271d2dbf;border-color:#bee7d733}.mode-toggle-group{background:#ffffffd9;border:1px solid #6b2d8c33;border-radius:10px;gap:4px;padding:4px;display:inline-flex}[data-theme=dark] .mode-toggle-group{background:#241b2a;border-color:#bee7d733}.mode-btn{color:#6b2d8c;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}[data-theme=dark] .mode-btn{color:#d4a7ef}.mode-btn:hover{background:#6b2d8c14}[data-theme=dark] .mode-btn:hover{background:#d4a7ef1f}.mode-btn.active{color:#fff;background:#6b2d8c;box-shadow:0 2px 10px #6b2d8c59}[data-theme=dark] .mode-btn.active{color:#fff;background:#8b4db0}.mode-pill{color:#6b2d8c;letter-spacing:.5px;background:#6b2d8c1f;border-radius:999px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700}.mode-btn.active .mode-pill{color:#fff;background:#ffffff40}.mode-aux-options{color:#746b77;align-items:center;gap:12px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}[data-theme=dark] .mode-aux-options{color:#bcaec2}.mode-aux-options label{cursor:pointer;align-items:center;gap:6px;display:flex}.mode-aux-options input[type=checkbox]{accent-color:#6b2d8c;cursor:pointer}.advanced-filters-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 14px;display:flex}.filter-select-group{background:#ffffffe0;border:1px solid #6b2d8c33;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}[data-theme=dark] .filter-select-group{background:#241b2a;border-color:#bee7d733}.filter-select-group label{color:#6b2d8c;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}[data-theme=dark] .filter-select-group label{color:#a7dfca}.filter-select-group select{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-family:IBM Plex Mono,monospace;font-size:11px}.filter-count-badge{color:#6b2d8c;margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:11px}[data-theme=dark] .filter-count-badge{color:#d4a7ef}.periodic-grid{grid-template-columns:repeat(18,minmax(0,1fr));grid-auto-rows:var(--periodic-row-height,58px);gap:var(--periodic-gap,4px);-webkit-overflow-scrolling:touch;width:100%;min-width:0;padding:4px 0 16px;display:grid}.periodic-grid.has-f-block{grid-template-rows:repeat(7, var(--periodic-row-height,58px)) calc(var(--periodic-row-height,58px) * .24) repeat(2, var(--periodic-row-height,58px))}.periodic-grid .element[data-row="8"],.periodic-grid .element[data-row="9"]{border-style:solid;border-width:1px}.element{color:#302636;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #6b2d8c38;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),border-color .15s;display:flex;position:relative}@media (width<=767px){.element{aspect-ratio:3/4;min-height:48px;padding:2px 1px}.element small{font-size:8px}.element b{font-size:13.5px}.element span{font-size:7px}}@media (width>=768px) and (width<=1023px){.element{aspect-ratio:3/4;padding:2px 1px}.element small{font-size:8px}.element b{font-size:13px}.element span{font-size:7px}}@media (width>=1024px){.element{aspect-ratio:1;padding:3px 2px}.element small{font-size:9px}.element b{font-size:17px}.element span{font-size:8px}}.element:hover{z-index:10;border-color:#6b2d8c;transform:translateY(-2px)scale(1.03);box-shadow:0 6px 16px #6b2d8c40}[data-theme=dark] .element:hover{border-color:#d4a7ef;box-shadow:0 6px 18px #000000a6,0 0 0 1px #d4a7ef}.element small{opacity:.7;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-weight:500;line-height:1}.element b{letter-spacing:-.5px;font-family:IBM Plex Mono,monospace;font-weight:700;line-height:1.1}.element span{opacity:.75;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:96%;margin-top:2px;font-family:IBM Plex Mono,monospace;font-weight:500;line-height:1;overflow:hidden}.table-placeholder{cursor:pointer;text-align:center;box-sizing:border-box;background:#6b2d8c0d;border:1.5px dashed #6b2d8c73;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:2px 1px;transition:all .2s;display:flex}@media (width<=1023px){.table-placeholder{aspect-ratio:3/4}}@media (width>=1024px){.table-placeholder{aspect-ratio:1}}[data-theme=dark] .table-placeholder{background:#271d2d80;border-color:#bee7d759}.table-placeholder:hover{background:#6b2d8c26;transform:scale(1.04)}[data-theme=dark] .table-placeholder:hover{background:#8b4db040}.table-placeholder small{opacity:.75;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:8.5px;line-height:1}.table-placeholder b{color:#6b2d8c;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.1}[data-theme=dark] .table-placeholder b{color:#d4a7ef}.series-label{text-transform:uppercase;letter-spacing:.5px;pointer-events:none;box-sizing:border-box;border-radius:6px;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding:0 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:flex}@media (width<=1023px){.series-label{gap:3px;padding:0 4px;font-size:8px}.series-label .series-arrow{font-size:9px}}@media (width>=1024px){.series-label{padding:0 10px;font-size:10.5px}}.series-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.series-label .series-arrow{opacity:.85;flex-shrink:0;font-size:12px}.series-label-lanthanides{color:#7c3aed;background:linear-gradient(90deg,#0000,#8b5cf61f);border-right:2px solid #8b5cf666}[data-theme=dark] .series-label-lanthanides{color:#c084fc;background:linear-gradient(90deg,#0000,#8b5cf638);border-right-color:#c084fc80}.series-label-actinides{color:#db2777;background:linear-gradient(90deg,#0000,#ec48991f);border-right:2px solid #ec489966}[data-theme=dark] .series-label-actinides{color:#f472b6;background:linear-gradient(90deg,#0000,#ec489938);border-right-color:#f472b680}.element.is-dimmed{opacity:.45!important;filter:grayscale(.4)!important;color:#4a3856!important;background:#eef0f4e6!important;border-color:#6b2d8c29!important}.element.is-dimmed small,.element.is-dimmed b,.element.is-dimmed span{color:#3b2c45!important;opacity:.92!important}[data-theme=dark] .element.is-dimmed{color:#d1c4df!important;opacity:.68!important;filter:grayscale(.3)!important;background:#1e1626d1!important;border-color:#d4a7ef2e!important}[data-theme=dark] .element.is-dimmed small,[data-theme=dark] .element.is-dimmed b,[data-theme=dark] .element.is-dimmed span{color:#e6ddf0!important;opacity:.96!important}.element.is-dimmed:hover{z-index:10;transform:translateY(-2px)scale(1.03);opacity:.98!important;filter:grayscale(0)!important}[data-theme=dark] .element.is-dimmed:hover{opacity:1!important;filter:grayscale(0)!important;background:#30223ef2!important;border-color:#d4a7ef!important}[data-theme=dark] .element.is-dimmed:hover small,[data-theme=dark] .element.is-dimmed:hover b,[data-theme=dark] .element.is-dimmed:hover span{color:#fff!important;opacity:1!important}.element.is-preuni-highlight{z-index:2;border-color:#6b2d8c;position:relative;box-shadow:inset 0 0 0 1px #6b2d8c}[data-theme=dark] .element.is-preuni-highlight{border-color:#d4a7ef;box-shadow:inset 0 0 0 1px #d4a7ef}.element.is-preuni-highlight:after{content:"★";color:#d97706;font-size:8px;line-height:1;position:absolute;top:1px;right:2px}[data-theme=dark] .element.is-preuni-highlight:after{color:#fbbf24}.layer-en .element span{font-size:8px;font-weight:600}.layer-radius .element span,.layer-ionization .element span,.layer-mass .element span{font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:500}.atom-viewer-3d-wrapper{flex-direction:column;width:100%;height:100%;min-height:400px;display:flex;position:relative}.atom-canvas-stage{background:radial-gradient(circle,#1e293b80 0%,#0a0f1cf2 100%);border:1px solid #ffffff1f;border-radius:18px;width:100%;height:380px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009,0 8px 30px #0000004d}.atom-canvas-stage canvas{cursor:grab;outline:none;width:100%!important;height:100%!important}.atom-canvas-stage canvas:active{cursor:grabbing}.atom-loading-box{color:#38bdf8;letter-spacing:.5px;background:radial-gradient(circle,#1e293b80 0%,#0a0f1cf2 100%);border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;width:100%;height:380px;font-family:IBM Plex Mono,monospace;font-size:13px;display:flex}.atom-viewer-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.toolbar-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.toolbar-btn.active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 12px #38bdf866}.toolbar-btn.mode-cloud{color:#fff;background:#7c3aed;border-color:#c084fc;box-shadow:0 0 12px #c084fc66}.toolbar-btn.icon-only{padding:7px 8px}.orbit-html-badge{color:#38bdf8;pointer-events:none;white-space:nowrap;background:#0f172ae0;border:1px solid #38bdf899;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex;box-shadow:0 2px 10px #000000b3}.orbit-html-badge b{color:#fef08a;font-weight:700}.atom-distribution-badge{align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.dist-label{color:#ffffffa6}.dist-formula{gap:4px;display:flex}.dist-shell{background:#ffffff1a;border-radius:4px;align-items:baseline;gap:2px;padding:1px 5px;display:inline-flex}.dist-shell small{color:#38bdf8;font-size:9px}.dist-shell b{color:#fef08a;font-size:11px}.dist-total{color:#94a3b8}.modal-meta-chips{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.meta-chip{text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.meta-chip.chip-preuni{color:#fef3c7;background:#f59e0b33;border-color:#f59e0b}.didactic-summary{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.5}.didactic-summary p{margin:0}.element-detail-page{color:#1e293b;background:#f8fafc;min-height:100vh;font-family:IBM Plex Sans,sans-serif;line-height:1.5;transition:background-color .25s,color .25s;position:relative;overflow-x:hidden}.detail-ambient-bg{background:radial-gradient(circle at 50% 20%, var(--element-accent,#3b82f6) 0%, transparent 70%);opacity:.12;filter:blur(90px);pointer-events:none;z-index:0;width:100vw;height:80vh;position:fixed;top:-20vh;left:50%;transform:translate(-50%)}.detail-topbar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:16px;padding:12px 28px;transition:background-color .25s,border-color .25s;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.topbar-back-btn{color:#475569;background:#0000000a;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.topbar-back-btn:hover{color:#0f172a;background:#00000014;transform:translate(-2px)}.topbar-theme-toggle{color:#475569;cursor:pointer;background:#0000000a;border:1px solid #0000001a;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.topbar-theme-toggle:hover{color:#0f172a;background:#00000014;transform:translateY(-1px)}.quick-jump-container{position:relative}.quick-jump-toggle{color:#334155;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.quick-jump-toggle:hover{background:#00000014;border-color:#00000026}.jump-current b{color:var(--element-accent,#0284c7);font-family:IBM Plex Mono,monospace}.jump-hint{opacity:.6;font-size:11px}.quick-jump-popover{z-index:120;background:#fff;border:1px solid #0000001f;border-radius:12px;width:310px;animation:.15s ease-out slideDownPop;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 16px 36px #0000001f}@keyframes slideDownPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.jump-input-wrapper{color:#64748b;background:#f8fafc;border-bottom:1px solid #0000000f;align-items:center;gap:8px;padding:10px 12px;display:flex}.jump-input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:IBM Plex Mono,monospace;font-size:12px}.jump-results-list{max-height:280px;padding:4px;overflow-y:auto}.jump-item{color:#334155;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:12px;text-decoration:none;transition:background .15s;display:flex}.jump-item:hover,.jump-item.active{color:#0f172a;background:#f1f5f9}.jump-z{color:#94a3b8;width:24px;font-family:IBM Plex Mono,monospace;font-size:10px}.jump-sym{color:var(--element-accent,#0284c7);width:24px;font-family:IBM Plex Mono,monospace;font-size:13px}.jump-name{flex:1;font-weight:500}.jump-fam{color:#64748b;font-size:10px}.topbar-nav-pill{color:#334155;background:#0000000a;border:1px solid #00000014;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.topbar-nav-pill:hover:not(.disabled){color:#0f172a;background:#00000014;border-color:#00000026}.topbar-nav-pill.disabled{opacity:.35;cursor:not-allowed}.nav-pill-sym{color:var(--element-accent,#0284c7);font-weight:700}.nav-pill-z{color:#94a3b8;font-size:10px}.topbar-share-btn{color:#0284c7;cursor:pointer;background:#0284c71a;border:1px solid #0284c740;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.topbar-share-btn:hover{background:#0284c733}.topbar-share-btn.copied{color:#15803d;background:#16a34a26;border-color:#16a34a59}.detail-container{z-index:1;flex-direction:column;gap:28px;max-width:1480px;margin:0 auto;padding:24px 28px 60px;display:flex;position:relative}.detail-hero-showcase{grid-template-columns:460px 1fr;align-items:stretch;gap:24px;display:grid}.specimen-gallery-card{background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;gap:18px;padding:24px;transition:background-color .25s,border-color .25s;display:flex;box-shadow:0 10px 30px #0000000d}.specimen-header{justify-content:space-between;align-items:center;display:flex}.specimen-eyebrow{letter-spacing:.5px;text-transform:uppercase;color:#64748b;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.specimen-phase-badge{color:#334155;background:#0000000d;border:1px solid #00000014;border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.specimen-frame-wrapper{background:radial-gradient(circle,#fff 0%,#f1f5f9 100%);border:1px solid #0000000f;border-radius:16px;justify-content:center;align-items:center;width:100%;height:460px;padding:20px;display:flex;position:relative;overflow:hidden}.specimen-ambient-blur{object-fit:cover;filter:blur(40px)saturate(1.8);opacity:.25;z-index:0;pointer-events:none;width:120%;height:120%;position:absolute}.specimen-img-contain{z-index:1;object-fit:contain;filter:drop-shadow(0 14px 24px #00000026);border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.specimen-img-contain:hover{transform:scale(1.03)}.specimen-procedural-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:relative}.fallback-orbits{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fallback-ring{border:1px dashed #00000026;border-radius:50%;animation:30s linear infinite spinSlow;position:absolute}.fallback-ring.ring-1{width:140px;height:140px}.fallback-ring.ring-2{width:220px;height:220px;animation-duration:45s;animation-direction:reverse}.fallback-ring.ring-3{width:300px;height:300px;animation-duration:60s}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fallback-monogram{z-index:1;flex-direction:column;align-items:center;display:flex}.fallback-z{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600}.fallback-symbol{color:#0f172a;font-family:Archivo,sans-serif;font-size:80px;font-weight:800;line-height:1}.fallback-name{color:#334155;font-size:20px;font-weight:600}.fallback-note{color:#64748b;z-index:1;font-size:11px}.specimen-caption{flex-direction:column;gap:6px;display:flex}.specimen-identity{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.specimen-z-badge{color:#64748b;background:#0000000a;border:1px solid #0000000f;border-radius:6px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.specimen-title{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:34px;font-weight:800;line-height:1.1}.specimen-symbol-pill{color:var(--element-accent,#0284c7);background:#0000000a;border:1px solid #00000014;border-radius:8px;padding:2px 10px;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:700}.specimen-family-tag{font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.preuni-distinction-badge{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:6px;width:fit-content;margin-top:4px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.quantum-lab-card{background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:background-color .25s,border-color .25s;display:flex;box-shadow:0 10px 30px #0000000d}.lab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-title-group{flex-direction:column;gap:2px;display:flex}.lab-eyebrow{letter-spacing:.5px;text-transform:uppercase;color:var(--element-accent,#0284c7);align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.lab-heading{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:20px;font-weight:700}.lab-hud-particles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.particle-chip{color:#334155;background:#0000000a;border:1px solid #00000014;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.particle-dot{border-radius:50%;width:7px;height:7px}.chip-protons .particle-dot{background:#16a34a;box-shadow:0 0 8px #16a34a80}.chip-neutrons .particle-dot{background:#d97706;box-shadow:0 0 8px #d9770680}.chip-electrons .particle-dot{background:#0284c7;box-shadow:0 0 8px #0284c780}.lab-canvas-viewport{background:radial-gradient(circle,#0f172af2 0%,#04070d 100%);border:1px solid #0000001a;border-radius:16px;width:100%;height:600px;min-height:560px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000c,0 8px 24px #0000001f}.lab-canvas-viewport .atom-viewer-3d-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.lab-canvas-viewport .atom-canvas-stage{flex:1;width:100%;height:auto;min-height:480px}.lab-loading-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:13px;display:flex}.lab-footer-note{color:#64748b;text-align:center;font-size:11px}.detail-bento-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bento-card{background:#fff;border:1px solid #00000014;border-radius:18px;flex-direction:column;gap:16px;padding:22px;transition:border-color .2s,box-shadow .2s,background-color .25s;display:flex;box-shadow:0 8px 24px #0000000a}.bento-card:hover{border-color:#00000029;box-shadow:0 12px 30px #00000014}.bento-card.span-full{grid-column:1/-1}.bento-card-header{align-items:center;gap:10px;display:flex}.bento-icon{color:var(--element-accent,#0284c7)}.bento-card-header h3{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.metric-rows{flex-direction:column;gap:10px;display:flex}.metric-row{background:#f8fafc;border:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.metric-label{color:#64748b;font-size:12px}.metric-value{color:#0f172a;font-family:IBM Plex Mono,monospace;font-size:14px}.metric-value.highlight{color:var(--element-accent,#0284c7);font-size:16px;font-weight:700}.quantum-config-box{background:#f1f5f9;border:1px solid #0000000f;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.config-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-family:IBM Plex Mono,monospace;font-size:11px}.config-display{color:#0f172a;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:1.6}.config-kernel{color:#d97706;font-weight:700}.config-subshell{color:#0284c7}.config-subshell sup{color:#db2777;font-size:.8em;font-weight:700}.shells-visualizer{flex-direction:column;gap:10px;display:flex}.shells-title{color:#64748b;font-size:12px}.shells-meter-list{flex-direction:column;gap:8px;display:flex}.shell-meter-item{flex-direction:column;gap:4px;display:flex}.shell-meter-info{justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.shell-name{color:#334155}.shell-count{color:#64748b}.shell-count b{color:var(--element-accent,#0284c7)}.shell-progress-track{background:#0000000f;border-radius:999px;height:6px;overflow:hidden}.shell-progress-fill{background:linear-gradient(90deg,#0284c7,#6366f1);border-radius:999px;height:100%;transition:width .5s}.en-block{background:#f8fafc;border:1px solid #0000000d;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.en-header{justify-content:space-between;align-items:center;display:flex}.en-label{color:#64748b;font-size:12px}.en-val{color:#d97706;font-family:IBM Plex Mono,monospace;font-size:16px}.en-spectrum-container{flex-direction:column;gap:4px;display:flex}.en-spectrum-bar{background:linear-gradient(90deg,#3b82f6,#10b981,#eab308,#ef4444);border-radius:999px;height:10px;position:relative}.en-marker{background:#fff;border:2px solid #0f172a;border-radius:50%;width:16px;height:16px;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.en-spectrum-labels{color:#64748b;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.en-inert-badge{color:#64748b;font-size:11px;font-style:italic}.property-mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-stat{background:#f8fafc;border:1px solid #0000000d;border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex}.mini-label{color:#64748b;font-size:11px}.mini-value{color:#0f172a;font-family:IBM Plex Mono,monospace;font-size:14px}.ox-states-container{flex-direction:column;gap:8px;display:flex}.ox-heading{color:#64748b;font-size:12px}.ox-chips-wrapper{flex-wrap:wrap;gap:8px;display:flex}.ox-state-chip{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:8px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700}.reactivity-summary p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.pedagogical-main-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pedagogical-title-group{align-items:center;gap:12px;display:flex}.bento-kicker{text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:block}.verified-badge{color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.icon-emerald{color:#10b981}.icon-amber{color:#f59e0b}.icon-cyan{color:#06b6d4}.pedagogy-four-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px;display:grid}.pedagogy-card{background:#f8fafc;border:1px solid #00000014;border-radius:14px;flex-direction:column;gap:10px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.pedagogy-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.card-top{align-items:center;gap:10px;display:flex}.card-icon-badge{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.icon-app{color:#2563eb;background:#3b82f61f}.icon-pitfall{color:#dc2626;background:#ef44441f}.icon-quantum{color:#9333ea;background:#a855f71f}.icon-family{color:#0d9488;background:#14b8a61f}.pedagogy-card h4{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:14px;font-weight:700}.pedagogy-card p{color:#334155;margin:0;font-size:13px;line-height:1.6}.card-pitfall{background:#ef44440a;border-color:#ef444433 #ef444433 #ef444433 #ef4444;border-left-style:solid;border-left-width:4px}.card-pitfall p{color:#991b1b}.card-quantum-body{flex-direction:column;gap:8px;display:flex}.quantum-rule-tag{color:#7e22ce;background:#a855f714;border:1px solid #a855f733;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5}.misconception-callout{background:#f59e0b14;border:1px solid #f59e0b47;border-left:4px solid #f59e0b;border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:16px 18px;display:flex}.misconception-header{color:#b45309;align-items:center;gap:8px;display:flex}.misconception-header strong{text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:13px}.misconception-callout p{color:#78350f;margin:0;font-size:13px;line-height:1.6}.flashcards-layout-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:6px;display:grid}.flashcard-interactive-box{background:#fff;border:1px solid #00000014;border-radius:14px;flex-direction:column;gap:12px;padding:20px;transition:all .25s;display:flex;box-shadow:0 4px 14px #00000008}.flashcard-interactive-box.revealed{border-color:#10b98159;box-shadow:0 8px 24px #10b98114}.flashcard-meta-tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.flashcard-exam-pill{text-transform:uppercase;color:#4f46e5;background:#6366f11f;border:1px solid #6366f140;border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.flashcard-concept-pill{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:11px}.flashcard-prompt-text{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:15px;font-weight:700;line-height:1.4}.flashcard-action-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.flashcard-action-btn:hover{color:#0f172a;background:#e2e8f0}.flashcard-action-btn.active{color:#047857;background:#10b9811f;border-color:#10b9814d}.flashcard-answer-reveal{background:#f0fdf4;border:1px solid #10b98140;border-radius:10px;flex-direction:column;gap:8px;padding:14px;animation:.25s ease-out fadeIn;display:flex}.answer-header-row{color:#059669;text-transform:uppercase;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;display:flex}.answer-core-text{color:#065f46;margin:0;font-size:13px;font-weight:600;line-height:1.5}.answer-rationale-box{border-top:1px dashed #10b98140;flex-direction:column;gap:3px;margin-top:4px;padding-top:8px;display:flex}.answer-rationale-box small{color:#059669;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px}.answer-rationale-box p{color:#047857;margin:0;font-size:12px;line-height:1.5}.isotopes-intro-card{background:#06b6d414;border:1px solid #06b6d433;border-radius:10px;padding:14px 18px}.isotopes-intro-card h4{color:#0891b2;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:14px;font-weight:700}.isotopes-intro-card p{color:#155e75;margin:0;font-size:13px;line-height:1.55}.isotopes-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:6px;display:grid}.single-isotope-card{background:#f8fafc;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.isotope-card-top{justify-content:space-between;align-items:center;display:flex}.iso-symbol{color:#0f172a;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:700}.iso-name{color:#475569;font-size:13px;font-weight:600}.iso-tag{border-radius:999px;padding:2px 7px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.tag-stable{color:#059669;background:#10b9811f;border:1px solid #10b98140}.tag-decay{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.iso-nuclear-specs{flex-wrap:wrap;gap:8px;display:flex}.spec-badge{color:#334155;background:#0000000a;border:1px solid #0000000f;border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.iso-meter-box{flex-direction:column;gap:4px;display:flex}.meter-labels{color:#475569;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.meter-track{background:#0000000f;border-radius:999px;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:999px;height:100%;transition:width .4s}.iso-highlight-box{color:#64748b;font-size:11px;font-style:italic;line-height:1.4}.isotopes-math-box{background:#f1f5f9;border:1px solid #0000000f;border-radius:10px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.math-box-title{color:#334155;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700}.math-steps-list{flex-direction:column;gap:6px;display:flex}.math-step-row code{color:#0284c7;background:#0284c714;border-radius:6px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:13px;display:block}.isotopes-lab-footer-cta{justify-content:flex-end;margin-top:4px;display:flex}@media (width<=768px){.pedagogy-four-grid,.flashcards-layout-grid{grid-template-columns:1fr}}.detail-footer{border-top:1px solid #00000014;margin-top:10px;padding-top:24px}.detail-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-credits{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:11px}.element-not-found{justify-content:center;align-items:center;min-height:80vh;display:flex}.not-found-card{text-align:center;background:#fff;border:1px solid #00000014;border-radius:20px;flex-direction:column;align-items:center;gap:16px;max-width:480px;padding:40px;display:flex;box-shadow:0 10px 30px #0000000f}.not-found-card h1{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:24px}.not-found-card p{color:#64748b;margin:0;font-size:14px}[data-theme=dark] .element-detail-page{color:#f1f5f9;background:#080c14}[data-theme=dark] .detail-ambient-bg{opacity:.16}[data-theme=dark] .detail-topbar{background:#080c14d9;border-bottom:1px solid #ffffff14}[data-theme=dark] .topbar-back-btn,[data-theme=dark] .topbar-nav-pill,[data-theme=dark] .topbar-theme-toggle{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f}[data-theme=dark] .topbar-back-btn:hover,[data-theme=dark] .topbar-nav-pill:hover:not(.disabled),[data-theme=dark] .topbar-theme-toggle:hover{color:#fff;background:#ffffff1f}[data-theme=dark] .quick-jump-toggle{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=dark] .quick-jump-popover{background:#0f172a;border:1px solid #ffffff26;box-shadow:0 16px 36px #000000b3}[data-theme=dark] .jump-input-wrapper{color:#94a3b8;background:#ffffff08;border-bottom:1px solid #ffffff14}[data-theme=dark] .jump-input-wrapper input{color:#f8fafc}[data-theme=dark] .jump-item{color:#cbd5e1}[data-theme=dark] .jump-item:hover,[data-theme=dark] .jump-item.active{color:#fff;background:#ffffff14}[data-theme=dark] .specimen-gallery-card,[data-theme=dark] .quantum-lab-card,[data-theme=dark] .bento-card{background:#0f172aa6;border:1px solid #ffffff14;box-shadow:0 12px 36px #00000073}[data-theme=dark] .specimen-frame-wrapper{background:radial-gradient(circle,#ffffff08 0%,#000000b3 100%);border:1px solid #ffffff14}[data-theme=dark] .specimen-title,[data-theme=dark] .lab-heading,[data-theme=dark] .bento-card-header h3,[data-theme=dark] .metric-value,[data-theme=dark] .config-display,[data-theme=dark] .fallback-symbol,[data-theme=dark] .not-found-card h1{color:#f8fafc}[data-theme=dark] .specimen-phase-badge,[data-theme=dark] .particle-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=dark] .specimen-z-badge,[data-theme=dark] .specimen-symbol-pill{background:#ffffff0d;border:1px solid #ffffff14}[data-theme=dark] .metric-row,[data-theme=dark] .mini-stat,[data-theme=dark] .en-block{background:#ffffff08;border:1px solid #ffffff0d}[data-theme=dark] .quantum-config-box{background:#0006;border:1px solid #ffffff12}[data-theme=dark] .config-kernel{color:#fbbf24}[data-theme=dark] .config-subshell{color:#38bdf8}[data-theme=dark] .shell-name{color:#cbd5e1}[data-theme=dark] .shell-progress-track{background:#ffffff14}[data-theme=dark] .shell-progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8)}[data-theme=dark] .ox-state-chip{color:#fef08a;background:#f59e0b26;border-color:#f59e0b59}[data-theme=dark] .pedagogy-card,[data-theme=dark] .flashcard-interactive-box,[data-theme=dark] .single-isotope-card{background:#0f172ab3;border-color:#ffffff14}[data-theme=dark] .pedagogy-card h4,[data-theme=dark] .flashcard-prompt-text,[data-theme=dark] .iso-symbol{color:#f8fafc}[data-theme=dark] .pedagogy-card p,[data-theme=dark] .iso-name{color:#cbd5e1}[data-theme=dark] .card-pitfall{background:#ef444414;border-color:#ef44444d}[data-theme=dark] .card-pitfall p{color:#fca5a5}[data-theme=dark] .quantum-rule-tag{color:#d8b4fe;background:#a855f726;border-color:#a855f74d}[data-theme=dark] .misconception-callout{background:#f59e0b14;border-color:#f59e0b40}[data-theme=dark] .misconception-callout p{color:#fde68a}[data-theme=dark] .flashcard-action-btn{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .flashcard-action-btn:hover{color:#fff;background:#ffffff1f}[data-theme=dark] .flashcard-action-btn.active{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}[data-theme=dark] .flashcard-answer-reveal{background:#064e3b40;border-color:#10b9814d}[data-theme=dark] .answer-core-text,[data-theme=dark] .answer-rationale-box p{color:#a7f3d0}[data-theme=dark] .isotopes-intro-card{background:#06b6d414;border-color:#06b6d433}[data-theme=dark] .isotopes-intro-card h4{color:#38bdf8}[data-theme=dark] .isotopes-intro-card p{color:#bae6fd}[data-theme=dark] .spec-badge{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .meter-track{background:#ffffff14}[data-theme=dark] .isotopes-math-box{background:#0f172a99;border-color:#ffffff14}[data-theme=dark] .math-box-title{color:#cbd5e1}[data-theme=dark] .math-step-row code{color:#38bdf8;background:#38bdf81a}[data-theme=dark] .detail-footer{border-top:1px solid #ffffff14}[data-theme=dark] .not-found-card{background:#0f172acc;border:1px solid #ffffff1a}@media (width<=1100px){.detail-hero-showcase{grid-template-columns:1fr}.specimen-frame-wrapper{height:380px}.lab-canvas-viewport{height:540px}.detail-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.detail-topbar{padding:10px 16px}.topbar-left .back-text{display:none}.detail-container{gap:20px;padding:16px 16px 40px}.detail-bento-grid{grid-template-columns:1fr;gap:16px}.specimen-gallery-card,.quantum-lab-card{padding:18px}.specimen-frame-wrapper{height:320px}.lab-canvas-viewport{height:480px}.specimen-title{font-size:28px}}@media (width<=480px){.detail-topbar{gap:8px;padding:8px 12px}.topbar-nav-pill .nav-pill-z,.topbar-share-btn .share-text{display:none}.specimen-frame-wrapper{height:260px;padding:12px}.lab-canvas-viewport{height:420px}.property-mini-grid{grid-template-columns:1fr}.detail-footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=640px){.element-detail-page,.element-detail-page *{box-sizing:border-box}.detail-topbar{flex-wrap:wrap;align-items:stretch;padding:8px 12px}.topbar-left,.topbar-right{min-width:0}.topbar-left{flex:100%;justify-content:space-between}.topbar-right{flex:100%;justify-content:flex-end;gap:6px}.quick-jump-container,.quick-jump-toggle{min-width:0}.quick-jump-toggle{max-width:100%}.jump-current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-jump-popover{width:min(310px,100vw - 24px);left:0;right:0}.detail-guide-btn span,.topbar-share-btn .share-text{display:none}.detail-container{gap:16px;width:100%;padding:12px 12px 32px}.detail-hero-showcase,.detail-bento-grid{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}.specimen-gallery-card,.quantum-lab-card,.bento-card{border-radius:14px;min-width:0;padding:14px}.specimen-header,.specimen-identity,.lab-header,.bento-card-header,.pedagogical-title-group{flex-wrap:wrap;min-width:0}.specimen-title{overflow-wrap:anywhere;min-width:0;font-size:clamp(22px,8vw,28px)}.specimen-family-tag,.preuni-distinction-badge,.lab-footer-note,.metric-label,.mini-label,.mini-value,.config-display,.bento-card-header h3,.pedagogy-card h4,.jump-heading,.jump-desc-text,.diagnosis-text,.challenge-context,.challenge-question,.feedback-rationale{overflow-wrap:anywhere}.specimen-lab-actions,.detail-visualizer-toggle-group,.lab-hud-particles,.bohr-toolbar,.bohr-actions-right,.jump-widget-header,.jump-title-group,.jump-tabs-nav,.challenge-meta-row,.calc-label,.calc-input-group{flex-wrap:wrap}.specimen-lab-btn,.detail-view-toggle-btn,.jump-tab-btn,.bohr-btn,.calc-text-input,.calc-reset-btn{max-width:100%}.specimen-lab-btn{flex:100%;justify-content:center}.lab-canvas-viewport{height:auto;min-height:0}.lab-canvas-viewport .atom-canvas-stage{min-height:300px}.atomic-bohr-container,.quantum-jump-widget{min-width:0}.bohr-badge-left{flex:100%;min-width:0}.bohr-subtitle{overflow-wrap:anywhere}.bohr-actions-right{width:100%}.bohr-btn{flex:auto;justify-content:center}.bohr-shells-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow-x:visible}.bohr-shell-pill{min-width:0}.bohr-pedagogy-footer,.property-mini-grid,.pedagogy-four-grid,.flashcards-layout-grid,.jump-predictions-row,.challenge-options-grid{grid-template-columns:minmax(0,1fr)}.bohr-canvas-wrap{width:min(100%,360px)}.jump-tabs-nav{width:100%}.jump-tab-btn{flex:auto;justify-content:center}.jump-bars-container{gap:6px}.jump-bar-column{min-width:0}.jump-bar-label small,.jump-bar-val{overflow-wrap:anywhere;word-break:break-word}.challenge-meta-row{align-items:flex-start}.challenge-next-btn{margin-left:auto}.calc-label{gap:4px}.calc-label small{display:block}.calc-input-group{align-items:stretch}.calc-text-input,.calc-reset-btn{flex:100%;width:100%}}.advanced-tools-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #6b2d8c29;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 16px;padding:10px 14px;display:flex;box-shadow:0 2px 10px #37243f0a}[data-theme=dark] .advanced-tools-toolbar{background:#1e1624d9;border-color:#bee7d726;box-shadow:0 4px 16px #00000059}.adv-tool-btn{color:#581c87;cursor:pointer;white-space:nowrap;background:#ffffffe6;border:1px solid #6b2d8c2e;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}[data-theme=dark] .adv-tool-btn{color:#e9d5ff;background:#2d2036cc;border-color:#bee7d726}.adv-tool-btn:hover{background:#f3e8ff;border-color:#8b5cf6;transform:translateY(-1px)}[data-theme=dark] .adv-tool-btn:hover{color:#fff;background:#8b5cf640;border-color:#a855f7}.adv-tool-btn.active{color:#fff;background:#6b2d8c;border-color:#6b2d8c;box-shadow:0 2px 8px #6b2d8c4d}[data-theme=dark] .adv-tool-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 14px #8b5cf673}.adv-pill{background:#ffffff40;border-radius:999px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.adv-tool-btn.active .adv-pill{color:#fff;background:#ffffff47}.advanced-subcontrols-bar{background:#6b2d8c0d;border:1px dashed #6b2d8c33;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}[data-theme=dark] .advanced-subcontrols-bar{background:#271d2d99;border-color:#bee7d733}.subcontrol-label{color:#6b2d8c;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}[data-theme=dark] .subcontrol-label{color:#d4a7ef}.subcontrol-chips{flex-wrap:wrap;gap:6px;display:flex}.subcontrol-chip{color:#3b0764;cursor:pointer;background:#ffffffd9;border:1px solid #6b2d8c29;border-radius:6px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;transition:all .15s}[data-theme=dark] .subcontrol-chip{color:#f3e8ff;background:#2d203699;border-color:#bee7d726}.subcontrol-chip:hover{background:#ede9fe;border-color:#8b5cf6}[data-theme=dark] .subcontrol-chip:hover{background:#8b5cf633}.subcontrol-chip.active{color:#fff;background:#7c3aed;border-color:#7c3aed;font-weight:700}[data-theme=dark] .subcontrol-chip.active{color:#fff;background:#a855f7;border-color:#a855f7}.periodic-board-container{width:100%;position:relative}.periodic-board-scroll{scrollbar-width:thin;width:100%;padding-bottom:6px}@media (width<=767px){.periodic-board-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.periodic-group-headers-row,.periodic-board-main-row{min-width:740px}.periodic-group-headers-grid,.periodic-board-main-row .periodic-grid{min-width:700px}}@media (width>=768px){.periodic-board-scroll{overflow-x:visible}.periodic-group-headers-row,.periodic-board-main-row{width:100%;min-width:0}.periodic-group-headers-grid,.periodic-board-main-row .periodic-grid{width:100%;min-width:0;overflow-x:visible}}.periodic-group-headers-row{margin-bottom:var(--periodic-gap,4px);align-items:stretch;display:flex}.group-header-corner-spacer{width:var(--periodic-header-col-w,32px);min-width:var(--periodic-header-col-w,32px);margin-right:var(--periodic-gap,4px);color:#746b77;-webkit-user-select:none;user-select:none;background:#6b2d8c0a;border:1px dashed #6b2d8c2e;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:8.5px;display:flex}[data-theme=dark] .group-header-corner-spacer{color:#a79cb0;background:#271d2d66;border-color:#bee7d726}.group-header-corner-spacer .corner-divider{opacity:.5;margin:0 1px}.periodic-group-headers-grid{gap:var(--periodic-gap,4px);flex:1;grid-template-columns:repeat(18,minmax(0,1fr));display:grid}.group-col-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb3;border:1px solid #6b2d8c29;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:28px;padding:2px 1px;transition:all .15s;display:flex}@media (width>=1024px){.group-col-header{height:34px;padding:2px}}[data-theme=dark] .group-col-header{background:#241a2a99;border-color:#bee7d726}.group-col-header:hover{background:#6b2d8c26;border-color:#7c3aed;transform:translateY(-2px)}[data-theme=dark] .group-col-header:hover{background:#8b5cf640;border-color:#a855f7}.group-col-header.is-active{background:#7c3aed;border-color:#7c3aed;box-shadow:0 0 10px #7c3aed66}[data-theme=dark] .group-col-header.is-active{background:#8b5cf6;border-color:#a855f7;box-shadow:0 0 14px #8b5cf680}.group-iupac{color:#3b0764;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;line-height:1}@media (width>=1024px){.group-iupac{font-size:11px}}[data-theme=dark] .group-iupac{color:#f3e8ff}.group-col-header.is-active .group-iupac,.group-col-header.is-active .group-cas{color:#fff}.group-cas{opacity:.7;color:#6b2d8c;margin-top:1px;font-family:IBM Plex Mono,monospace;font-size:7.5px;line-height:1}@media (width<=1023px){.group-cas{display:none}}@media (width>=1024px){.group-cas{font-size:8px;display:block}}[data-theme=dark] .group-cas{color:#d4a7ef}.periodic-board-main-row{align-items:flex-start;display:flex}.periodic-board-main-row .periodic-grid{flex:1;padding-top:0;overflow-x:visible}.periodic-period-headers-col{grid-template-rows:repeat(7, var(--periodic-row-height,48px));gap:var(--periodic-gap,4px);width:var(--periodic-header-col-w,26px);min-width:var(--periodic-header-col-w,26px);margin-right:var(--periodic-gap,4px);flex-shrink:0;display:grid}.period-row-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffb3;border:1px solid #6b2d8c29;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:2px 1px;transition:all .15s;display:flex}@media (width>=1024px){.period-row-header{padding:3px 2px}}[data-theme=dark] .period-row-header{background:#241a2a99;border-color:#bee7d726}.period-row-header:hover{background:#6b2d8c26;border-color:#7c3aed;transform:translate(-2px)}[data-theme=dark] .period-row-header:hover{background:#8b5cf640;border-color:#a855f7}.period-row-header.is-active{background:#7c3aed;border-color:#7c3aed;box-shadow:0 0 10px #7c3aed66}[data-theme=dark] .period-row-header.is-active{background:#8b5cf6;border-color:#a855f7}.period-number{color:#3b0764;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;line-height:1}@media (width>=1024px){.period-number{font-size:13px}}[data-theme=dark] .period-number{color:#f3e8ff}.period-row-header.is-active .period-number,.period-row-header.is-active .period-shell{color:#fff}.period-shell{opacity:.7;color:#6b2d8c;margin-top:1px;font-family:IBM Plex Mono,monospace;font-size:7px;line-height:1}@media (width<=1023px){.period-shell{display:none}}@media (width>=1024px){.period-shell{margin-top:2px;font-size:8px;display:block}}[data-theme=dark] .period-shell{color:#d4a7ef}.group-period-inspector-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#7c3aed14 0%,#db27770f 100%);border:1px solid #7c3aed40;border-left:5px solid #7c3aed;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:14px;padding:14px 18px;animation:.25s ease-out bannerFade;display:flex}[data-theme=dark] .group-period-inspector-banner{background:linear-gradient(135deg,#2e1a47e6 0%,#261430e6 100%);border-color:#a855f759 #a855f759 #a855f759 #a855f7}@keyframes bannerFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.inspector-badge-icon{color:#fff;background:#7c3aed;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}[data-theme=dark] .inspector-badge-icon{background:#8b5cf6;box-shadow:0 0 14px #8b5cf680}.inspector-info-content{flex:1;min-width:0}.inspector-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.inspector-pill{color:#7c3aed;background:#7c3aed26;border-radius:999px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}[data-theme=dark] .inspector-pill{color:#d8b4fe;background:#a855f733}.inspector-name{color:#3b0764;margin:0;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}[data-theme=dark] .inspector-name{color:#f5eef8}.inspector-subshell-tag{opacity:.8;color:#6b2d8c;font-family:IBM Plex Mono,monospace;font-size:11px}[data-theme=dark] .inspector-subshell-tag{color:#cfc1d5}.inspector-stats-row{flex-wrap:wrap;align-items:center;gap:16px;margin:6px 0;font-size:12px;display:flex}.inspector-stat{align-items:center;gap:6px;display:flex}.inspector-stat .stat-lbl{opacity:.75;color:#6b2d8c}[data-theme=dark] .inspector-stat .stat-lbl{color:#cfc1d5}.inspector-stat .stat-val{color:#2e1065;font-family:IBM Plex Mono,monospace;font-weight:700}[data-theme=dark] .inspector-stat .stat-val{color:#f3e8ff}.stat-val-config{background:#7c3aed1f;border-radius:4px;padding:1px 6px;color:#7c3aed!important}[data-theme=dark] .stat-val-config{background:#a855f740;color:#c084fc!important}.inspector-desc{color:#581c87;margin:4px 0 0;font-size:12.5px;line-height:1.5}[data-theme=dark] .inspector-desc{color:#e2d9e6}.inspector-close-btn{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:opacity .2s}.inspector-close-btn:hover{opacity:1}.periodic-trends-vectors-container{box-sizing:border-box;width:100%;margin-bottom:8px;position:relative}@media (width>=961px){.table-section.mode-iupac .periodic-trends-vectors-container{padding-left:calc(var(--periodic-header-col-w,36px) + var(--periodic-gap,5px))}}.trend-vector-bar{color:#065f46;box-sizing:border-box;background:linear-gradient(90deg,#10b9811f,#06b6d42e);border:1px solid #10b98159;border-radius:8px;align-items:center;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;display:flex}[data-theme=dark] .trend-vector-bar{color:#a7f3d0;background:linear-gradient(90deg,#10b9812e,#06b6d440);border-color:#34d39966}.trend-vector-bar.horizontal{justify-content:space-between;width:100%}.vector-line-track{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.vector-label{letter-spacing:.5px;text-transform:uppercase}.vector-arrow-head{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 10px #10b98166}.trend-rationale-card{background:#ffffffd9;border:1px solid #06b6d440;border-left:5px solid #06b6d4;border-radius:12px;margin-bottom:14px;padding:14px 18px;box-shadow:0 4px 14px #06b6d414}[data-theme=dark] .trend-rationale-card{background:#161e2cd9;border-color:#06b6d44d #06b6d44d #06b6d44d #06b6d4;box-shadow:0 4px 20px #0006}.trend-rationale-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.trend-title-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trend-title-group h4{color:#0e7490;margin:0;font-family:Archivo,sans-serif;font-size:16px}[data-theme=dark] .trend-title-group h4{color:#67e8f9}.trend-badge{color:#0891b2;background:#06b6d426;border-radius:999px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}[data-theme=dark] .trend-badge{color:#a5f3fc;background:#06b6d440}.trend-unit-tag{opacity:.7;font-family:IBM Plex Mono,monospace;font-size:11px}.trend-close-btn{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:4px}.trend-directions-summary{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.dir-indicator-chip{background:#06b6d414;border:1px solid #06b6d426;border-radius:6px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:12px}[data-theme=dark] .dir-indicator-chip{background:#06b6d426;border-color:#06b6d440}.trend-pedagogical-explanation{color:#334155;align-items:flex-start;gap:8px;font-size:13px;line-height:1.55;display:flex}[data-theme=dark] .trend-pedagogical-explanation{color:#cbd5e1}.trend-pedagogical-explanation .explanation-icon{color:#06b6d4;flex-shrink:0;margin-top:2px}.trend-pedagogical-explanation p{margin:0}.heatmap-legend-container{background:#ffffffd9;border:1px solid #10b98140;border-radius:12px;margin-top:14px;padding:14px 18px;box-shadow:0 4px 14px #10b9810f}[data-theme=dark] .heatmap-legend-container{background:#14201ed9;border-color:#34d3994d;box-shadow:0 4px 20px #00000059}.heatmap-legend-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.heatmap-property-info{align-items:center;gap:8px;display:flex}.heatmap-badge{color:#059669;background:#10b98126;border-radius:999px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}[data-theme=dark] .heatmap-badge{color:#6ee7b7;background:#34d39940}.heatmap-prop-title{color:#065f46;font-family:Archivo,sans-serif;font-size:15px}[data-theme=dark] .heatmap-prop-title{color:#a7f3d0}.heatmap-unit{opacity:.7;font-family:IBM Plex Mono,monospace;font-size:11px}.heatmap-close-action{cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.heatmap-scale-wrapper{flex-direction:column;gap:6px;display:flex}.heatmap-scale-labels{color:#475569;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}[data-theme=dark] .heatmap-scale-labels{color:#94a3b8}.heatmap-gradient-bar{border:1px solid #00000026;border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.gradient-track{background:linear-gradient(90deg,#312e81 0%,#06b6d4 25%,#10b981 50%,#f59e0b 75%,#ef4444 100%);width:100%;height:100%}.heatmap-aux-legend{color:#64748b;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.aux-legend-item{align-items:center;gap:6px;display:flex}.missing-data-swatch{background:repeating-linear-gradient(45deg,#94a3b833,#94a3b833 3px,#94a3b866 3px 6px);border:1px solid #94a3b866;border-radius:3px;width:16px;height:12px}.element.has-no-heatmap-data{opacity:.45!important;background:repeating-linear-gradient(45deg,#c8c8c826,#c8c8c826 4px,#a0a0a040 4px 8px)!important}[data-theme=dark] .element.has-no-heatmap-data{opacity:.35!important;background:repeating-linear-gradient(45deg,#281e3266,#281e3266 4px,#140f1999 4px 8px)!important}.periodic-grid.is-heatmap-active .element:not(.has-no-heatmap-data){box-shadow:0 2px 8px #00000040;color:#fff!important}.periodic-grid.is-heatmap-active .element:not(.has-no-heatmap-data) b{text-shadow:0 1px 3px #000000b3;color:#fff!important}.periodic-grid.is-heatmap-active .element:not(.has-no-heatmap-data) small,.periodic-grid.is-heatmap-active .element:not(.has-no-heatmap-data) span{text-shadow:0 1px 2px #000000b3;color:#fffffff2!important;opacity:1!important}.temperature-slider-card{background:#ffffffd9;border:1px solid #ef444433;border-left:5px solid #ef4444;border-radius:14px;margin-bottom:14px;padding:16px 20px;box-shadow:0 6px 20px #ef444414}[data-theme=dark] .temperature-slider-card{background:#24161cd9;border-color:#ef44444d #ef44444d #ef44444d #ef4444;box-shadow:0 6px 24px #0006}.temp-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.temp-header-left{align-items:center;gap:12px;display:flex}.temp-icon-badge{color:#fff;background:#ef4444;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 14px #ef444466}.temp-title{color:#991b1b;margin:0;font-family:Archivo,sans-serif;font-size:16px}[data-theme=dark] .temp-title{color:#fca5a5}.temp-subtitle{opacity:.75;color:#7f1d1d;font-size:11.5px}[data-theme=dark] .temp-subtitle{color:#cbd5e1}.temp-header-actions{align-items:center;gap:8px;display:flex}.temp-unit-toggle{color:#991b1b;cursor:pointer;background:#ffffffe6;border:1px solid #ef444440;border-radius:6px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;transition:all .15s}[data-theme=dark] .temp-unit-toggle{color:#fca5a5;background:#3c1923b3;border-color:#ef444459}.temp-close-action{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:4px}.temp-slider-viewport{align-items:center;gap:20px;margin-bottom:12px;display:flex}.temp-readout-box{background:linear-gradient(135deg,#ef44441f,#f59e0b1f);border:1px solid #ef444440;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:10px 16px;display:flex}[data-theme=dark] .temp-readout-box{background:linear-gradient(135deg,#41141e99,#3c1e1499);border-color:#ef444459}.readout-primary{color:#dc2626;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:800;line-height:1}[data-theme=dark] .readout-primary{color:#f87171}.readout-unit{font-size:14px;font-weight:600}.readout-secondary{opacity:.75;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:11px}.temp-slider-track-wrap{flex-direction:column;flex:1;gap:6px;display:flex}.temp-range-input{cursor:pointer;-webkit-appearance:none;background:linear-gradient(90deg,#38bdf8 0%,#3b82f6 15%,#eab308 40%,#ef4444 80%,#7c3aed 100%);border-radius:999px;outline:none;width:100%;height:8px}.temp-range-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:3px solid #ef4444;border-radius:50%;width:22px;height:22px;transition:transform .1s;box-shadow:0 2px 8px #0000004d}.temp-range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.temp-slider-ticks{color:#64748b;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:9.5px;display:flex}.temp-presets-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.presets-label{opacity:.75;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600}.presets-chips-wrap{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{cursor:pointer;background:#ffffffb3;border:1px solid #0000001f;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .15s;display:inline-flex}[data-theme=dark] .preset-chip{color:#cbd5e1;background:#2d1e2899;border-color:#ffffff1a}.preset-chip:hover{background:#fee2e2;border-color:#ef4444}[data-theme=dark] .preset-chip:hover{background:#ef444440}.preset-chip.active{color:#fff;background:#ef4444;border-color:#ef4444;font-weight:700}.temp-states-summary-bar{border-top:1px solid #00000012;flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}[data-theme=dark] .temp-states-summary-bar{border-top-color:#ffffff14}.state-stat-pill{border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:inline-flex}.state-stat-pill.solid{color:#0284c7;background:#38bdf826;border:1px solid #38bdf84d}[data-theme=dark] .state-stat-pill.solid{color:#7dd3fc;background:#38bdf833}.state-stat-pill.liquid{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b4d}[data-theme=dark] .state-stat-pill.liquid{color:#fcd34d;background:#f59e0b33}.state-stat-pill.gas{color:#7e22ce;background:#a855f726;border:1px solid #a855f74d}[data-theme=dark] .state-stat-pill.gas{color:#d8b4fe;background:#a855f733}.state-stat-pill.unknown{color:#475569;background:#64748b1f;border:1px solid #64748b33}[data-theme=dark] .state-stat-pill.unknown{color:#cbd5e1;background:#64748b33}.element.phase-solid{border-bottom:3px solid #38bdf8!important}.element.phase-liquid{box-shadow:inset 0 -4px 8px #f59e0b33;border-bottom:3px solid #f59e0b!important}.element.phase-gas{box-shadow:inset 0 -4px 8px #a855f733;border-bottom:3px solid #a855f7!important}.element.phase-unknown{border-bottom:3px dashed #94a3b8!important}.element-phase-tag{font-size:8px;line-height:1;position:absolute;bottom:1px;right:2px}.element-compare-badge{color:#6b2d8c;background:#6b2d8c26;border:1px solid #6b2d8c4d;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-weight:700;transition:all .15s;display:grid;position:absolute;top:2px;left:3px}[data-theme=dark] .element-compare-badge{color:#f3e8ff;background:#d4a7ef33;border-color:#d4a7ef66}.element.is-selected-for-compare .element-compare-badge{color:#fff;background:#10b981;border-color:#10b981}.element.is-selected-for-compare{z-index:8;box-shadow:0 0 0 2.5px #10b981,0 4px 14px #10b98159!important}.floating-compare-tray{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#140f19f2;border:1px solid #10b98166;border-radius:14px;align-items:center;gap:14px;padding:10px 18px;animation:.3s cubic-bezier(.16,1,.3,1) traySlideUp;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}@keyframes traySlideUp{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.tray-chips-wrap{align-items:center;gap:8px;display:flex}.tray-element-chip{background:#ffffff1f;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.tray-btn-open{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:IBM Plex Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.tray-btn-open:hover{background:#059669;box-shadow:0 0 14px #10b98180}.tray-btn-clear{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 10px;font-size:11px}.tray-btn-clear:hover{color:#fff;background:#ffffff1a}.comparator-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out fadeInModal;display:flex;position:fixed;inset:0}.comparator-modal-sheet{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:95vw;max-width:1280px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #000c}.comparator-modal-header{background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.comparator-title-wrap{align-items:center;gap:12px;display:flex}.comparator-icon-badge{color:#fff;background:#3b82f6;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 16px #3b82f666}.comparator-title-wrap h2{color:#fff;margin:0;font-family:Archivo,sans-serif;font-size:18px}.comparator-title-wrap p{color:#94a3b8;margin:2px 0 0;font-size:12px}.comparator-header-actions{align-items:center;gap:10px;display:flex}.comparator-clear-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-size:12px}.comparator-clear-btn:hover{color:#fff;background:#ffffff1f}.comparator-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.comparator-close-btn:hover{background:#fff3;transform:scale(1.08)}.comparator-body-scroll{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.comparator-cards-split{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:20px;display:grid}.comparator-element-card{background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}.card-top-identity{justify-content:space-between;align-items:center;display:flex}.card-z{color:#94a3b8;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.card-remove-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.card-remove-btn:hover{color:#f87171;background:#ef444440}.card-hero-row{align-items:center;gap:16px;display:flex}.card-specimen-thumbnail{background:#1e293b;border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.card-specimen-thumbnail img{object-fit:cover;width:100%;height:100%}.card-symbol-huge{color:#fff;font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:800}.card-titles h3{color:#fff;margin:0;font-family:Archivo,sans-serif;font-size:20px}.card-family-tag{background:#ffffff1a;border-radius:999px;margin:4px 0;padding:2px 8px;font-size:11px;display:inline-block}.card-quantum-tag{color:#94a3b8;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.card-cta-row{align-items:center;gap:10px;margin-top:auto;display:flex}.card-detail-link{color:#38bdf8;text-underline-offset:3px;font-size:11.5px;text-decoration:underline}.card-3d-toggle-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:5px 10px;font-size:11px}.card-3d-toggle-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.comparator-element-card.empty-slot{text-align:center;background:#0f172a66;border:2px dashed #ffffff26;justify-content:center;align-items:center;display:flex}.empty-slot-content{color:#64748b;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-slot-icon{border:2px dashed #fff3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.empty-slot-content h4{color:#94a3b8;margin:0;font-size:16px}.empty-slot-content p{max-width:240px;margin:0;font-size:12px}.comparator-versus-divider{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:170px;max-width:200px;display:flex}.versus-pill{color:#f8fafc;background:#1e293b;border:2px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Archivo,sans-serif;font-weight:800;display:grid}.comparator-bond-callout{text-align:center;border:1px solid;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.comparator-bond-callout.bond-ionic{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.comparator-bond-callout.bond-polar{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b59}.comparator-bond-callout.bond-apolar{color:#86efac;background:#10b9811f;border-color:#10b98159}.bond-callout-title{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-family:IBM Plex Mono,monospace;font-size:9.5px}.delta-en-number{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:800}.bond-type-name{font-size:11px;font-weight:700}.bond-type-desc{opacity:.85;margin-top:2px;font-size:9.5px;line-height:1.3}.comparator-3d-section{background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;padding:16px 20px}.comparator-3d-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.comparator-3d-header h4{color:#cbd5e1;margin:0;font-size:14px}.comparator-3d-header strong{color:#38bdf8}.comparator-3d-tabs{gap:6px;display:flex}.comparator-3d-tabs button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;padding:5px 12px;font-size:11.5px}.comparator-3d-tabs button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.comparator-3d-viewport{background:radial-gradient(circle,#0f172acc 0%,#020617 100%);border:1px solid #ffffff0f;border-radius:12px;width:100%;height:380px;overflow:hidden}.comparator-loading{color:#94a3b8;place-items:center;height:100%;font-family:IBM Plex Mono,monospace;display:grid}.comparator-table-section{background:#0f172a80;border:1px solid #ffffff14;border-radius:16px;padding:16px 20px}.metrics-table-title{color:#f8fafc;margin:0 0 14px;font-family:Archivo,sans-serif;font-size:15px}.comparator-metrics-table{border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.metrics-row{border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 2fr 2fr 2fr;align-items:center;padding:10px 14px;font-size:12.5px;display:grid}.metrics-row:last-child{border-bottom:none}.metrics-row.header-row{color:#38bdf8;background:#ffffff0d;border-bottom:1px solid #ffffff26;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700}.col-prop{color:#94a3b8;font-weight:500}.col-val-a,.col-val-b{color:#f1f5f9;font-family:IBM Plex Mono,monospace}.col-diff{color:#cbd5e1;font-family:IBM Plex Mono,monospace;font-size:11px}.diff-win-a{color:#38bdf8}.diff-win-b{color:#f472b6}@media (width<=900px){.comparator-cards-split{grid-template-columns:1fr}.comparator-versus-divider{width:100%;max-width:100%}.metrics-row{grid-template-columns:1fr 1fr;gap:8px}.metrics-row .col-diff{grid-column:span 2}}.lab-page-redesigned{color:#1e293b;max-width:1160px;margin:0 auto;padding:18px 16px 80px;font-family:IBM Plex Sans,sans-serif}.lab-page-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lab-system-badge{color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;display:inline-flex}.lab-hero-section{flex-direction:column;gap:18px;margin-bottom:28px;display:flex}.lab-hero-text h1{color:#0f172a;margin:6px 0 8px;font-family:Archivo,sans-serif;font-size:28px;font-weight:800}.lab-hero-text p{color:#64748b;max-width:800px;margin:0;font-size:14px;line-height:1.55}.lab-nav-tabs{background:#0000000a;border:1px solid #0000000f;border-radius:12px;flex-wrap:wrap;gap:10px;width:fit-content;padding:6px;display:flex}.lab-tab-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.lab-tab-pill.active{color:#0f172a;background:#fff;box-shadow:0 4px 12px #00000014}.builder-dual-grid{grid-template-columns:1.25fr 1fr;gap:24px;display:grid}.builder-stage-card,.stepper-panel-card,.challenge-engine-card,.balance-simulator-card,.math-resolution-card{background:#fff;border:1px solid #00000014;border-radius:18px;padding:24px;transition:all .25s;box-shadow:0 8px 24px #0000000a}.builder-controls-column{flex-direction:column;gap:20px;display:flex}.stage-top-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stage-label{color:#64748b;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px}.charge-badge{border-radius:999px;padding:4px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700}.charge-badge.neutral{color:#475569;background:#64748b1f;border:1px solid #64748b40}.charge-badge.cation{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.charge-badge.anion{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f640}.interactive-atom-canvas{background:radial-gradient(circle,#0f172a 0%,#020617 100%);border:1px solid #0000001a;border-radius:16px;place-items:center;width:100%;height:320px;margin-bottom:18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009}.canvas-orbital-ring{pointer-events:none;border:1.5px dashed #38bdf859;border-radius:50%;justify-content:center;align-items:flex-start;animation:30s linear infinite spinSlow;display:flex;position:absolute}.canvas-orbital-ring.ring-2{animation-duration:45s;animation-direction:reverse}.canvas-orbital-ring.ring-3{animation-duration:60s}.orbital-label-tag{color:#38bdf8;background:#0f172ad9;border-radius:4px;margin-top:-8px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:9.5px}.canvas-nucleus-core{z-index:10;color:#fff;text-align:center;background:radial-gradient(circle at 35% 35%,#8b5cf6,#5b21b6);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;display:flex;position:relative;box-shadow:0 0 24px #8b5cf699,inset 0 0 10px #ffffff4d}.canvas-nucleus-core strong{font-family:Archivo,sans-serif;font-size:24px;line-height:1}.nucleus-pills-row{gap:4px;margin-top:4px;display:flex}.p-pill,.n-pill{border-radius:4px;padding:1px 4px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700}.p-pill{color:#fff;background:#16a34a}.n-pill{color:#fff;background:#d97706}.nuclide-symbol-inspector{background:#f8fafc;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.nuclide-symbol-block{align-items:center;gap:4px;display:flex}.nuclide-left-col{color:#64748b;flex-direction:column;align-items:flex-end;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700;line-height:1.2;display:flex}.nuclide-center-sym{color:#0f172a;padding:0 4px;font-family:Archivo,sans-serif;font-size:46px;font-weight:800;line-height:1}.nuclide-right-col{color:#0284c7;flex-direction:column;align-self:flex-start;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:700;display:flex}.nuclide-specs-list{text-align:right;flex-direction:column;gap:4px;font-size:12px;display:flex}.spec-item small{color:#64748b;margin-right:6px}.nuclear-stability-card{border-radius:12px;flex-direction:column;gap:6px;margin-bottom:14px;padding:14px 18px;display:flex}.nuclear-stability-card.stable-box{background:#10b98114;border:1px solid #10b98140;border-left:4px solid #10b981}.nuclear-stability-card.unstable-box{background:#ef444414;border:1px solid #ef444440;border-left:4px solid #ef4444}.stability-header-row{justify-content:space-between;align-items:center;display:flex}.stability-title{text-transform:uppercase;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:13px;display:flex}.ratio-tag{color:#475569;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.nuclear-stability-card p{color:#334155;margin:0;font-size:12.5px;line-height:1.5}.radius-rationale-box{color:#3730a3;background:#6366f10f;border:1px solid #6366f12e;border-radius:10px;padding:12px 16px;font-size:12px;line-height:1.5}.rationale-kicker{text-transform:uppercase;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-weight:700;display:block}.radius-rationale-box p{margin:0}.stepper-panel-card h3{color:#0f172a;margin:0 0 16px;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.particle-stepper-row{background:#f8fafc;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.stepper-label-group{flex-direction:column;gap:2px;display:flex}.stepper-label-group strong{color:#0f172a;font-size:13px}.stepper-label-group small{color:#64748b;font-size:11px}.stepper-buttons-group{align-items:center;gap:12px;display:flex}.stepper-buttons-group button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.stepper-buttons-group button:hover{background:#f1f5f9;border-color:#0f172a}.stepper-val{text-align:center;min-width:28px;font-family:IBM Plex Mono,monospace;font-size:18px}.text-protons{color:#16a34a}.text-neutrons{color:#d97706}.text-electrons{color:#0284c7}.presets-quick-bar{border-top:1px solid #0000000f;flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;display:flex}.presets-label{color:#64748b;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.presets-buttons-wrap{flex-wrap:wrap;gap:6px;display:flex}.preset-chip-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #00000014;border-radius:6px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .2s}.preset-chip-btn:hover{color:#0f172a;background:#e2e8f0}.challenge-engine-card{flex-direction:column;gap:14px;display:flex}.challenge-header{justify-content:space-between;align-items:center;display:flex}.challenge-title-group{align-items:center;gap:8px;display:flex}.challenge-title-group h4{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:15px;font-weight:700}.challenge-index-badge{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.challenge-prompt-box{background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.challenge-exam-tag{text-transform:uppercase;color:#b45309;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.challenge-prompt-box h5{color:#0f172a;margin:0;font-size:14px;font-weight:700}.challenge-prompt-box p{color:#334155;margin:0;font-size:13px;line-height:1.5}.challenge-success-alert{background:#f0fdf4;border:1px solid #10b9814d;border-radius:12px;gap:12px;padding:14px;animation:.3s fadeIn;display:flex}.challenge-success-alert strong{color:#065f46;margin-bottom:2px;font-size:13px;display:block}.challenge-success-alert p{color:#047857;margin:0;font-size:12px;line-height:1.5}.challenge-hint-alert{background:#f8fafc;border:1px solid #0000000f;border-radius:8px;padding:10px 14px;font-size:11.5px}.challenge-hint-alert small{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono,monospace;display:block}.target-specs-chips{gap:8px;display:flex}.target-specs-chips span{background:#0000000a;border-radius:4px;padding:2px 6px;font-family:IBM Plex Mono,monospace}.challenge-navigation-buttons{gap:10px;display:flex}.challenge-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;flex:1;padding:10px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;transition:all .2s}.challenge-nav-btn:hover:not(:disabled){background:#f1f5f9}.challenge-nav-btn.primary{color:#fff;background:#0f172a;border-color:#0f172a}.challenge-nav-btn.primary:hover{background:#1e293b}.challenge-nav-btn:disabled{opacity:.4;cursor:not-allowed}.isotope-selector-bar{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.selector-title{color:#64748b;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px}.isotope-selector-buttons{flex-wrap:wrap;gap:8px;display:flex}.iso-select-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:all .2s}.iso-select-pill:hover{color:#0284c7;border-color:#0284c7}.iso-select-pill.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c740}.isotopes-solution-banner{background:#06b6d414;border:1px solid #06b6d440;border-left:4px solid #06b6d4;border-radius:14px;margin-bottom:24px;padding:18px 22px}.isotopes-solution-banner .banner-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.isotopes-solution-banner h3{color:#0891b2;margin:0;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.isotopes-solution-banner p{color:#155e75;margin:0;font-size:13.5px;line-height:1.6}.isotopes-workbench-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header-row h4{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.reset-abundance-btn{color:#64748b;cursor:pointer;background:#0000000a;border:1px solid #0000001a;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.reset-abundance-btn:hover{color:#0f172a;background:#00000014}.isotopes-sliders-container{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.isotope-interactive-row{background:#f8fafc;border:1px solid #0000000f;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.iso-row-header{justify-content:space-between;align-items:center;display:flex}.iso-id-group{align-items:center;gap:8px;display:flex}.iso-sym-tag{color:#0f172a;font-family:IBM Plex Mono,monospace;font-size:16px}.iso-full-name{color:#64748b;font-size:12px}.iso-mass-tag{color:#475569;background:#0000000a;border-radius:4px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:11px}.iso-val-pct{color:#0284c7;font-family:IBM Plex Mono,monospace;font-size:14px}.iso-slider{accent-color:#0284c7;cursor:pointer;width:100%}.iso-slider-hints{color:#64748b;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.visual-balance-stage{text-align:center;background:#f1f5f9;border:1px solid #0000000f;border-radius:14px;padding:18px}.balance-readout-card{flex-direction:column;align-items:center;gap:4px;display:flex}.readout-label{color:#64748b;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.readout-val{color:#0284c7;font-family:Archivo,sans-serif;font-size:32px;font-weight:800}.readout-status{color:#475569;font-family:IBM Plex Mono,monospace;font-size:11px}.formula-box{background:#10b9810f;border:1px solid #10b98133;border-radius:10px;margin-bottom:16px;padding:12px 16px}.formula-kicker{color:#059669;text-transform:uppercase;margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.formula-box code{color:#047857;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700}.step-by-step-display{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.step-kicker{color:#64748b;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.step-ordered-list{color:#334155;flex-direction:column;gap:12px;margin:0;padding-left:20px;font-size:13px;display:flex}.step-calc-box{background:#f8fafc;border:1px solid #0000000d;border-radius:8px;margin-top:6px;padding:8px 12px}.step-term code,.step-calc-box code{color:#0f172a;font-family:IBM Plex Mono,monospace;font-size:12.5px}.final-step{margin-top:4px;font-size:14px}.final-result{color:#0284c7;background:#0284c71a;border-radius:6px;width:fit-content;margin-top:4px;padding:6px 12px;font-size:18px;font-weight:700;display:block}.exam-trap-box{background:#f59e0b0f;border:1px solid #f59e0b33;border-left:4px solid #f59e0b;border-radius:10px;gap:10px;padding:14px;display:flex}.exam-trap-box strong{color:#b45309;text-transform:uppercase;margin-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:12px;display:block}.exam-trap-box p{color:#78350f;margin:0;font-size:12px;line-height:1.5}[data-theme=dark] .lab-page-redesigned{color:#f1f5f9}[data-theme=dark] .lab-hero-text h1,[data-theme=dark] .builder-stage-card h3,[data-theme=dark] .stepper-panel-card h3,[data-theme=dark] .challenge-title-group h4,[data-theme=dark] .card-header-row h4,[data-theme=dark] .nuclide-center-sym,[data-theme=dark] .stepper-label-group strong,[data-theme=dark] .iso-sym-tag{color:#f8fafc}[data-theme=dark] .lab-nav-tabs{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .lab-tab-pill{color:#94a3b8}[data-theme=dark] .lab-tab-pill.active{color:#fff;background:#ffffff1a}[data-theme=dark] .builder-stage-card,[data-theme=dark] .stepper-panel-card,[data-theme=dark] .challenge-engine-card,[data-theme=dark] .balance-simulator-card,[data-theme=dark] .math-resolution-card{background:#0f172ab3;border-color:#ffffff14;box-shadow:0 10px 30px #0006}[data-theme=dark] .nuclide-symbol-inspector,[data-theme=dark] .particle-stepper-row,[data-theme=dark] .isotope-interactive-row,[data-theme=dark] .visual-balance-stage,[data-theme=dark] .step-calc-box,[data-theme=dark] .challenge-hint-alert{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .stepper-buttons-group button{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .stepper-buttons-group button:hover{background:#ffffff26;border-color:#fff}[data-theme=dark] .preset-chip-btn,[data-theme=dark] .iso-select-pill,[data-theme=dark] .challenge-nav-btn{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .preset-chip-btn:hover,[data-theme=dark] .challenge-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}[data-theme=dark] .iso-select-pill.active{color:#fff;background:#0284c7}[data-theme=dark] .challenge-nav-btn.primary{background:#3b82f6;border-color:#3b82f6}[data-theme=dark] .challenge-nav-btn.primary:hover{background:#2563eb}[data-theme=dark] .nuclear-stability-card p,[data-theme=dark] .step-ordered-list,[data-theme=dark] .challenge-prompt-box p{color:#cbd5e1}[data-theme=dark] .challenge-prompt-box h5{color:#f8fafc}[data-theme=dark] .step-term code,[data-theme=dark] .step-calc-box code{color:#cbd5e1}[data-theme=dark] .challenge-success-alert{background:#064e3b4d;border-color:#10b9814d}[data-theme=dark] .challenge-success-alert strong{color:#6ee7b7}[data-theme=dark] .challenge-success-alert p{color:#a7f3d0}[data-theme=dark] .exam-trap-box{background:#f59e0b14;border-color:#f59e0b40}[data-theme=dark] .exam-trap-box p{color:#fef08a}@media (width<=900px){.builder-dual-grid,.isotopes-workbench-grid{grid-template-columns:1fr}}.misconceptions-callout-banner{background:linear-gradient(135deg,#ef44440a 0%,#f59e0b0f 100%);border:1px solid #ef44442e;border-radius:16px;align-items:center;gap:20px;margin:20px 0 28px;padding:18px 24px;display:flex;box-shadow:0 4px 16px #ef44440a}.misconceptions-callout-banner .banner-icon-wrap{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f59e0b 100%);border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 6px 16px #ef444447}.misconceptions-callout-banner .banner-content{flex:1;min-width:0}.misconceptions-callout-banner .banner-badge{text-transform:uppercase;letter-spacing:.04em;color:#dc2626;background:#ef44441f;border:1px solid #ef444438;border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:2px 9px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.misconceptions-callout-banner h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.misconceptions-callout-banner p{color:#475569;margin:0;font-size:13px;line-height:1.5}.misconceptions-callout-banner .banner-action-btn{white-space:nowrap;cursor:pointer;color:#fff;background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #dc262640}.misconceptions-callout-banner .banner-action-btn:hover{opacity:.96;transform:translateY(-2px);box-shadow:0 6px 18px #dc262659}[data-theme=dark] .misconceptions-callout-banner{background:linear-gradient(135deg,#ef444414 0%,#f59e0b12 100%);border-color:#ef444447;box-shadow:0 6px 20px #0000004d}[data-theme=dark] .misconceptions-callout-banner h3{color:#f1f5f9}[data-theme=dark] .misconceptions-callout-banner p{color:#cbd5e1}[data-theme=dark] .misconceptions-callout-banner .banner-badge{color:#fca5a5;background:#ef444433;border-color:#ef444459}@media (width<=768px){.misconceptions-callout-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.misconceptions-callout-banner .banner-action-btn{justify-content:center;width:100%}}.misconceptions-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1200;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeInModal;display:flex;position:fixed;inset:0}.misconceptions-modal-container{color:#0f172a;background:#fff;border:1px solid #0000001a;border-radius:20px;flex-direction:column;width:95vw;max-width:1100px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0009}[data-theme=dark] .misconceptions-modal-container{color:#f8fafc;background:#0f172a;border-color:#ffffff1f;box-shadow:0 25px 80px #000000d9}.misconceptions-modal-header{background:#f8fafc;border-bottom:1px solid #00000014;padding:20px 24px 18px}[data-theme=dark] .misconceptions-modal-header{background:#0f172af2;border-color:#ffffff1a}.header-badge-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-kicker{color:#dc2626;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;display:inline-flex}[data-theme=dark] .modal-kicker{color:#fca5a5}.modal-close-btn{color:#475569;cursor:pointer;background:#0000000f;border:1px solid #0000001a;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.modal-close-btn:hover{color:#dc2626;background:#ef444426;border-color:#ef44444d;transform:scale(1.08)}[data-theme=dark] .modal-close-btn{color:#cbd5e1;background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .modal-close-btn:hover{color:#fca5a5;background:#ef444440}.misconceptions-modal-header h2{color:#0f172a;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:20px;font-weight:800}[data-theme=dark] .misconceptions-modal-header h2{color:#f8fafc}.misconceptions-modal-header p{color:#64748b;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .misconceptions-modal-header p{color:#94a3b8}.misconceptions-body-split{flex:1;grid-template-columns:320px 1fr;min-height:480px;display:grid;overflow:hidden}.misconceptions-sidebar{background:#f8fafc;border-right:1px solid #00000014;flex-direction:column;gap:8px;padding:14px;display:flex;overflow-y:auto}[data-theme=dark] .misconceptions-sidebar{background:#0f172a99;border-color:#ffffff14}.misconception-nav-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;transition:all .2s;display:flex}.misconception-nav-item:hover{background:#0000000a}[data-theme=dark] .misconception-nav-item:hover{background:#ffffff0d}.misconception-nav-item.active{background:#fff;border-color:#ef444459;box-shadow:0 4px 14px #ef44441a}[data-theme=dark] .misconception-nav-item.active{background:#1e293bf2;border-color:#ef444473;box-shadow:0 4px 16px #0006}.nav-item-top{justify-content:space-between;align-items:center;display:flex}.nav-item-num{color:#dc2626;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}[data-theme=dark] .nav-item-num{color:#fca5a5}.nav-item-tag{text-transform:uppercase;color:#64748b;background:#0000000d;border-radius:4px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}[data-theme=dark] .nav-item-tag{color:#cbd5e1;background:#ffffff1a}.misconception-detail-view{background:#fff;flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}[data-theme=dark] .misconception-detail-view{background:#0f172a}.detail-hero-tag{border-bottom:1px solid #00000014;padding-bottom:14px}[data-theme=dark] .detail-hero-tag{border-color:#ffffff14}.detail-hero-tag .tag-pill{text-transform:uppercase;color:#dc2626;background:#ef44441f;border:1px solid #ef444440;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-block}[data-theme=dark] .detail-hero-tag .tag-pill{color:#fca5a5;background:#ef444433}.detail-hero-tag h3{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:19px;font-weight:800;line-height:1.35}[data-theme=dark] .detail-hero-tag h3{color:#f8fafc}.trap-versus-science-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.confrontation-card{border:1px solid;border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.card-flag-row{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.card-trap{background:#ef44440a;border-color:#ef444440 #ef444440 #ef444440 #ef4444;border-left-style:solid;border-left-width:5px}[data-theme=dark] .card-trap{background:#ef444414;border-color:#ef444459}.card-trap p{color:#991b1b;margin:0;font-size:13.5px;line-height:1.55}[data-theme=dark] .card-trap p{color:#fca5a5}.card-science{background:#10b9810a;border-color:#10b98140 #10b98140 #10b98140 #10b981;border-left-style:solid;border-left-width:5px}[data-theme=dark] .card-science{background:#10b98114;border-color:#10b98159}.card-science p{color:#065f46;margin:0;font-size:13.5px;line-height:1.55}[data-theme=dark] .card-science p{color:#a7f3d0}.text-crimson{color:#ef4444}.text-emerald{color:#10b981}.text-amber{color:#f59e0b}.text-indigo{color:#6366f1}.key-comparison-callout{background:#f59e0b12;border:1px solid #f59e0b40;border-radius:12px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}[data-theme=dark] .key-comparison-callout{background:#f59e0b1a;border-color:#f59e0b4d}.key-comparison-callout .callout-header{color:#b45309;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}[data-theme=dark] .key-comparison-callout .callout-header{color:#fbbf24}.key-comparison-callout code{color:#78350f;word-break:break-word;background:#f59e0b1a;border-radius:6px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:600}[data-theme=dark] .key-comparison-callout code{color:#fef08a;background:#f59e0b33}.admission-tip-banner{background:#6366f112;border:1px solid #6366f140;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}[data-theme=dark] .admission-tip-banner{background:#6366f11f;border-color:#6366f159}.admission-tip-banner strong{color:#4338ca;margin-bottom:2px;font-size:13px;display:block}[data-theme=dark] .admission-tip-banner strong{color:#a5b4fc}.admission-tip-banner p{color:#3730a3;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .admission-tip-banner p{color:#c7d2fe}.modal-exam-flashcard{background:#f8fafc;border:1px solid #0000001a;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex}[data-theme=dark] .modal-exam-flashcard{background:#1e293b99;border-color:#ffffff1a}.flashcard-header-bar{color:#64748b;text-transform:uppercase;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;display:flex}[data-theme=dark] .flashcard-header-bar{color:#94a3b8}.exam-question-prompt{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:15px;font-weight:700;line-height:1.45}[data-theme=dark] .exam-question-prompt{color:#f1f5f9}.modal-toggle-answer-btn{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.modal-toggle-answer-btn:hover{background:#f1f5f9;border-color:#0003}[data-theme=dark] .modal-toggle-answer-btn{color:#f8fafc;background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .modal-toggle-answer-btn:hover{background:#ffffff26}.modal-toggle-answer-btn.revealed{color:#047857;background:#10b9811f;border-color:#10b98159}[data-theme=dark] .modal-toggle-answer-btn.revealed{color:#6ee7b7;border-color:#10b98173}.revealed-solution-box{background:#10b98114;border:1px solid #10b98140;border-radius:10px;padding:14px;animation:.2s fadeInModal}[data-theme=dark] .revealed-solution-box{background:#10b9811f;border-color:#10b98159}.solution-tag{color:#047857;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}[data-theme=dark] .solution-tag{color:#6ee7b7}.revealed-solution-box p{color:#064e3b;margin:0;font-size:13px;line-height:1.55}[data-theme=dark] .revealed-solution-box p{color:#d1fae5}.misconceptions-modal-footer{background:#f8fafc;border-top:1px solid #00000014;justify-content:flex-end;padding:14px 24px;display:flex}[data-theme=dark] .misconceptions-modal-footer{background:#0f172af2;border-color:#ffffff1a}@media (width<=860px){.misconceptions-body-split{grid-template-columns:1fr;overflow-y:auto}.misconceptions-sidebar{border-bottom:1px solid #00000014;border-right:none;max-height:220px}[data-theme=dark] .misconceptions-sidebar{border-bottom-color:#ffffff14}.trap-versus-science-grid{grid-template-columns:1fr}}.pedagogy-guide-btn{color:#dc2626;cursor:pointer;background:#ef44441f;border:1px solid #ef444447;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.pedagogy-guide-btn:hover{background:#ef444433;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}[data-theme=dark] .pedagogy-guide-btn{color:#fca5a5;background:#ef444438;border-color:#ef444466}.misconception-open-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:7px;margin-top:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #ea580c47}.misconception-open-modal-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c61}.lab-topbar-guide-btn{color:#dc2626;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.lab-topbar-guide-btn:hover{background:#ef444433;transform:translateY(-1px);box-shadow:0 2px 10px #ef444440}[data-theme=dark] .lab-topbar-guide-btn{color:#fca5a5;background:#ef444438;border-color:#ef444466}.specimen-lab-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.specimen-lab-btn{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.lab-btn-builder{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e94d}.lab-btn-builder:hover{color:#fff;background:#0284c7;transform:translateY(-1px)}.lab-btn-isotopes{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.lab-btn-isotopes:hover{color:#fff;background:#059669;transform:translateY(-1px)}[data-theme=dark] .lab-btn-builder{color:#38bdf8;background:#38bdf826;border-color:#38bdf859}[data-theme=dark] .lab-btn-builder:hover{color:#fff;background:#0284c7}[data-theme=dark] .lab-btn-isotopes{color:#34d399;background:#34d39926;border-color:#34d39959}[data-theme=dark] .lab-btn-isotopes:hover{color:#fff;background:#059669}.full-element-selector-bar{border-top:1px solid #00000014;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:flex}[data-theme=dark] .full-element-selector-bar{border-top-color:#ffffff1a}.lab-element-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .2s}.lab-element-select:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}[data-theme=dark] .lab-element-select{color:#f8fafc;background:#1e293b;border-color:#334155}[data-theme=dark] .lab-element-select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.exam-traps-bar{background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;padding:10px 14px;display:flex}.traps-label-group{color:#b45309;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}[data-theme=dark] .traps-label-group{color:#fbbf24}.traps-buttons-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.trap-pill-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.trap-pill-btn:hover{color:#b45309;background:#f59e0b14;border-color:#f59e0b}.trap-pill-btn.active{color:#fff;background:#f59e0b;border-color:#d97706;box-shadow:0 2px 8px #f59e0b59}[data-theme=dark] .trap-pill-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .trap-pill-btn:hover{color:#fde68a;background:#f59e0b26;border-color:#fbbf24}[data-theme=dark] .trap-pill-btn.active{color:#0f172a;background:#f59e0b;border-color:#fbbf24;font-weight:700}.trap-clear-btn{color:#64748b;cursor:pointer;background:#0000000d;border:1px solid #0000001a;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.trap-clear-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .trap-clear-btn{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1f}.exam-trap-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-direction:column;gap:8px;padding:14px 18px;animation:.25s ease-out fadeInModal;display:flex;box-shadow:0 4px 14px #f59e0b1a}[data-theme=dark] .exam-trap-banner{background:#f59e0b1a;border-color:#f59e0b4d}.trap-banner-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.trap-banner-title{color:#92400e;align-items:center;gap:8px;font-size:14px;display:flex}[data-theme=dark] .trap-banner-title{color:#fde68a}.trap-banner-close{color:#78350f;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:background-color .2s;display:flex}.trap-banner-close:hover{background:#00000014}[data-theme=dark] .trap-banner-close{color:#fde68a}.trap-banner-text{color:#78350f;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .trap-banner-text{color:#fef3c7}.trap-banner-elements-list{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.trap-elem-chip{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}[data-theme=dark] .trap-elem-chip{color:#fef3c7;background:#f59e0b33;border-color:#f59e0b66}.speller-nav-btn{color:#4338ca;cursor:pointer;background:linear-gradient(135deg,#6366f11a 0%,#a855f726 100%);border:1px solid #8b5cf659;border-radius:9999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.speller-nav-btn:hover{background:linear-gradient(135deg,#6366f133 0%,#a855f740 100%);border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf640}.speller-btn-emoji{font-size:14px}[data-theme=dark] .speller-nav-btn{color:#e0e7ff;background:linear-gradient(135deg,#6366f133 0%,#a855f740 100%);border-color:#a855f773}[data-theme=dark] .speller-nav-btn:hover{border-color:#c084fc;box-shadow:0 4px 14px #a855f759}@media (width<=640px){.speller-btn-text{display:none}.speller-nav-btn{padding:6px 8px}}.speller-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.speller-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) spellerModalIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}[data-theme=dark] .speller-modal-container{background:#0f172a;border-color:#334155;box-shadow:0 25px 50px -12px #000000b3}@keyframes spellerModalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.speller-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}[data-theme=dark] .speller-modal-header{background:#1e293b;border-bottom-color:#334155}.speller-title-wrap{align-items:flex-start;gap:14px;display:flex}.speller-icon-badge{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6366f14d}.speller-emoji{font-size:22px}.speller-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#6366f1;align-items:center;gap:5px;margin-bottom:3px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .speller-eyebrow{color:#a5b4fc}.speller-modal-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}[data-theme=dark] .speller-modal-header h2{color:#f8fafc}.speller-subtitle{color:#64748b;max-width:600px;margin:3px 0 0;font-size:12px}[data-theme=dark] .speller-subtitle{color:#94a3b8}.speller-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.speller-close-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=dark] .speller-close-btn{color:#94a3b8}[data-theme=dark] .speller-close-btn:hover{color:#f8fafc;background:#334155}.speller-modal-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.speller-controls-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}[data-theme=dark] .speller-controls-card{background:#1e293b;border-color:#334155}.speller-input-label{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .speller-input-label{color:#f8fafc}.speller-char-hint{color:#64748b;font-size:11px;font-weight:400}[data-theme=dark] .speller-char-hint{color:#94a3b8}.speller-input-group{align-items:center;display:flex;position:relative}.speller-text-input{letter-spacing:.05em;color:#0f172a;background:#fff;border:2px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 42px 12px 14px;font-size:16px;font-weight:700;transition:all .2s}.speller-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .speller-text-input{color:#f8fafc;background:#0f172a;border-color:#475569}[data-theme=dark] .speller-text-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf840}.speller-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;position:absolute;right:10px}.speller-clear-btn:hover{color:#0f172a}[data-theme=dark] .speller-clear-btn:hover{color:#f8fafc}.speller-presets-tray{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.presets-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:600}[data-theme=dark] .presets-label{color:#94a3b8}.presets-pills{flex-wrap:wrap;gap:6px;display:flex}.preset-pill-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;transition:all .15s;display:inline-flex}.preset-pill-btn:hover{color:#4338ca;background:#6366f10d;border-color:#6366f1}.preset-pill-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.preset-pill-btn small{opacity:.75;font-size:9px;font-weight:500}[data-theme=dark] .preset-pill-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .preset-pill-btn:hover{color:#e0e7ff;border-color:#818cf8}[data-theme=dark] .preset-pill-btn.active{color:#fff;background:#6366f1}.speller-stage-card{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;min-height:160px;padding:20px;display:flex}[data-theme=dark] .speller-stage-card{background:#090e17;border-color:#334155}.speller-empty-state{text-align:center;color:#94a3b8;max-width:380px}.speller-empty-state h3{color:#0f172a;margin:10px 0 6px;font-size:16px}[data-theme=dark] .speller-empty-state h3{color:#f8fafc}.speller-empty-state p{margin:0;font-size:13px;line-height:1.5}.speller-words-flow{flex-direction:column;gap:20px;width:100%;display:flex}.speller-word-cluster{flex-direction:column;gap:8px;display:flex}.solution-switcher-bar{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.solution-count-tag{color:#6366f1;font-size:11px;font-weight:600}[data-theme=dark] .solution-count-tag{color:#a5b4fc}.solution-nav-btns{gap:4px;display:flex}.sol-nav-btn{cursor:pointer;color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding:3px 6px;display:flex}.sol-nav-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=dark] .sol-nav-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .sol-nav-btn:hover{color:#f8fafc;background:#334155}.speller-tiles-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.speller-periodic-tile{border:2px solid var(--element-color,#64748b);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;width:96px;height:116px;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000014}.speller-periodic-tile:before{content:"";background:var(--element-color,#64748b);height:4px;position:absolute;top:0;left:0;right:0}.speller-periodic-tile:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 12px 24px #00000026}[data-theme=dark] .speller-periodic-tile{background:#1e293b;box-shadow:0 4px 14px #0006}[data-theme=dark] .speller-periodic-tile:hover{box-shadow:0 12px 24px #0009}.tile-top-bar{color:#64748b;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:flex}[data-theme=dark] .tile-top-bar{color:#94a3b8}.tile-symbol-wrap{text-align:center;margin:2px 0}.tile-symbol{color:var(--element-color,#0f172a);font-family:Inter,-apple-system,sans-serif;font-size:32px;font-weight:900;line-height:1}.tile-bottom-bar{justify-content:space-between;align-items:center;display:flex}.tile-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}[data-theme=dark] .tile-name{color:#f8fafc}.tile-preuni-star{color:#f59e0b;font-size:12px}.speller-unspellable-card{text-align:center;background:#f43f5e14;border:1px solid #f43f5e40;border-radius:12px;padding:14px 18px}.unspellable-tag{color:#e11d48;text-transform:uppercase;font-size:11px;font-weight:700}.unspellable-word{letter-spacing:.1em;color:#9f1239;margin:4px 0;font-size:24px;font-weight:900}[data-theme=dark] .unspellable-word{color:#fecdd3}.speller-unspellable-card p{color:#64748b;margin:0;font-size:12px}[data-theme=dark] .speller-unspellable-card p{color:#cbd5e1}.speller-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.metric-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}[data-theme=dark] .metric-box{background:#1e293b;border-color:#334155}.metric-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}[data-theme=dark] .metric-label{color:#94a3b8}.metric-value{color:#0f172a;font-size:18px;font-weight:800}[data-theme=dark] .metric-value{color:#f8fafc}.metric-value.highlight-accent{color:#6366f1}[data-theme=dark] .metric-value.highlight-accent{color:#818cf8}.metric-hint{color:#94a3b8;font-size:10px}.families-badges-wrap{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.speller-fam-badge{background:#00000008;border:1px solid;border-radius:9999px;padding:2px 6px;font-size:9px;font-weight:700}[data-theme=dark] .speller-fam-badge{background:#ffffff0a}.speller-didactic-card{background:#10b98114;border:1px solid #10b98140;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.didactic-icon-wrap{color:#059669;flex-shrink:0;margin-top:2px}.didactic-content h4{color:#065f46;margin:0 0 4px;font-size:13px;font-weight:700}[data-theme=dark] .didactic-content h4{color:#6ee7b7}.didactic-content p{color:#047857;margin:0;font-size:12px;line-height:1.5}[data-theme=dark] .didactic-content p{color:#a7f3d0}.speller-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}[data-theme=dark] .speller-modal-footer{background:#1e293b;border-top-color:#334155}.footer-status-text{color:#64748b;font-size:12px}[data-theme=dark] .footer-status-text{color:#94a3b8}.footer-actions-group{gap:8px;display:flex}.speller-copy-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.speller-copy-btn:hover:not(:disabled){background:#4f46e5}.speller-copy-btn.copied{background:#10b981}.speller-copy-btn:disabled{opacity:.5;cursor:not-allowed}.speller-done-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600}.speller-done-btn:hover{background:#e2e8f0}[data-theme=dark] .speller-done-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .speller-done-btn:hover{color:#f8fafc;background:#334155}.atomic-bohr-container{flex-direction:column;gap:12px;width:100%;display:flex}.bohr-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}[data-theme=dark] .bohr-toolbar{background:#1e293b;border-color:#334155}.bohr-badge-left{flex-direction:column;gap:2px;display:flex}.bohr-title{color:#0284c7;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}[data-theme=dark] .bohr-title{color:#38bdf8}.bohr-subtitle{color:#64748b;font-size:11px;font-weight:500}[data-theme=dark] .bohr-subtitle{color:#94a3b8}.bohr-actions-right{align-items:center;gap:6px;display:flex}.bohr-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.bohr-btn:hover{color:#0284c7;background:#f1f5f9;border-color:#0284c7}.bohr-btn.active{color:#fff;background:#0284c7;border-color:#0284c7}[data-theme=dark] .bohr-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .bohr-btn:hover{color:#38bdf8;border-color:#38bdf8}[data-theme=dark] .bohr-btn.active{color:#fff;background:#0284c7}.bohr-canvas-wrap{aspect-ratio:1;background:radial-gradient(circle,#0ea5e908 0%,#0284c714 70%,#0000 100%);border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:520px;margin:0 auto;display:flex;position:relative}[data-theme=dark] .bohr-canvas-wrap{background:radial-gradient(circle,#38bdf80f 0%,#0284c726 75%,#0000 100%)}.bohr-svg-viewport{width:100%;height:100%;overflow:visible}.bohr-nucleus-halo{fill:none;stroke:#f43f5e26;stroke-dasharray:3 3}.bohr-orbit-ring{fill:none;stroke:#94a3b866;stroke-width:1.2px;stroke-dasharray:4 4;transition:all .2s}.bohr-orbit-group:hover .bohr-orbit-ring{stroke:#38bdf8;stroke-width:1.8px;stroke-dasharray:none}.bohr-orbit-group.is-valence .bohr-orbit-ring{stroke:#f59e0bb3;stroke-width:1.8px}.bohr-orbit-group.is-selected .bohr-orbit-ring{stroke:#3b82f6;stroke-width:2.2px}.bohr-shell-tag{fill:#64748b;-webkit-user-select:none;user-select:none;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}[data-theme=dark] .bohr-shell-tag{fill:#94a3b8}.bohr-orbit-group:hover .bohr-shell-tag,.bohr-orbit-group.is-selected .bohr-shell-tag{fill:#0284c7;font-weight:700}[data-theme=dark] .bohr-orbit-group:hover .bohr-shell-tag,[data-theme=dark] .bohr-orbit-group.is-selected .bohr-shell-tag{fill:#38bdf8}.bohr-nucleus-pulse{fill:none;stroke:#f43f5e59;stroke-width:2px;animation:2.5s ease-in-out infinite bohrPulse}@keyframes bohrPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.bohr-nucleus-symbol{fill:#fff;pointer-events:none;font-family:Inter,-apple-system,sans-serif;font-size:20px;font-weight:900}.bohr-nucleus-sub{fill:#ffffffe6;pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700}@keyframes bohrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bohr-shells-ribbon{gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.bohr-shell-pill{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;gap:2px;min-width:76px;padding:6px 8px;transition:all .15s;display:flex}.bohr-shell-pill:hover{background:#f0f9ff;border-color:#38bdf8}.bohr-shell-pill.is-valence{background:#f59e0b0f;border-color:#f59e0b}.bohr-shell-pill.selected{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}[data-theme=dark] .bohr-shell-pill{background:#1e293b;border-color:#334155}[data-theme=dark] .bohr-shell-pill:hover{background:#0f172a;border-color:#38bdf8}[data-theme=dark] .bohr-shell-pill.is-valence{background:#f59e0b1f;border-color:#f59e0b}.pill-top{justify-content:space-between;align-items:center;display:flex}.pill-level{color:#334155;font-size:10px;font-weight:700}[data-theme=dark] .pill-level{color:#e2e8f0}.pill-val-tag{color:#d97706;text-transform:uppercase;font-size:8px;font-weight:700}.pill-counts{color:#64748b;font-size:11px}.pill-counts strong{color:#0284c7;font-size:13px}[data-theme=dark] .pill-counts strong{color:#38bdf8}.pill-bar-track{background:#e2e8f0;border-radius:9999px;height:3px;margin-top:3px;overflow:hidden}[data-theme=dark] .pill-bar-track{background:#334155}.pill-bar-fill{background:#0284c7;border-radius:9999px;height:100%;transition:width .3s}.bohr-pedagogy-footer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:10px 14px;display:grid}[data-theme=dark] .bohr-pedagogy-footer{background:#1e293b;border-color:#334155}.bohr-stat-cell small{color:#64748b;margin-bottom:2px;font-size:10px;display:block}[data-theme=dark] .bohr-stat-cell small{color:#94a3b8}.bohr-stat-cell strong{color:#0f172a;font-size:12px}[data-theme=dark] .bohr-stat-cell strong{color:#f8fafc}.bohr-mono-text{color:#0284c7;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}[data-theme=dark] .bohr-mono-text{color:#38bdf8}.detail-visualizer-toggle-group{background:#f1f5f9;border-radius:8px;gap:3px;padding:3px;display:inline-flex}[data-theme=dark] .detail-visualizer-toggle-group{background:#0f172a;border:1px solid #334155}.detail-view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.detail-view-toggle-btn:hover{color:#0f172a}.detail-view-toggle-btn.active{color:#0284c7;background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .detail-view-toggle-btn{color:#94a3b8}[data-theme=dark] .detail-view-toggle-btn:hover{color:#f8fafc}[data-theme=dark] .detail-view-toggle-btn.active{color:#38bdf8;background:#1e293b;box-shadow:0 1px 3px #0006}.quantum-jump-widget{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .quantum-jump-widget{background:#1e293b;border-color:#334155}.jump-widget-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}[data-theme=dark] .jump-widget-header{border-bottom-color:#334155}.jump-title-group{align-items:center;gap:10px;display:flex}.jump-icon-badge{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #f59e0b4d}.jump-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#f59e0b;font-size:10px;font-weight:700;display:block}.jump-heading{color:#0f172a;margin:0;font-size:16px;font-weight:700}[data-theme=dark] .jump-heading{color:#f8fafc}.jump-tabs-nav{gap:6px;display:flex}.jump-tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.jump-tab-btn:hover{color:#d97706;border-color:#f59e0b}.jump-tab-btn.active{color:#fff;background:#f59e0b;border-color:#f59e0b}[data-theme=dark] .jump-tab-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .jump-tab-btn.active{color:#fff;background:#f59e0b}.jump-tab-content{flex-direction:column;gap:16px;display:flex}.jump-desc-text{color:#475569;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .jump-desc-text{color:#cbd5e1}.jump-chart-stage{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px 16px 12px}[data-theme=dark] .jump-chart-stage{background:#0f172a;border-color:#334155}.jump-bars-container{justify-content:space-around;align-items:flex-end;gap:16px;height:220px;display:flex}.jump-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:90px;height:100%;display:flex;position:relative}.jump-ratio-badge{color:#475569;white-space:nowrap;background:#e2e8f0;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0}.jump-ratio-badge.highest-jump{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f59e0b 100%);animation:1.8s ease-in-out infinite jumpGlow;box-shadow:0 2px 8px #ef444466}@keyframes jumpGlow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.jump-bar-track{justify-content:center;align-items:flex-end;width:100%;height:140px;display:flex}.jump-bar-fill{background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-radius:8px 8px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:48px;padding-top:6px;transition:height .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 10px #0284c733}.jump-bar-fill.valence-edge{background:linear-gradient(#fbbf24 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b66}.jump-bar-val{color:#fff;text-shadow:0 1px 2px #00000080;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700}.jump-bar-label{text-align:center;flex-direction:column;margin-top:8px;display:flex}.jump-bar-label strong{color:#0f172a;font-size:13px}[data-theme=dark] .jump-bar-label strong{color:#f8fafc}.jump-bar-label small{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:10px}.jump-diagnosis-card{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:12px;padding:14px 16px}.diagnosis-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.diagnosis-head h4{color:#92400e;margin:0;font-size:13px;font-weight:700}[data-theme=dark] .diagnosis-head h4{color:#fde68a}.diagnosis-text{color:#78350f;margin:0 0 12px;font-size:12px;line-height:1.5}[data-theme=dark] .diagnosis-text{color:#fef3c7}.jump-predictions-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.pred-item{background:#fff;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}[data-theme=dark] .pred-item{background:#1e293b;border-color:#f59e0b4d}.pred-item small{color:#64748b;font-size:10px}[data-theme=dark] .pred-item small{color:#94a3b8}.pred-item strong{color:#0f172a;font-size:12px}[data-theme=dark] .pred-item strong{color:#f8fafc}.challenge-card{flex-direction:column;gap:12px;display:flex}.challenge-meta-row{justify-content:space-between;align-items:center;display:flex}.challenge-badge{color:#b45309;background:#f59e0b26;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .challenge-badge{color:#fbbf24}.challenge-next-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.challenge-next-btn:hover{background:#e2e8f0}[data-theme=dark] .challenge-next-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}.challenge-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}[data-theme=dark] .challenge-title{color:#f8fafc}.challenge-context{color:#475569;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .challenge-context{color:#cbd5e1}.challenge-energies-strip{flex-wrap:wrap;gap:8px;display:flex}.challenge-energy-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:baseline;gap:4px;padding:6px 10px;display:flex}[data-theme=dark] .challenge-energy-pill{background:#0f172a;border-color:#334155}.challenge-energy-pill .pill-sub{color:#0284c7;font-size:11px;font-weight:700}.challenge-energy-pill .pill-num{font-family:IBM Plex Mono,monospace;font-size:13px}.challenge-energy-pill small{color:#94a3b8;font-size:10px}.challenge-question{color:#0f172a;margin:4px 0 0;font-size:13px}[data-theme=dark] .challenge-question{color:#f8fafc}.challenge-options-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=640px){.challenge-options-grid{grid-template-columns:1fr}}.challenge-opt-btn{text-align:left;cursor:pointer;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;transition:all .15s;display:flex}.challenge-opt-btn:hover{background:#f8fafc;border-color:#0284c7}[data-theme=dark] .challenge-opt-btn{color:#f1f5f9;background:#0f172a;border-color:#334155}.challenge-opt-btn.is-correct{color:#065f46;background:#10b9811f;border-color:#10b981;font-weight:600}[data-theme=dark] .challenge-opt-btn.is-correct{color:#6ee7b7;background:#10b98133}.challenge-opt-btn.is-wrong{color:#9f1239;background:#f43f5e1f;border-color:#f43f5e}[data-theme=dark] .challenge-opt-btn.is-wrong{color:#fca5a5;background:#f43f5e33}.opt-letter{color:#0284c7;font-weight:700}.opt-text{flex:1}.challenge-feedback-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:4px;padding:12px 14px}[data-theme=dark] .challenge-feedback-box{background:#0f172a;border-color:#334155}.feedback-status{margin-bottom:4px;font-size:13px}.feedback-rationale{color:#475569;margin:0;font-size:12px;line-height:1.5}[data-theme=dark] .feedback-rationale{color:#cbd5e1}.calculator-input-card{flex-direction:column;gap:8px;display:flex}.calc-label{color:#0f172a;justify-content:space-between;font-size:12px;font-weight:600;display:flex}[data-theme=dark] .calc-label{color:#f8fafc}.calc-label small{color:#64748b;font-weight:400}.calc-input-group{gap:8px;display:flex}.calc-text-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600}[data-theme=dark] .calc-text-input{color:#f8fafc;background:#0f172a;border-color:#334155}.calc-reset-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}[data-theme=dark] .calc-reset-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.calc-ratios-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.calc-ratio-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}[data-theme=dark] .calc-ratio-box{background:#0f172a;border-color:#334155}.calc-ratio-box.highlight-jump{background:#f59e0b1a;border-color:#f59e0b}.ratio-step{color:#64748b;font-size:10px;font-weight:700}.ratio-val{color:#0f172a;font-size:16px;font-weight:800}[data-theme=dark] .ratio-val{color:#f8fafc}.calc-diagnosis-banner{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;margin-top:10px;padding:12px 14px}.calc-diagnosis-banner h4{color:#92400e;margin:0 0 4px;font-size:13px;font-weight:700}[data-theme=dark] .calc-diagnosis-banner h4{color:#fde68a}.calc-diagnosis-banner p{color:#78350f;margin:0 0 10px;font-size:12px;line-height:1.5}[data-theme=dark] .calc-diagnosis-banner p{color:#fef3c7}.calc-empty-note{color:#64748b;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:14px;font-size:12px;display:flex}[data-theme=dark] .calc-empty-note{color:#94a3b8;background:#0f172a}.guide-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0f172abf;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) guideFadeIn;display:flex;position:fixed;inset:0}@keyframes guideFadeIn{0%{opacity:0}to{opacity:1}}.guide-modal-window{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;width:100%;max-width:980px;height:88vh;max-height:740px;animation:.25s cubic-bezier(.16,1,.3,1) guideSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -12px #0f172a59}[data-theme=dark] .guide-modal-window{background:#131722;border-color:#ffffff1f;box-shadow:0 25px 60px -12px #000000bf}@keyframes guideSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.guide-modal-header{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}[data-theme=dark] .guide-modal-header{background:linear-gradient(135deg,#1a202ef2,#131722e6);border-bottom-color:#ffffff14}.guide-header-title-wrap{align-items:center;gap:12px;display:flex}.guide-header-icon-box{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px 12px #f59e0b59}.guide-eyebrow{text-transform:uppercase;letter-spacing:.5px;color:#6b2d8c;align-items:center;gap:6px;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:flex}[data-theme=dark] .guide-eyebrow{color:#d4a7ef}.guide-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-family:Archivo,sans-serif;font-size:17px;font-weight:800}[data-theme=dark] .guide-title{color:#f8fafc}.guide-header-actions{align-items:center;gap:12px;display:flex}.guide-progress-pill{color:#065f46;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}[data-theme=dark] .guide-progress-pill{color:#6ee7b7;background:#10b98133;border-color:#10b98166}.progress-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.guide-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .15s;display:grid}.guide-close-btn:hover{color:#0f172a;background:#f1f5f9;transform:scale(1.05)}[data-theme=dark] .guide-close-btn{color:#94a3b8;background:#1e293b;border-color:#334155}[data-theme=dark] .guide-close-btn:hover{color:#fff;background:#334155}.guide-search-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 20px}[data-theme=dark] .guide-search-row{background:#0f1420;border-bottom-color:#ffffff0f}.guide-search-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:flex}.guide-search-box:focus-within{border-color:#6b2d8c;box-shadow:0 0 0 2px #6b2d8c26}[data-theme=dark] .guide-search-box{background:#1a2233;border-color:#334155}[data-theme=dark] .guide-search-box:focus-within{border-color:#a855f7;box-shadow:0 0 0 2px #a855f740}.guide-search-icon{color:#94a3b8;flex-shrink:0}.guide-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}[data-theme=dark] .guide-search-input{color:#f8fafc}.guide-search-input::placeholder{color:#94a3b8}.guide-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.guide-search-clear:hover{color:#0f172a}[data-theme=dark] .guide-search-clear:hover{color:#fff}.guide-body-layout{flex:1;display:flex;overflow:hidden}.guide-nav-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;width:320px;overflow-y:auto}[data-theme=dark] .guide-nav-sidebar{background:#0f1420;border-right-color:#ffffff0f}.guide-nav-list{flex-direction:column;gap:6px;padding:10px;display:flex}.guide-nav-item{text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.guide-nav-item:hover{background:#f1f5f9cc;border-color:#cbd5e1}[data-theme=dark] .guide-nav-item:hover{background:#1e293b80;border-color:#334155}.guide-nav-item.active{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}[data-theme=dark] .guide-nav-item.active{background:#1e293b;border-color:#a855f766;box-shadow:0 4px 14px #00000059}.nav-item-icon-col{background:#0000000a;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:2px;display:grid}[data-theme=dark] .nav-item-icon-col{background:#ffffff0f}.nav-item-text-col{flex:1;min-width:0}.nav-item-top-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.nav-item-badge{text-transform:uppercase;color:#64748b;letter-spacing:.3px;font-family:IBM Plex Mono,monospace;font-size:9.5px;font-weight:700}[data-theme=dark] .nav-item-badge{color:#94a3b8}.nav-check-icon{color:#10b981}.nav-item-title{color:#1e293b;font-size:12.5px;font-weight:700;line-height:1.3}[data-theme=dark] .nav-item-title{color:#e2e8f0}.guide-content-pane{background:#fff;flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}[data-theme=dark] .guide-content-pane{background:#131722}.module-content-header{border-bottom:1px solid #f1f5f9;padding-bottom:16px}[data-theme=dark] .module-content-header{border-bottom-color:#ffffff0f}.module-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.module-icon-pill{border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.module-heading{color:#0f172a;margin:0;font-family:Archivo,sans-serif;font-size:20px;font-weight:800}[data-theme=dark] .module-heading{color:#f8fafc}.module-lead-text{color:#475569;margin:0;font-size:14px;line-height:1.6}[data-theme=dark] .module-lead-text{color:#94a3b8}.module-principles-list{flex-direction:column;gap:12px;display:flex}.principle-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #6b2d8c;border-radius:10px;padding:12px 16px}[data-theme=dark] .principle-card{background:#1a2233;border-color:#ffffff14 #ffffff14 #ffffff14 #a855f7}.principle-title{color:#0f172a;margin:0 0 4px;font-size:13.5px;font-weight:700}[data-theme=dark] .principle-title{color:#f8fafc}.principle-body{color:#334155;white-space:pre-line;margin:0;font-size:13px;line-height:1.55}[data-theme=dark] .principle-body{color:#cbd5e1}.module-exam-tip-box{background:linear-gradient(135deg,#fef3c799 0%,#fde68a66 100%);border:1px solid #fcd34d;border-radius:12px;padding:14px 18px}[data-theme=dark] .module-exam-tip-box{background:linear-gradient(135deg,#452a0a66 0%,#3820084d 100%);border-color:#f59e0b59}.tip-box-header{color:#92400e;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}[data-theme=dark] .tip-box-header{color:#fde68a}.tip-icon{color:#d97706}.tip-box-text{color:#78350f;margin:0;font-size:13px;line-height:1.5}[data-theme=dark] .tip-box-text{color:#fef3c7}.module-action-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}[data-theme=dark] .module-action-bar{border-top-color:#ffffff0f}.guide-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.guide-action-btn.primary{color:#fff;background:linear-gradient(135deg,#6b2d8c 0%,#8b4db0 100%);box-shadow:0 4px 14px #6b2d8c40}.guide-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6b2d8c59}.guide-mark-read-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.guide-mark-read-btn:hover{background:#f8fafc;border-color:#94a3b8}[data-theme=dark] .guide-mark-read-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .guide-mark-read-btn:hover{color:#fff;background:#334155}.guide-mark-read-btn.active{color:#059669;background:#10b9811a;border-color:#10b981}[data-theme=dark] .guide-mark-read-btn.active{color:#6ee7b7;background:#10b98133;border-color:#10b981}.guide-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}[data-theme=dark] .guide-modal-footer{background:#0f1420;border-top-color:#ffffff0f}.guide-footer-step-counter{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:12px}[data-theme=dark] .guide-footer-step-counter{color:#94a3b8}.guide-footer-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.guide-footer-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.guide-footer-nav-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .guide-footer-nav-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .guide-footer-nav-btn:hover:not(:disabled){color:#fff;background:#334155}.guide-footer-nav-btn.next{color:#fff;background:#0284c7;border-color:#0284c7}.guide-footer-nav-btn.next:hover{background:#0369a1}.guide-footer-nav-btn.finish{color:#fff;background:#10b981;border-color:#10b981}.guide-footer-nav-btn.finish:hover{background:#059669}.floating-guide-trigger{z-index:95;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b2d8c 0%,#8b4db0 100%);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #6b2d8c59}.floating-guide-trigger:hover{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);transform:translateY(-2px)scale(1.03);box-shadow:0 12px 30px #6b2d8c73}.floating-guide-trigger .pulsing-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseAmber;box-shadow:0 0 #f59e0bb3}@keyframes pulseAmber{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.guide-nav-btn{color:#6b2d8c;cursor:pointer;background:#ffffffe0;border:1px solid #6b2d8c47;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.guide-btn-short-text{display:none}.guide-nav-btn:hover{color:#fff;background:#6b2d8c;transform:translateY(-1px)}[data-theme=dark] .guide-nav-btn{color:#e5c6f5;background:#241b2a;border-color:#d4a7ef59}[data-theme=dark] .guide-nav-btn:hover{color:#fff;background:#a855f7}.detail-guide-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.detail-guide-btn:hover{background:#fff3;transform:translateY(-1px)}@media (width<=768px){.guide-modal-window{border-radius:16px;height:94vh;max-height:none}.guide-body-layout{flex-direction:column}.guide-nav-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;max-height:160px}[data-theme=dark] .guide-nav-sidebar{border-bottom-color:#ffffff0f}.guide-nav-list{flex-direction:row;padding:8px;overflow-x:auto}.guide-nav-item{min-width:180px;padding:8px 10px}.guide-content-pane{padding:16px}.floating-guide-trigger span:not(.pulsing-dot){display:none}.floating-guide-trigger{border-radius:50%;padding:12px}}.live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s cubic-bezier(.66,0,0,1) infinite live-pulse;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes live-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.contact-cta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#f8f4fceb);border:1px solid #6b2d8c40;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:18px 24px;transition:all .25s;display:flex;box-shadow:0 8px 30px #37243f14}.contact-cta:hover{border-color:#6b2d8c66;box-shadow:0 10px 36px #6b2d8c1f}.contact-cta-left{flex-direction:column;flex:1;gap:4px;display:flex}.contact-cta-badge{text-transform:uppercase;letter-spacing:.04em;color:#059669;align-items:center;gap:6px;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.contact-cta-title{color:#271d2d;font-family:Archivo,sans-serif;font-size:16px;font-weight:800;line-height:1.3}.contact-cta-desc{color:#6b5e74;margin:0;font-size:12.5px;line-height:1.45}.contact-cta-button{white-space:nowrap;background:#6b2d8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6b2d8c40;color:#fff!important}.contact-cta-button:hover{background:#54236f;transform:translateY(-2px);box-shadow:0 6px 20px #6b2d8c59}[data-theme=dark] .contact-cta{background:linear-gradient(135deg,#241b2a,#1d1522);border-color:#bee7d740;box-shadow:0 8px 32px #0006}[data-theme=dark] .contact-cta-title{color:#f3e8f8}[data-theme=dark] .contact-cta-desc{color:#bfaec7}[data-theme=dark] .contact-cta-badge{color:#34d399}[data-theme=dark] .contact-cta-button{background:#8b4db0;box-shadow:0 4px 16px #8b4db066}[data-theme=dark] .contact-cta-button:hover{background:#a96bd0}.diagnostic-community-card{background:linear-gradient(135deg,#10b9810d,#6b2d8c0f);border:1px solid #10b9814d;border-radius:16px;margin-top:24px;padding:24px;transition:all .25s;box-shadow:0 8px 24px #10b98114}.diagnostic-community-card:hover{border-color:#10b98180;box-shadow:0 12px 32px #10b9811f}.diag-cta-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.diag-cta-badge{color:#059669;text-transform:uppercase;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;display:inline-flex}.diag-cta-free-tag{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:3px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.diag-cta-content h3{color:#1f2937;margin:0 0 8px;font-family:Archivo,sans-serif;font-size:19px;font-weight:800;line-height:1.3}.diag-cta-content p{color:#4b5563;margin:0 0 16px;font-size:13.5px;line-height:1.55}.diag-cta-btn{background:#059669;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 22px;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #05966940;color:#fff!important}.diag-cta-btn:hover{background:#047857;transform:translateY(-2px);box-shadow:0 6px 20px #05966959}[data-theme=dark] .diagnostic-community-card{background:linear-gradient(135deg,#10b9811a,#8b4db01f);border-color:#34d3994d;box-shadow:0 8px 30px #00000059}[data-theme=dark] .diag-cta-content h3{color:#f3f4f6}[data-theme=dark] .diag-cta-content p{color:#d1d5db}[data-theme=dark] .diag-cta-badge{color:#34d399}[data-theme=dark] .diag-cta-free-tag{color:#6ee7b7;background:#34d39926;border-color:#34d39959}[data-theme=dark] .diag-cta-btn{background:#10b981;font-weight:800;color:#064e3b!important}[data-theme=dark] .diag-cta-btn:hover{background:#34d399}.quiz-perfect-cta{color:#92400e;background:linear-gradient(135deg,#f59e0b14,#6b2d8c0d);border:1px solid #f59e0b59;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:20px 0;padding:18px 20px;text-decoration:none;transition:all .22s;display:flex;box-shadow:0 4px 18px #f59e0b17}.quiz-perfect-cta:hover{background:linear-gradient(135deg,#f59e0b24,#6b2d8c14);border-color:#f59e0b8c;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b2e}.cta-perfect-badge,.cta-mistake-badge{text-transform:uppercase;align-items:center;gap:5px;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.cta-perfect-badge{color:#b45309}.cta-mistake-badge{color:#6b2d8c}.quiz-perfect-cta strong{text-align:center;color:#78350f;font-family:Archivo,sans-serif;font-size:16px;font-weight:800}.quiz-perfect-cta span{color:#b45309;text-align:center;font-family:IBM Plex Mono,monospace;font-size:11.5px}[data-theme=dark] .quiz-perfect-cta{background:linear-gradient(135deg,#f59e0b1f,#8b4db01a);border-color:#fbbf244d;box-shadow:0 6px 20px #0000004d}[data-theme=dark] .quiz-perfect-cta strong{color:#fde68a}[data-theme=dark] .quiz-perfect-cta span{color:#fcd34d}[data-theme=dark] .cta-perfect-badge{color:#fbbf24}[data-theme=dark] .cta-mistake-badge{color:#c084fc}.detail-community-card{background:linear-gradient(135deg,#fffffff2,#f5f0fae6);border:1px solid #6b2d8c38;border-radius:16px;margin-top:32px;padding:24px;transition:all .25s;box-shadow:0 8px 24px #37243f12}.detail-community-card:hover{border-color:#6b2d8c66;box-shadow:0 12px 30px #6b2d8c1f}.detail-comm-badge{color:#6b2d8c;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.detail-comm-content h3{color:#1f2937;margin:0 0 8px;font-family:Archivo,sans-serif;font-size:18px;font-weight:800}.detail-comm-content p{color:#4b5563;margin:0 0 16px;font-size:13.5px;line-height:1.55}.detail-comm-btn{background:#6b2d8c;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:10px 20px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6b2d8c40;color:#fff!important}.detail-comm-btn:hover{background:#54236f;transform:translateY(-2px);box-shadow:0 6px 20px #6b2d8c59}[data-theme=dark] .detail-community-card{background:linear-gradient(135deg,#241b2a,#1c1521);border-color:#bee7d738;box-shadow:0 8px 30px #0006}[data-theme=dark] .detail-comm-badge{color:#c084fc}[data-theme=dark] .detail-comm-content h3{color:#f3f4f6}[data-theme=dark] .detail-comm-content p{color:#d1d5db}[data-theme=dark] .detail-comm-btn{background:#8b4db0}[data-theme=dark] .detail-comm-btn:hover{background:#a96bd0}.modal-community-callout{background:linear-gradient(135deg,#10b98114,#6b2d8c0f);border:1px solid #10b9814d;border-radius:14px;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;display:flex;box-shadow:0 6px 20px #10b98114}.modal-community-callout-icon{color:#059669;background:#10b98126;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.modal-community-callout-content{flex:1}.modal-community-callout-badge{text-transform:uppercase;color:#059669;letter-spacing:.04em;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.modal-community-callout-content h4{color:#1f2937;margin:0 0 4px;font-family:Archivo,sans-serif;font-size:14.5px;font-weight:700}.modal-community-callout-content p{color:#4b5563;margin:0;font-size:12px;line-height:1.45}.modal-community-callout-btn{white-space:nowrap;background:#059669;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;min-height:38px;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #05966940;color:#fff!important}.modal-community-callout-btn:hover{background:#047857;transform:translateY(-1px)}[data-theme=dark] .modal-community-callout{background:linear-gradient(135deg,#10b9811f,#8b4db01f);border-color:#34d39947}[data-theme=dark] .modal-community-callout-icon{color:#34d399;background:#34d39933}[data-theme=dark] .modal-community-callout-badge{color:#34d399}[data-theme=dark] .modal-community-callout-content h4{color:#f3f4f6}[data-theme=dark] .modal-community-callout-content p{color:#d1d5db}[data-theme=dark] .modal-community-callout-btn{background:#10b981;font-weight:800;color:#064e3b!important}.guide-community-strip{background:#10b9810d;border:1px dashed #10b98166;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:10px 14px;display:flex}.guide-community-strip-info{color:#374151;align-items:center;gap:8px;font-size:12px;display:flex}.guide-community-strip-info strong{color:#059669}.guide-community-strip-link{white-space:nowrap;background:#059669;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;color:#fff!important}.guide-community-strip-link:hover{background:#047857}[data-theme=dark] .guide-community-strip{background:#10b98114;border-color:#34d3994d}[data-theme=dark] .guide-community-strip-info{color:#d1d5db}[data-theme=dark] .guide-community-strip-info strong{color:#34d399}[data-theme=dark] .guide-community-strip-link{background:#10b981;font-weight:800;color:#064e3b!important}@media (width<=640px){.contact-cta{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.contact-cta-button{width:100%}.modal-community-callout{text-align:left;flex-direction:column;align-items:stretch;gap:12px}.modal-community-callout-btn,.diag-cta-btn,.detail-comm-btn{justify-content:center;width:100%}.guide-community-strip{flex-direction:column;align-items:stretch;gap:10px}.guide-community-strip-link{justify-content:center}}.top-authority-bar{color:#f3e8ff;z-index:50;background:#191024;border-bottom:1px solid #d4a7ef2e;padding:6px 16px;font-size:12px;position:relative}[data-theme=dark] .top-authority-bar{background:#11091a;border-bottom-color:#ffffff14}.top-authority-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;margin:0 auto;display:flex}.top-authority-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.top-authority-badge{color:#e9d5ff;letter-spacing:.02em;background:#a855f738;border:1px solid #a855f766;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.top-authority-text{color:#d8b4fe;font-size:12px;font-weight:500}.top-authority-link{white-space:nowrap;background:linear-gradient(135deg,#6b2d8c 0%,#8a3eb8 100%);border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;color:#fff!important}.top-authority-link:hover{background:linear-gradient(135deg,#7c35a3 0%,#9d4ecc 100%);transform:translateY(-1px);box-shadow:0 4px 12px #6b2d8c59;color:#fff!important}@media (width<=860px){.top-authority-bar{padding:6px 12px}.top-authority-text{display:none}.top-authority-inner{justify-content:space-between;width:100%}}.laminas-nav-btn{color:#92400e;cursor:pointer;background:linear-gradient(135deg,#f59e0b1f,#6b2d8c14);border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.laminas-nav-btn:hover{background:linear-gradient(135deg,#f59e0b38,#6b2d8c26);border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b33}.laminas-btn-pill,.nav-gift-pill{color:#fff;letter-spacing:.02em;background:#f59e0b;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:800}.nav-gift-short-text{display:none}[data-theme=dark] .laminas-nav-btn{color:#fde68a;background:linear-gradient(135deg,#f59e0b2e,#8b4db02e);border-color:#fbbf2459}[data-theme=dark] .laminas-nav-btn:hover{color:#fff;border-color:#fbbf24}.laminas-showcase-section{margin:16px 0 24px}.laminas-showcase-header{margin-bottom:14px}.laminas-showcase-badge{color:#b45309;text-transform:uppercase;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.laminas-showcase-title{color:#1f2937;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:21px;font-weight:800;line-height:1.25}.laminas-showcase-sub{color:#4b5563;margin:0;font-size:13px;line-height:1.5}.laminas-showcase-sub strong{color:#1f2937}.laminas-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:14px;display:grid}.lamina-showcase-card{background:#fff;border:1px solid #6b2d8c2e;border-radius:16px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 4px 16px #37243f0d}.lamina-showcase-card:hover{border-color:#6b2d8c59;transform:translateY(-3px);box-shadow:0 10px 28px #6b2d8c1f}.lamina-showcase-thumb-wrap{cursor:pointer;background:#0f172a;justify-content:center;align-items:center;width:100%;height:240px;padding:10px 14px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .lamina-showcase-thumb-wrap{background:#090d16}.lamina-showcase-img{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 4px 16px #0006}.lamina-showcase-thumb-wrap:hover .lamina-showcase-img{transform:scale(1.025)}.lamina-thumb-overlay{opacity:0;background:#0f0a1459;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.lamina-showcase-thumb-wrap:hover .lamina-thumb-overlay{opacity:1}.lamina-zoom-tag{color:#1f2937;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0003}.lamina-orientation-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f0a14b8;border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px}.lamina-showcase-info{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.lamina-badge-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lamina-card-pill{color:#6b2d8c;text-transform:uppercase;background:#6b2d8c1a;border-radius:999px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:700}.lamina-format-hint{color:#64748b;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:500}.lamina-item-title{color:#1e293b;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:16px;font-weight:800;line-height:1.3}.lamina-item-desc{color:#64748b;flex:1;margin:0 0 16px;font-size:12.5px;line-height:1.5}.lamina-item-actions{grid-template-columns:1fr 1fr auto;gap:8px;margin-top:auto;display:grid}.lamina-action-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.lamina-action-btn.pdf{background:#6b2d8c;box-shadow:0 2px 8px #6b2d8c33;color:#fff!important}.lamina-action-btn.pdf:hover{background:#54236f;transform:translateY(-1px)}.lamina-action-btn.image{background:#f59e0b1f;border-color:#f59e0b59;color:#b45309!important}.lamina-action-btn.image:hover{background:#f59e0b;border-color:#f59e0b;transform:translateY(-1px);color:#fff!important}.lamina-action-btn.view{color:#475569;background:#f8fafc;border-color:#cbd5e1;padding:8px 12px}.lamina-action-btn.view:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=dark] .lamina-showcase-card{background:#23192a;border-color:#d4a7ef2e;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .lamina-showcase-card:hover{border-color:#d4a7ef66}[data-theme=dark] .laminas-showcase-title{color:#f3f4f6}[data-theme=dark] .laminas-showcase-sub{color:#9ca3af}[data-theme=dark] .laminas-showcase-sub strong{color:#f3f4f6}[data-theme=dark] .laminas-showcase-badge{color:#fde68a;background:#f59e0b2e;border-color:#f59e0b66}[data-theme=dark] .lamina-card-pill{color:#f3e8f8;background:#d4a7ef2e}[data-theme=dark] .lamina-item-title{color:#f3f4f6}[data-theme=dark] .lamina-item-desc{color:#9ca3af}[data-theme=dark] .lamina-action-btn.pdf{background:#8b4db0}[data-theme=dark] .lamina-action-btn.pdf:hover{background:#a96bd0}[data-theme=dark] .lamina-action-btn.image{background:#f59e0b2e;border-color:#f59e0b59;color:#fde68a!important}[data-theme=dark] .lamina-action-btn.image:hover{background:#f59e0b;color:#111827!important}[data-theme=dark] .lamina-action-btn.view{color:#cbd5e1;background:#1b1320;border-color:#ffffff26}[data-theme=dark] .lamina-action-btn.view:hover{color:#fff;background:#2d1f36}@keyframes laminasPulseGlow{0%{border-radius:16px;box-shadow:0 0 #6b2d8ca6}50%{border-radius:16px;box-shadow:0 0 0 16px #6b2d8c00}to{box-shadow:0 0 #6b2d8c00}}.laminas-pulse-glow{scroll-margin-top:32px;animation:1.8s ease-out laminasPulseGlow}.laminas-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0a14c7;place-items:center;padding:16px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.laminas-modal-window{background:#fff;border:1px solid #6b2d8c33;border-radius:20px;flex-direction:column;width:min(100%,1160px);height:min(94vh,880px);display:flex;overflow:hidden;box-shadow:0 24px 64px #00000059}[data-theme=dark] .laminas-modal-window{background:#1b1320;border-color:#d4a7ef33}.laminas-modal-header{background:#ffffffe6;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}[data-theme=dark] .laminas-modal-header{background:#231929;border-bottom-color:#ffffff14}.laminas-modal-title-wrap{flex-direction:column;gap:2px;display:flex}.laminas-gift-tag{text-transform:uppercase;color:#b45309;align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:700;display:inline-flex}[data-theme=dark] .laminas-gift-tag{color:#fde68a}.laminas-modal-title-wrap h2{color:#1f2937;margin:0;font-family:Archivo,sans-serif;font-size:19px;font-weight:800}[data-theme=dark] .laminas-modal-title-wrap h2{color:#f3e8f8}.laminas-modal-top-actions{align-items:center;gap:12px;display:flex}.laminas-tab-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:inline-flex}[data-theme=dark] .laminas-tab-switcher{background:#150e1a;border-color:#ffffff1a}.lamina-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;transition:all .15s}.lamina-tab-btn.active{color:#6b2d8c;background:#fff;box-shadow:0 2px 6px #00000014}[data-theme=dark] .lamina-tab-btn.active{color:#fff;background:#8b4db0}.laminas-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.laminas-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .laminas-close-btn{color:#cbd5e1;border-color:#ffffff1f}.laminas-modal-body{flex:1;grid-template-columns:1fr 360px;display:grid;overflow:hidden}.laminas-canvas-section{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .laminas-canvas-section{background:#150e19;border-right-color:#ffffff0f}.laminas-canvas-viewport{flex:1;place-items:center;padding:20px;display:grid;overflow:auto}.lamina-preview-img{object-fit:contain;cursor:zoom-in;border-radius:8px;max-width:100%;max-height:100%;transition:transform .25s;box-shadow:0 8px 30px #00000026}.laminas-canvas-viewport.zoomed{padding:24px;display:block;overflow:auto}.laminas-canvas-viewport.zoomed .lamina-preview-img{cursor:zoom-out;width:145%;min-width:960px;max-width:none;height:auto;max-height:none;margin:0 auto;display:block;box-shadow:0 12px 40px #00000040}.laminas-canvas-controls{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}[data-theme=dark] .laminas-canvas-controls{background:#1f1625;border-top-color:#ffffff0f}.canvas-ctrl-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.canvas-ctrl-btn:hover{color:#1e293b;background:#f1f5f9}[data-theme=dark] .canvas-ctrl-btn{color:#cbd5e1;border-color:#ffffff26}[data-theme=dark] .canvas-ctrl-btn:hover{color:#fff;background:#2b1f32}.canvas-orientation-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}[data-theme=dark] .canvas-orientation-tag{color:#cbd5e1;background:#241a2c;border-color:#ffffff1a}.laminas-sidebar{background:#fff;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}[data-theme=dark] .laminas-sidebar{background:#1b1320}.lamina-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}[data-theme=dark] .lamina-info-card{background:#231929;border-color:#ffffff14}.lamina-badge-pill{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:inline-block}[data-theme=dark] .lamina-badge-pill{color:#fde68a}.lamina-card-title{color:#1e293b;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:15px;font-weight:800;line-height:1.3}[data-theme=dark] .lamina-card-title{color:#f3f4f6}.lamina-card-desc{color:#64748b;margin:0 0 12px;font-size:12px;line-height:1.5}[data-theme=dark] .lamina-card-desc{color:#94a3b8}.lamina-specs-list{gap:6px;margin-bottom:12px;font-size:11px;display:grid}.lamina-spec-row{color:#64748b;border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding-bottom:4px;display:flex}[data-theme=dark] .lamina-spec-row{color:#94a3b8;border-bottom-color:#ffffff0f}.lamina-highlights-list{gap:6px;margin-bottom:14px;display:grid}.lamina-highlight-item{color:#334155;align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.4;display:flex}[data-theme=dark] .lamina-highlight-item{color:#cbd5e1}.lamina-download-group{flex-direction:column;gap:10px;margin:14px 0 16px;display:flex}.download-group-label{color:#475569;text-transform:uppercase;letter-spacing:.02em;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}[data-theme=dark] .download-group-label{color:#cbd5e1}.modal-download-card{border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;transition:all .2s;display:flex}.modal-download-card.pdf-format{background:#6b2d8c;box-shadow:0 3px 12px #6b2d8c40;color:#fff!important}.modal-download-card.pdf-format:hover{background:#54236f;transform:translateY(-1px);box-shadow:0 6px 16px #6b2d8c59}.modal-download-card.image-format{background:#f59e0b1f;border-color:#f59e0b59;color:#92400e!important}.modal-download-card.image-format:hover{background:#f59e0b;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b4d;color:#fff!important}.modal-download-icon{background:#ffffff2e;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.modal-download-card.image-format .modal-download-icon{color:#b45309;background:#f59e0b33}.modal-download-card.image-format:hover .modal-download-icon{color:#fff;background:#ffffff40}.modal-download-info{flex-direction:column;flex:1;display:flex}.modal-download-info .format-name{font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:700;line-height:1.25}.modal-download-info .format-desc{opacity:.88;margin-top:2px;font-size:11px;line-height:1.35}.modal-download-arrow{opacity:.75;flex-shrink:0;transition:transform .15s}.modal-download-card:hover .modal-download-arrow{opacity:1;transform:translateY(2px)}[data-theme=dark] .modal-download-card.pdf-format{background:#8b4db0}[data-theme=dark] .modal-download-card.pdf-format:hover{background:#a96bd0}[data-theme=dark] .modal-download-card.image-format{background:#f59e0b2e;border-color:#f59e0b66;color:#fde68a!important}[data-theme=dark] .modal-download-card.image-format:hover{background:#f59e0b;color:#111827!important}[data-theme=dark] .modal-download-card.image-format .modal-download-icon{color:#fde68a}.laminas-skool-card{text-align:center;background:linear-gradient(135deg,#10b98114,#6b2d8c0f);border:1px solid #10b98159;border-radius:14px;padding:16px}.skool-card-badge{color:#059669;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}[data-theme=dark] .skool-card-badge{color:#34d399}.skool-card-heading{color:#1f2937;margin:0 0 6px;font-family:Archivo,sans-serif;font-size:15px;font-weight:800}[data-theme=dark] .skool-card-heading{color:#f3e8f8}.skool-card-lead{color:#4b5563;margin:0 0 12px;font-size:11.5px;line-height:1.45}[data-theme=dark] .skool-card-lead{color:#d1d5db}.skool-qr-container{flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;display:flex}.skool-qr-frame{background:#fff;border:1px solid #10b9814d;border-radius:12px;width:140px;height:140px;padding:8px;box-shadow:0 6px 18px #00000014}.skool-qr-image{width:100%;height:100%;display:block}.skool-qr-caption{color:#059669;align-items:center;gap:4px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:inline-flex}[data-theme=dark] .skool-qr-caption{color:#34d399}.skool-community-link-btn{background:#059669;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 3px 10px #05966940;color:#fff!important}.skool-community-link-btn:hover{background:#047857;transform:translateY(-1px)}.skool-card-note{color:#6b7280;margin-top:8px;font-size:10px;line-height:1.35;display:block}[data-theme=dark] .skool-card-note{color:#9ca3af}.contact-cta-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.contact-cta-qr-btn{color:#6b2d8c;cursor:pointer;background:#ffffffe6;border:1px solid #6b2d8c4d;border-radius:10px;align-items:center;gap:5px;min-height:44px;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.contact-cta-qr-btn:hover{background:#6b2d8c1a;border-color:#6b2d8c}[data-theme=dark] .contact-cta-qr-btn{color:#e5c6f5;background:#2b1f32;border-color:#d4a7ef4d}[data-theme=dark] .contact-cta-qr-btn:hover{color:#fff;background:#3b2847}@media (width>=641px) and (width<=1024px){.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px}.brand img{width:195px}.header-actions{flex-wrap:wrap;align-items:center;gap:8px}.laminas-nav-btn,.guide-nav-btn{padding:6px 10px;font-size:11px}.speller-nav-btn{padding:6px 10px;font-size:12px}.learning-mode{gap:16px;padding:18px 20px}.hero{padding:20px 22px}.study-guide{gap:14px;padding:16px 20px}.laminas-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}.lamina-showcase-thumb-wrap{height:220px}.contact-cta{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;position:static}.contact-cta-left{text-align:left;flex:1;align-items:flex-start;min-width:0}.contact-cta-desc{text-align:left;font-size:12.5px}.contact-cta-actions{flex-shrink:0;gap:10px;width:auto;display:flex}.contact-cta-button{flex:none;min-height:42px;padding:9px 15px}.contact-cta-qr-btn{min-height:42px;padding:9px 13px}}@media (width<=1024px){.laminas-modal-window{width:min(96vw,960px);height:min(94vh,840px)}.laminas-modal-body{grid-template-columns:1fr 320px}}@media (width<=860px){.laminas-modal-window{border-radius:16px;width:96vw;height:94vh}.laminas-modal-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.laminas-modal-top-actions{justify-content:space-between;width:100%}.laminas-modal-body{grid-template-columns:1fr;overflow-y:auto}.laminas-canvas-section{border-bottom:1px solid #e2e8f0;border-right:none;min-height:320px}[data-theme=dark] .laminas-canvas-section{border-bottom-color:#ffffff14}.table-mode-switch-wrapper{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.mode-toggle-group{grid-template-columns:1fr 1fr;width:100%;display:grid}.mode-btn{justify-content:center;padding:9px 10px;font-size:12px}.mode-aux-options{justify-content:flex-start;width:100%;display:flex}.advanced-tools-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:10px 0 14px;padding:8px 10px;overflow-x:auto}.advanced-tools-toolbar::-webkit-scrollbar{display:none}.adv-tool-btn{flex-shrink:0;padding:7px 11px;font-size:11.5px}}@media (width<=640px){.table-mode-switch-wrapper{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;padding:12px 14px!important}.mode-toggle-group{box-sizing:border-box!important;flex-direction:column!important;gap:6px!important;width:100%!important;padding:6px!important;display:flex!important}.mode-btn{text-align:center!important;white-space:normal!important;box-sizing:border-box!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;padding:10px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.mode-pill{flex-shrink:0!important;margin-left:4px!important;padding:2px 7px!important;font-size:9.5px!important;display:inline-block!important}.mode-aux-options{text-align:center!important;justify-content:center!important;width:100%!important;padding-top:4px!important;display:flex!important}.mode-aux-options label{color:#4b5563!important;justify-content:center!important;align-items:center!important;gap:8px!important;font-size:12px!important;display:inline-flex!important}[data-theme=dark] .mode-aux-options label{color:#cbd5e1!important}.filter-count-badge{font-size:11.5px!important}.site-header{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0 10px}.header-actions{flex-wrap:wrap;align-items:center;gap:6px}.laminas-nav-btn,.guide-nav-btn{padding:5px 9px;font-size:11px}.laminas-showcase-title{font-size:18px}.laminas-showcase-sub{font-size:12px}.lamina-showcase-info{padding:14px 14px 16px}.lamina-item-actions{grid-template-columns:1fr 1fr}.lamina-action-btn.view{grid-column:1/-1}.laminas-cards-grid{grid-template-columns:1fr!important;gap:18px!important}.lamina-showcase-card{width:100%!important}.lamina-showcase-thumb-wrap{height:200px}.contact-cta{text-align:left;border-radius:14px;flex-direction:column;align-items:stretch;gap:14px;margin-top:32px;padding:18px 16px;box-shadow:0 4px 16px #37243f0f;position:static!important}.contact-cta-left{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.contact-cta-badge{align-self:flex-start;padding:3px 8px;font-size:10.5px}.contact-cta-title{text-align:left;margin:2px 0 4px;font-size:15.5px;line-height:1.35}.contact-cta-desc{text-align:left;color:#4b3a52;margin:0;font-size:12.5px;line-height:1.5}[data-theme=dark] .contact-cta-desc{color:#cbd5e1}.contact-cta-actions{flex-direction:row;align-items:center;gap:8px;width:100%;display:flex}.contact-cta-button{flex:1;justify-content:center;min-height:44px;font-size:12px}.contact-cta-qr-btn{min-height:44px;padding:8px 12px;font-size:11px}.laminas-skool-card{padding:14px}.skool-card-heading{font-size:14px}.skool-card-lead{font-size:11.5px;line-height:1.4}.skool-community-link-btn{justify-content:center;width:100%;min-height:42px;font-size:12px}.fact-carousel{min-height:auto;padding:14px 16px}.fact-title{font-size:15px;line-height:1.35}.fact-text{font-size:13px;line-height:1.5}}@media (width<=480px){.brand img{width:160px}.header-actions{gap:5px}.nav-gift-text{display:none}.nav-gift-short-text{display:inline}.guide-btn-text{display:none}.guide-btn-short-text{display:inline}.contact-cta{gap:12px;padding:15px 13px}.contact-cta-title{font-size:14.5px}.contact-cta-desc{font-size:12px;line-height:1.45}.contact-cta-actions{flex-direction:column;gap:8px}.contact-cta-button{width:100%}.contact-cta-qr-btn{justify-content:center;width:100%}.skool-qr-wrap{margin:8px 0}.skool-qr-frame{width:105px;height:105px}.skool-card-lead{margin-bottom:8px;font-size:11px;line-height:1.35}.streak{gap:4px;font-size:10px}.theme-toggle{width:32px;height:32px}}@media (width<=440px){.laminas-tab-switcher{width:100%;display:flex}.lamina-tab-btn{text-align:center;flex:1;padding:5px 6px;font-size:10.5px}.lamina-item-actions{grid-template-columns:1fr}.lamina-action-btn.view{grid-column:auto}}.model-note,.storage-notice{color:var(--muted);margin:1rem 0;font-size:.875rem;line-height:1.6}.storage-notice{border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem}.calc-scope-label{align-items:flex-start;gap:.65rem;margin:1rem 0;line-height:1.6;display:flex}.deferred-modal-loading{z-index:2000;background:var(--surface,#fff);color:var(--text,#191024);border-radius:12px;padding:1rem 1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0003}.calc-scope-label input{accent-color:#8b5cf6;flex:none;margin-top:.45rem}.nuclear-stability-card.unknown-box{background:var(--surface);border:1px solid var(--border);color:var(--text)}[role=dialog] :focus-visible{outline-offset:3px;outline:3px solid #a855f7}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.quick-table-access{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.quick-table-access span{color:var(--muted);font-size:.875rem}.catalog-sources{max-width:1200px;margin:1.5rem auto;padding:1.5rem}.catalog-sources dl>div{margin:1rem 0}.catalog-sources dt{font-weight:700}.catalog-sources dd{margin:.35rem 0;line-height:1.6}.home-shortcuts{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:12px 0 24px;display:flex}.home-shortcuts a{min-height:44px;color:var(--accent,#6b2d8c);align-items:center;gap:6px;font-weight:600;display:inline-flex}#laminas-descarga{margin-top:12px;scroll-margin-top:90px}#laminas-descarga .laminas-showcase-title{font-size:clamp(23px,3vw,32px)}#laminas-descarga .lamina-showcase-thumb-wrap{height:clamp(150px,17vw,220px)}#laminas-descarga .lamina-showcase-info{gap:8px;padding:16px}#laminas-descarga .lamina-item-desc{margin:0 0 12px}#tabla-periodica{scroll-margin-top:90px}#table-heading{margin:0 0 6px;font-size:clamp(21px,2.5vw,28px)}.table-intro{opacity:.8;margin:0 0 14px;font-size:14px}#tabla-periodica .table-mode-switch-wrapper{gap:12px;margin-bottom:10px;padding:10px}#tabla-periodica .mode-btn{min-height:44px;padding:9px 14px}#tabla-periodica .mode-pill,#tabla-periodica .adv-pill{display:none!important}.table-options{border:1px solid #6b2d8c33;border-radius:10px;margin-bottom:10px;padding:0 12px}.table-options>summary,.table-reading-help>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:600}.table-options .advanced-tools-toolbar{box-shadow:none;background:0 0;border:0;margin:0 0 12px;padding:0}#tabla-periodica .table-controls-wrapper{align-items:flex-start;gap:8px 16px;margin:0 0 10px}#tabla-periodica .table-layers{flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}#tabla-periodica .table-layers button{min-height:40px}.table-reading-help{margin-left:auto}.table-reading-help .element-legend{margin:0 0 10px}#tabla-periodica .periodic-board-scroll{overscroll-behavior-x:contain}[data-theme=dark] .home-shortcuts a{color:#d4a7ef}@media (width<=700px){.home-shortcuts{gap:4px;margin-bottom:18px}.home-shortcuts a{font-size:13px}#laminas-descarga .laminas-cards-grid{grid-template-columns:1fr;gap:12px}#laminas-descarga .lamina-showcase-thumb-wrap{height:160px}#laminas-descarga .lamina-item-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}#laminas-descarga .lamina-action-btn.view{grid-column:1/-1}#tabla-periodica .table-mode-switch-wrapper{flex-direction:column;align-items:stretch}#tabla-periodica .mode-toggle-group{width:100%;flex-direction:row!important}#tabla-periodica .mode-btn{flex:1;justify-content:center;padding:8px;font-size:12px}#tabla-periodica .mode-aux-options{justify-content:flex-start}.table-reading-help{width:100%;margin-left:0}.table-options .advanced-tools-toolbar{grid-template-columns:1fr 1fr;display:grid}.table-options .adv-tool-btn{white-space:normal;min-height:44px}}@media (prefers-reduced-motion:reduce){#laminas-descarga *,#tabla-periodica *{scroll-behavior:auto;transition:none;animation:none}}.download-community{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.skool-primary-cta,.home-shortcuts a.skool-primary-cta{color:#fff;background:#6b2d8c;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.skool-primary-cta:hover{background:#552370}.skool-primary-cta:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}.table-community-cta{background:#6b2d8c0f;border:1px solid #6b2d8c3d;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0;padding:24px;display:flex}.table-community-cta h2{margin:6px 0 8px;font-size:clamp(20px,2.3vw,26px)}.table-community-cta p{max-width:760px;margin:0;font-size:14px;line-height:1.6}.table-community-cta .skool-primary-cta{flex-shrink:0}[data-theme=dark] .skool-primary-cta,[data-theme=dark] .home-shortcuts a.skool-primary-cta{color:#fff;background:#8541a7}@media (width<=700px){.download-community{gap:8px;width:100%}.download-community .skool-primary-cta{width:100%}.table-community-cta{flex-direction:column;align-items:stretch;gap:16px;padding:18px}}#tabla-periodica .periodic-grid.is-heatmap-active .element:not(.has-no-heatmap-data){background:var(--element-heatmap-color)!important}