:root{--pt-bg: #0f172a;--pt-text: #f8fafc;--pt-muted: #94a3b8;--metal-bg: rgba(56, 189, 248, .1);--metal-border: rgba(56, 189, 248, .3);--metal-text: #38bdf8;--nonmetal-bg: rgba(244, 114, 182, .1);--nonmetal-border: rgba(244, 114, 182, .3);--nonmetal-text: #f472b6;--bb-bg: rgba(250, 204, 21, .1);--bb-border: rgba(250, 204, 21, .4);--bb-text: #facc15;--stellar-bg: rgba(249, 115, 22, .1);--stellar-border: rgba(249, 115, 22, .4);--stellar-text: #f97316;--supernova-bg: rgba(168, 85, 247, .1);--supernova-border: rgba(168, 85, 247, .4);--supernova-text: #a855f7;--cosmic-bg: rgba(34, 197, 94, .1);--cosmic-border: rgba(34, 197, 94, .4);--cosmic-text: #22c55e;--synth-bg: rgba(100, 116, 139, .1);--synth-border: rgba(100, 116, 139, .4);--synth-text: #94a3b8}.page-container.svelte-gzgg1i{min-height:100vh;background:linear-gradient(135deg,var(--pt-bg),#1e293b);color:var(--pt-text);padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif}.page-header.svelte-gzgg1i{text-align:center;margin-bottom:3rem;animation:svelte-gzgg1i-fadeInDown .8s ease-out}h1.svelte-gzgg1i{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(to right,#38bdf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.subtitle.svelte-gzgg1i{font-size:1.1rem;color:var(--pt-muted);margin-top:.5rem}.controls-wrapper.svelte-gzgg1i{display:flex;justify-content:center;margin-top:1.5rem}.toggle-group.svelte-gzgg1i{display:flex;background:#0f172a99;border-radius:9999px;padding:4px;border:1px solid rgba(255,255,255,.1)}.toggle-group.svelte-gzgg1i button:where(.svelte-gzgg1i){background:transparent;border:none;color:var(--pt-muted);padding:.5rem 1.5rem;border-radius:9999px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;outline:none}.toggle-group.svelte-gzgg1i button.active:where(.svelte-gzgg1i){background:#38bdf833;color:#38bdf8;box-shadow:0 0 15px #38bdf81a}.legend.svelte-gzgg1i{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;background:#ffffff08;padding:.75rem 1.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-item.svelte-gzgg1i{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.color-box.svelte-gzgg1i{width:16px;height:16px;border-radius:4px;border:1px solid}.color-box.metal.svelte-gzgg1i{background:var(--metal-bg);border-color:var(--metal-text)}.color-box.nonmetal.svelte-gzgg1i{background:var(--nonmetal-bg);border-color:var(--nonmetal-text)}.color-box.bigbang.svelte-gzgg1i{background:var(--bb-bg);border-color:var(--bb-text)}.color-box.stellar.svelte-gzgg1i{background:var(--stellar-bg);border-color:var(--stellar-text)}.color-box.supernova.svelte-gzgg1i{background:var(--supernova-bg);border-color:var(--supernova-text)}.color-box.cosmic.svelte-gzgg1i{background:var(--cosmic-bg);border-color:var(--cosmic-text)}.color-box.synthetic.svelte-gzgg1i{background:var(--synth-bg);border-color:var(--synth-text)}.table-wrapper.svelte-gzgg1i{width:100%;overflow-x:auto;padding:2rem 1rem;display:flex;justify-content:center;animation:svelte-gzgg1i-fadeInUp .8s ease-out .2s both}.periodic-table.svelte-gzgg1i{display:grid;grid-template-columns:repeat(18,minmax(50px,65px));grid-template-rows:repeat(10,minmax(50px,65px));gap:6px}.element.svelte-gzgg1i{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;border:1px solid transparent;padding:4px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.element.metal.svelte-gzgg1i{background:var(--metal-bg);border-color:var(--metal-border);color:var(--metal-text)}.element.nonmetal.svelte-gzgg1i{background:var(--nonmetal-bg);border-color:var(--nonmetal-border);color:var(--nonmetal-text)}.element.svelte-gzgg1i:hover{transform:scale(1.25) translateY(-5px);z-index:50}.element.metal.svelte-gzgg1i:hover{background:#38bdf833;border-color:#38bdf8;box-shadow:0 10px 25px #38bdf84d;color:#fff}.element.nonmetal.svelte-gzgg1i:hover{background:#f472b633;border-color:#f472b6;box-shadow:0 10px 25px #f472b64d;color:#fff}.element.bigbang.svelte-gzgg1i{background:var(--bb-bg);border-color:var(--bb-border);color:var(--bb-text)}.element.bigbang.svelte-gzgg1i:hover{background:#facc1533;border-color:#facc15;box-shadow:0 10px 25px #facc154d;color:#fff}.element.stellar.svelte-gzgg1i{background:var(--stellar-bg);border-color:var(--stellar-border);color:var(--stellar-text)}.element.stellar.svelte-gzgg1i:hover{background:#f9731633;border-color:#f97316;box-shadow:0 10px 25px #f973164d;color:#fff}.element.supernova.svelte-gzgg1i{background:var(--supernova-bg);border-color:var(--supernova-border);color:var(--supernova-text)}.element.supernova.svelte-gzgg1i:hover{background:#a855f733;border-color:#a855f7;box-shadow:0 10px 25px #a855f74d;color:#fff}.element.cosmic.svelte-gzgg1i{background:var(--cosmic-bg);border-color:var(--cosmic-border);color:var(--cosmic-text)}.element.cosmic.svelte-gzgg1i:hover{background:#22c55e33;border-color:#22c55e;box-shadow:0 10px 25px #22c55e4d;color:#fff}.element.synthetic.svelte-gzgg1i{background:var(--synth-bg);border-color:var(--synth-border);color:var(--synth-text)}.element.synthetic.svelte-gzgg1i:hover{background:#64748b33;border-color:#94a3b8;box-shadow:0 10px 25px #64748b4d;color:#fff}.number.svelte-gzgg1i{position:absolute;top:4px;left:6px;font-size:.6rem;font-weight:600;opacity:.7}.symbol.svelte-gzgg1i{font-size:1.4rem;font-weight:700;line-height:1;margin-top:4px}.mass.svelte-gzgg1i{font-size:.55rem;opacity:.6;margin-top:4px}.tooltip.svelte-gzgg1i{position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(10px);background:#0f172af2;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;width:max-content;min-width:180px;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:100;color:#e2e8f0;text-align:left}.tooltip.svelte-gzgg1i:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent transparent}.element.top-row.svelte-gzgg1i .tooltip:where(.svelte-gzgg1i){bottom:auto;top:120%;transform:translate(-50%) translateY(-10px)}.element.top-row.svelte-gzgg1i .tooltip:where(.svelte-gzgg1i):after{top:auto;bottom:100%;border-color:transparent transparent rgba(15,23,42,.95) transparent}.element.svelte-gzgg1i:hover .tooltip:where(.svelte-gzgg1i){opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tooltip-name.svelte-gzgg1i{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;text-align:center}.tooltip-body.svelte-gzgg1i{display:flex;gap:1rem;align-items:flex-start}.shells-column.svelte-gzgg1i{display:flex;flex-direction:column;gap:4px;padding-right:.75rem;border-right:1px solid rgba(255,255,255,.1)}.shell.svelte-gzgg1i{font-size:.75rem;font-weight:600;color:#38bdf8;background:#38bdf81a;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.info-column.svelte-gzgg1i{display:flex;flex-direction:column;flex:1;gap:.5rem;padding-top:2px}.tooltip-detail.svelte-gzgg1i{display:flex;justify-content:space-between;font-size:.8rem;gap:1rem}.tooltip-detail.svelte-gzgg1i span:where(.svelte-gzgg1i):first-child{color:var(--pt-muted)}.capitalize.svelte-gzgg1i{text-transform:capitalize}@keyframes svelte-gzgg1i-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-gzgg1i-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.periodic-table.svelte-gzgg1i{grid-template-columns:repeat(18,minmax(40px,1fr));gap:4px}.symbol.svelte-gzgg1i{font-size:1.1rem}}