:root{color-scheme:light dark;--bg: #f4f6f9;--surface: #ffffff;--border: #e2e6ec;--text: #111827;--muted: #6b7280;--accent: #2563eb;--accent-soft: rgb(37 99 235 / .16);--good: #15803d;--good-soft: #dcfce7;--fair: #b45309;--fair-soft: #fef3c7;--poor: #b91c1c;--poor-soft: #fee2e2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0b0f17;--surface: #121826;--border: #252e3f;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa;--accent-soft: rgb(96 165 250 / .2);--good: #4ade80;--good-soft: rgb(74 222 128 / .12);--fair: #fbbf24;--fair-soft: rgb(251 191 36 / .12);--poor: #f87171;--poor-soft: rgb(248 113 113 / .12)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.card{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.control{display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.invalid .control{border-color:var(--poor)}.control input{flex:1;min-width:0;padding:8px 0;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums}.affix{color:var(--muted)}.spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner.dark{border-color:var(--border);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}