.login-entry.login-onboarding{overscroll-behavior:contain;height:100dvh;overflow:hidden auto}.login-entry.login-onboarding>.surface{min-height:100%;padding:28px 24px;padding-block:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:0;display:flex}.login-onboarding .login-panel{flex:none;max-width:344px;margin-block:auto;animation:none}.onboarding-character{--onboarding-character-size:172px;isolation:isolate;width:calc(var(--onboarding-character-size) + 48px);height:calc(var(--onboarding-character-size) + 32px);flex:none;place-items:center;margin-inline:auto;line-height:0;animation:.55s cubic-bezier(.2,.7,.2,1) both onboarding-character-arrive;display:grid;position:relative}.onboarding-character:before{content:"";z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--tint) 80%,transparent),transparent 70%);pointer-events:none;border-radius:50%;position:absolute;inset:10% 0 0}.onboarding-character>.mascot{width:var(--onboarding-character-size)!important;height:var(--onboarding-character-size)!important}.login-onboarding .onboarding-body{width:100%;animation:.42s ease-out 60ms both onboarding-form-arrive}.login-onboarding .login-panel h1{text-wrap:balance;margin-top:8px;font-size:27px;font-weight:700;line-height:1.6}.login-onboarding .login-intro{text-wrap:balance;margin-top:4px;font-size:14px;line-height:1.8}.login-onboarding .login-panel form{gap:14px;margin-top:22px}.login-onboarding .login-panel .field{gap:7px}.login-onboarding .field>span,.login-onboarding .otp-field>label{color:var(--muted);font-weight:600}.login-onboarding .login-panel .field input.login-phone-input{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:var(--surface);height:58px;box-shadow:0 0 0 4px color-mix(in srgb,var(--tint) 38%,transparent),0 8px 26px -17px var(--accent);border-radius:15px;transition:border-color .2s,box-shadow .25s}.login-onboarding .login-panel .field input.login-phone-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 8px 28px -14px color-mix(in srgb,var(--accent) 55%,transparent);outline:none}.login-onboarding .login-panel .field input.login-phone-input[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.login-onboarding .login-panel form>.button{border-radius:13px;min-height:48px;margin-top:5px;padding-inline:17px}.login-onboarding .login-demo{margin-top:12px;line-height:1.8}.login-onboarding .login-phone{letter-spacing:.25px;margin-top:6px;font-size:16px}.login-onboarding .otp-cell{box-shadow:0 3px 12px -10px var(--accent);border-radius:13px}.login-onboarding .otp-entry:focus-within .otp-cell.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.login-onboarding .login-code-actions{margin-top:12px}.login-onboarding .login-secondary-button{border-radius:12px;min-height:44px}.login-onboarding .onboarding-status{min-height:20px;margin-top:10px;line-height:20px}.login-onboarding .login-retry{margin-top:2px}.login-onboarding .onboarding-body>.text-button{margin-top:10px}.inline-auth.login-onboarding .onboarding-character{--onboarding-character-size:64px;width:88px;height:82px;animation:none}.inline-auth.login-onboarding .onboarding-character:before{inset:0}.inline-auth.login-onboarding .onboarding-body{animation:none}.inline-auth.login-onboarding .login-panel h1{margin-top:2px;font-size:20px}.inline-auth.login-onboarding .login-panel form{margin-top:16px}.inline-auth.login-onboarding .login-panel .field input.login-phone-input{height:54px;box-shadow:none}.telegram-invitation.onboarding-invitation{padding-block:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-bottom));overflow-y:auto}.onboarding-invitation .telegram-invitation-content{margin-block:auto}.onboarding-invitation .telegram-invitation-character{padding:0}.onboarding-invitation h1{margin-top:8px;margin-bottom:4px;font-size:27px}.onboarding-invitation p{font-size:15px}.onboarding-invitation .telegram-invitation-actions{gap:10px;margin-top:24px}.onboarding-invitation .telegram-later{color:var(--muted);background:0 0;border-color:#0000}@keyframes onboarding-character-arrive{0%{opacity:.55;transform:translateY(9px)scale(.97)}to{opacity:1;transform:none}}@keyframes onboarding-form-arrive{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:380px){.login-entry.login-onboarding>.surface{padding-inline:22px}.login-onboarding .login-panel h1,.onboarding-invitation h1{font-size:25px}.login-onboarding .login-secondary-button{padding-inline:6px;font-size:11px}.onboarding-invitation .telegram-invitation-content{max-width:320px}}@media (max-height:620px){.login-onboarding:not(.inline-auth) .onboarding-character,.onboarding-invitation .onboarding-character{--onboarding-character-size:132px;height:154px}.login-entry.login-onboarding>.surface{padding-block:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-bottom))}.login-onboarding .login-panel form{margin-top:17px}.onboarding-invitation .telegram-invitation-actions{margin-top:18px}}@media (max-height:460px){.login-onboarding:not(.inline-auth) .onboarding-character,.onboarding-invitation .onboarding-character{--onboarding-character-size:96px;height:116px}.login-entry.login-onboarding>.surface{padding-block:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-bottom))}.login-onboarding .login-panel h1{font-size:23px}}.reduced .onboarding-character,.reduced .onboarding-body,.reduced .login-phone-input,.reduced .otp-cell{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.onboarding-character,.onboarding-body,.login-onboarding .login-phone-input,.login-onboarding .otp-cell{transition:none!important;animation:none!important}}.login-onboarding .login-privacy{color:var(--muted);text-align:start;margin:10px 0 0;font-size:12px;line-height:1.9}.login-onboarding .login-privacy a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.login-onboarding .login-privacy a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.guest-main{height:100dvh;min-height:0;overflow-y:auto}.guest-main>.guest-header{justify-content:space-between;height:72px;min-height:72px;padding-inline:32px}.guest-header>.wordmark{display:block}.guest-header>.guest-signin{border-radius:10px;min-width:88px;min-height:44px;padding-inline:20px}.guest-header button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.guest-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:280px;padding:16px 20px 40px;display:flex}.guest-mascot{flex-shrink:0;place-items:center;width:240px;height:240px;display:grid;overflow:visible}.guest-welcome h1{margin:0 0 8px;font-size:clamp(24px,4vw,30px);font-weight:600}.guest-welcome>p{color:var(--muted);margin:0;font-size:16px}.guest-auth{flex-direction:column;overflow:auto}.guest-auth .login-entry{flex:1;width:100%;min-height:0;padding-top:20px}@media (max-width:700px){.guest-main>.guest-header{height:64px;min-height:64px;padding-inline:16px}.guest-header>.guest-signin{min-width:72px;padding-inline:16px}.guest-welcome{padding-bottom:24px}.guest-auth .login-entry{padding-inline:16px}.guest-welcome .mascot{max-width:220px}}@media (max-height:650px){.guest-welcome{min-height:0;padding-block:0 12px}.guest-mascot{width:150px;height:150px}.guest-mascot>.mascot{width:150px!important;height:150px!important}.guest-welcome h1{font-size:22px}}.guest-welcome h1{flex-shrink:0;max-width:440px;font-size:clamp(18px,3.5vw,23px);line-height:1.8}.guest-starters{flex-direction:column;flex-shrink:0;gap:8px;max-width:100%;margin-top:12px;display:flex}.guest-starters button{background:var(--surface);color:var(--ink);border:1px solid var(--control);min-height:44px;font:inherit;cursor:pointer;border-radius:14px;padding:10px 14px;font-size:15px;font-weight:500}.guest-starters button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.guest-main>.composer-area,.guest-welcome{flex-shrink:0}.welcome-loading{color:var(--muted);letter-spacing:5px}@media (max-height:500px){.guest-mascot{width:100px;height:100px}.guest-mascot>.mascot{width:100px!important;height:100px!important}.guest-starters{display:none}.guest-welcome{padding-block:8px 16px}.guest-welcome h1{font-size:17px}}.guest-welcome h1{padding:12px 18px}.guest-starters button:active{opacity:.75}.app .guest-main .guest-welcome{justify-content:safe center;scroll-padding-block:12px}@media (max-height:650px){.app .guest-main .guest-welcome{padding:8px 16px 12px}.app .guest-main .guest-mascot{width:170px;height:140px}.app .guest-main .guest-mascot>.mascot{width:100px!important;height:100px!important}.app .guest-main .guest-welcome h1{padding:10px 12px;font-size:16px;line-height:1.7}.app .guest-main .guest-starters{gap:8px;margin-top:8px;display:flex}.app .guest-main .guest-starters button{min-height:44px;padding:8px 10px;font-size:14px;line-height:1.6}}@media (max-height:450px){.app .guest-main .guest-welcome{justify-content:flex-start}.app .guest-main .guest-mascot{width:140px;height:110px}.app .guest-main .guest-mascot>.mascot{width:72px!important;height:72px!important}}.app .guest-main .guest-mascot{transform:none}:root:not([data-theme=night]) .guest-starters button{background:var(--tint)}@media (hover:hover) and (pointer:fine){.guest-starters button:hover{background:var(--hover);border-color:var(--accent)}}