.periodic-table-wrapper.svelte-wlbyy7{width:100%;overflow-x:auto;padding:2rem 1rem}.periodic-table.svelte-wlbyy7{display:grid;grid-template-columns:repeat(18,76px);grid-template-rows:repeat(10,76px);gap:3px;margin:0 auto;width:fit-content}.element.svelte-wlbyy7{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;padding:6px 4px;color:#fff;text-align:center;line-height:1.2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-fast),box-shadow var(--transition-medium),border-color var(--transition-medium),filter var(--transition-fast)}.element.svelte-wlbyy7:hover{transform:scale(1.18) translateY(-3px);z-index:10;border-color:#ffffff40;box-shadow:0 0 16px var(--glow-color, rgba(255, 255, 255, .1)),0 8px 24px #0000004d;filter:brightness(1.2)}.element.svelte-wlbyy7:active{transform:scale(1.12) translateY(-1px)}.atomic-number.svelte-wlbyy7{font-size:.65rem;opacity:.7;line-height:1;margin-bottom:2px;font-weight:400}.symbol.svelte-wlbyy7{font-size:1.5rem;font-weight:700;line-height:1.1;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.3)}.name.svelte-wlbyy7{font-size:.55rem;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:1px;font-weight:400;letter-spacing:.02em}.series-label.svelte-wlbyy7{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;font-style:italic;font-weight:300}.legend.svelte-wlbyy7{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-top:1.5rem;padding:0 1rem}.legend-item.svelte-wlbyy7{display:flex;align-items:center;gap:.4rem}.legend-swatch.svelte-wlbyy7{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.08)}.legend-label.svelte-wlbyy7{font-size:.7rem;color:var(--text-muted);letter-spacing:.02em}main.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 1rem 4rem;animation:fadeIn .6s ease-out}.hero.svelte-1uha8ag{text-align:center;padding:3rem 0 1.5rem;max-width:640px}.title.svelte-1uha8ag{font-size:3.5rem;font-weight:200;letter-spacing:.35em;text-transform:uppercase;margin:0 0 .75rem;color:#fff;background:linear-gradient(135deg,#fff 0%,var(--accent-blue) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle.svelte-1uha8ag{font-size:1.05rem;color:var(--text-secondary);margin:0 0 2rem;max-width:50ch;text-align:center;font-weight:300;line-height:1.6}.quote.svelte-1uha8ag{font-size:.9rem;color:var(--text-muted);margin:0;font-style:italic;line-height:1.7;max-width:48ch;text-align:center}.quote-author.svelte-1uha8ag{font-size:.8rem;color:var(--text-muted);margin:.5rem 0 0;font-weight:400;opacity:.7}.table-section.svelte-1uha8ag{width:100%;max-width:1280px;animation:fadeIn .8s ease-out .2s both}.instruction.svelte-1uha8ag{text-align:center;color:var(--text-muted);font-size:.85rem;margin:.5rem 0 1rem;letter-spacing:.02em}.status.svelte-1uha8ag{text-align:center;color:var(--text-secondary);padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.status.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.875rem;color:var(--text-muted);letter-spacing:.04em}.loading-bar.svelte-1uha8ag{width:120px;height:2px;border-radius:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-blue) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.error-state.svelte-1uha8ag{gap:.5rem}.error-text.svelte-1uha8ag{color:var(--accent-red);font-size:.95rem;margin:0;font-weight:500}.error-detail.svelte-1uha8ag{color:var(--text-muted);font-size:.85rem;margin:0}.cta-section.svelte-1uha8ag{margin-top:3rem;animation:fadeIn .8s ease-out .4s both}.cta-link.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;padding:1rem 1.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-medium);cursor:pointer}.cta-link.svelte-1uha8ag:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.cta-text.svelte-1uha8ag{font-size:.95rem;font-weight:500;color:var(--accent-blue)}.cta-hint.svelte-1uha8ag{font-size:.8rem;color:var(--text-muted)}.cta-arrow.svelte-1uha8ag{font-size:1.1rem;color:var(--accent-blue);transition:transform var(--transition-fast)}.cta-link.svelte-1uha8ag:hover .cta-arrow:where(.svelte-1uha8ag){transform:translate(4px)}