.PeriodicTable_wrap__8nnog{max-width:1100px;margin:0 auto}.PeriodicTable_filterRow__jEYSa{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px}.PeriodicTable_filterLabel__t3RUv{font-size:.8rem;font-weight:600;color:#6b7280;margin-right:4px}.PeriodicTable_filterBtn__Ztdqj{font-size:.7rem;padding:3px 8px;border:1px solid #d1d5db;border-radius:20px;background:#fff;cursor:pointer;color:#374151}.PeriodicTable_filterBtn__Ztdqj:hover{background:#f3f4f6}.PeriodicTable_filterActive__x4uAe{background:#1f2937!important;color:#fff!important;border-color:#1f2937!important}.PeriodicTable_tableWrap__4Jqn2{overflow-x:auto}.PeriodicTable_table__vS__Q{display:grid;grid-template-columns:repeat(18,minmax(44px,1fr));grid-template-rows:repeat(10,54px);grid-gap:2px;gap:2px;min-width:820px}.PeriodicTable_el__qI3ei{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:transform .1s,box-shadow .1s;padding:2px;position:relative;border:1px solid transparent;font-size:0}.PeriodicTable_el__qI3ei:hover{transform:scale(1.08);box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:10}.PeriodicTable_elZ__JU8WD{font-size:8px;color:inherit;opacity:.75;line-height:1}.PeriodicTable_elSym__JSSJI{font-size:14px;font-weight:700;line-height:1.1}.PeriodicTable_elMass__azTr3{font-size:7px;opacity:.7;line-height:1}.PeriodicTable_selected__Q4Pc6{border:2px solid #1f2937!important;transform:scale(1.1);z-index:20}.PeriodicTable_dimmed__Nqhf3{opacity:.15}.PeriodicTable_periodLabel__chp1K{display:flex;align-items:center;justify-content:flex-end;padding-right:4px;font-size:.7rem;color:#9ca3af;font-weight:700}.PeriodicTable_fPlaceholder__3rwAA{display:flex;align-items:center;justify-content:center;font-size:8px;color:#9ca3af;border:1px dashed #d1d5db;border-radius:4px}.PeriodicTable_alkali__7l31Y{background:#fecaca;color:#7f1d1d;border-color:#f87171}.PeriodicTable_alkaline__yb8o6{background:#fed7aa;color:#7c2d12;border-color:#fb923c}.PeriodicTable_transition___xG6f{background:#fde68a;color:#713f12;border-color:#fbbf24}.PeriodicTable_post-trans__ze3qE{background:#d1fae5;color:#064e3b;border-color:#6ee7b7}.PeriodicTable_metalloid__vssS8{background:#c7d2fe;color:#312e81;border-color:#818cf8}.PeriodicTable_nonmetal__n_W4n{background:#bfdbfe;color:#1e3a5f;border-color:#60a5fa}.PeriodicTable_halogen__g5Z93{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.PeriodicTable_noble__glaDO{background:#ede9fe;color:#4c1d95;border-color:#c4b5fd}.PeriodicTable_lanthanide__9_joI{background:#fce7f3;color:#831843;border-color:#f9a8d4}.PeriodicTable_actinide__jpV9_{background:#fdf4ff;color:#701a75;border-color:#e879f9}.PeriodicTable_panel__9YWie{margin-top:20px;padding:20px 24px;border-radius:12px;position:relative;border:2px solid transparent;display:flex;flex-direction:column;gap:4px;max-width:360px}.PeriodicTable_closeBtn__LnoZT{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.4rem;cursor:pointer;color:inherit;opacity:.6;line-height:1}.PeriodicTable_panelZ___yjoN{font-size:.85rem;opacity:.7;font-weight:600}.PeriodicTable_panelSym__4ZNQO{font-size:2.5rem;font-weight:800;line-height:1}.PeriodicTable_panelName__QWJ9x{font-size:1.1rem;font-weight:600;margin-bottom:8px}.PeriodicTable_panelGrid__IEQxW{display:flex;flex-direction:column;gap:4px}.PeriodicTable_panelRow__Ddzx1{display:flex;justify-content:space-between;font-size:.875rem;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.08)}.PeriodicTable_panelRow__Ddzx1:last-child{border-bottom:none}.PeriodicTable_panelRow__Ddzx1 span{opacity:.8}.PeriodicTable_legend__LDgY5{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.PeriodicTable_legendItem__vY4y2{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#374151}.PeriodicTable_legendDot__k5aEa{width:12px;height:12px;border-radius:3px;flex-shrink:0}@media (max-width:600px){.PeriodicTable_filterRow__jEYSa{gap:4px}.PeriodicTable_filterBtn__Ztdqj{font-size:.65rem;padding:2px 6px}}