.ElementList-module__d4SqdG__container{padding:var(--space-8)0}.ElementList-module__d4SqdG__header{margin-bottom:var(--space-8);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.ElementList-module__d4SqdG__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4)}.ElementList-module__d4SqdG__description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6}.ElementList-module__d4SqdG__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.ElementList-module__d4SqdG__card{padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-fast);flex-direction:column;justify-content:center;align-items:center;min-height:140px;text-decoration:none;display:flex;position:relative;overflow:hidden}.ElementList-module__d4SqdG__card:hover{box-shadow:var(--shadow-lg);z-index:10;transform:translateY(-4px)}.ElementList-module__d4SqdG__number{font-size:var(--text-xs);opacity:.7;color:inherit;top:var(--space-2);left:var(--space-2);position:absolute}.ElementList-module__d4SqdG__symbol{font-size:var(--text-2xl);font-weight:var(--font-bold);color:inherit;margin-bottom:var(--space-1)}.ElementList-module__d4SqdG__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:inherit;text-align:center}.ElementList-module__d4SqdG__weight{opacity:.6;color:inherit;font-size:8px}.ElementList-module__d4SqdG__cat_alkali{background-color:var(--cat-alkali);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_alkaline_earth{background-color:var(--cat-alkaline);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_transition{background-color:var(--cat-transition);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_post_transition{background-color:var(--cat-post-trans);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_metalloid{background-color:var(--cat-metalloid);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_nonmetal{background-color:var(--cat-nonmetal);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_halogen{background-color:var(--cat-halogen);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_noble_gas{background-color:var(--cat-noble);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_lanthanide{background-color:var(--cat-lanthanide);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_actinide{background-color:var(--cat-actinide);color:#1a1a2e;border-color:#0000}.ElementList-module__d4SqdG__cat_unknown{background-color:var(--cat-unknown);color:#1a1a2e;border-color:#0000}@media (prefers-color-scheme:dark){.ElementList-module__d4SqdG__cat_alkali,.ElementList-module__d4SqdG__cat_alkaline_earth,.ElementList-module__d4SqdG__cat_transition,.ElementList-module__d4SqdG__cat_post_transition,.ElementList-module__d4SqdG__cat_metalloid,.ElementList-module__d4SqdG__cat_nonmetal,.ElementList-module__d4SqdG__cat_halogen,.ElementList-module__d4SqdG__cat_noble_gas,.ElementList-module__d4SqdG__cat_lanthanide,.ElementList-module__d4SqdG__cat_actinide,.ElementList-module__d4SqdG__cat_unknown{color:#f0f0f0}}