:root{--bg:#fff;--fg:#1f2328;--card:#f7f8fa;--muted:#eef1f5;--muted-fg:#5b6470;--border:#dde2e8;--brand:#0050a0;--brand-soft:#e6eef8;--radius:12px}:root[data-theme=dark]{--bg:#1b1e1f;--fg:#f2f1ee;--card:#26292b;--muted:#303437;--muted-fg:#a8b0ba;--border:#3a3f43;--brand:#7fb0ec;--brand-soft:#22344a}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:1.25rem;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1.6rem}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-fg);margin:1.25rem 0 .5rem;font-size:.85rem;font-weight:600}.status,.hint,.lede{color:var(--muted-fg)}.status{font-size:.8rem}.lede{margin:.25rem 0 1rem}.layout{grid-template-columns:7.5rem 1fr;align-items:start;gap:1rem;display:grid}.group{gap:.5rem;display:grid}.tile{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;grid-template-areas:"number""symbol""name";justify-items:start;padding:.5rem .65rem;display:grid}.tile:hover{border-color:var(--brand)}.tile:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.tile[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.tile-number{color:var(--muted-fg);font-size:.75rem}.tile-symbol{font-size:1.5rem;font-weight:700;line-height:1.1}.tile-name{font-size:.8rem}.detail{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1rem 1.25rem}.detail-head{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.bohr{flex-shrink:0;width:200px;height:200px}.shell{fill:none;stroke:var(--border);stroke-width:1.5px}.shell-outer{stroke:var(--brand);stroke-dasharray:4 3}.electron{fill:var(--muted-fg)}.electron-outer,.nucleus{fill:var(--brand)}.nucleus-label{fill:#fff;font-size:13px;font-weight:700}:root[data-theme=dark] .nucleus-label{fill:#1b1e1f}.config{color:var(--brand);margin:.15rem 0 .75rem;font-family:ui-monospace,SF Mono,Menlo,monospace}.facts{grid-template-columns:auto 1fr;gap:.2rem .9rem;margin:0;font-size:.9rem;display:grid}.facts dt{color:var(--muted-fg)}.facts dd{margin:0}.fact{border-left:3px solid var(--brand);background:var(--muted);border-radius:0 8px 8px 0;margin:1rem 0 0;padding:.65rem .85rem}.uses{margin:0;padding-left:1.1rem}.trend{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.trend li{grid-template-columns:2rem 1fr 5.5rem;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.trend-bar{background:var(--border);border-radius:999px;height:.6rem}.trend-current .trend-bar{background:var(--brand)}.trend-current .trend-symbol{font-weight:700}.trend-value{color:var(--muted-fg);text-align:right}@media (max-width:560px){.layout{grid-template-columns:1fr}.group{grid-template-columns:repeat(3,1fr)}}