.ElementComparator-module__Jt2i5W__container{max-width:1120px;padding:clamp(var(--space-6),3vw,var(--space-10))var(--space-4);gap:var(--space-6);margin:0 auto;display:grid}.ElementComparator-module__Jt2i5W__header{text-align:center;gap:var(--space-3);display:grid}.ElementComparator-module__Jt2i5W__header h1{font-size:clamp(2rem,5vw,3.2rem)}.ElementComparator-module__Jt2i5W__header p{color:var(--color-text-secondary);max-width:66ch;margin:0 auto}.ElementComparator-module__Jt2i5W__badges{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ElementComparator-module__Jt2i5W__badge{border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)82%,var(--color-bg-secondary)18%);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1)var(--space-3)}.ElementComparator-module__Jt2i5W__toolbar{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-xl);padding:var(--space-4);background:radial-gradient(circle at 12% -15%,color-mix(in oklab,var(--color-primary-light)48%,transparent),transparent 40%),linear-gradient(160deg,color-mix(in oklab,var(--color-surface)90%,var(--color-bg-secondary)10%),color-mix(in oklab,var(--color-surface)95%,var(--color-accent-light)5%));gap:var(--space-3);display:grid}.ElementComparator-module__Jt2i5W__actionRow{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ElementComparator-module__Jt2i5W__actionBtn,.ElementComparator-module__Jt2i5W__presetBtn,.ElementComparator-module__Jt2i5W__recentBtn,.ElementComparator-module__Jt2i5W__clearBtn,.ElementComparator-module__Jt2i5W__dropdownItem{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)}.ElementComparator-module__Jt2i5W__actionBtn{border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border-strong)88%,transparent);background:color-mix(in oklab,var(--color-surface)86%,transparent);padding:var(--space-2)var(--space-4);font-weight:var(--weight-semibold)}.ElementComparator-module__Jt2i5W__actionBtn:hover:not(:disabled),.ElementComparator-module__Jt2i5W__presetBtn:hover,.ElementComparator-module__Jt2i5W__recentBtn:hover,.ElementComparator-module__Jt2i5W__dropdownItem:hover,.ElementComparator-module__Jt2i5W__clearBtn:hover{transform:translateY(-1px)}.ElementComparator-module__Jt2i5W__actionBtn:disabled{opacity:.45;cursor:not-allowed}.ElementComparator-module__Jt2i5W__toggleLabel{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.ElementComparator-module__Jt2i5W__toggleLabel input{accent-color:var(--color-primary)}.ElementComparator-module__Jt2i5W__presetGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.ElementComparator-module__Jt2i5W__presetBtn{border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)80%,var(--color-bg-secondary)20%);text-align:left;padding:var(--space-2)var(--space-3);gap:2px;display:grid}.ElementComparator-module__Jt2i5W__presetBtn span{font-weight:var(--weight-semibold)}.ElementComparator-module__Jt2i5W__presetBtn small{color:var(--color-text-secondary);font-size:var(--text-xs)}.ElementComparator-module__Jt2i5W__temperaturePanel{gap:var(--space-2);display:grid}.ElementComparator-module__Jt2i5W__temperaturePanel label{color:var(--color-text-secondary);font-size:var(--text-sm)}.ElementComparator-module__Jt2i5W__temperaturePanel input[type=range]{width:100%;accent-color:var(--color-primary)}.ElementComparator-module__Jt2i5W__temperatureTicks{color:var(--color-text-tertiary);font-size:var(--text-xs);justify-content:space-between;display:flex}.ElementComparator-module__Jt2i5W__selectors{gap:var(--space-4);grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.ElementComparator-module__Jt2i5W__selector{gap:var(--space-2);display:grid;position:relative}.ElementComparator-module__Jt2i5W__selector label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.ElementComparator-module__Jt2i5W__vs{font-size:clamp(1.7rem,4vw,2.3rem);font-weight:var(--weight-bold);color:color-mix(in oklab,var(--color-text-secondary)80%,var(--color-primary)20%);align-self:center}.ElementComparator-module__Jt2i5W__input{border:1px solid color-mix(in oklab,var(--color-border-strong)90%,transparent);border-radius:var(--radius-md);width:100%;padding:var(--space-3)var(--space-4);background:var(--color-surface)}.ElementComparator-module__Jt2i5W__input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.ElementComparator-module__Jt2i5W__dropdown{margin-top:var(--space-1);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);width:100%;max-height:280px;z-index:var(--z-dropdown);position:absolute;top:72px;overflow-y:auto}.ElementComparator-module__Jt2i5W__dropdownItem{text-align:left;width:100%;padding:var(--space-3)var(--space-4);border-bottom:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.ElementComparator-module__Jt2i5W__dropdownItem:last-child{border-bottom:none}.ElementComparator-module__Jt2i5W__dropdownItem:hover{background:color-mix(in oklab,var(--color-primary-light)18%,var(--color-surface))}.ElementComparator-module__Jt2i5W__dropdownMeta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.ElementComparator-module__Jt2i5W__selectedCard{margin-top:var(--space-2);border-radius:var(--radius-lg);background:radial-gradient(circle at 18% -8%,color-mix(in oklab,var(--color-primary-light)35%,transparent),transparent 35%),color-mix(in oklab,var(--color-surface)90%,var(--color-bg-secondary)10%);padding:var(--space-4);text-align:center;min-height:220px;box-shadow:var(--shadow-sm);border:2px solid #0000;align-content:center;justify-items:center;display:grid;position:relative}.ElementComparator-module__Jt2i5W__clearBtn{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)70%,var(--color-bg-secondary)30%);width:32px;height:32px;font-size:1.2rem;position:absolute}.ElementComparator-module__Jt2i5W__atomicNumber{top:var(--space-2);left:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);position:absolute}.ElementComparator-module__Jt2i5W__bigSymbol{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--weight-bold);line-height:1}.ElementComparator-module__Jt2i5W__selectedCard h2{font-size:var(--text-xl)}.ElementComparator-module__Jt2i5W__categoryLabel{color:var(--color-text-secondary);font-size:var(--text-sm)}.ElementComparator-module__Jt2i5W__insightsSection{gap:var(--space-3);grid-template-columns:minmax(220px,280px) minmax(0,1fr);display:grid}.ElementComparator-module__Jt2i5W__scoreCard,.ElementComparator-module__Jt2i5W__insightCard{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--color-surface)88%,var(--color-bg-secondary)12%);padding:var(--space-4)}.ElementComparator-module__Jt2i5W__scoreCard{gap:var(--space-2);display:grid}.ElementComparator-module__Jt2i5W__scoreCard h2{font-size:var(--text-lg)}.ElementComparator-module__Jt2i5W__scoreCard p{color:var(--color-text-secondary)}.ElementComparator-module__Jt2i5W__insightGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.ElementComparator-module__Jt2i5W__insightCard{gap:2px;display:grid}.ElementComparator-module__Jt2i5W__insightCard span{color:var(--color-text-secondary);font-size:var(--text-xs)}.ElementComparator-module__Jt2i5W__insightCard strong{font-size:var(--text-sm)}.ElementComparator-module__Jt2i5W__matrixSection{gap:var(--space-3);display:grid}.ElementComparator-module__Jt2i5W__matrixSection h2,.ElementComparator-module__Jt2i5W__recentSection h2,.ElementComparator-module__Jt2i5W__emptyState h2{font-size:var(--text-2xl)}.ElementComparator-module__Jt2i5W__comparisonTable{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-xl);overflow:hidden}.ElementComparator-module__Jt2i5W__row{border-bottom:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)92%,var(--color-bg-secondary)8%);grid-template-columns:1fr minmax(180px,220px) 1fr;display:grid}.ElementComparator-module__Jt2i5W__row:last-child{border-bottom:none}.ElementComparator-module__Jt2i5W__row:nth-child(odd){background:color-mix(in oklab,var(--color-surface)86%,var(--color-bg-secondary)14%)}.ElementComparator-module__Jt2i5W__cell,.ElementComparator-module__Jt2i5W__labelCell{padding:var(--space-3);align-content:center;gap:var(--space-1);display:grid}.ElementComparator-module__Jt2i5W__cell{text-align:center}.ElementComparator-module__Jt2i5W__cellValue{font-weight:var(--weight-semibold)}.ElementComparator-module__Jt2i5W__labelCell{text-align:center;background:color-mix(in oklab,var(--color-surface)76%,var(--color-bg-secondary)24%);border-left:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-right:1px solid color-mix(in oklab,var(--color-border)84%,transparent)}.ElementComparator-module__Jt2i5W__labelCell span{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ElementComparator-module__Jt2i5W__labelCell small{color:var(--color-text-secondary);font-size:var(--text-xs)}.ElementComparator-module__Jt2i5W__progressTrack{border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg-secondary)80%,transparent);width:100%;height:6px;overflow:hidden}.ElementComparator-module__Jt2i5W__progressFill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:100%;display:block}.ElementComparator-module__Jt2i5W__winner{color:color-mix(in oklab,var(--color-success)80%,var(--color-text)20%)}.ElementComparator-module__Jt2i5W__emptyState,.ElementComparator-module__Jt2i5W__recentSection{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-xl);background:color-mix(in oklab,var(--color-surface)92%,var(--color-bg-secondary)8%);padding:var(--space-5);gap:var(--space-2);display:grid}.ElementComparator-module__Jt2i5W__emptyState p,.ElementComparator-module__Jt2i5W__emptyRecent{color:var(--color-text-secondary)}.ElementComparator-module__Jt2i5W__recentGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.ElementComparator-module__Jt2i5W__recentBtn{border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)84%,var(--color-bg-secondary)16%);padding:var(--space-2)var(--space-3);font-weight:var(--weight-semibold);text-align:left}.ElementComparator-module__Jt2i5W__category-alkali{border-color:var(--cat-alkali)}.ElementComparator-module__Jt2i5W__category-alkaline-earth{border-color:var(--cat-alkaline-earth)}.ElementComparator-module__Jt2i5W__category-transition{border-color:var(--cat-transition)}.ElementComparator-module__Jt2i5W__category-post-transition{border-color:var(--cat-post-transition)}.ElementComparator-module__Jt2i5W__category-metalloid{border-color:var(--cat-metalloid)}.ElementComparator-module__Jt2i5W__category-nonmetal{border-color:var(--cat-nonmetal)}.ElementComparator-module__Jt2i5W__category-halogen{border-color:var(--cat-halogen)}.ElementComparator-module__Jt2i5W__category-noble-gas{border-color:var(--cat-noble-gas)}.ElementComparator-module__Jt2i5W__category-lanthanide{border-color:var(--cat-lanthanide)}.ElementComparator-module__Jt2i5W__category-actinide{border-color:var(--cat-actinide)}.ElementComparator-module__Jt2i5W__category-unknown{border-color:var(--cat-unknown)}@media (max-width:980px){.ElementComparator-module__Jt2i5W__selectors{grid-template-columns:1fr}.ElementComparator-module__Jt2i5W__vs{justify-self:center;transform:rotate(90deg)}.ElementComparator-module__Jt2i5W__insightsSection,.ElementComparator-module__Jt2i5W__row{grid-template-columns:1fr}.ElementComparator-module__Jt2i5W__labelCell{border-left:none;border-right:none;border-top:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-border)84%,transparent)}}@media (max-width:700px){.ElementComparator-module__Jt2i5W__toolbar,.ElementComparator-module__Jt2i5W__emptyState,.ElementComparator-module__Jt2i5W__recentSection,.ElementComparator-module__Jt2i5W__scoreCard,.ElementComparator-module__Jt2i5W__insightCard{padding:var(--space-4)}.ElementComparator-module__Jt2i5W__presetGrid,.ElementComparator-module__Jt2i5W__recentGrid,.ElementComparator-module__Jt2i5W__insightGrid{grid-template-columns:1fr}}