:root{--klb-bg: #0a0a0a;--klb-card: #0d0d0d;--klb-border: rgba(255, 255, 255, .07);--klb-border-soft: rgba(255, 255, 255, .05);--klb-red: #dc2626;--klb-red-hover: #ef4444;--klb-text: #ffffff;--klb-muted: #94a3b8;--klb-subtle: #64748b;--klb-faint: #475569;--klb-font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.klb-screen,.klb-screen *,.klb-screen *:before,.klb-screen *:after{box-sizing:border-box}.klb-screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;background:radial-gradient(ellipse 80% 45% at 50% 0%,rgba(220,38,38,.16),transparent 70%),var(--klb-bg);font-family:var(--klb-font);color:var(--klb-text);-webkit-tap-highlight-color:transparent}.klb-screen.klb-hidden,.klb-hidden,.klb-screen.hidden,.klb-card .hidden{display:none!important}.klb-card{width:100%;max-width:400px;margin:auto;padding:28px 22px 20px;border-radius:18px;background:var(--klb-card);border:1px solid var(--klb-border);box-shadow:0 24px 60px #0000008c;text-align:center}.klb-eyebrow{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.28em;color:var(--klb-red);text-transform:uppercase}.klb-title{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--klb-text)}.klb-user{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 22px;font-size:12px;color:var(--klb-subtle)}.klb-user:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981}.klb-user b{font-weight:600;color:#cbd5e1}.klb-section{margin:0 0 16px;padding-top:14px;border-top:1px solid var(--klb-border);text-align:left}.klb-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.klb-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--klb-faint)}.klb-value{font-size:12px;font-weight:700;color:var(--klb-red-hover)}.klb-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.klb-seg{min-height:40px;padding:6px 4px;border-radius:10px;border:1px solid var(--klb-border);background:#ffffff0a;color:var(--klb-muted);font:700 14px var(--klb-font);cursor:pointer}.klb-seg.is-active{border-color:#dc26268c;background:#dc26261f;color:var(--klb-red-hover)}.klb-hint{margin:8px 0 0;font-size:12px;line-height:1.35;color:var(--klb-subtle)}.klb-btn{display:block;width:100%;min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid transparent;font:600 15px var(--klb-font);cursor:pointer;transition:background-color .15s,transform .1s}.klb-btn:active{transform:scale(.98)}.klb-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.klb-primary{background:var(--klb-red);color:#fff;box-shadow:0 8px 22px #dc262640}.klb-primary:hover:not(:disabled){background:var(--klb-red-hover)}.klb-secondary{background:#ffffff0d;border-color:var(--klb-border);color:#e2e8f0}.klb-secondary:hover:not(:disabled){background:#ffffff17}.klb-divider{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--klb-faint)}.klb-divider:before,.klb-divider:after{content:"";flex:1;border-top:1px solid var(--klb-border-soft)}.klb-join{display:flex;gap:8px;margin-top:10px}.klb-join .klb-btn{width:auto;flex:0 0 auto;padding:12px 18px}.klb-input{flex:1;min-width:0;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--klb-border);background:#000;color:#fff;font:700 18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.25em;text-align:center;text-transform:uppercase;outline:none}.klb-input::placeholder{color:#334155;letter-spacing:.2em;font-size:14px}.klb-input:focus{border-color:#dc26268c}.klb-error{margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(127,29,29,.5);background:#450a0a73;color:#f87171;font-size:13px}.klb-back{display:inline-block;margin-top:18px;font-size:12px;color:var(--klb-subtle);text-decoration:none}.klb-back:hover{color:#cbd5e1}.klb-spinner{width:56px;height:56px;margin:4px auto 18px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--klb-red);animation:klb-spin .9s linear infinite}@keyframes klb-spin{to{transform:rotate(360deg)}}.klb-sub{margin:4px 0 18px;font-size:14px;color:var(--klb-subtle)}.klb-code{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:14px;border-radius:12px;border:1px solid var(--klb-border-soft);background:#00000080;font:800 30px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.22em}@media (prefers-reduced-motion: reduce){.klb-spinner{animation-duration:3s}}
