.PeriodicTable-module__2bW9xW__wrapper{color:#1f2937;max-width:1280px;margin:0 auto;padding:24px 16px 48px}.PeriodicTable-module__2bW9xW__header{text-align:center;margin-bottom:16px}.PeriodicTable-module__2bW9xW__title{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.PeriodicTable-module__2bW9xW__subtitle{color:#6b7280;margin:6px 0 0}.PeriodicTable-module__2bW9xW__alkali{background:#fca5a5}.PeriodicTable-module__2bW9xW__alkalineEarth{background:#fdba74}.PeriodicTable-module__2bW9xW__transition{background:#fde68a}.PeriodicTable-module__2bW9xW__postTransition{background:#a7f3d0}.PeriodicTable-module__2bW9xW__metalloid{background:#99f6e4}.PeriodicTable-module__2bW9xW__nonmetal{background:#bae6fd}.PeriodicTable-module__2bW9xW__halogen{background:#c4b5fd}.PeriodicTable-module__2bW9xW__nobleGas{background:#f0abfc}.PeriodicTable-module__2bW9xW__lanthanide{background:#bef264}.PeriodicTable-module__2bW9xW__actinide{background:#f9a8d4}.PeriodicTable-module__2bW9xW__unknown{background:#e5e7eb}.PeriodicTable-module__2bW9xW__legend{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 0 20px;padding:0;list-style:none;display:flex}.PeriodicTable-module__2bW9xW__legendItem{align-items:center;gap:6px;font-size:.85rem;display:flex}.PeriodicTable-module__2bW9xW__legendSwatch{border:1px solid #00000026;border-radius:4px;width:16px;height:16px}.PeriodicTable-module__2bW9xW__scroll{-webkit-overflow-scrolling:touch;padding:8px 4px 12px;overflow-x:auto}.PeriodicTable-module__2bW9xW__grid{grid-template-rows:repeat(7,auto) 14px repeat(2,auto);grid-template-columns:repeat(18,minmax(52px,1fr));gap:4px;min-width:980px;display:grid}.PeriodicTable-module__2bW9xW__card{min-height:62px;font:inherit;color:#111827;text-align:center;cursor:pointer;border:1px solid #0000001f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.PeriodicTable-module__2bW9xW__card:hover{z-index:2;transform:scale(1.08);box-shadow:0 4px 12px #0003}.PeriodicTable-module__2bW9xW__card:focus-visible{outline-offset:2px;z-index:3;outline:3px solid #2563eb}.PeriodicTable-module__2bW9xW__cardSelected{outline-offset:1px;z-index:3;outline:3px solid #111827;transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.PeriodicTable-module__2bW9xW__cardNumber{opacity:.75;font-size:.62rem;font-weight:600;position:absolute;top:3px;left:5px}.PeriodicTable-module__2bW9xW__cardSymbol{margin-top:8px;font-size:1.15rem;font-weight:700;line-height:1.1}.PeriodicTable-module__2bW9xW__cardName{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.55rem;line-height:1.1;overflow:hidden}.PeriodicTable-module__2bW9xW__cardMass{opacity:.8;font-size:.56rem}.PeriodicTable-module__2bW9xW__placeholder{opacity:.7;border:1px dashed #00000059;border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.PeriodicTable-module__2bW9xW__details{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;margin-top:28px;padding:24px;box-shadow:0 2px 10px #0000000f}.PeriodicTable-module__2bW9xW__detailsHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.PeriodicTable-module__2bW9xW__detailsTitle{margin:0;font-size:1.3rem}.PeriodicTable-module__2bW9xW__closeBtn{font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;font-size:.85rem}.PeriodicTable-module__2bW9xW__closeBtn:hover{background:#f9fafb}.PeriodicTable-module__2bW9xW__closeBtn:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.PeriodicTable-module__2bW9xW__empty{text-align:center;color:#6b7280;margin:0;padding:24px 0}.PeriodicTable-module__2bW9xW__detailsBody{align-items:flex-start;gap:28px;display:flex}.PeriodicTable-module__2bW9xW__bigSymbol{color:#111827;border:1px solid #00000026;border-radius:20px;flex:none;justify-content:center;align-items:center;width:140px;height:140px;font-size:3.4rem;font-weight:800;display:flex;position:relative}.PeriodicTable-module__2bW9xW__bigNumber{font-size:1rem;font-weight:600;position:absolute;top:10px;left:14px}.PeriodicTable-module__2bW9xW__detailsInfo{flex:1;min-width:0}.PeriodicTable-module__2bW9xW__elementName{margin:0;font-size:1.8rem}.PeriodicTable-module__2bW9xW__elementNumber{color:#6b7280;margin:2px 0 10px;font-weight:600}.PeriodicTable-module__2bW9xW__elementDesc{margin:0 0 16px;line-height:1.5}.PeriodicTable-module__2bW9xW__facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 20px;margin:0;display:grid}.PeriodicTable-module__2bW9xW__facts dt{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-size:.75rem}.PeriodicTable-module__2bW9xW__facts dd{margin:2px 0 0;font-weight:600}.PeriodicTable-module__2bW9xW__factWide{grid-column:1/-1}@media (max-width:720px){.PeriodicTable-module__2bW9xW__detailsBody{flex-direction:column;align-items:stretch}.PeriodicTable-module__2bW9xW__bigSymbol{width:110px;height:110px;font-size:2.6rem}.PeriodicTable-module__2bW9xW__details{padding:16px}}