.calc-hint{z-index:4;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:calc(11px * var(--ui-scale,1));white-space:nowrap;pointer-events:none;border-radius:4px;margin-top:2px;padding:1px 6px;font-style:normal;line-height:1.4;position:absolute;top:100%;right:0;box-shadow:0 2px 6px #0000001f}.calc-hint.err{border-color:var(--danger);background:var(--danger);color:#fff;white-space:normal;width:max-content;min-width:100%;max-width:280px;left:0;right:auto}.tnum:has(.calc-hint.err) .trange{display:none}.calc-field{flex:1;min-width:0;display:flex;position:relative}.calc-field input{flex:1;min-width:0}.calc-field.bad input{border-color:var(--danger);background:var(--bad-bg)}.tgrade-ratio,.dv-field{position:relative}.value-box.bad{border-color:var(--danger)}.cmdinput .calc-hint{margin:0 0 4px;inset:auto auto 100% 36px}.fbox{border:1px solid var(--line);background:var(--surface);border-radius:5px;align-items:center;min-width:0;display:flex;position:relative}:is(.tnum,.num) .fbox>input{border-radius:inherit;background:0 0;border:0;flex:auto;width:auto;min-width:0;padding:5px 2px 5px 6px}:is(.tnum,.num) .fbox>input:focus{outline:none}.fbox:focus-within{outline:2px solid var(--accent);outline-offset:-1px}:is(.tnum,.num).bad .fbox{border-color:var(--danger);background:var(--bad-bg)}:is(.tnum,.num).bad .fbox>input{background:0 0}.fbox-unit{font-style:normal;font-size:calc(11px * var(--ui-scale,1));color:var(--dim);white-space:nowrap;pointer-events:none;flex:none;padding:0 6px 0 1px}.fbox-say{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fbox-note{font-size:calc(10.5px * var(--ui-scale,1));color:var(--dim);text-align:right;line-height:1.25}.fbox-pop{z-index:1001;color:#fff;width:max-content;max-width:280px;font-size:calc(11px * var(--ui-scale,1));white-space:nowrap;pointer-events:none;background:#1c2026;border-radius:4px;padding:1px 6px;line-height:1.4;position:fixed;box-shadow:0 2px 8px #0003}.factor-field{gap:2px;display:grid}.factor-bar{font-size:calc(12px * var(--ui-scale));color:var(--dim);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 0 6px;display:grid}.factor-bar>span{white-space:nowrap}.factor-bar input[type=range]{width:100%;min-width:0;accent-color:var(--accent);margin:0}
