:root{--kit-primary: #6d28d9;--kit-primary-foreground: #ffffff;--kit-background: #f7f6fb;--kit-surface: #ffffff;--kit-text: #1c1830;--kit-muted: #6b6780;--kit-border: #e4e1ee;--kit-danger: #c62828;--kit-radius: 14px;--kit-font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--kit-background);color:var(--kit-text);font-family:var(--kit-font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--kit-primary) 45%,transparent);outline-offset:2px}.kit-center{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:16px}.kit-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;padding:28px 24px;background:var(--kit-surface);border:1px solid var(--kit-border);border-radius:var(--kit-radius);box-shadow:0 12px 32px #1c183014}.kit-title{margin:0;font-size:22px;line-height:1.3;font-weight:600}.kit-muted{margin:0;color:var(--kit-muted)}.kit-error{margin:0;color:var(--kit-danger)}.kit-button{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--kit-primary);color:var(--kit-primary-foreground);font-weight:600;cursor:pointer}.kit-button:disabled{opacity:.6;cursor:default}.kit-button-ghost{background:transparent;color:var(--kit-primary);border:1px solid var(--kit-border)}.kit-link{align-self:center;min-height:44px;border:0;background:none;color:var(--kit-primary);cursor:pointer}.kit-profiles{display:grid;gap:8px;margin:0;padding:0;list-style:none}.kit-profile{display:flex;width:100%;min-height:56px;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--kit-border);border-radius:12px;background:var(--kit-surface);color:inherit;text-align:left;cursor:pointer}.kit-profile:hover{border-color:var(--kit-primary)}.kit-avatar{display:inline-flex;width:40px;height:40px;flex:none;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--kit-primary) 14%,white);color:var(--kit-primary);font-weight:700}.kit-badge{margin-left:auto;padding:2px 8px;border-radius:999px;background:#fdecec;color:var(--kit-danger);font-size:13px}.kit-pin{display:flex;flex-direction:column;align-items:center;gap:20px}.kit-pin-dots{display:flex;gap:14px}.kit-pin-dot{width:14px;height:14px;border-radius:999px;border:2px solid var(--kit-primary)}.kit-pin-dot-on{background:var(--kit-primary)}.kit-pin-keys{display:grid;grid-template-columns:repeat(3,64px);gap:12px}.kit-pin-key{height:64px;border:1px solid var(--kit-border);border-radius:999px;background:var(--kit-surface);color:inherit;font-size:22px;cursor:pointer}.kit-pin-key:active{background:color-mix(in srgb,var(--kit-primary) 12%,white)}
