:root{color-scheme:dark;--nl-bg: #000;--nl-surface: #000;--nl-text: #fff;--nl-muted: #9a9a9a;--nl-gold-1: #f7e08a;--nl-gold-2: #d4a53a;--nl-gold-3: #8a6418;--nl-gold-frame: linear-gradient( 160deg, var(--nl-gold-1) 0%, var(--nl-gold-2) 45%, var(--nl-gold-3) 100% );--nl-accent: #f5c518;--nl-accent-hover: #ffd233;--nl-success: #2fbf71;--nl-error: #ff6b6b;--nl-pending: #e8b339;--nl-radius: 18px;--nl-radius-sm: 10px}*{box-sizing:border-box}body{margin:0;background:var(--nl-bg);color:var(--nl-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nl-modal{max-width:380px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:20px}.nl-modal__header{display:flex;justify-content:center}.nl-logo{display:block;width:96px;height:96px;object-fit:contain}.nl-form,.nl-invoice{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--nl-surface);border:2px solid transparent;border-radius:var(--nl-radius);background-image:linear-gradient(var(--nl-surface),var(--nl-surface)),var(--nl-gold-frame);background-origin:border-box;background-clip:padding-box,border-box}.nl-field{display:flex;flex-direction:column;gap:6px}.nl-field__label{font-size:.85rem;font-weight:700;color:var(--nl-text)}.nl-field__input{width:100%;padding:12px 14px;font-size:.95rem;color:#111;background:#fff;border:none;border-radius:var(--nl-radius-sm);outline:none}.nl-field__input::placeholder{color:#8a8a8a}.nl-field__input:focus-visible{outline:2px solid var(--nl-accent);outline-offset:2px}.nl-button{width:100%;padding:12px 16px;font-size:.95rem;font-weight:700;color:#111;background:var(--nl-accent);border:none;border-radius:var(--nl-radius-sm);cursor:pointer}.nl-button:hover:not(:disabled){background:var(--nl-accent-hover)}.nl-button:disabled{opacity:.5;cursor:not-allowed}.nl-link{align-self:center;padding:0;font-size:.8rem;color:var(--nl-muted);background:none;border:none;text-decoration:underline;cursor:pointer}.nl-link:hover{color:var(--nl-text)}.nl-invoice__text{margin:0;color:var(--nl-muted);line-height:1.5}.nl-status{padding:10px 12px;border-radius:var(--nl-radius-sm);font-size:.9rem;border:1px solid transparent}.nl-status--success{color:var(--nl-success);border-color:var(--nl-success)}.nl-status--error{color:var(--nl-error);border-color:var(--nl-error)}.nl-status--pending,.nl-status--resend{color:var(--nl-pending);border-color:var(--nl-pending)}@media (max-width: 420px){.nl-modal{padding:16px}.nl-form,.nl-invoice{padding:18px}}
