.nf-container{--nf-surface: #f8fafc;--nf-surface-strong: #ffffff;--nf-border: #cbd5e1;--nf-border-dark: #475569;--nf-text: #0f172a;--nf-muted: #475569;--nf-accent: #0f9bd1;--nf-accent-strong: #0b7ba8;--nf-shadow: 0 10px 28px rgba(15, 23, 42, .08);--nf-accent-shadow: 0 12px 30px rgba(15, 155, 209, .15);--nf-accent-hover-shadow: 0 14px 34px rgba(15, 155, 209, .2);--nf-button-hover-shadow: 0 6px 18px rgba(0, 0, 0, .08);--nf-font-family: "SFMono-Regular", "JetBrains Mono", "Menlo", monospace;--nf-container-padding: 16px;--nf-container-gap: 12px;--nf-container-radius: 16px;--nf-display-radius: 10px;--nf-button-radius: 10px;--nf-button-height: 52px;--nf-keypad-gap: 10px;--nf-display-font-size: 28px;--nf-button-font-size: 18px;--nf-button-font-weight: 600;--nf-button-shadow: none;--nf-button-hover-shadow: 0 8px 30px rgba(0, 0, 0, .1);background:var(--nf-surface);border:1px solid var(--nf-border);border-radius:var(--nf-container-radius);color:var(--nf-text);display:inline-flex;flex-direction:column;gap:var(--nf-container-gap);min-width:240px;padding:var(--nf-container-padding);font-family:var(--nf-font-family)}.nf-container[data-theme=dark]{--nf-surface: #0b1221;--nf-surface-strong: #121c2f;--nf-border: rgba(255, 255, 255, .371);--nf-text: #e8edf7;--nf-muted: #9aa5bd;--nf-accent: #4dd0e1;--nf-accent-strong: #1ca5b5;--nf-shadow: 0 18px 50px rgba(4, 10, 25, .4);--nf-accent-shadow: 0 14px 40px rgba(77, 208, 225, .3);--nf-accent-hover-shadow: 0 16px 46px rgba(77, 208, 225, .45);--nf-button-hover-shadow: 0 8px 30px rgba(0, 0, 0, .3);background:linear-gradient(145deg,var(--nf-surface),#0d1527)}.nf-display{background:var(--nf-surface-strong);border:1px solid var(--nf-border);border-radius:var(--nf-display-radius);color:var(--nf-text);font-size:var(--nf-display-font-size);font-variant-numeric:tabular-nums;padding:12px;text-align:right;min-height:var(--nf-button-height);letter-spacing:.5px;box-shadow:inset 0 1px #ffffff0a;transition:border-color .2s ease,box-shadow .2s ease}.nf-display[data-error]{border-color:#ef4444;box-shadow:inset 0 1px #ffffff0a,0 0 0 2px #ef44441a}.nf-container[data-theme=dark] .nf-display[data-error]{border-color:#f87171;box-shadow:inset 0 1px #ffffff0a,0 0 0 2px #f8717133}.nf-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--nf-keypad-gap)}.nf-button{align-items:center;background:linear-gradient(180deg,#ffffff08,#00000029);border:1px solid var(--nf-border);border-radius:var(--nf-button-radius);color:var(--nf-text);cursor:pointer;display:inline-flex;font-size:var(--nf-button-font-size);font-weight:var(--nf-button-font-weight);justify-content:center;min-height:var(--nf-button-height);padding:8px 10px;transition:background .15s ease,box-shadow .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;box-shadow:var(--nf-button-shadow)}.nf-button:hover{box-shadow:none;background:linear-gradient(180deg,#ffffff0d,#0000001f);border-color:var(--nf-border-dark)}.nf-button:active{transform:translateY(1px)}.nf-button:focus-visible{outline:2px solid var(--nf-accent);outline-offset:2px}.nf-button:focus{outline:2px solid var(--nf-accent);outline-offset:2px}.nf-announcer{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.nf-button-accent{background:linear-gradient(145deg,var(--nf-accent),var(--nf-accent-strong));border-color:#ffffff24;color:#02131a;box-shadow:var(--nf-accent-shadow)}.nf-button-accent:hover{box-shadow:var(--nf-accent-hover-shadow)}.nf-button-ghost{color:var(--nf-muted)}.nf-button-ghost:hover{color:var(--nf-text)}.nf-button[data-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.nf-button[data-disabled=true]:hover,.nf-button[data-disabled=true]:active,.nf-button[data-disabled=true]:focus{transform:none;box-shadow:var(--nf-button-shadow);background:linear-gradient(180deg,#ffffff08,#00000029);border-color:var(--nf-border)}.nf-mask-display{--char-width: 1.2ch;--char-spacing: .15ch;--slot-background: rgba(0, 0, 0, .05);--slot-filled-background: transparent;--division-line-color: var(--nf-text);--mask-font-size: 1em;display:flex;width:100%;max-width:100%;min-width:0;align-items:center;justify-content:flex-end;flex-wrap:nowrap;font-variant-numeric:tabular-nums;font-size:var(--mask-font-size);letter-spacing:var(--char-spacing);overflow:hidden;white-space:nowrap;transform-origin:right center}.nf-container[data-theme=dark] .nf-mask-display{--slot-background: rgba(255, 255, 255, .05)}.nf-mask-fraction{display:flex;align-items:center;gap:.5em;flex-wrap:nowrap;white-space:nowrap}.nf-mask-fraction-container{display:flex;flex-direction:row;align-items:center;gap:.25em}.nf-mask-numerator,.nf-mask-denominator{display:flex;justify-content:center;min-width:fit-content}.nf-mask-division-line{font-weight:600;padding:0 .125em}.nf-mask-decimal{display:flex;align-items:center;gap:.125em}.nf-mask-separator{font-weight:600;padding:0 .125em}.nf-mask-inline-separator{display:inline-block;min-width:.6em;text-align:center;font-weight:600;color:var(--nf-muted);letter-spacing:0;padding:0 .05em}.nf-mask-inline-separator--decimal{color:var(--nf-text)}.nf-mask-simple{display:flex;align-items:center;gap:.25em}.nf-mask-prefix,.nf-mask-suffix{color:var(--nf-muted);font-weight:500;white-space:nowrap}.nf-mask-prefix{margin-right:.25em}.nf-mask-suffix{margin-left:.25em}.nf-mask-char-slot{display:inline-block;width:var(--char-width);min-width:var(--char-width);text-align:center;background:var(--slot-background);border-radius:.25em;padding:.125em 0;margin:0 .0625em;position:relative;transition:background .15s ease,opacity .15s ease;min-height:1.2em;font-weight:600}.nf-mask-char-slot[data-filled=false]{opacity:.6;color:var(--nf-muted);background:var(--slot-background)}.nf-mask-char-slot[data-filled=true]{background:var(--slot-background);color:var(--nf-text);opacity:1}[data-segment][data-active=true] .numflux-mask-char-slot{box-shadow:0 0 0 1px var(--nf-accent)}[data-segment][data-active=true] .numflux-mask-char-slot[data-filled=false]:first-of-type{animation:pulse-slot 1.5s ease-in-out infinite}@keyframes pulse-slot{0%,to{background:var(--slot-background)}50%{background:#0f9bd126}}.nf-container[data-theme=dark] [data-segment][data-active=true] .numflux-mask-char-slot[data-filled=false]:first-of-type{animation:pulse-slot-dark 1.5s ease-in-out infinite}@keyframes pulse-slot-dark{0%,to{background:var(--slot-background)}50%{background:#4dd0e133}}.numflux-mask-integer,.numflux-mask-fractional{display:inline-flex;align-items:center;white-space:nowrap}