.page-module___8aEwW__hero{min-height:calc(72dvh - var(--header-height));background:radial-gradient(circle at 8% 15%,color-mix(in oklab,var(--color-accent)13%,transparent),transparent 46%),radial-gradient(circle at 92% 84%,color-mix(in oklab,var(--color-primary)12%,transparent),transparent 50%),var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:relative;overflow:hidden}.page-module___8aEwW__heroShell{gap:var(--space-10);padding-block:clamp(var(--space-12),8vw,var(--space-20));grid-template-columns:1.15fr .85fr;align-items:center;display:grid}.page-module___8aEwW__heroCopy{gap:var(--space-4);display:grid}.page-module___8aEwW__heroTag{border:1px solid var(--color-border);border-radius:var(--radius-full);width:fit-content;padding:var(--space-1)var(--space-3);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);align-items:center;display:inline-flex}.page-module___8aEwW__heroTitle{font-size:clamp(2.2rem,5vw,4rem);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.02}.page-module___8aEwW__heroGradient{margin-top:var(--space-2);background:linear-gradient(130deg,var(--color-primary),var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.page-module___8aEwW__heroSubtitle{font-size:clamp(var(--text-base),2.2vw,var(--text-xl));color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:60ch}.page-module___8aEwW__heroCta{gap:var(--space-3);flex-wrap:wrap;display:flex}.page-module___8aEwW__buttonPrimary,.page-module___8aEwW__buttonSecondary,.page-module___8aEwW__buttonGhost{padding:var(--space-3)var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:transform var(--duration-fast)var(--ease-default),box-shadow var(--duration-fast)var(--ease-default),background-color var(--duration-fast)var(--ease-default),color var(--duration-fast)var(--ease-default);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-module___8aEwW__buttonPrimary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.page-module___8aEwW__buttonPrimary:hover{color:var(--color-text-inverse);background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-module___8aEwW__buttonSecondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.page-module___8aEwW__buttonSecondary:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.page-module___8aEwW__buttonGhost{color:var(--color-text-secondary);border:1px dashed var(--color-border-strong);background:0 0}.page-module___8aEwW__buttonGhost:hover{color:var(--color-primary);border-style:solid;border-color:var(--color-primary);background:var(--color-primary-light)}.page-module___8aEwW__heroStats{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-module___8aEwW__heroStat{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--color-primary-light)25%,var(--color-surface));padding:var(--space-4);align-content:center;min-height:114px;display:grid}.page-module___8aEwW__heroStatValue{font-size:clamp(1.8rem,4vw,2.3rem);font-weight:var(--weight-bold);letter-spacing:-.02em}.page-module___8aEwW__heroStatLabel{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm)}.page-module___8aEwW__spotlightSection,.page-module___8aEwW__learningSection,.page-module___8aEwW__tableSection,.page-module___8aEwW__toolsSection{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.page-module___8aEwW__spotlightSection,.page-module___8aEwW__toolsSection{background:var(--color-bg-secondary)}.page-module___8aEwW__sectionHeader{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.page-module___8aEwW__sectionEyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:var(--weight-semibold)}.page-module___8aEwW__sectionTitle{font-size:clamp(var(--text-2xl),3.6vw,2.2rem);font-weight:var(--weight-bold);letter-spacing:-.02em}.page-module___8aEwW__sectionSubtitle{color:var(--color-text-secondary);max-width:72ch;line-height:var(--leading-relaxed)}.page-module___8aEwW__learningGrid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module___8aEwW__learningCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);gap:var(--space-3);display:grid}.page-module___8aEwW__learningCard h3{font-size:var(--text-lg)}.page-module___8aEwW__learningCard p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.page-module___8aEwW__learningLink{border-radius:var(--radius-full);width:fit-content;padding:var(--space-2)var(--space-4);background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--weight-semibold);font-size:var(--text-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-module___8aEwW__learningLink:hover{color:var(--color-primary-hover);background:color-mix(in oklab,var(--color-primary-light)72%,var(--color-surface))}.page-module___8aEwW__tableActions{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-module___8aEwW__tableActionLink{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.page-module___8aEwW__tableActionLink:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.page-module___8aEwW__toolsGrid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-module___8aEwW__toolCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);gap:var(--space-2);transition:transform var(--duration-fast)var(--ease-default),box-shadow var(--duration-fast)var(--ease-default),border-color var(--duration-fast)var(--ease-default);text-decoration:none;display:grid}.page-module___8aEwW__toolCard:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-3px)}.page-module___8aEwW__toolIcon{font-size:clamp(1.5rem,3vw,2rem)}.page-module___8aEwW__toolTitle{color:var(--color-text);font-size:var(--text-xl)}.page-module___8aEwW__toolText{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.page-module___8aEwW__toolLinkLabel{margin-top:var(--space-2);color:var(--color-primary);font-weight:var(--weight-semibold);font-size:var(--text-sm)}@media (max-width:1080px){.page-module___8aEwW__heroShell{gap:var(--space-6);grid-template-columns:1fr}.page-module___8aEwW__heroStats{grid-template-columns:repeat(4,minmax(0,1fr))}.page-module___8aEwW__learningGrid,.page-module___8aEwW__toolsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.page-module___8aEwW__hero{min-height:auto}.page-module___8aEwW__heroShell{padding-block:var(--space-12)}.page-module___8aEwW__heroStats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module___8aEwW__learningGrid,.page-module___8aEwW__toolsGrid{grid-template-columns:1fr}.page-module___8aEwW__sectionHeader{margin-bottom:var(--space-4)}}
.PeriodicTable-module__AF8B4q__wrapper{padding:var(--space-4)0 var(--space-8);border:1px solid color-mix(in oklab,var(--color-border)88%,transparent);border-radius:var(--radius-xl);background:radial-gradient(circle at 8% -10%,color-mix(in oklab,var(--color-primary-light)66%,transparent),transparent 42%),radial-gradient(circle at 92% 8%,color-mix(in oklab,var(--color-accent-light)60%,transparent),transparent 38%),color-mix(in oklab,var(--color-surface)94%,var(--color-bg-secondary)6%);box-shadow:var(--shadow-sm)}.PeriodicTable-module__AF8B4q__playPanel{margin:0 var(--space-4)var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:radial-gradient(circle at 14% -18%,color-mix(in oklab,var(--color-accent-light)70%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in oklab,var(--color-surface)92%,var(--color-bg-secondary)8%),color-mix(in oklab,var(--color-surface)92%,var(--color-primary-light)8%));gap:var(--space-3);display:grid}.PeriodicTable-module__AF8B4q__playHeader{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__playEyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--color-primary)}.PeriodicTable-module__AF8B4q__playTitle{font-size:var(--text-xl);letter-spacing:-.02em}.PeriodicTable-module__AF8B4q__playMission{color:var(--color-text);font-weight:var(--weight-semibold)}.PeriodicTable-module__AF8B4q__playHint{color:var(--color-text-secondary);font-size:var(--text-sm)}.PeriodicTable-module__AF8B4q__playActions{gap:var(--space-2);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__playBtn,.PeriodicTable-module__AF8B4q__playBtnPrimary{border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border-strong)86%,transparent);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:transform var(--duration-fast)var(--ease-default),border-color var(--duration-fast)var(--ease-default),background-color var(--duration-fast)var(--ease-default),box-shadow var(--duration-fast)var(--ease-default)}.PeriodicTable-module__AF8B4q__playBtnPrimary{background:linear-gradient(135deg,var(--color-primary),color-mix(in oklab,var(--color-primary)65%,var(--color-accent)35%));color:var(--color-text-inverse);border-color:color-mix(in oklab,var(--color-primary)72%,transparent);box-shadow:var(--shadow-sm)}.PeriodicTable-module__AF8B4q__playBtnPrimary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.PeriodicTable-module__AF8B4q__playBtn{background:color-mix(in oklab,var(--color-surface)86%,var(--color-bg-secondary)14%);color:var(--color-text-secondary)}.PeriodicTable-module__AF8B4q__playBtn:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-primary)45%,var(--color-border-strong)55%);background:color-mix(in oklab,var(--color-primary-light)18%,var(--color-surface));transform:translateY(-1px)}.PeriodicTable-module__AF8B4q__playBtn:disabled{opacity:.45;cursor:not-allowed}.PeriodicTable-module__AF8B4q__playStats{gap:var(--space-2);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__playChip{border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border)88%,transparent);background:color-mix(in oklab,var(--color-surface)88%,var(--color-bg-secondary)12%);color:var(--color-text-secondary);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);white-space:nowrap}.PeriodicTable-module__AF8B4q__playChip strong{color:var(--color-text)}.PeriodicTable-module__AF8B4q__playStatus{font-size:var(--text-sm);color:var(--color-text-secondary)}.PeriodicTable-module__AF8B4q__controls{gap:var(--space-4);margin-bottom:var(--space-6);padding:0 var(--space-4);grid-template-columns:repeat(3,minmax(220px,1fr));display:grid}.PeriodicTable-module__AF8B4q__controlGroup{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-border)88%,transparent);background:color-mix(in oklab,var(--color-surface)92%,var(--color-bg-secondary)8%)}.PeriodicTable-module__AF8B4q__controlLabel{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1);letter-spacing:.02em;display:block}.PeriodicTable-module__AF8B4q__searchInput{width:100%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);border:1px solid color-mix(in oklab,var(--color-border-strong)90%,transparent);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);font-family:inherit}.PeriodicTable-module__AF8B4q__searchInput::placeholder{color:var(--color-text-muted)}.PeriodicTable-module__AF8B4q__searchInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary-light)72%,transparent);outline:none}.PeriodicTable-module__AF8B4q__tempSlider{width:100%;accent-color:var(--color-primary);cursor:pointer;margin:var(--space-1)0;filter:saturate(1.1)}.PeriodicTable-module__AF8B4q__tempValue{font-weight:var(--font-bold);color:var(--color-text);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--text-sm)}.PeriodicTable-module__AF8B4q__tempRange{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.PeriodicTable-module__AF8B4q__legend{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__legendItem{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.PeriodicTable-module__AF8B4q__legendSwatch{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:12px;height:12px;display:inline-block}.PeriodicTable-module__AF8B4q__categoryFieldset{border:none;margin:0;padding:0}.PeriodicTable-module__AF8B4q__categoryActions{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.PeriodicTable-module__AF8B4q__categoryActionBtn{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);border:1px solid color-mix(in oklab,var(--color-border-strong)88%,transparent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:transform var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out);font-family:inherit}.PeriodicTable-module__AF8B4q__categoryActionBtn:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.PeriodicTable-module__AF8B4q__categoryGrid{gap:var(--space-2)var(--space-3);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__categoryLabel{align-items:center;gap:var(--space-1);font-size:var(--text-xs);cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;display:flex}.PeriodicTable-module__AF8B4q__categoryCheckbox{accent-color:var(--color-primary);cursor:pointer;width:14px;height:14px}.PeriodicTable-module__AF8B4q__categorySwatch{border-radius:2px;width:10px;height:10px;display:inline-block}.PeriodicTable-module__AF8B4q__tableContainer{-webkit-overflow-scrolling:touch;padding:var(--space-2);border:1px solid color-mix(in oklab,var(--color-border)88%,transparent);border-radius:var(--radius-lg);background:radial-gradient(circle at 92% -10%,color-mix(in oklab,var(--color-primary-light)42%,transparent),transparent 45%),color-mix(in oklab,var(--color-surface)94%,var(--color-bg-secondary)6%);overflow-x:auto}.PeriodicTable-module__AF8B4q__grid{grid-template-columns:repeat(18,minmax(54px,1fr));grid-template-rows:repeat(7,auto)var(--space-4)auto auto;gap:3px;min-width:960px;display:grid}.PeriodicTable-module__AF8B4q__cell{border-radius:var(--radius-sm);cursor:pointer;text-align:center;min-height:64px;transition:transform var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),opacity var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out),filter var(--duration-fast)var(--ease-out);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:3px 2px;font-family:inherit;display:flex;position:relative}.PeriodicTable-module__AF8B4q__cell:hover{z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);filter:saturate(1.08);transform:translateY(-2px)scale(1.1)}.PeriodicTable-module__AF8B4q__cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;z-index:var(--z-dropdown)}.PeriodicTable-module__AF8B4q__dimmed{opacity:.15;pointer-events:none}.PeriodicTable-module__AF8B4q__highlighted{border-color:var(--color-text);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);transform:scale(1.08)}.PeriodicTable-module__AF8B4q__questHinted{border-color:color-mix(in oklab,var(--color-primary)68%,var(--color-accent)32%);animation:1.3s ease-in-out infinite PeriodicTable-module__AF8B4q__questPulse}.PeriodicTable-module__AF8B4q__questCelebrating{animation:.9s ease-out PeriodicTable-module__AF8B4q__questCelebrate}.PeriodicTable-module__AF8B4q__atomicNumber{color:inherit;opacity:.7;font-size:9px;line-height:1}.PeriodicTable-module__AF8B4q__symbol{font-size:var(--text-base);font-weight:var(--font-bold);line-height:1.2}.PeriodicTable-module__AF8B4q__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;line-height:1;overflow:hidden}.PeriodicTable-module__AF8B4q__weight{opacity:.6;font-size:7px;line-height:1}@keyframes PeriodicTable-module__AF8B4q__questPulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--color-primary-light)75%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in oklab,var(--color-primary-light)20%,transparent)}to{box-shadow:0 0 0 0 color-mix(in oklab,var(--color-primary-light)0%,transparent)}}@keyframes PeriodicTable-module__AF8B4q__questCelebrate{0%{transform:scale(1)}40%{transform:scale(1.18)rotate(-2deg)}to{transform:scale(1.02)}}.PeriodicTable-module__AF8B4q__cat_alkali{background:var(--cat-alkali);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_alkaline_earth{background:var(--cat-alkaline);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_transition{background:var(--cat-transition);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_post_transition{background:var(--cat-post-trans);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_metalloid{background:var(--cat-metalloid);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_nonmetal{background:var(--cat-nonmetal);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_halogen{background:var(--cat-halogen);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_noble_gas{background:var(--cat-noble);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_lanthanide{background:var(--cat-lanthanide);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_actinide{background:var(--cat-actinide);color:#1a1a2e}.PeriodicTable-module__AF8B4q__cat_unknown{background:var(--cat-unknown);color:#1a1a2e}.PeriodicTable-module__AF8B4q__stateSolid{border-bottom:3px solid #5b8def}.PeriodicTable-module__AF8B4q__stateLiquid{border-bottom:3px solid #4ecdc4}.PeriodicTable-module__AF8B4q__stateGas{border-bottom:3px solid #ff6b6b}.PeriodicTable-module__AF8B4q__stateUnknown{border-bottom:3px solid #888}.PeriodicTable-module__AF8B4q__legendSwatch.PeriodicTable-module__AF8B4q__stateSolid{background:#5b8def}.PeriodicTable-module__AF8B4q__legendSwatch.PeriodicTable-module__AF8B4q__stateLiquid{background:#4ecdc4}.PeriodicTable-module__AF8B4q__legendSwatch.PeriodicTable-module__AF8B4q__stateGas{background:#ff6b6b}.PeriodicTable-module__AF8B4q__legendSwatch.PeriodicTable-module__AF8B4q__stateUnknown{background:#888}.PeriodicTable-module__AF8B4q__placeholder{border:1px dashed color-mix(in oklab,var(--color-border-strong)84%,transparent);border-radius:var(--radius-sm);min-height:64px;font-size:var(--text-xs);color:var(--color-text-muted);background:color-mix(in oklab,var(--color-surface)88%,var(--color-bg-secondary)12%);flex-direction:column;justify-content:center;align-items:center;display:flex}.PeriodicTable-module__AF8B4q__placeholderText{font-weight:var(--font-semibold);font-size:10px}.PeriodicTable-module__AF8B4q__placeholderSub{opacity:.7;font-size:8px}.PeriodicTable-module__AF8B4q__rowLabel{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);padding-left:var(--space-1);white-space:nowrap;align-items:center;display:flex}.PeriodicTable-module__AF8B4q__detailPanel{margin-top:var(--space-4);padding:var(--space-4)var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.PeriodicTable-module__AF8B4q__detailHeader{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__detailIdentity{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.PeriodicTable-module__AF8B4q__detailNumber{font-size:var(--text-sm);color:var(--color-text-muted)}.PeriodicTable-module__AF8B4q__detailElementLink{align-items:center;gap:var(--space-2);color:inherit;border-radius:var(--radius-sm);padding:2px;text-decoration:none;display:inline-flex}.PeriodicTable-module__AF8B4q__detailElementLink:hover{text-decoration:none}.PeriodicTable-module__AF8B4q__detailElementLink:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.PeriodicTable-module__AF8B4q__detailSymbol{font-size:var(--text-2xl);font-weight:var(--font-bold);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);margin-right:var(--space-2)}.PeriodicTable-module__AF8B4q__detailName{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-right:var(--space-2)}.PeriodicTable-module__AF8B4q__detailWeight{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.PeriodicTable-module__AF8B4q__detailActions{align-items:center;gap:var(--space-2);display:flex}.PeriodicTable-module__AF8B4q__detailOpenLink{padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:background var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.PeriodicTable-module__AF8B4q__detailOpenLink:hover{background:var(--color-bg-hover);text-decoration:none}.PeriodicTable-module__AF8B4q__detailClose{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1)var(--space-2);font-size:var(--text-base);cursor:pointer;color:var(--color-text-secondary);transition:background var(--duration-fast)var(--ease-out);background:0 0;font-family:inherit}.PeriodicTable-module__AF8B4q__detailClose:hover{background:var(--color-bg-hover)}.PeriodicTable-module__AF8B4q__detailGrid{gap:var(--space-2)var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.PeriodicTable-module__AF8B4q__detailField{flex-direction:column;gap:2px;display:flex}.PeriodicTable-module__AF8B4q__detailLabel{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-semibold)}.PeriodicTable-module__AF8B4q__detailValue{font-size:var(--text-sm);color:var(--color-text);font-variant-numeric:tabular-nums}.PeriodicTable-module__AF8B4q__detailUnit{font-size:var(--text-xs);color:var(--color-text-muted)}.PeriodicTable-module__AF8B4q__detailNull{color:var(--color-text-muted)}@media (max-width:1120px){.PeriodicTable-module__AF8B4q__controls{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:768px){.PeriodicTable-module__AF8B4q__controls{padding:0 var(--space-2);grid-template-columns:1fr}.PeriodicTable-module__AF8B4q__controlGroup{padding:var(--space-3)}.PeriodicTable-module__AF8B4q__playPanel{margin-inline:var(--space-2)}.PeriodicTable-module__AF8B4q__playActions{grid-template-columns:1fr;display:grid}.PeriodicTable-module__AF8B4q__playBtn,.PeriodicTable-module__AF8B4q__playBtnPrimary{width:100%}.PeriodicTable-module__AF8B4q__grid{grid-template-columns:repeat(18,minmax(40px,1fr));min-width:720px}.PeriodicTable-module__AF8B4q__cell{min-height:48px;padding:2px 1px}.PeriodicTable-module__AF8B4q__name,.PeriodicTable-module__AF8B4q__weight{display:none}.PeriodicTable-module__AF8B4q__symbol{font-size:var(--text-sm)}.PeriodicTable-module__AF8B4q__detailGrid{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.PeriodicTable-module__AF8B4q__cat_alkali,.PeriodicTable-module__AF8B4q__cat_alkaline_earth,.PeriodicTable-module__AF8B4q__cat_transition,.PeriodicTable-module__AF8B4q__cat_post_transition,.PeriodicTable-module__AF8B4q__cat_metalloid,.PeriodicTable-module__AF8B4q__cat_nonmetal,.PeriodicTable-module__AF8B4q__cat_halogen,.PeriodicTable-module__AF8B4q__cat_noble_gas,.PeriodicTable-module__AF8B4q__cat_lanthanide,.PeriodicTable-module__AF8B4q__cat_actinide,.PeriodicTable-module__AF8B4q__cat_unknown{color:#f0f0f0}.PeriodicTable-module__AF8B4q__searchInput{background:var(--color-surface)}.PeriodicTable-module__AF8B4q__searchInput:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary-light)82%,transparent)}}
.ElementSpotlight-module__sQzIjq__wrapper{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(circle at top left,color-mix(in oklab,var(--color-accent)10%,transparent),transparent 42%),var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-6);gap:var(--space-5);display:grid}.ElementSpotlight-module__sQzIjq__topBar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ElementSpotlight-module__sQzIjq__badge{border-radius:var(--radius-full);border:1px solid var(--color-border);padding:var(--space-1)var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--color-bg-secondary);align-items:center;display:inline-flex}.ElementSpotlight-module__sQzIjq__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ElementSpotlight-module__sQzIjq__controlBtn,.ElementSpotlight-module__sQzIjq__controlBtnPrimary{border-radius:var(--radius-sm);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid var(--color-border-strong);background:var(--color-surface)}.ElementSpotlight-module__sQzIjq__controlBtn:hover{background:var(--color-bg-secondary)}.ElementSpotlight-module__sQzIjq__controlBtnPrimary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.ElementSpotlight-module__sQzIjq__controlBtnPrimary:hover{background:var(--color-primary-hover)}.ElementSpotlight-module__sQzIjq__content{gap:var(--space-6);grid-template-columns:auto 1fr;align-items:center;display:grid}.ElementSpotlight-module__sQzIjq__cardColumn{text-align:center}.ElementSpotlight-module__sQzIjq__elementTile{border:2px solid color-mix(in oklab,var(--color-text)14%,transparent);border-radius:var(--radius-lg);width:168px;height:186px;box-shadow:var(--shadow-xl);padding:var(--space-4);flex-direction:column;justify-content:space-between;display:flex;transform:rotate(-1.1deg)}.ElementSpotlight-module__sQzIjq__tileAtomic{font-size:var(--text-sm);opacity:.78}.ElementSpotlight-module__sQzIjq__tileSymbol{font-size:clamp(2.9rem,4vw,3.6rem);font-weight:var(--weight-bold);line-height:1}.ElementSpotlight-module__sQzIjq__tileName{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ElementSpotlight-module__sQzIjq__tileWeight{font-size:var(--text-xs);opacity:.8}.ElementSpotlight-module__sQzIjq__category{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.ElementSpotlight-module__sQzIjq__detailColumn{gap:var(--space-3);display:grid}.ElementSpotlight-module__sQzIjq__title{font-size:var(--text-2xl)}.ElementSpotlight-module__sQzIjq__challenge{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.ElementSpotlight-module__sQzIjq__factGrid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ElementSpotlight-module__sQzIjq__fact{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-bg-secondary)}.ElementSpotlight-module__sQzIjq__fact dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.ElementSpotlight-module__sQzIjq__fact dd{font-weight:var(--weight-semibold);margin-top:2px}.ElementSpotlight-module__sQzIjq__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.ElementSpotlight-module__sQzIjq__primaryLink,.ElementSpotlight-module__sQzIjq__secondaryLink{padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-weight:var(--weight-semibold);font-size:var(--text-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ElementSpotlight-module__sQzIjq__primaryLink{color:var(--color-text-inverse);background:var(--color-primary)}.ElementSpotlight-module__sQzIjq__primaryLink:hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.ElementSpotlight-module__sQzIjq__secondaryLink{border:1px solid var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.ElementSpotlight-module__sQzIjq__secondaryLink:hover{color:var(--color-text);background:var(--color-bg-secondary)}.ElementSpotlight-module__sQzIjq__cat_alkali{background:var(--cat-alkali);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_alkaline_earth{background:var(--cat-alkaline);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_transition{background:var(--cat-transition);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_post_transition{background:var(--cat-post-trans);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_metalloid{background:var(--cat-metalloid);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_nonmetal{background:var(--cat-nonmetal);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_halogen{background:var(--cat-halogen);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_noble_gas{background:var(--cat-noble);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_lanthanide{background:var(--cat-lanthanide);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_actinide{background:var(--cat-actinide);color:#1a1a2e}.ElementSpotlight-module__sQzIjq__cat_unknown{background:var(--cat-unknown);color:#1a1a2e}@media (max-width:900px){.ElementSpotlight-module__sQzIjq__content{text-align:center;grid-template-columns:1fr;justify-items:center}.ElementSpotlight-module__sQzIjq__factGrid{width:100%}.ElementSpotlight-module__sQzIjq__actions{justify-content:center}}@media (max-width:600px){.ElementSpotlight-module__sQzIjq__wrapper{padding:var(--space-4)}.ElementSpotlight-module__sQzIjq__factGrid{grid-template-columns:1fr}}