:root{--ec-primary:#3b82f6;--ec-primary-light:#3b82f614;--ec-primary-ring:#3b82f633;--ec-text:#1e293b;--ec-text-muted:#64748b;--ec-bg:#fff;--ec-bg-secondary:#f8fafc;--ec-bg-tertiary:#f1f5f9;--ec-border:#e2e8f0;--ec-border-focus:#3b82f6;--ec-radius:var(--main-radius);--ec-radius-lg:var(--main-radius-lg);--ec-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ec-shadow-lg:0 4px 12px #00000014;--ec-transition:.2s ease;--ec-type-s:#3b82f6;--ec-type-p:#f59e0b;--ec-type-d:#8b5cf6;--ec-type-f:#10b981;--ec-type-s-bg:#3b82f614;--ec-type-p-bg:#f59e0b14;--ec-type-d-bg:#8b5cf614;--ec-type-f-bg:#10b98114;--ec-cat-nonmetal:#3b82f6;--ec-cat-noble:#8b5cf6;--ec-cat-alkali:#ef4444;--ec-cat-alkaline:#f97316;--ec-cat-transition:#eab308;--ec-cat-post-transition:#10b981;--ec-cat-metalloid:#14b8a6;--ec-cat-lanthanide:#a855f7;--ec-cat-actinide:#ec4899;--ec-cat-nonmetal-bg:#3b82f61a;--ec-cat-noble-bg:#8b5cf61a;--ec-cat-alkali-bg:#ef44441a;--ec-cat-alkaline-bg:#f973161a;--ec-cat-transition-bg:#eab3081a;--ec-cat-post-transition-bg:#10b9811a;--ec-cat-metalloid-bg:#14b8a61a;--ec-cat-lanthanide-bg:#a855f71a;--ec-cat-actinide-bg:#ec48991a}._ec-container{flex-direction:column;gap:1.25rem;width:100%;max-width:800px;margin:0 auto;display:flex}._ec-hidden{display:none!important}._ec-result{flex-direction:column;gap:1rem;display:flex}._ec-section-toggle{color:var(--ec-text);cursor:pointer;background:0 0;border-width:0;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:0;font-size:.875rem;font-weight:600;display:flex}._ec-section-toggle svg{transition:transform var(--ec-transition);color:var(--ec-text-muted)}._ec-section-toggle._ec-toggle-active svg{transform:rotate(0)}._ec-section-toggle:not(._ec-toggle-active) svg{transform:rotate(-90deg)}._ec-section-collapsed ._ec-orbital-wrap{display:none}._ec-element-header{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}._ec-el-main{align-items:center;gap:1rem;display:flex}._ec-el-badge{border-radius:var(--ec-radius-lg);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;display:flex}._ec-el-number{opacity:.7;font-size:.625rem;font-weight:500;line-height:1}._ec-el-symbol{font-size:1.5rem;font-weight:700;line-height:1.1}._ec-cat-bg-nonmetal{background:var(--ec-cat-nonmetal-bg);color:var(--ec-cat-nonmetal)}._ec-cat-bg-noble{background:var(--ec-cat-noble-bg);color:var(--ec-cat-noble)}._ec-cat-bg-alkali{background:var(--ec-cat-alkali-bg);color:var(--ec-cat-alkali)}._ec-cat-bg-alkaline{background:var(--ec-cat-alkaline-bg);color:var(--ec-cat-alkaline)}._ec-cat-bg-transition{background:var(--ec-cat-transition-bg);color:var(--ec-cat-transition)}._ec-cat-bg-post-transition{background:var(--ec-cat-post-transition-bg);color:var(--ec-cat-post-transition)}._ec-cat-bg-metalloid{background:var(--ec-cat-metalloid-bg);color:var(--ec-cat-metalloid)}._ec-cat-bg-lanthanide{background:var(--ec-cat-lanthanide-bg);color:var(--ec-cat-lanthanide)}._ec-cat-bg-actinide{background:var(--ec-cat-actinide-bg);color:var(--ec-cat-actinide)}._ec-el-info{flex-direction:column;gap:.25rem;display:flex}._ec-el-name{color:var(--ec-text);font-size:1.125rem;font-weight:600}._ec-el-meta{align-items:center;gap:.5rem;display:flex}._ec-el-category{border-radius:var(--main-radius-full);padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}._ec-cat-text-nonmetal{color:var(--ec-cat-nonmetal)}._ec-cat-text-noble{color:var(--ec-cat-noble)}._ec-cat-text-alkali{color:var(--ec-cat-alkali)}._ec-cat-text-alkaline{color:var(--ec-cat-alkaline)}._ec-cat-text-transition{color:var(--ec-cat-transition)}._ec-cat-text-post-transition{color:var(--ec-cat-post-transition)}._ec-cat-text-metalloid{color:var(--ec-cat-metalloid)}._ec-cat-text-lanthanide{color:var(--ec-cat-lanthanide)}._ec-cat-text-actinide{color:var(--ec-cat-actinide)}._ec-cat-badge-nonmetal{background:var(--ec-cat-nonmetal-bg);color:#2563eb}._ec-cat-badge-noble{background:var(--ec-cat-noble-bg);color:#7c3aed}._ec-cat-badge-alkali{background:var(--ec-cat-alkali-bg);color:#dc2626}._ec-cat-badge-alkaline{background:var(--ec-cat-alkaline-bg);color:#ea580c}._ec-cat-badge-transition{background:var(--ec-cat-transition-bg);color:#d97706}._ec-cat-badge-post-transition{background:var(--ec-cat-post-transition-bg);color:#059669}._ec-cat-badge-metalloid{background:var(--ec-cat-metalloid-bg);color:#0d9488}._ec-cat-badge-lanthanide{background:var(--ec-cat-lanthanide-bg);color:#7c3aed}._ec-cat-badge-actinide{background:var(--ec-cat-actinide-bg);color:#db2777}._ec-exception-badge{border-radius:var(--main-radius-full);color:#d97706;cursor:help;white-space:nowrap;background:#f59e0b1a;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:relative}._ec-exception-tooltip{background:var(--ec-text);color:#fff;border-radius:var(--ec-radius);white-space:nowrap;z-index:10;box-shadow:var(--ec-shadow-lg);padding:.5rem .75rem;font-size:.75rem;font-weight:400;display:none;position:absolute;top:calc(100% + 8px);right:0}._ec-exception-badge:hover ._ec-exception-tooltip{display:block}._ec-ion-bar{align-items:center;display:flex}._ec-ion-select{border-radius:var(--ec-radius);border-style:solid;border-width:1.5px;border-color:var(--ec-border);background:var(--ec-bg);min-width:140px;max-width:220px;color:var(--ec-text);cursor:pointer;transition:border-color var(--ec-transition);padding:.5rem .75rem;font-size:.8125rem}._ec-ion-select:focus{border-color:var(--ec-border-focus);box-shadow:0 0 0 3px var(--ec-primary-ring);outline:none}._ec-info-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}._ec-info-card{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);text-align:center;flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}._ec-info-label{color:var(--ec-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500}._ec-info-value{color:var(--ec-text);font-size:1.375rem;font-weight:700}._ec-block-label{color:var(--ec-text-muted);font-size:.75rem;font-weight:400}._ec-quantum-card{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);flex-direction:column;gap:.375rem;padding:.875rem 1.25rem;display:flex}._ec-quantum-value{font-size:.9375rem;font-weight:500;font-family:var(--main-font-mono);color:var(--ec-text)}@media (max-width:768px){._ec-element-header{flex-direction:column;align-items:flex-start;gap:.75rem}._ec-ion-bar{width:100%}._ec-ion-select{width:100%;max-width:none}}@media (max-width:480px){._ec-info-grid{grid-template-columns:1fr 1fr}._ec-info-card:last-child{grid-column:1/-1}._ec-el-badge{width:3.25rem;height:3.25rem}._ec-el-symbol{font-size:1.25rem}._ec-el-name{font-size:1rem}}._ec-selector{align-items:center;gap:.75rem;display:flex}._ec-search-wrap{flex:1;position:relative}._ec-search-box{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);transition:border-color var(--ec-transition), box-shadow var(--ec-transition);align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}._ec-search-box:focus-within{border-color:var(--ec-border-focus);box-shadow:0 0 0 3px var(--ec-primary-ring)}._ec-search-box svg{color:var(--ec-text-muted);flex-shrink:0}._ec-search-input{color:var(--ec-text);background:0 0;border-width:0;outline:none;flex:1;min-width:0;font-size:.875rem}._ec-search-input::placeholder{color:var(--ec-text-muted)}._ec-nav-group{gap:.375rem;display:flex}._ec-nav-btn{border-radius:var(--ec-radius);border-style:solid;border-width:1.5px;border-color:var(--ec-border);background:var(--ec-bg);width:2.5rem;height:2.5rem;color:var(--ec-text);cursor:pointer;transition:opacity var(--ec-transition), box-shadow var(--ec-transition);box-shadow:var(--ec-shadow);justify-content:center;align-items:center;display:flex}._ec-nav-btn:hover:not(:disabled){opacity:.8;box-shadow:var(--ec-shadow-lg)}._ec-nav-btn:disabled{opacity:.4;cursor:not-allowed}._ec-dropdown{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow-lg);z-index:50;max-height:280px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}._ec-dropdown._ec-dd-open{display:block}._ec-dd-item{width:100%;color:var(--ec-text);cursor:pointer;transition:background var(--ec-transition);text-align:left;background:0 0;border-width:0;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;display:flex}._ec-dd-item:hover,._ec-dd-item._ec-dd-item-active{background:var(--ec-primary-light)}._ec-dd-z{background:var(--ec-bg-tertiary);border-radius:var(--ec-radius);width:2rem;height:1.5rem;color:var(--ec-text-muted);font-size:.75rem;font-weight:600;font-family:var(--main-font-mono);justify-content:center;align-items:center;display:inline-flex}._ec-dd-symbol{min-width:2rem;font-weight:700}._ec-dd-name{color:var(--ec-text-muted)}._ec-dd-empty{text-align:center;color:var(--ec-text-muted);padding:1rem;font-size:.875rem}@media (max-width:480px){._ec-selector{gap:.5rem}._ec-search-box{padding:.5rem .75rem}._ec-nav-btn{width:2.25rem;height:2.25rem}}._ec-ptable-section{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);padding:1rem 1.25rem}._ec-ptable{flex-direction:column;gap:2px;padding-bottom:.25rem;display:flex;overflow-x:auto}._ec-ptable-spacer{height:6px}._ec-ptable-row{gap:2px;display:flex}._ec-ptable-cell{cursor:pointer;min-width:28px;height:28px;transition:opacity var(--ec-transition), box-shadow var(--ec-transition);border-radius:3px;flex:1;justify-content:center;align-items:center;display:flex}._ec-ptable-cell:hover{opacity:.8;box-shadow:0 0 0 2px var(--ec-text)}._ec-ptable-cell._ec-ptable-selected{box-shadow:0 0 0 2px var(--ec-primary);z-index:1}._ec-ptable-symbol{color:var(--ec-text);font-size:.5625rem;font-weight:600;line-height:1}._ec-ptable-empty{flex:1;min-width:28px;height:28px}._ec-ptable-marker{opacity:.7;cursor:default;font-size:.4375rem;font-weight:500}._ec-ptable-marker:hover{opacity:.7;box-shadow:none}._ec-cat-nonmetal{background:var(--ec-cat-nonmetal-bg);border:1px solid #60a5fa33}._ec-cat-noble{background:var(--ec-cat-noble-bg);border:1px solid #c084fc33}._ec-cat-alkali{background:var(--ec-cat-alkali-bg);border:1px solid #f8717133}._ec-cat-alkaline{background:var(--ec-cat-alkaline-bg);border:1px solid #fb923c33}._ec-cat-transition{background:var(--ec-cat-transition-bg);border:1px solid #fbbf2433}._ec-cat-post-transition{background:var(--ec-cat-post-transition-bg);border:1px solid #34d39933}._ec-cat-metalloid{background:var(--ec-cat-metalloid-bg);border:1px solid #2dd4bf33}._ec-cat-lanthanide{background:var(--ec-cat-lanthanide-bg);border:1px solid #a78bfa33}._ec-cat-actinide{background:var(--ec-cat-actinide-bg);border:1px solid #f472b633}@media (max-width:600px){._ec-ptable-section{padding:.75rem}._ec-ptable-cell,._ec-ptable-empty{height:24px}._ec-ptable-symbol{font-size:.5rem}._ec-ptable-marker{font-size:.375rem}}._ec-config-card{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);overflow:hidden}._ec-config-row{padding:1rem 1.25rem}._ec-config-row+._ec-config-row{border-top-style:dashed;border-top-width:1px;border-top-color:var(--ec-border)}._ec-config-label{color:var(--ec-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.6875rem;font-weight:500;display:block}._ec-config-value{color:var(--ec-text);word-break:break-word;font-size:1rem;font-weight:500;line-height:1.8;font-family:var(--main-font-mono)}._ec-subshell{white-space:nowrap}._ec-type-s{color:var(--ec-type-s)}._ec-type-p{color:var(--ec-type-p)}._ec-type-d{color:var(--ec-type-d)}._ec-type-f{color:var(--ec-type-f)}._ec-subshell sup{font-size:.7em;font-weight:600}._ec-noble-core{color:var(--ec-text-muted);background:var(--ec-bg-tertiary);border-radius:var(--ec-radius);padding:.125rem .375rem;font-size:.9em;font-weight:600}@media (max-width:480px){._ec-config-value{font-size:.875rem}._ec-config-row{padding:.875rem 1rem}}._ec-orbital-section{background:var(--ec-bg);border-radius:var(--ec-radius-lg);border-style:solid;border-width:1px;border-color:var(--ec-border);box-shadow:var(--ec-shadow);padding:1rem 1.25rem}._ec-orbital-grid{flex-direction:column;gap:.5rem;display:flex}._ec-orbital-row{align-items:center;gap:.625rem;display:flex}._ec-orbital-label{text-align:right;min-width:2rem;font-size:.8125rem;font-weight:700;font-family:var(--main-font-mono)}._ec-orbital-boxes{gap:3px;display:flex}._ec-orbital-box{border-style:solid;border-width:1.5px;border-color:var(--ec-border);background:var(--ec-bg);border-radius:3px;justify-content:center;align-items:center;gap:1px;width:28px;height:28px;display:flex}._ec-orbital-full{border-color:#00000026}._ec-orbital-half{border-color:#0000001f}._ec-type-bg-s{background:var(--ec-type-s-bg)}._ec-type-bg-p{background:var(--ec-type-p-bg)}._ec-type-bg-d{background:var(--ec-type-d-bg)}._ec-type-bg-f{background:var(--ec-type-f-bg)}._ec-arrow{font-size:.875rem;font-weight:700;line-height:1}._ec-arrow-up{color:var(--ec-primary)}._ec-arrow-down{color:var(--main-error)}._ec-orbital-count{color:var(--ec-text-muted);font-size:.6875rem;font-family:var(--main-font-mono);min-width:2.5rem}@media (max-width:600px){._ec-orbital-section{padding:.75rem}._ec-orbital-box{width:24px;height:24px}._ec-orbital-label{min-width:1.75rem;font-size:.75rem}._ec-arrow{font-size:.75rem}}