:root{color:#eef0ff;background:#090a1e;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0;background:radial-gradient(circle at 18% 5%,#30204d 0,transparent 27rem),radial-gradient(circle at 85% 14%,#1a275a 0,transparent 30rem),#090a1e}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(circle,#b9a8ff 0 1px,transparent 1.5px),radial-gradient(circle,#64c8ff 0 .8px,transparent 1.3px);background-position:1rem 2rem,7rem 5rem;background-size:16rem 13rem,23rem 19rem}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,.source-vsepr-table:focus-visible{outline:3px solid #b68cff;outline-offset:3px}main{position:relative;max-width:1320px;min-width:0;margin:auto;padding:2.5rem 1.5rem 4rem}h1,h2,h3,p{margin-top:0}.eyebrow{margin-bottom:.45rem;color:#c3a7ff;font-size:.82rem;font-weight:800;letter-spacing:.1em}.quantum-overview{padding:clamp(1.25rem,4vw,3rem);border:1px solid #4b3d82;border-radius:1rem;background:linear-gradient(145deg,#191333ef,#11142eef);box-shadow:0 24px 70px #0008}.overview-header h1{margin-bottom:.65rem;font-size:clamp(2rem,6vw,4.1rem);letter-spacing:-.04em}.overview-header>p:last-child{max-width:70ch;margin-bottom:1.25rem;color:#b9b9d8;line-height:1.7}.overview-legend{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center}.overview-legend{margin-bottom:.85rem;color:#d4d1e9;font-size:.9rem}.overview-legend span{display:inline-flex;gap:.4rem;align-items:center}.overview-legend i{display:inline-block}.source-vsepr-table{--paper-line: #50427e;--ink: #eef0ff;--ink-mut: #aaa9ca;--card-bg: #10122b;--card-border: #37325d;--head-bg: #242042;--group-bg: #151332;--link: #c9a6ff;--dot: #69b7ff;--lp-fill: #3d5266;--lp-stroke: #8fb3d6;max-width:100%;overflow-x:auto;border:1px solid #50427e;border-radius:.7rem}.source-vsepr-table table{width:100%;min-width:880px;border-collapse:collapse;color:var(--ink);background:var(--card-bg);font-size:.86rem}.source-vsepr-table th{padding:.6rem .5rem;border:1px solid var(--card-border);color:var(--ink);background:var(--head-bg);text-align:center;white-space:nowrap}.source-vsepr-table td{padding:.55rem .6rem;border:1px solid var(--card-border);vertical-align:middle}.source-vsepr-table .sigma,.source-vsepr-table .hyb,.source-vsepr-table .icon{text-align:center}.source-vsepr-table .hyb{background:var(--group-bg);font-style:italic;font-weight:600}.source-vsepr-table .icon svg{overflow:visible}.source-vsepr-table .geom{white-space:nowrap}.source-vsepr-table .examples{line-height:1.9}.source-vsepr-table .group-top td{border-top-width:2px}.source-vsepr-table a.mol{color:var(--link);font-weight:600;text-decoration:none;border-bottom:1px dotted currentColor}.source-vsepr-table a.mol:hover,.source-vsepr-table a.mol[aria-current=true]{color:#fff;border-bottom-style:solid}.source-vsepr-table .mol-plain{color:var(--ink-mut)}.source-vsepr-table .mol-pair{margin-left:.3em;color:var(--ink-mut);font-size:.88em;font-weight:500}.source-vsepr-table .mol-pair a.mol{font-weight:600}.extra-molecules{margin-top:1rem}.extra-molecules-label{margin-bottom:.55rem;color:#a7a2c7;font-size:.84rem}.extra-molecules-grid{display:flex;flex-wrap:wrap;gap:.5rem}.extra-mol{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.4rem .65rem;border:1px solid #50427e;border-radius:.5rem;color:#eef0ff;background:#191633;font-weight:600;line-height:1.25}.extra-mol:hover,.extra-mol[aria-current=true]{border-color:#c9a6ff;background:#2a2350}.extra-mol span{color:#aaa9ca;font-size:.74rem;font-weight:500}.legend-center{width:.8rem;height:.8rem;border-radius:50%;background:#ffd166}.legend-bp{width:.9rem;height:.2rem;background:#69b7ff}.legend-lp{width:1rem;height:.55rem;border-radius:50%;background:#cc8dff}.selected-detail,.content-panel{color:#edf0ff;background:#11132a;border:1px solid #3e3966;border-radius:.85rem;box-shadow:0 14px 34px #0005}.selected-detail{margin-top:2rem;scroll-margin-top:1rem}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.4rem 0}.detail-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.detail-heading h2 span{color:#bcb8d5;font-size:.72em;font-weight:500}.back-to-overview{flex:0 0 auto;padding:.45rem .7rem;border:1px solid #6954a8;border-radius:.4rem;color:#ded4ff;background:#252047}.back-to-overview:hover{border-color:#c9a6ff;background:#3a2b65}.detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.25rem;margin:1rem 1.4rem 0}.detail-summary div{min-width:0}.detail-summary dt{color:#a7a2c7;font-size:.82rem}.detail-summary dd{margin:.18rem 0 0;font-weight:700;overflow-wrap:anywhere}.tabs{display:flex;gap:.2rem;margin:1.25rem 1.4rem 0;border-bottom:1px solid #575175;overflow-x:auto}.tabs button{flex:0 0 auto;padding:.72rem 1rem;border:0;border-bottom:3px solid transparent;color:#b6b3cf;background:transparent;font-weight:700}.tabs button[aria-selected=true]{color:#dac1ff;border-bottom-color:#bc8dff}.detail-panel{margin-top:0;border:0;border-radius:0 0 .85rem .85rem;box-shadow:none}.content-panel{padding:1.4rem}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.panel-heading h2{margin-bottom:.3rem}.panel-heading p,figcaption{margin-bottom:0;color:#b9b9d8;line-height:1.55}.notice{flex:0 0 auto;padding:.35rem .55rem;color:#2c1b00;background:#ffd166;border-radius:.3rem;font-size:.85rem;font-weight:800}.diagram-card{max-width:31rem;margin:0 auto;text-align:center}.domain-diagram{display:block;width:min(100%,22rem);margin:0 auto}.domain-diagram text{fill:#f5f3ff;font-size:18px;font-weight:800;text-anchor:middle}.domain-diagram .charge{font-size:10px;baseline-shift:super}.center-atom circle{fill:#ffd166;stroke:#8c6400;stroke-width:2}.outer-atom circle{fill:#397db7;stroke:#9bd5ff;stroke-width:2}.bond-lines line{stroke:#e9e6ff;stroke-width:3}.domain-line{stroke-width:3;stroke-dasharray:7 5}.domain-line.bp{stroke:#69b7ff}.domain-line.lp{stroke:#cc8dff}.lone-pair circle{fill:#cc8dff}.lone-pair text{fill:#e6d4ff;font-size:11px}.vsepr-layout{display:grid;grid-template-columns:minmax(18rem,1.2fr) minmax(15rem,1fr);align-items:center;gap:1.5rem}.explanation{padding:1rem;color:#dad8ec;background:#1c1b3c;border-left:4px solid #b783ff}.explanation h3{margin-bottom:.7rem}.explanation p{line-height:1.6}.explanation p:last-child{margin-bottom:0}.viewer-panel{min-height:570px;padding-bottom:0;overflow:hidden}.viewer-panel .panel-heading{padding-bottom:.8rem}.viewer-panel .panel-heading label{min-width:10rem;color:#ddd9f3;font-size:.9rem}select{padding:.45rem;border:1px solid #6c6595;border-radius:.35rem;color:#f1edff;background:#232144}.viewer{position:relative;height:490px;margin:0 -1.4rem;overflow:hidden;border-top:1px solid #3e3966}.error{margin:0 0 1rem;padding:.75rem 1rem;color:#ffd0d0;background:#5c202c;border-radius:.4rem}.dft-panel{margin-top:0;border:0;border-radius:0 0 .85rem .85rem;box-shadow:none}.dft-frame{display:block;width:100%;height:900px;border:0;background:transparent}@media(max-width:820px){.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.vsepr-layout{grid-template-columns:1fr}}@media(max-width:560px){main{padding:1rem .75rem 2.5rem}.quantum-overview{padding:1.1rem}.overview-header h1{font-size:2.15rem}.detail-summary{grid-template-columns:1fr;margin:1rem}.detail-heading{align-items:flex-start;flex-direction:column;padding:1rem 1rem 0}.tabs{margin:1.25rem 1rem 0}.panel-heading{flex-direction:column}.viewer-panel{min-height:460px}.viewer{height:380px}}.breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;max-width:1320px;margin:0 auto;padding:1.4rem 1.5rem 0;color:#a7a2c7;font-size:.88rem}.breadcrumb a{color:#c9a6ff;text-decoration:none}.breadcrumb a:hover{color:#fff;text-decoration:underline}.breadcrumb [aria-current=page]{color:#edf0ff;font-weight:700}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.1rem;margin-top:1.5rem}.chapter-card{display:flex;flex-direction:column;gap:.4rem;padding:1.35rem 1.4rem;border:1px solid #4b3d82;border-radius:.85rem;color:#edf0ff;background:#151332;text-decoration:none}.chapter-card:hover{border-color:#c9a6ff;background:#1c1740}.chapter-card h2{font-size:1.25rem}.chapter-card p{margin:0;color:#b9b9d8;line-height:1.55;flex-grow:1}.chapter-card-eyebrow{color:#c3a7ff;font-size:.78rem;font-weight:800;letter-spacing:.08em}.chapter-card-action{display:inline-flex;gap:.4rem;align-items:center;margin-top:.4rem;color:#c9a6ff;font-weight:700;font-size:.92rem}.chapter-card-disabled{cursor:default;opacity:.55}.chapter-card-disabled:hover{border-color:#4b3d82;background:#151332}.chapter-card-soon{padding:.2rem .55rem;border-radius:.3rem;color:#d4d1e9;background:#232144;font-size:.78rem}.compare-empty{margin-top:1rem;color:#a7a2c7}.source-vsepr-table.compare-mode a.mol:before{content:"☐";margin-right:.3em;opacity:.6}.source-vsepr-table.compare-mode a.mol[aria-current=true]{color:#fff;background:#3a2b65;border-radius:.3rem;padding:.05rem .35rem;border-bottom-style:solid}.source-vsepr-table.compare-mode a.mol[aria-current=true]:before{content:"☑";color:#8ff5f1;opacity:1}.extra-molecules-grid.compare-mode .extra-mol:before{content:"☐ ";opacity:.6}.extra-molecules-grid.compare-mode .extra-mol[aria-current=true]:before{content:"☑ ";color:#8ff5f1;opacity:1}.extra-molecules-grid.compare-mode .extra-mol[aria-current=true]{border-color:#8ff5f1;background:#2a2350}.compare-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.compare-chip{display:inline-flex;gap:.4rem;align-items:center;padding:.35rem .6rem;border:1px solid #c9a6ff;border-radius:.5rem;color:#f5f0ff;background:#2a2350;font-weight:700}.compare-chip:hover{background:#3a2b65}.compare-table-wrap{max-width:100%;margin-top:1.5rem;overflow-x:auto;border:1px solid #37325d;border-radius:.7rem}.compare-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.88rem}.compare-table th,.compare-table td{padding:.6rem .75rem;border:1px solid #37325d;text-align:left;vertical-align:top}.compare-table thead th{background:#191633;color:#edf0ff;white-space:nowrap}.compare-table thead th span{display:block;color:#a7a2c7;font-size:.78rem;font-weight:500}.compare-table tbody th{background:#151332;color:#d4d1e9;font-weight:600;white-space:nowrap}.compare-table tbody td{color:#edf0ff}