:root{--bg:#f4f7fb;--surface:#fff;--text:#16202e;--muted:#5a6b7e;--accent:#0e7ec4;--border:#d6e0ea;--green:#2bb673;--amber:#f5b921;--red:#e5523e}:root[data-theme=dark]{--bg:#1f2933;--surface:#273441;--text:#eef4fa;--muted:#9aa7b5;--accent:#22d3ee;--border:#3a4a59;--green:#2bb673;--amber:#f5b921;--red:#e5523e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}nav{background:#e4ebf3;max-width:440px;margin:0 auto;display:flex}nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 6px;font-family:inherit;font-size:14px}nav button:hover{color:var(--accent)}nav button.on{color:var(--accent);background:var(--bg);border-bottom-color:var(--accent);font-weight:700}.fld{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:8px 0;padding:10px 12px}.row1{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.lbl{color:var(--muted);font-size:14px}.u{color:var(--muted);font-size:12px;font-weight:400}.numbox{text-align:right;width:90px;color:var(--text);background:#eef4fa;border:1px solid #cfe0f0;border-radius:7px;padding:5px 8px;font-family:inherit;font-size:14px;font-weight:700}.ends{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:4px 0 2px}input[type=number]{font-family:inherit}.result{box-shadow:0 6px 18px #0e7ec440}.result .fld{background:#ffffff24;border-color:#ffffff4d}.result .lbl,.result .ends,.result .u{color:#ffffffe6}.result .numbox{background:#ffffffeb;border-color:#0000}.result input[type=range]{accent-color:#fff}.pill2{color:#33536b;white-space:nowrap;background:#e4ebf3;border-radius:999px;padding:3px 9px;font-size:11px}.reccard .u{text-transform:uppercase;letter-spacing:.03em;font-size:10px}h4{margin:18px 0 8px;font-size:15px}.cmp{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;overflow:hidden}.cmp th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#eef4fa;padding:8px 12px;font-size:11px;font-weight:600}.cmp td{border-top:1px solid var(--border);padding:9px 12px;font-size:14px}.cmp td.u{text-transform:capitalize}.cmp tbody tr.now{background:#0e7ec417}.dot{vertical-align:middle;border-radius:50%;width:12px;height:12px;display:inline-block}