.nx{--nx-ink: oklch(.2 .02 223);--nx-ink-2: oklch(.36 .02 223);--nx-muted: oklch(.46 .022 223);--nx-faint: oklch(.6 .018 223);--nx-rule: oklch(.91 .01 223);--nx-band: oklch(.955 .008 223);--nx-slate: oklch(.386 .041 223);--nx-lime: #4d7c0f;--nx-lime-bg: #ecfccb;--nx-green: oklch(.43 .095 167);--nx-green-bg: oklch(.965 .03 166);--nx-amber: #8a5300;--nx-amber-bg: #fdf3d7;--nx-red: #b42318;--nx-red-bg: #fdecea;--nx-blue: #2e5bb8;--nx-blue-bg: #e7efff;--nx-frame: linear-gradient(150deg, oklch(.966 .004 215), oklch(.958 .007 223) 52%, oklch(.949 .009 235));--nx-glass-shadow: inset 0 1px 0 rgb(255 255 255 / .55), inset 0 0 0 1px rgb(255 255 255 / .25), 0 0 0 .5px rgb(30 50 70 / .1), 0 0 3px rgb(30 50 70 / .07), 0 1px 3px rgb(30 50 70 / .05), 0 10px 30px -14px rgb(30 50 70 / .16);color:var(--nx-ink);font-family:var(--font-sans);font-variant-numeric:tabular-nums;line-height:1.4;text-align:left}.nx-sheet{position:relative;border-radius:22px;background:#ffffffe6;border:1px solid rgb(255 255 255 / .72);box-shadow:0 1px 1px #1e32460a,0 10px 36px -14px #1e324624,0 30px 80px -36px #1e324638}[data-tone=dark] .nx-sheet{box-shadow:0 1px #ffffff80 inset,0 40px 80px -40px #000c}.nx-card{border-radius:18px;background:linear-gradient(135deg,#fffffff2,#ffffffc7 45%,#ffffffe6);box-shadow:var(--nx-glass-shadow)}.nx-h{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--nx-ink)}.nx-sub{font-size:13.5px;color:var(--nx-muted)}.nx-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--nx-faint)}.nx-field-label{display:block;font-size:13px;font-weight:500;color:var(--nx-ink-2);margin-bottom:6px}.nx-input{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--nx-rule);background:#fff;font-size:14px;color:var(--nx-ink);min-width:0}.nx-input--muted{color:var(--nx-muted)}.nx-mono{font-family:var(--font-mono);font-size:12.5px;letter-spacing:0}.nx-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1}.nx-pill--green{color:var(--nx-green);background:var(--nx-green-bg)}.nx-pill--amber{color:var(--nx-amber);background:var(--nx-amber-bg)}.nx-pill--red{color:var(--nx-red);background:var(--nx-red-bg)}.nx-pill--blue{color:var(--nx-blue);background:var(--nx-blue-bg)}.nx-pill--gray{color:var(--nx-muted);background:var(--nx-band)}.nx-pill--lime{color:var(--nx-lime);background:var(--nx-lime-bg)}.nx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:600;white-space:nowrap;background:#111827;color:#fff}.nx-btn--slate{background:var(--nx-slate)}.nx-btn--ghost{background:#fff;color:var(--nx-ink-2);border:1px solid var(--nx-rule);font-weight:500}.nx-btn svg{width:15px;height:15px}.nx-range{--v: 84;position:relative;height:6px;border-radius:999px;background:linear-gradient(90deg,#111827 calc(var(--v) * 1%),var(--nx-rule) 0)}.nx-range:after{content:"";position:absolute;top:50%;left:calc(var(--v) * 1%);width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #111827;box-shadow:0 1px 3px #0003;transform:translate(-50%,-50%)}.nx-slider{--v: 84;-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer;margin:0}.nx-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#111827 calc(var(--v) * 1%),var(--nx-rule) 0)}.nx-slider::-moz-range-track{height:6px;border-radius:999px;background:var(--nx-rule)}.nx-slider::-moz-range-progress{height:6px;border-radius:999px;background:#111827}.nx-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid #111827;box-shadow:0 1px 4px #00000038;transition:transform var(--t-fast) var(--ease-ui)}.nx-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #111827;box-shadow:0 1px 4px #00000038}.nx-slider:active::-webkit-slider-thumb{transform:scale(1.08)}.nx-slider:focus-visible{outline:none}.nx-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #3d4fd659}.nx-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #3d4fd659}.nx-hatch{background:repeating-linear-gradient(-45deg,#1e32460d 0 6px,#1e32461a 6px 8px)}
