:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef1f6;background:#1b1f2a;font-family:system-ui,sans-serif;font-size:16px}body{min-height:100dvh;margin:0}.screen{box-sizing:border-box;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}h1,p{margin:0}.button{box-sizing:border-box;color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#4f7cff;border:0;border-radius:8px;padding:10px 20px;font-weight:600}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:#343b4d}.form,.card{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;display:flex}.field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.input{box-sizing:border-box;width:100%;min-height:44px;color:inherit;font:inherit;background:#11141c;border:2px solid #4a5268;border-radius:8px;padding:8px 12px;font-size:16px}.input[aria-invalid=true]{border-color:#ff6b6b}.error{color:#ff8a8a;min-height:1.5em}.friend-code{letter-spacing:.15em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:2.5rem;font-weight:700}