:root{--bg: #e9e5fb;--bg-soft: #efecfd;--card: #ffffff;--card-2: #f6f4fe;--ink: #1b1633;--ink-soft: #4b4568;--muted: #857fa4;--line: #e6e1f6;--line-strong: #d8d1f0;--purple: #7a00f6;--purple-ink: #5a04b0;--purple-soft: #efe4ff;--teal: #08b6a4;--teal-ink: #06786c;--teal-soft: #dcf7f2;--amber: #b98a00;--amber-ink: #8a6800;--amber-soft: #fcf2c9;--grey: #9a95b3;--grey-soft: #edecf3;--shadow-sm: 0 2px 10px rgba(58, 32, 110, .06);--shadow-md: 0 14px 40px rgba(58, 32, 110, .12);--shadow-lg: 0 26px 70px rgba(58, 32, 110, .18);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--maxw: 1200px;--space: 22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1100px 600px at 12% -8%,#f3e9ff,#f3e9ff00 60%),radial-gradient(900px 520px at 92% 4%,#e2fbf6,#e2fbf600 55%),var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--purple-ink);text-underline-offset:2px}a:hover{color:var(--purple)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px}.skip:focus{left:12px}.sup{font-size:.72em;vertical-align:super;line-height:0}.sub{font-size:.72em;vertical-align:sub;line-height:0}.site-header{position:sticky;top:0;z-index:100;background:#e9e5fbd1;backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(216,209,240,.7)}.site-header .wrap{display:flex;align-items:center;gap:18px;height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-mark{width:40px;height:40px;flex:none;display:block}.brand-name{font-weight:800;font-size:16px;letter-spacing:-.01em;line-height:1.05}.brand-name small{display:block;font-weight:600;font-size:11px;color:var(--muted);letter-spacing:.02em}.nav{margin-left:auto;display:flex;align-items:center;gap:4px}.nav a{color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:14px;padding:9px 13px;border-radius:var(--radius-pill)}.nav a:hover{background:#fff;color:var(--purple-ink);box-shadow:var(--shadow-sm)}.header-actions{display:flex;gap:8px;margin-left:8px}.btn{font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;border-radius:var(--radius-pill);border:1px solid transparent;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .15s ease,background .15s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 8px 20px #7a00f647}.btn-primary:hover{background:#6a00da;color:#fff}.btn-ghost{background:#fff;color:var(--purple-ink);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--purple);color:var(--purple)}.btn-soft{background:var(--purple-soft);color:var(--purple-ink)}.btn-soft:hover{background:#e6d6ff}.menu-toggle{display:none}.hero{padding:46px 0 10px}.hero-card{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:40px 40px 34px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-60px;top:-70px;width:280px;height:280px;background:radial-gradient(circle at 30% 30%,#a24bff,#7a00f6 45%,#4fe3d0 120%);filter:blur(6px);opacity:.14;border-radius:50% 46% 54% 42%/46% 52% 48% 54%;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-ink);background:var(--purple-soft);padding:6px 12px;border-radius:var(--radius-pill)}h1{font-size:clamp(30px,5vw,50px);line-height:1.04;letter-spacing:-.025em;margin:16px 0 14px;font-weight:800}.hero-lead{font-size:clamp(16px,2vw,19px);color:var(--ink-soft);max-width:720px;margin:0 0 8px}.hero-lead b{color:var(--ink)}.trust-line{color:var(--muted);font-size:14px;margin:12px 0 0}.hero-controls{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.search-box{position:relative;flex:1 1 340px;min-width:260px}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-box input{width:100%;font-family:inherit;font-size:16px;color:var(--ink);padding:15px 16px 15px 46px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--card-2);outline:none}.search-box input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px #7a00f624}.mode-toggle{display:inline-flex;background:var(--card-2);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:4px;gap:2px}.mode-toggle button{font-family:inherit;font-weight:700;font-size:13px;border:none;cursor:pointer;background:transparent;color:var(--ink-soft);padding:9px 14px;border-radius:var(--radius-pill)}.mode-toggle button[aria-pressed=true]{background:var(--purple);color:#fff;box-shadow:0 6px 16px #7a00f642}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}section{padding:34px 0}.section-head{max-width:760px;margin-bottom:20px}h2{font-size:clamp(23px,3.2vw,32px);letter-spacing:-.02em;margin:0 0 10px;font-weight:800}h3{font-size:19px;letter-spacing:-.01em;margin:22px 0 8px;font-weight:700}.lead{color:var(--ink-soft);font-size:17px;margin:0}.panel{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:26px}.controls{display:grid;gap:16px;margin-bottom:18px}.filter-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.filter-group{flex:1 1 240px;min-width:200px}.filter-group>span.flabel{display:block;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;border:1px solid var(--line-strong);background:var(--card-2);color:var(--ink-soft);padding:7px 12px;border-radius:var(--radius-pill);transition:all .12s ease}.chip:hover{border-color:var(--purple);color:var(--purple-ink)}.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.controls-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.result-count{color:var(--muted);font-size:14px;margin-left:auto}.legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin:4px 0 20px}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);font-weight:600}.swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.08);flex:none}.sw-pos{background:var(--purple-soft);box-shadow:inset 0 0 0 2px var(--purple)}.sw-neg{background:var(--teal-soft);box-shadow:inset 0 0 0 2px var(--teal)}.sw-var{background:var(--amber-soft);box-shadow:inset 0 0 0 2px var(--amber)}.sw-none{background:var(--grey-soft);box-shadow:inset 0 0 0 2px var(--grey)}.sw-lan{background:#fbe9f4;box-shadow:inset 0 0 0 2px #cf3f9a}.table-scroll{overflow-x:auto;padding:6px 2px 12px;-webkit-overflow-scrolling:touch}.scroll-hint{display:none;color:var(--muted);font-size:13px;margin:0 0 8px;font-weight:600}.ptable{display:grid;grid-template-columns:repeat(18,minmax(56px,1fr));grid-auto-rows:minmax(56px,auto);gap:6px;min-width:1040px}.fspacer{grid-column:1 / -1;height:10px}.el{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:13px;border:1px solid var(--line-strong);background:#fff;padding:5px 6px 6px;cursor:pointer;font-family:inherit;text-align:left;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease;min-height:56px;color:var(--ink);overflow:hidden}.el:hover,.el:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md);z-index:3;outline:none;border-color:var(--purple)}.el:focus-visible{box-shadow:0 0 0 3px #7a00f659,var(--shadow-md)}.el .z{font-size:10px;font-weight:700;color:var(--muted)}.el .sym{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1;margin:1px 0}.el .nm{font-size:8.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el .chg{font-size:11px;font-weight:800;margin-top:2px;min-height:13px}.el.c-positive{background:var(--purple-soft);border-color:#e0cbff}.el.c-positive .chg{color:var(--purple-ink)}.el.c-negative{background:var(--teal-soft);border-color:#bcefe7}.el.c-negative .chg{color:var(--teal-ink)}.el.c-variable{background:var(--amber-soft);border-color:#f1e29a}.el.c-variable .chg{color:var(--amber-ink)}.el.c-none{background:var(--grey-soft);border-color:#e2e0ea}.el.c-none .chg{color:var(--grey)}.el.cat-lanthanide,.el.cat-actinide{box-shadow:inset 0 -3px #cf3f9a}.el.dimmed{opacity:.24;filter:saturate(.5)}.el.match{border-color:var(--purple);box-shadow:0 0 0 3px #7a00f666,var(--shadow-md);z-index:4}.el-marker{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:13px;border:1px dashed var(--line-strong);background:var(--card-2);font-size:10px;font-weight:700;color:var(--muted);padding:4px;line-height:1.2}.table-note{color:var(--muted);font-size:13px;margin:14px 0 0}.overlay{position:fixed;inset:0;background:#1b16336b;backdrop-filter:blur(2px);z-index:190;opacity:0;pointer-events:none;transition:opacity .18s ease}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,92vw);z-index:195;background:var(--card);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .22s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-head{padding:22px 24px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:14px}.drawer-badge{width:68px;height:68px;border-radius:18px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.drawer-badge .z{font-size:11px;font-weight:700}.drawer-badge .sym{font-size:30px;font-weight:800;line-height:1}.drawer-title{flex:1}.drawer-title h3{margin:2px 0;font-size:24px}.drawer-title .cat{font-size:13px;font-weight:700;color:var(--muted)}.drawer-close{margin-left:auto;border:1px solid var(--line-strong);background:#fff;width:38px;height:38px;border-radius:12px;cursor:pointer;font-size:20px;color:var(--ink-soft);flex:none}.drawer-close:hover{border-color:var(--purple);color:var(--purple)}.drawer-body{padding:20px 24px 30px;overflow-y:auto}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stat{background:var(--card-2);border-radius:14px;padding:12px 14px}.stat .k{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stat .v{font-size:16px;font-weight:700;margin-top:3px}.ion-pills{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.ion-pill{background:var(--purple-soft);color:var(--purple-ink);font-weight:800;padding:7px 14px;border-radius:var(--radius-pill);font-size:15px}.drawer-body h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 6px}.explain{color:var(--ink-soft);font-size:15px}.tbl-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--line)}table.data{width:100%;border-collapse:collapse;font-size:14px;min-width:720px;background:#fff}table.data caption{text-align:left;padding:14px 16px;color:var(--muted);font-size:13px}table.data th,table.data td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}table.data thead th{position:sticky;top:0;background:var(--card-2);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);cursor:pointer;white-space:nowrap;z-index:1}table.data thead th:hover{color:var(--purple-ink)}table.data tbody tr:hover{background:var(--card-2)}table.data td.sym-cell{font-weight:800}.pill-type{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill)}.pt-positive{background:var(--purple-soft);color:var(--purple-ink)}.pt-negative{background:var(--teal-soft);color:var(--teal-ink)}.pt-variable{background:var(--amber-soft);color:var(--amber-ink)}.pt-none{background:var(--grey-soft);color:var(--grey)}table.simple{width:100%;border-collapse:collapse;font-size:15px}table.simple th,table.simple td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}table.simple thead th{background:var(--card-2);font-weight:700;font-size:13px}table.simple td.num{text-align:center;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mini-card{background:var(--card-2);border-radius:var(--radius-md);padding:18px 20px}.mini-card h3{margin-top:0}.ion-example{font-weight:800;color:var(--purple-ink)}.ion-example.neg{color:var(--teal-ink)}.mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:6px}.mem-item{background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.mem-item .mi-sym{font-weight:800;font-size:18px}.mem-item .mi-ion{color:var(--purple-ink);font-weight:800;font-size:15px}.mem-item .mi-note{color:var(--muted);font-size:12px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.dl-card{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:10px}.dl-card h3{margin:0;font-size:16px}.dl-card p{margin:0;color:var(--ink-soft);font-size:13px;flex:1}.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:10px;box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:22px;color:var(--purple);font-weight:400;flex:none}.faq details[open] summary:after{content:"−"}.faq details>div{padding:0 20px 18px;color:var(--ink-soft)}.trust-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.refs{display:flex;flex-wrap:wrap;gap:10px}.refs a{background:var(--card-2);border:1px solid var(--line);padding:9px 15px;border-radius:var(--radius-pill);text-decoration:none;font-weight:600;font-size:14px;color:var(--ink-soft)}.refs a:hover{border-color:var(--purple);color:var(--purple-ink)}.disclaimer{background:var(--amber-soft);border:1px solid #f1e29a;border-radius:var(--radius-md);padding:14px 18px;color:var(--amber-ink);font-size:14px}.internal-links{display:flex;flex-wrap:wrap;gap:8px}.internal-links a{font-size:14px;font-weight:600}.site-footer{margin-top:30px;background:var(--ink);color:#cdc7e6}.site-footer .wrap{padding:44px 20px 30px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.site-footer h4{color:#fff;font-size:14px;margin:0 0 12px;letter-spacing:.02em}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.site-footer a{color:#cdc7e6;text-decoration:none;font-size:14px}.site-footer a:hover{color:#fff}.footer-brand p{color:#a49dc9;font-size:14px;max-width:320px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#a49dc9}.legal{max-width:820px}.legal h1{font-size:clamp(28px,4vw,40px)}.legal h2{font-size:22px;margin-top:28px}.legal p,.legal li{color:var(--ink-soft)}.legal .panel{padding:34px}.notice{background:var(--purple-soft);color:var(--purple-ink);border-radius:10px;padding:3px 8px;font-weight:700;font-size:12px;display:none}@media(max-width:900px){.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav{display:none}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:var(--bg-soft);padding:12px 20px 18px;border-bottom:1px solid var(--line-strong);gap:4px}.nav.open a{padding:12px 14px}.menu-toggle{display:inline-flex;margin-left:auto}.header-actions .label-hide{display:none}.scroll-hint{display:block}}@media(max-width:620px){.hero-card{padding:26px 20px 24px}.panel{padding:18px}.stat-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.header-actions{display:none}}@media print{.site-header,.hero-controls,.controls,.nav,.header-actions,.btn,.mode-toggle,.overlay,.drawer,.scroll-hint,.site-footer,.skip,.menu-toggle,.internal-links,.dl-grid,.faq summary:after{display:none!important}body{background:#fff;color:#000}.hero-card,.panel{box-shadow:none;border:1px solid #ccc}.ptable{min-width:0;gap:3px;grid-template-columns:repeat(18,1fr)}.el{break-inside:avoid;border:1px solid #999;background:#fff!important}.el .chg{color:#000!important}.table-scroll{overflow:visible}table.data{min-width:0;font-size:10px}.print-src{display:block!important}a[href]:after{content:""}}.print-src{display:none;text-align:center;color:#444;font-size:12px;margin-top:10px}