.ReactionExplorer-module__xqbsUq__container{max-width:1100px;padding:clamp(var(--space-6),3vw,var(--space-10))var(--space-4);gap:var(--space-6);margin:0 auto;display:grid}.ReactionExplorer-module__xqbsUq__header{text-align:center;gap:var(--space-3);display:grid}.ReactionExplorer-module__xqbsUq__header h1{font-size:clamp(2rem,5vw,3.3rem)}.ReactionExplorer-module__xqbsUq__header p{color:var(--color-text-secondary);max-width:66ch;margin:0 auto}.ReactionExplorer-module__xqbsUq__badgeRow{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ReactionExplorer-module__xqbsUq__badge{border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);padding:var(--space-1)var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);background:color-mix(in oklab,var(--color-surface)80%,var(--color-bg-secondary)20%)}.ReactionExplorer-module__xqbsUq__controlRow{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-xl);background:radial-gradient(circle at 10% -10%,color-mix(in oklab,var(--color-primary-light)46%,transparent),transparent 40%),linear-gradient(160deg,color-mix(in oklab,var(--color-surface)88%,var(--color-bg-secondary)12%),color-mix(in oklab,var(--color-surface)94%,var(--color-accent-light)6%));padding:var(--space-4);gap:var(--space-3);display:grid}.ReactionExplorer-module__xqbsUq__actionButtons{gap:var(--space-2);flex-wrap:wrap;display:flex}.ReactionExplorer-module__xqbsUq__actionBtn,.ReactionExplorer-module__xqbsUq__resetBtn,.ReactionExplorer-module__xqbsUq__clearBtn,.ReactionExplorer-module__xqbsUq__quickPairBtn,.ReactionExplorer-module__xqbsUq__resultItem,.ReactionExplorer-module__xqbsUq__recentBtn{transition:transform var(--duration-fast)var(--ease-default),background-color var(--duration-fast)var(--ease-default),border-color var(--duration-fast)var(--ease-default),box-shadow var(--duration-fast)var(--ease-default)}.ReactionExplorer-module__xqbsUq__actionBtn{border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-border-strong)88%,transparent);padding:var(--space-2)var(--space-4);background:color-mix(in oklab,var(--color-surface)90%,transparent);font-weight:var(--weight-semibold)}.ReactionExplorer-module__xqbsUq__actionBtn:hover:not(:disabled),.ReactionExplorer-module__xqbsUq__quickPairBtn:hover,.ReactionExplorer-module__xqbsUq__resultItem:hover,.ReactionExplorer-module__xqbsUq__recentBtn:hover,.ReactionExplorer-module__xqbsUq__clearBtn:hover{transform:translateY(-1px)}.ReactionExplorer-module__xqbsUq__actionBtn:disabled,.ReactionExplorer-module__xqbsUq__clearBtn:disabled{opacity:.45;cursor:not-allowed}.ReactionExplorer-module__xqbsUq__actionPrimary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-text-inverse);border-color:#0000}.ReactionExplorer-module__xqbsUq__quickPairs{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.ReactionExplorer-module__xqbsUq__quickPairBtn{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%);padding:var(--space-2);text-align:left;gap:2px;display:grid}.ReactionExplorer-module__xqbsUq__quickPairBtn span{font-weight:var(--weight-semibold)}.ReactionExplorer-module__xqbsUq__quickPairMeta{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.ReactionExplorer-module__xqbsUq__workbench{gap:var(--space-4);padding:var(--space-6);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%);box-shadow:var(--shadow-md);grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.ReactionExplorer-module__xqbsUq__slot{gap:var(--space-2);display:grid}.ReactionExplorer-module__xqbsUq__slotHeader{justify-content:space-between;align-items:center;display:flex}.ReactionExplorer-module__xqbsUq__slot label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.ReactionExplorer-module__xqbsUq__operator{color:color-mix(in oklab,var(--color-text-secondary)80%,var(--color-primary)20%);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:var(--weight-bold);padding-inline:var(--space-2);align-self:center}.ReactionExplorer-module__xqbsUq__searchBox{position:relative}.ReactionExplorer-module__xqbsUq__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)}.ReactionExplorer-module__xqbsUq__input:focus{outline:2px solid var(--color-focus);outline-offset:1px}.ReactionExplorer-module__xqbsUq__results{margin-top:var(--space-1);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-height:280px;z-index:var(--z-dropdown);position:absolute;overflow-y:auto}.ReactionExplorer-module__xqbsUq__resultItem{gap:var(--space-1);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);grid-template-columns:1fr auto;align-items:center;display:grid}.ReactionExplorer-module__xqbsUq__resultItem:last-child{border-bottom:none}.ReactionExplorer-module__xqbsUq__resultItem:hover{background:color-mix(in oklab,var(--color-primary-light)18%,var(--color-surface))}.ReactionExplorer-module__xqbsUq__resultMain{font-size:var(--text-sm)}.ReactionExplorer-module__xqbsUq__resultMeta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.ReactionExplorer-module__xqbsUq__resultCategory{color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:capitalize;grid-column:1/-1}.ReactionExplorer-module__xqbsUq__selectedElement{border-radius:var(--radius-lg);min-height:184px;padding:var(--space-4);background:radial-gradient(circle at 15% -5%,color-mix(in oklab,var(--color-primary-light)35%,transparent),transparent 34%),color-mix(in oklab,var(--color-surface)92%,var(--color-bg-secondary)8%);box-shadow:var(--shadow-sm);border:2px solid #0000;place-items:center;display:grid;position:relative}.ReactionExplorer-module__xqbsUq__atomicNumber{top:var(--space-2);left:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);position:absolute}.ReactionExplorer-module__xqbsUq__symbol{font-size:clamp(2.1rem,4.6vw,3rem);font-weight:var(--weight-bold);line-height:1}.ReactionExplorer-module__xqbsUq__name{margin-top:var(--space-2);font-size:var(--text-base);text-align:center}.ReactionExplorer-module__xqbsUq__categoryLabel{margin-top:var(--space-1);text-transform:capitalize;font-size:var(--text-sm);color:var(--color-text-secondary)}.ReactionExplorer-module__xqbsUq__elementFacts{margin-top:var(--space-2);gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.ReactionExplorer-module__xqbsUq__clearBtn{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-surface)65%,var(--color-bg-secondary)35%);border:1px solid color-mix(in oklab,var(--color-border)85%,transparent);width:30px;height:30px;font-size:1.2rem;line-height:1;position:absolute}.ReactionExplorer-module__xqbsUq__clearBtn:hover{background:color-mix(in oklab,var(--color-bg-tertiary)75%,transparent)}.ReactionExplorer-module__xqbsUq__output{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)95%,var(--color-bg-secondary)5%);min-height:220px;display:grid}.ReactionExplorer-module__xqbsUq__reactionCard{gap:var(--space-3);width:100%;display:grid}.ReactionExplorer-module__xqbsUq__reactionTop{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ReactionExplorer-module__xqbsUq__reactionName{color:var(--color-text-secondary)}.ReactionExplorer-module__xqbsUq__equationCard{border-radius:var(--radius-lg);border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);background:color-mix(in oklab,var(--color-surface)76%,var(--color-bg-secondary)24%);padding:var(--space-4)}.ReactionExplorer-module__xqbsUq__equation{font-size:clamp(1.15rem,2vw,1.45rem);font-family:var(--font-mono);overflow-x:auto}.ReactionExplorer-module__xqbsUq__reactionType{font-weight:var(--weight-semibold);color:var(--color-info)}.ReactionExplorer-module__xqbsUq__reactionMetrics{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.ReactionExplorer-module__xqbsUq__metricItem{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-md);background:color-mix(in oklab,var(--color-surface)78%,var(--color-bg-secondary)22%);padding:var(--space-3);gap:2px;display:grid}.ReactionExplorer-module__xqbsUq__metricItem span{color:var(--color-text-secondary);font-size:var(--text-xs)}.ReactionExplorer-module__xqbsUq__metricItem strong{font-size:var(--text-sm)}.ReactionExplorer-module__xqbsUq__info{color:var(--color-text-secondary);max-width:70ch}.ReactionExplorer-module__xqbsUq__noReaction{text-align:left;width:100%;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid color-mix(in oklab,var(--color-warning)35%,var(--color-border));background:color-mix(in oklab,var(--color-warning)9%,var(--color-surface));gap:var(--space-2);display:grid}.ReactionExplorer-module__xqbsUq__noReactionDetails{color:var(--color-text-secondary);font-size:var(--text-sm)}.ReactionExplorer-module__xqbsUq__placeholderPanel{text-align:center;gap:var(--space-2);display:grid}.ReactionExplorer-module__xqbsUq__placeholderText{color:var(--color-text-secondary)}.ReactionExplorer-module__xqbsUq__placeholderSub{color:var(--color-text-tertiary);font-size:var(--text-sm)}.ReactionExplorer-module__xqbsUq__recentSection,.ReactionExplorer-module__xqbsUq__infoSection{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)95%,var(--color-bg-secondary)5%);padding:var(--space-5);gap:var(--space-3);display:grid}.ReactionExplorer-module__xqbsUq__recentList{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.ReactionExplorer-module__xqbsUq__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)76%,var(--color-bg-secondary)24%);padding:var(--space-3);text-align:left;gap:2px;display:grid}.ReactionExplorer-module__xqbsUq__recentMeta{color:var(--color-text-secondary);font-size:var(--text-xs)}.ReactionExplorer-module__xqbsUq__infoGrid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.ReactionExplorer-module__xqbsUq__infoCard{border:1px solid color-mix(in oklab,var(--color-border)84%,transparent);border-radius:var(--radius-md);background:color-mix(in oklab,var(--color-surface)78%,var(--color-bg-secondary)22%);padding:var(--space-3);gap:var(--space-1);display:grid}.ReactionExplorer-module__xqbsUq__infoCard h3{font-size:var(--text-base)}.ReactionExplorer-module__xqbsUq__infoCard p{color:var(--color-text-secondary);font-size:var(--text-sm)}.ReactionExplorer-module__xqbsUq__category-alkali{border-color:var(--cat-alkali)}.ReactionExplorer-module__xqbsUq__category-alkaline-earth{border-color:var(--cat-alkaline-earth)}.ReactionExplorer-module__xqbsUq__category-transition{border-color:var(--cat-transition)}.ReactionExplorer-module__xqbsUq__category-post-transition{border-color:var(--cat-post-transition)}.ReactionExplorer-module__xqbsUq__category-metalloid{border-color:var(--cat-metalloid)}.ReactionExplorer-module__xqbsUq__category-nonmetal{border-color:var(--cat-nonmetal)}.ReactionExplorer-module__xqbsUq__category-halogen{border-color:var(--cat-halogen)}.ReactionExplorer-module__xqbsUq__category-noble-gas{border-color:var(--cat-noble-gas)}.ReactionExplorer-module__xqbsUq__category-lanthanide{border-color:var(--cat-lanthanide)}.ReactionExplorer-module__xqbsUq__category-actinide{border-color:var(--cat-actinide)}.ReactionExplorer-module__xqbsUq__category-unknown{border-color:var(--cat-unknown)}@media (max-width:980px){.ReactionExplorer-module__xqbsUq__workbench{grid-template-columns:1fr}.ReactionExplorer-module__xqbsUq__operator{justify-self:center;transform:rotate(90deg)}.ReactionExplorer-module__xqbsUq__reactionTop{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.ReactionExplorer-module__xqbsUq__controlRow,.ReactionExplorer-module__xqbsUq__workbench,.ReactionExplorer-module__xqbsUq__output,.ReactionExplorer-module__xqbsUq__recentSection,.ReactionExplorer-module__xqbsUq__infoSection{padding:var(--space-4)}.ReactionExplorer-module__xqbsUq__quickPairs,.ReactionExplorer-module__xqbsUq__recentList,.ReactionExplorer-module__xqbsUq__infoGrid{grid-template-columns:1fr}}