.mode-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.mode-tab{flex:1 1 auto;padding:.6rem .8rem;font-weight:600;color:var(--text-2);background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.mode-tab.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.input-unit{display:flex;gap:.5rem;align-items:stretch}.input-unit input{flex:1 1 auto;min-width:0}.input-unit select{flex:0 0 auto;width:auto;min-width:4.5rem}.unit-tag{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:3rem;padding:0 .7rem;font-weight:600;color:var(--text-2);background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-sm)}.grid.cols-2 .result{text-align:center;padding:.9rem .6rem;margin-top:0}.grid.cols-2 .big-value{font-size:clamp(1.4rem, 4.5vw, 2rem);line-height:1.1}.grid.cols-2 .badge{margin-top:.4rem}.result-main{border-color:var(--accent)}.result-main .btn-sm{margin-top:.6rem}.msg{margin-top:1rem;font-weight:600;min-height:1.2em}.msg:empty{margin-top:0}.field.is-err input,.input-unit input.is-err{border-color:var(--danger,#dc2626)}