:root{--auth-bg: var(--nc-black, #0B0B0F);--auth-field: var(--nc-surface-field, #333333);--auth-text: var(--nc-text, #F5F5F7);--auth-muted: var(--nc-text-muted, #878889);--auth-blue: var(--nc-brand, #1F80FF);--auth-error: var(--nc-danger, #FF453A);--auth-width: min(402px, 100vw);--auth-edge: clamp(18px, 4.47761194vw, 18px);--auth-inner-width: calc(var(--auth-width) - (var(--auth-edge) * 2));--auth-gap: 18px;--auth-header-height: 60px;--auth-field-height: 62px;--auth-button-height: 42px;--auth-link-height: 44px;--login-raised-first-top: calc(var(--auth-header-height) + var(--auth-gap));--login-raised-password-top: calc(var(--login-raised-first-top) + var(--auth-field-height) + var(--auth-gap));--login-raised-button-top: calc(var(--login-raised-password-top) + var(--auth-field-height) + var(--auth-gap));--login-raised-forgot-top: calc(var(--login-raised-button-top) + var(--auth-button-height) + var(--auth-gap));--login-raised-status-top: calc(var(--login-raised-forgot-top) + var(--auth-link-height) + var(--auth-gap))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--auth-bg)}body{display:flex;justify-content:center;color:var(--auth-text);font-family:Helvetica;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input{font:inherit}button{border:0;padding:0;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.auth-page{position:relative;width:var(--auth-width);min-height:100svh;min-height:100dvh;background:var(--auth-bg);overflow-x:hidden;overflow-y:auto}.auth-header{position:absolute;left:0;top:0;width:var(--auth-width);height:60px;z-index:5}.login-page>.auth-header[data-nitro-header]{position:fixed!important;top:var(--nc-visual-offset-top, 0px)!important}.auth-header .top-bar{height:60px!important}.auth-header .nitro-console{top:16px!important}.auth-header .back-button,.auth-header .back{top:20px!important;left:36px!important}.login-page .auth-header .notification-icon,.login-page .auth-header .message-icon{display:none!important}.auth-title{position:absolute;margin:0;color:var(--auth-text);font-size:clamp(28px,7.960199vw,32px);font-weight:700;line-height:1.3;white-space:normal;text-align:center}.auth-subtitle{position:absolute;margin:0;color:var(--auth-muted);font-size:clamp(14px,3.9801vw,16px);font-weight:400;line-height:20.8px;text-align:center}.auth-field{position:absolute;left:var(--auth-edge);width:var(--auth-inner-width);max-width:none;height:var(--auth-field-height)}.auth-field__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:var(--auth-field);border:2px solid transparent}.auth-field:focus-within .auth-field__bg{border-color:#1f80ffa6}.auth-field input{position:absolute;left:18px;top:0;width:calc(100% - 36px);height:var(--auth-field-height);padding:0;border:0;outline:0;color:var(--auth-text);background:transparent;font-size:14px;font-weight:400;caret-color:var(--auth-text)}.auth-field input::placeholder{color:var(--auth-muted);opacity:1}.auth-field--has-toggle input{width:calc(100% - 74px)}.auth-password-toggle{position:absolute;z-index:2;right:10px;top:50%;width:44px;height:44px;padding:10px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:var(--auth-muted)}.auth-password-toggle img{width:24px;height:24px;display:block;opacity:.9}.auth-password-toggle:focus-visible{outline:2px solid var(--auth-text);outline-offset:2px}.auth-password-toggle:active{background:#f5f5f714}.auth-button{position:absolute;left:var(--auth-edge);width:var(--auth-inner-width);max-width:none;height:var(--auth-button-height);border-radius:25px;color:var(--auth-text);font-size:14px;font-weight:400;text-align:center}.auth-button--primary{background:var(--auth-blue)}.auth-button--outline{border:4px solid var(--auth-field)}.auth-button--secondary{background:var(--auth-blue)}.auth-link{position:absolute;color:var(--auth-muted);font-size:15px;font-weight:400;min-height:var(--auth-link-height);line-height:var(--auth-link-height);text-align:center}.auth-link strong{color:var(--auth-blue);font-weight:700}.auth-status{position:absolute;left:var(--auth-edge);width:var(--auth-inner-width);max-width:none;min-height:18px;margin:0;color:var(--auth-muted);font-size:13px;line-height:18px;text-align:center}.auth-status.is-error{color:var(--auth-error)}.auth-status.is-success{color:var(--auth-blue)}.display-name-dialog{width:min(366px,calc(100vw - 32px));padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:var(--auth-text);background:#19191f;box-shadow:0 24px 70px #0000008c}.display-name-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.display-name-dialog h2,.display-name-dialog p{margin:0}.display-name-dialog h2{font-size:24px;line-height:1.2}.display-name-dialog>form>p{margin-top:8px;color:var(--auth-muted);font-size:14px;line-height:20px}.display-name-field{display:grid;gap:8px;margin-top:22px;color:var(--auth-muted);font-size:13px}.display-name-field input{width:100%;height:52px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:0;color:var(--auth-text);background:var(--auth-field)}.display-name-field input:focus-visible{border-color:var(--auth-blue);box-shadow:0 0 0 3px #1f80ff33}.display-name-status{min-height:20px;color:var(--auth-error)!important}.display-name-submit{width:100%;height:44px;margin-top:12px;border-radius:999px;color:var(--auth-text);background:var(--auth-blue)}.auth-otp{position:absolute;left:var(--auth-edge);top:159px;width:var(--auth-inner-width);max-width:none;height:64px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.99004975vw,8px)}.auth-otp input{width:100%;min-width:0;height:62px;border:0!important;border-radius:10px;outline:0!important;color:var(--auth-text);background:var(--auth-field);box-shadow:none!important;font-size:clamp(26px,7.960199vw,32px);font-weight:700;text-align:center;caret-color:var(--auth-text)}.auth-otp input::placeholder{color:var(--auth-muted);opacity:1}.auth-avatar-stage{position:absolute;left:0;top:78px;width:var(--auth-width);height:150px;overflow:hidden}.auth-avatar-stage:before{content:"";position:absolute;left:31.281095%;top:0;width:150px;height:150px;border-radius:9999px;outline:1px solid var(--auth-blue);outline-offset:-.5px}.auth-avatar-main{position:absolute;left:32.027363%;top:3px;width:144px;height:144px;border-radius:80px;object-fit:cover}.auth-avatar-side{position:absolute;top:39.5px;width:72px;height:72px;border-radius:999px;object-fit:cover;opacity:.75}.auth-avatar-side--left{left:12.002488%}.auth-avatar-side--right{left:69.962687%}.login-page .login-control-group{position:absolute;left:var(--auth-edge);top:406px;width:var(--auth-inner-width);display:grid;gap:16px;transition:top .22s ease}.login-page .login-control-group>:where(.auth-field,.auth-button,.auth-link,.auth-status){position:relative;inset:auto;width:100%;max-width:none}.login-page .login-control-group>.auth-link{min-height:var(--auth-link-height);line-height:var(--auth-link-height)}.login-page .login-control-group>.auth-status{min-height:18px}.login-page .login-intro{display:grid;gap:6px}.login-page .login-intro h1,.login-page .login-intro p,.login-page .auth-field-help{margin:0}.login-page .login-intro h1{font-size:24px!important;line-height:1.2!important;letter-spacing:-.025em!important}.login-page .login-intro p,.login-page .auth-field-help,.login-page .auth-field-label{color:var(--auth-muted);font-size:13px;line-height:1.45}.login-page .auth-input-group{display:grid;gap:7px}.login-page .auth-input-group>.auth-field{position:relative!important;inset:auto!important;inline-size:100%!important;block-size:var(--auth-field-height)!important}.login-page .auth-field-label{font-weight:650}.login-page .auth-link--recover{min-block-size:44px;display:grid;place-items:center;color:var(--auth-blue)!important;text-decoration:none}.compact-login-page .login-control-group{top:var(--login-raised-first-top)}.login-page.is-keyboard-mode,.login-page:has(#login-phone:focus){overflow:hidden}.login-page.is-keyboard-mode .login-control-group,.login-page:has(#login-phone:focus) .login-control-group{top:var(--login-raised-first-top)}.create-phone-page .auth-title{left:var(--auth-edge);right:var(--auth-edge);top:78px}.create-phone-page .auth-subtitle{left:var(--auth-edge);right:var(--auth-edge);top:120px;width:auto}.create-phone-page .auth-field{top:159px}.create-phone-page .auth-button{top:239px}.create-phone-page .auth-status{top:299px}.otp-page .auth-title{left:var(--auth-edge);right:var(--auth-edge);top:78px}.otp-page .auth-subtitle{left:var(--auth-edge);right:var(--auth-edge);top:120px;width:auto}.otp-page .auth-button{top:241px}.otp-page .auth-link--resend{left:0;top:295px;width:var(--auth-width)}.otp-page .auth-status{top:332px}.credentials-page .auth-field--username{top:246px}.credentials-page .auth-field--password{top:326px}.credentials-page .auth-field--confirm{top:406px}.credentials-page .auth-button{top:486px}.credentials-page .auth-status{top:546px}.forgot-page .auth-title{left:var(--auth-edge);right:var(--auth-edge);top:78px}.forgot-page .auth-subtitle{left:var(--auth-edge);right:var(--auth-edge);top:120px;width:auto}.forgot-page .auth-field{top:159px}.forgot-page .auth-button--continue{top:239px}.forgot-page .auth-button--switch{top:299px}.forgot-page .auth-status{top:359px}.reset-page .auth-title{left:var(--auth-edge);right:var(--auth-edge);top:78px}.reset-page .auth-subtitle{left:var(--auth-edge);right:var(--auth-edge);top:120px;width:auto}.reset-page .auth-field--password{top:159px}.reset-page .auth-field--confirm{top:239px}.reset-page .auth-button{top:319px}.reset-page .auth-status{top:379px}.change-password-page .auth-title{left:var(--auth-edge);right:var(--auth-edge);top:78px}.change-password-page .auth-subtitle{left:var(--auth-edge);right:var(--auth-edge);top:116px;width:auto}.change-password-page .auth-field:nth-of-type(1){top:176px}.change-password-page .auth-field:nth-of-type(2){top:256px}.change-password-page .auth-field:nth-of-type(3){top:336px}.change-password-page .auth-hint{position:absolute;left:var(--auth-edge);right:var(--auth-edge);top:412px;margin:0;color:var(--auth-muted);font-size:clamp(12px,3.3vw,13px);line-height:17px;text-align:left}.change-password-page .auth-button{top:470px}.change-password-page .auth-status{top:530px}@media(max-height:720px){.login-page .login-control-group{top:78px}}.auth-button:disabled,.auth-link:disabled{cursor:wait;opacity:.68}