.periodic-table-container.svelte-tl4c67{max-width:100%;overflow-x:auto;padding-bottom:1rem}.periodic-table-grid.svelte-tl4c67{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,minmax(80px,auto)) 1.5rem repeat(2,minmax(80px,auto));gap:.375rem;max-width:1400px;margin:0 auto}.element-cell.svelte-tl4c67{padding:.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;text-decoration:none;color:var(--foreground);border-radius:.75rem;background:linear-gradient(135deg,color-mix(in oklch,var(--category-color) 10%,transparent),color-mix(in oklch,var(--category-color) 5%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in oklch,var(--category-color) 30%,transparent);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.element-cell.svelte-tl4c67:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,color-mix(in oklch,var(--category-color) 20%,transparent),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.element-cell.svelte-tl4c67:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 25px -5px color-mix(in oklch,var(--category-color) 40%,transparent),0 10px 15px -3px #0000001a;border-color:var(--category-color);z-index:10}.element-cell.svelte-tl4c67:hover:before{opacity:1}.element-header.svelte-tl4c67{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.125rem}.atomic-number.svelte-tl4c67{font-size:.65rem;font-weight:600;opacity:.6;font-variant-numeric:tabular-nums}.atomic-mass.svelte-tl4c67{font-size:.55rem;opacity:.5;font-weight:500;font-variant-numeric:tabular-nums}.symbol.svelte-tl4c67{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin:.25rem 0;transition:transform .3s ease;flex-grow:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--foreground) 0%,color-mix(in oklch,var(--foreground) 80%,transparent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.element-cell.svelte-tl4c67:hover .symbol:where(.svelte-tl4c67){transform:scale(1.15);background:var(--foreground);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--foreground);text-shadow:0 0 20px color-mix(in oklch,var(--category-color) 50%,transparent)}.name.svelte-tl4c67{font-size:.55rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.series-indicator.svelte-tl4c67{border:2px dashed color-mix(in oklch,var(--border) 40%,transparent);background:color-mix(in oklch,var(--card) 30%,transparent);border-radius:.5rem;opacity:.5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem}.indicator-asterisk.svelte-tl4c67{font-size:1.5rem;font-weight:700}.indicator-range.svelte-tl4c67{font-size:.75rem;opacity:.7}.series-spacer.svelte-tl4c67{height:1.5rem}.series-label.svelte-tl4c67{display:flex;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;opacity:.8}.series-label.svelte-tl4c67 .asterisk:where(.svelte-tl4c67){font-size:1.25rem;font-weight:700}@media(min-width:1024px){.periodic-table-grid.svelte-tl4c67{grid-template-columns:repeat(18,minmax(55px,1fr))}}@media(max-width:1023px){.periodic-table-grid.svelte-tl4c67{grid-template-columns:repeat(18,70px);grid-template-rows:repeat(7,75px) 1.5rem repeat(2,75px);min-width:1260px}.element-cell.svelte-tl4c67{padding:.5rem}.symbol.svelte-tl4c67{font-size:1.5rem}.name.svelte-tl4c67{font-size:.5rem}.atomic-number.svelte-tl4c67{font-size:.55rem}.atomic-mass.svelte-tl4c67{font-size:.45rem}}