.periodic-table-module__nSuewq__main{min-height:calc(100vh - 64px);padding-top:100px;padding-bottom:4rem}.periodic-table-module__nSuewq__header{text-align:center;margin-bottom:3rem}.periodic-table-module__nSuewq__title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem)}.periodic-table-module__nSuewq__subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem}.periodic-table-module__nSuewq__layout{flex-direction:column;gap:2rem;margin-bottom:4rem;display:flex}.periodic-table-module__nSuewq__infoPanel{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;min-height:160px;padding:1.5rem;display:flex}.periodic-table-module__nSuewq__placeholderPanel{text-align:center;width:100%;color:var(--text-muted);font-size:1.125rem}.periodic-table-module__nSuewq__detailCard{align-items:center;gap:2rem;width:100%;display:flex}@media (max-width:600px){.periodic-table-module__nSuewq__detailCard{text-align:center;flex-direction:column}}.periodic-table-module__nSuewq__detailSymbolBox{border:2px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.periodic-table-module__nSuewq__detailNum{opacity:.8;font-size:.875rem;font-weight:600;position:absolute;top:8px;left:8px}.periodic-table-module__nSuewq__detailSymbol{font-size:3rem;font-weight:700;line-height:1}.periodic-table-module__nSuewq__detailMass{opacity:.8;font-size:.75rem;position:absolute;bottom:8px}.periodic-table-module__nSuewq__detailText{flex-direction:column;gap:1rem;display:flex}.periodic-table-module__nSuewq__detailText h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:2rem;line-height:1.1}.periodic-table-module__nSuewq__badgeGroup{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-width:600px){.periodic-table-module__nSuewq__badgeGroup{justify-content:center}}.periodic-table-module__nSuewq__badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.periodic-table-module__nSuewq__typeBadge{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);text-transform:capitalize}.periodic-table-module__nSuewq__tableWrapper{-webkit-overflow-scrolling:touch;padding-bottom:1rem;overflow-x:auto}.periodic-table-module__nSuewq__periodicTable{grid-template-rows:repeat(7,minmax(56px,auto));grid-template-columns:repeat(18,minmax(44px,1fr));gap:4px;min-width:800px;display:grid}.periodic-table-module__nSuewq__elementBox{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:relative;overflow:hidden}.periodic-table-module__nSuewq__elementBox:hover{z-index:10;box-shadow:var(--shadow-md);transform:scale(1.1)}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected{z-index:5;box-shadow:var(--shadow-sm);border-width:2px;transform:scale(1.05)}.periodic-table-module__nSuewq__elNum{opacity:.7;font-family:monospace;font-size:.5rem;position:absolute;top:2px;left:4px}.periodic-table-module__nSuewq__elSymbol{font-size:1rem;font-weight:700;line-height:1.2}.periodic-table-module__nSuewq__elName{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;opacity:.7;width:100%;font-size:.4rem;overflow:hidden}.periodic-table-module__nSuewq__nonmetal{background-color:#22c55e26;border-color:#22c55e66}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__nonmetal{border-color:#22c55e}.periodic-table-module__nSuewq__noble{background-color:#a855f726;border-color:#a855f766}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__noble{border-color:#a855f7}.periodic-table-module__nSuewq__alkali{background-color:#ef444426;border-color:#ef444466}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__alkali{border-color:#ef4444}.periodic-table-module__nSuewq__alkaline-earth{background-color:#f9731626;border-color:#f9731666}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__alkaline-earth{border-color:#f97316}.periodic-table-module__nSuewq__metalloid{background-color:#0ea5e926;border-color:#0ea5e966}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__metalloid{border-color:#0ea5e9}.periodic-table-module__nSuewq__halogen{background-color:#ec489926;border-color:#ec489966}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__halogen{border-color:#ec4899}.periodic-table-module__nSuewq__transition{background-color:#eab30826;border-color:#eab30866}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__transition{border-color:#eab308}.periodic-table-module__nSuewq__post-transition{background-color:#6366f126;border-color:#6366f166}.periodic-table-module__nSuewq__elementBox.periodic-table-module__nSuewq__selected.periodic-table-module__nSuewq__post-transition{border-color:#6366f1}.periodic-table-module__nSuewq__seoContent{border-top:1px solid var(--border-color);text-align:center;margin-top:5rem;padding-top:4rem}.periodic-table-module__nSuewq__seoContent h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.5rem}.periodic-table-module__nSuewq__seoContent p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1rem;line-height:1.6}