.nernst-container{--ne-cat:#22d3ee;--ne-an:#f59e0b;--ne-positive:#34d399;flex-direction:column;gap:1.2rem;width:100%;display:flex}.nernst-container .samples-row{margin-bottom:-.2rem}.nernst-container .sample-btn{border-radius:999px}.nernst-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.nernst-field-group{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:.4rem;padding:.75rem .8rem;display:flex}.nernst-field-group label{color:var(--text-dim);font-size:.78rem;font-weight:700}.nernst-container .nernst-field-group input[type=number],.nernst-container .nernst-field-group select{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;color:var(--text);box-shadow:none;border-radius:8px;padding:.5rem .65rem}.nernst-container .nernst-field-group select option{background:var(--bg-surface);color:var(--text)}.nernst-container .nernst-field-group select:focus,.nernst-container .nernst-field-group input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:1px}.nernst-swap-btn{align-self:flex-start;margin-top:auto}.nernst-cell-summary{font-family:var(--font-mono);text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;font-size:1.05rem;font-weight:650;overflow-x:auto}.nernst-cell-summary sub,.nernst-cell-summary sup{font-size:.7em}.nernst-cell-visual{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));background:radial-gradient(circle at 20% 100%,color-mix(in srgb,var(--ne-an) 13%,transparent),transparent 35%),radial-gradient(circle at 80% 100%,color-mix(in srgb,var(--ne-cat) 13%,transparent),transparent 35%),var(--bg-surface);border-radius:17px;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:.7rem;padding:1rem;display:grid;position:relative}.nernst-electron{color:var(--text-dim);font:700 .82rem var(--font-mono);grid-column:1/-1;justify-content:center;align-items:center;gap:.8rem;display:flex}.nernst-electron b{color:var(--ne-positive);font-size:1.5rem}.nernst-electron strong{border:1px solid var(--border);color:var(--text);background:var(--bg);border-radius:999px;padding:.25rem .55rem}.nernst-half{isolation:isolate;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 50%,transparent);border-radius:12px 12px 24px 24px;grid-template-columns:1fr auto;align-items:end;gap:.4rem;min-height:120px;padding:.8rem;display:grid;position:relative;overflow:hidden}.nernst-half:before{content:"";z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--ne-cat) 30%,transparent),color-mix(in srgb,var(--ne-cat) 13%,transparent));position:absolute;inset:48% 0 0}.nernst-half--an:before{background:linear-gradient(180deg,color-mix(in srgb,var(--ne-an) 30%,transparent),color-mix(in srgb,var(--ne-an) 13%,transparent))}.nernst-half>span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.055em;grid-column:1/-1;align-self:start;font-size:.69rem}.nernst-half>b{border:2px solid var(--ne-cat);background:color-mix(in srgb,var(--ne-cat) 14%,var(--bg-surface));min-width:44px;font:800 .9rem var(--font-mono);border-bottom:0;align-self:stretch;place-items:center;padding:.4rem;display:grid}.nernst-half--an>b{border-color:var(--ne-an);background:color-mix(in srgb,var(--ne-an) 14%,var(--bg-surface))}.nernst-half>i{font-style:normal;font:.72rem var(--font-mono);color:var(--text)}.nernst-bridge{color:var(--text-dim);align-content:center;place-items:center;display:grid}.nernst-bridge i{border:1px solid var(--border);background:repeating-linear-gradient(90deg,var(--ne-an) 0 8px,var(--ne-cat) 8px 16px);width:100%;height:7px}.nernst-bridge span{font-size:1.4rem}.nernst-readouts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:.65rem;display:grid}.nernst-container .metric-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;min-height:88px;padding:.75rem .85rem;position:relative;overflow:hidden}.nernst-container .metric-card:first-child{border-color:color-mix(in srgb,var(--ne-positive) 52%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--ne-positive) 10%,var(--bg-surface)),var(--bg-surface))}.nernst-container .metric-label{min-height:2em;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.67rem;line-height:1.25}.nernst-container .metric-value{font:800 1.03rem var(--font-mono);overflow-wrap:anywhere;margin-top:.35rem}.nernst-container .metric-value small{color:var(--text-dim);font-size:.62em;font-weight:700}.nernst-formula{border:1px solid var(--border);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,var(--bg-surface)),var(--bg-surface));border-radius:14px;padding:1rem 5.5rem 1rem 1rem;position:relative;overflow-x:auto}.nernst-formula:after{content:attr(data-correction);border:1px solid var(--border);color:var(--text-dim);font:700 .7rem var(--font-mono);background:var(--bg);border-radius:999px;padding:.2rem .45rem;position:absolute;top:.7rem;right:.7rem}.nernst-formula .katex-display{text-align:left;margin:0}.nernst-axis-toggle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.nernst-segmented{border:1px solid var(--border);background:var(--bg-surface);border-radius:9px;gap:3px;padding:3px;display:inline-flex}.nernst-container .nernst-segmented .seg-btn{color:var(--text-dim);background:0 0;border:0;border-radius:6px;padding:.3rem .75rem;font-size:.8rem}.nernst-container .nernst-segmented .seg-btn.active{background:var(--accent);color:#fff;font-weight:700}.nernst-chart-shell{border-radius:14px;margin-top:-.5rem}.nernst-chart-shell canvas{border-radius:9px;width:100%}@media (width<=720px){.nernst-controls-grid{grid-template-columns:1fr}.nernst-cell-visual{grid-template-columns:1fr 52px 1fr}.nernst-half{min-height:108px;padding:.6rem}.nernst-half>i{font-size:.64rem}}@media (width<=480px){.nernst-cell-visual{grid-template-columns:1fr;padding:.75rem}.nernst-electron{order:2;grid-column:auto}.nernst-half--an{order:1}.nernst-bridge{order:3;grid-template-columns:1fr auto 1fr}.nernst-half--cat{order:4}.nernst-formula{padding:2.6rem .75rem .8rem;font-size:.84rem}.nernst-readouts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nernst-container .metric-card{min-height:82px}}
