.mode-toggle{gap:.6rem}.mode-btn.active{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--accent-ink)}.mode-btn.active:hover{background:var(--btn-bg-hover);border-color:var(--btn-bg-hover);color:var(--accent-ink)}.unit-row{display:flex;gap:.6rem}.unit-row input{flex:1;min-width:0}.unit-row select{flex:0 0 auto;width:auto;min-width:100px}.out-row{display:flex;align-items:center;gap:.6rem;margin-bottom:0}.out-row input{flex:1;font-family:var(--mono);font-variant-ligatures:none;font-size:1.1rem;font-weight:700;color:var(--accent)}.code-copy-btn{font:inherit;font-size:.78rem;line-height:1;padding:.55rem .7rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;flex:0 0 auto}.code-copy-btn:hover{border-color:var(--accent);color:var(--accent)}#out-formula{margin-top:.6rem}.nb-error{color:#e23b3b;font-size:.88rem;min-height:1.1em;margin:.4rem 0 0}[data-theme=dark] .nb-error{color:#ff6b6b}@media (max-width:480px){.unit-row{flex-wrap:wrap}.unit-row select{flex:1 1 100%;width:100%}}