.kauth{--k-bg:#0b0d10;--k-panel:#12161c;--k-panel-2:#171c23;--k-line:#252c36;--k-line-2:#313a46;--k-text:#e9edf2;--k-muted:#98a2ae;--k-faint:#6b7480;--k-accent:#ff7a1a;--k-accent-2:#ffb15c;--k-ok:#3ccf8e;--k-err:#ff5d5d;--k-radius:14px;--k-font:"KAuth Onest", var(--font-inter,Inter), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--k-mono:"KAuth Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:var(--k-bg);min-height:100dvh;color:var(--k-text);font-family:var(--k-font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.kauth *,.kauth :before,.kauth :after{box-sizing:border-box}.kauth a{color:var(--k-accent-2);text-decoration:none}.kauth a:hover{text-decoration:underline}.kauth :focus-visible{outline:2px solid var(--k-accent);outline-offset:3px;border-radius:6px}.kauth .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kauth .skip-link{z-index:50;background:var(--k-accent);color:#111;border-radius:8px;padding:8px 14px;font-weight:600;position:absolute;top:-48px;left:12px}.kauth .skip-link:focus{top:12px}.kauth .notranslate{unicode-bidi:isolate}.kauth .inline-code{font-family:var(--k-mono);background:var(--k-panel-2);border:1px solid var(--k-line);border-radius:6px;padding:1px 6px;font-size:.92em}.kauth .kauth-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.kauth .no-js{text-align:center;color:var(--k-muted);padding:30px}.kauth .kauth-page,.kauth .layout{min-height:inherit;grid-template-columns:minmax(320px,46%) 1fr;display:grid}.kauth .brand-panel{background:radial-gradient(120% 90% at 0% 0%, #1b2029 0%, var(--k-bg) 60%);border-right:1px solid var(--k-line);flex-direction:column;justify-content:space-between;padding:40px 48px;display:flex;position:relative;overflow:hidden}.kauth .brand-top{align-items:center;gap:12px;display:flex}.kauth .brand{color:var(--k-text);letter-spacing:.02em;opacity:.85;align-items:center;gap:10px;font-weight:700;transition:opacity .4s;display:inline-flex}.kauth .brand.is-settled{opacity:1}.kauth .brand-copy{max-width:440px;margin:auto 0}.kauth .eyebrow{color:var(--k-accent-2);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.kauth .brand-title{margin:0 0 14px;font-size:clamp(28px,3.2vw,42px);font-weight:650;line-height:1.1}.kauth .brand-description{color:var(--k-muted);margin:0;font-size:16px}.kauth .brand-footer{color:var(--k-faint);font-size:13px}.kauth .portal-trace{opacity:.55;pointer-events:none;width:70%;max-width:560px;position:absolute;inset:auto -10% -18% auto}.kauth .portal-trace path{fill:none;stroke:var(--k-accent);stroke-width:1.4px;stroke-linecap:round}.kauth .portal-trace--middle path{stroke:var(--k-accent-2);opacity:.6}.kauth .portal-trace--core path{stroke:#fff;opacity:.35}.kauth .auth-side{flex-direction:column;min-width:0;padding:28px clamp(20px,5vw,64px);display:flex}.kauth .top-nav{color:var(--k-muted);justify-content:flex-end;align-items:center;gap:16px;font-size:14px;display:flex}.kauth .auth-wrap{width:100%;max-width:440px;margin:auto;padding:32px 0}.kauth .form-view{flex-direction:column;gap:18px;display:flex}.kauth .panel-heading{margin:0;font-size:26px;font-weight:650;line-height:1.2}.kauth .heading-slot{min-height:34px}.kauth .page-footer,.kauth .footer-help{color:var(--k-faint);text-align:center;margin-top:20px;font-size:13px}.kauth .mobile-how{display:none}.kauth .mode-tabs,.kauth .method-tabs{background:var(--k-panel);border:1px solid var(--k-line);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:relative}.kauth .mode-tabs button,.kauth .method-tabs button{z-index:1;color:var(--k-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px;font-weight:600;transition:color .2s;position:relative}.kauth .mode-tabs button[aria-selected=true],.kauth .method-tabs button[aria-selected=true]{color:var(--k-text)}.kauth .mode-indicator,.kauth .method-indicator{z-index:0;background:var(--k-panel-2);border:1px solid var(--k-line-2);border-radius:9px;width:calc(50% - 4px);transition:transform .25s;position:absolute;top:4px;bottom:4px;left:4px}.kauth [data-mode=signup] .mode-indicator,.kauth [data-method=token] .method-indicator{transform:translate(100%)}.kauth .field{flex-direction:column;gap:6px;display:flex}.kauth .label-row{color:var(--k-muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.kauth .label-row label{color:var(--k-text);font-weight:600}.kauth .input-wrap,.kauth .token-input-wrap{align-items:center;display:flex;position:relative}.kauth input{border:1px solid var(--k-line-2);background:var(--k-panel);width:100%;height:46px;color:var(--k-text);font:inherit;border-radius:11px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.kauth input::placeholder{color:var(--k-faint)}.kauth input:focus{border-color:var(--k-accent);outline:none;box-shadow:0 0 0 3px #ff7a1a2e}.kauth input[aria-invalid=true]{border-color:var(--k-err)}.kauth .input-wrap input{padding-right:46px}.kauth .icon-button,.kauth .paste-button{min-width:34px;height:34px;color:var(--k-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:0 8px;font-size:13px;display:inline-grid;position:absolute;right:6px}.kauth .icon-button:hover,.kauth .paste-button:hover{color:var(--k-text);background:var(--k-panel-2)}.kauth .field-error,.kauth .form-error{color:var(--k-err);margin:0;font-size:13px}.kauth .form-error{background:#ff5d5d14;border:1px solid #ff5d5d59;border-radius:10px;padding:10px 12px}.kauth .password-hint,.kauth .caps-note{color:var(--k-faint);margin:0;font-size:12.5px}.kauth .password-hint.is-valid{color:var(--k-ok)}.kauth .caps-note{color:var(--k-accent-2)}.kauth .terms{color:var(--k-faint);font-size:12.5px}.kauth .primary,.kauth .secondary,.kauth .quiet-button{width:100%;height:46px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.kauth .primary{background:var(--k-accent);color:#140b03;border:0}.kauth .primary:hover{filter:brightness(1.06)}.kauth .primary[disabled],.kauth .secondary[disabled]{opacity:.55;cursor:not-allowed}.kauth .secondary{border:1px solid var(--k-line-2);background:var(--k-panel);color:var(--k-text)}.kauth .secondary:hover{border-color:var(--k-muted)}.kauth .quiet-button{width:auto;height:auto;color:var(--k-muted);background:0 0;border:0;padding:6px 8px;font-weight:600}.kauth .quiet-button:hover{color:var(--k-text)}.kauth .spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite kauth-spin}@keyframes kauth-spin{to{transform:rotate(360deg)}}.kauth .hold-wrap{flex-direction:column;gap:8px;display:flex}.kauth .hold-button{border:1px solid var(--k-line-2);background:var(--k-panel);width:100%;height:52px;color:var(--k-text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;font-weight:650;position:relative;overflow:hidden}.kauth .hold-button.primary{background:var(--k-accent);color:#140b03;border:0}.kauth .hold-layer{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.kauth .hold-layer--filled{color:#140b03;clip-path:inset(0 calc(100% - var(--progress,0) * 100%) 0 0);background:var(--k-accent-2)}.kauth .hold-fill{width:calc(var(--progress,0) * 100%);background:#ffb15c40;position:absolute;inset:0 auto 0 0}.kauth .hold-icon{flex:none;width:18px;height:18px}.kauth .hold-label{white-space:nowrap}.kauth .hold-leading{align-items:center;gap:8px;display:inline-flex}.kauth .hold-meta,.kauth .hold-note{color:var(--k-faint);text-align:center;font-size:12.5px}.kauth .hold-create{margin-top:4px}.kauth .token-vault{border:1px solid var(--k-line-2);border-radius:var(--k-radius);background:var(--k-panel);flex-direction:column;gap:14px;padding:16px;display:flex}.kauth .vault-top,.kauth .vault-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.kauth .vault-label{color:var(--k-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.kauth .vault-status{color:var(--k-faint);font-size:12.5px}.kauth .vault-progress{background:var(--k-line);border-radius:2px;height:3px;overflow:hidden}.kauth .vault-progress:after{content:"";height:100%;width:calc(var(--decode-progress,0) * 100%);background:var(--k-accent);transition:width .12s linear;display:block}.kauth .vault-actions{flex-wrap:wrap;gap:8px;display:flex}.kauth .vault-actions>*{flex:auto;width:auto}.kauth .token-result,.kauth .token-reveal{flex-direction:column;gap:10px;display:flex}.kauth .token-groups{font-family:var(--k-mono);letter-spacing:.04em;flex-wrap:wrap;gap:8px 10px;font-size:18px;display:flex}.kauth .token-group{background:var(--k-panel-2);border:1px solid var(--k-line);border-radius:8px;gap:1px;padding:6px 8px;display:inline-flex}.kauth .token-prefix{color:var(--k-accent-2);font-family:var(--k-mono)}.kauth .token-char{text-align:center;min-width:.62em;display:inline-block}.kauth .token-char.is-random{color:var(--k-accent-2)}.kauth .token-code.is-obscured .token-char,.kauth .is-obscured .token-char{filter:blur(5px)}.kauth [data-secret=true]{-webkit-user-select:all;user-select:all}.kauth .token-brief{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kauth .brief-item{color:var(--k-muted);gap:10px;font-size:13.5px;display:flex}.kauth .brief-item .check-icon{color:var(--k-ok);flex:none}.kauth .token-login,.kauth .token-signup{flex-direction:column;gap:14px;display:flex}.kauth .token-input-wrap input{font-family:var(--k-mono);letter-spacing:.06em;padding-right:86px}.kauth .token-input-wrap.is-ready input{border-color:var(--k-ok)}.kauth .token-input-hint{color:var(--k-faint);font-size:12.5px}.kauth .token-input-hint.is-ready{color:var(--k-ok)}.kauth .has-token .token-input-hint{color:var(--k-muted)}.kauth .recovery-details{border:1px dashed var(--k-line-2);color:var(--k-muted);border-radius:12px;padding:10px 14px;font-size:13px}.kauth .recovery-details summary{cursor:pointer;color:var(--k-text);font-weight:600}.kauth .save-note{color:var(--k-muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.kauth .save-check{accent-color:var(--k-accent);flex:none;width:16px;height:16px;margin-top:2px}.kauth .dialog-icon{background:var(--k-panel-2);width:40px;height:40px;color:var(--k-accent-2);border-radius:12px;place-items:center;display:inline-grid}.kauth .data-label{color:var(--k-faint);font-size:12px}.kauth .data-value{font-family:var(--k-mono);word-break:break-all;font-size:13.5px}.kauth .action-status{min-height:20px;color:var(--k-muted);font-size:13px}.kauth .action-status[data-active=true]{color:var(--k-ok)}.kauth [data-expanded=false] .recovery-details{display:none}.kauth [data-stage]{transition:opacity .2s}@media (max-width:900px){.kauth .kauth-page,.kauth .layout{grid-template-columns:1fr}.kauth .brand-panel{border-right:0;border-bottom:1px solid var(--k-line);min-height:auto;padding:24px 20px}.kauth .brand-copy,.kauth .brand-footer,.kauth .portal-trace{display:none}.kauth .mobile-how{color:var(--k-muted);font-size:13.5px;display:block}.kauth .auth-side{padding:16px}.kauth .auth-wrap{padding:16px 0 24px}.kauth .panel-heading{font-size:22px}}@media (max-width:360px){.kauth .token-groups{font-size:15px}}@media (prefers-reduced-motion:reduce){.kauth *,.kauth :before,.kauth :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}