.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)}.grid.cols-3 .result{text-align:center;padding:.9rem .6rem;margin-top:0}.grid.cols-3 .big-value{font-size:clamp(1.3rem, 4.2vw, 1.9rem);line-height:1.1;word-break:break-word}.grid.cols-3 .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.is-err{border-color:var(--danger,#dc2626)}