:root{--color-primary: #3390ec;--color-primary-shade: #2f82d9;--color-background: #ffffff;--color-background-secondary: #f4f4f5;--color-text: #000000;--color-text-secondary: #707579;--color-placeholders: #a2acb4;--color-borders-input: #dadce0;--color-error: #e53935;--color-text-green: #4fae4e;--border-radius-default: .75rem;--border-radius-button: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--z-country-code-input-group: 10}@media(prefers-color-scheme:dark){:root{--color-background: #212121;--color-background-secondary: #0f0f0f;--color-text: #ffffff;--color-text-secondary: #aaaaaa;--color-placeholders: #707070;--color-borders-input: #5b5b5a;--color-primary: #8774e1;--color-primary-shade: #7b71c6}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;background:var(--color-background);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}#auth-phone-number-form,#auth-code-form,#auth-password-form,#auth-qr-form{overflow-y:auto;height:100%}.auth-form{width:100%;max-width:25.5rem;margin:0 auto;padding:6rem 1rem 1rem;text-align:center}@media(min-width:600px)and (min-height:450px){.auth-form{padding:6.8125rem 1.5rem 1.5rem}#auth-qr-form .auth-form{padding-top:4rem}}#logo{display:block;width:7.5rem;height:7.5rem;margin:0 auto 1.75rem;background:url(https://upload.wikimedia.org/wikipedia/commons/8/82/Telegram_logo.svg) center no-repeat;background-size:100%}@media(min-width:600px)and (min-height:450px){#logo{width:10rem;height:10rem;margin-bottom:2.5rem}}h1{font-size:1.25rem;font-weight:700;line-height:1;color:var(--color-text);margin-bottom:.5rem}@media(min-width:600px){h1{font-size:2rem;line-height:1.5}}.note{margin-bottom:2.5rem;font-size:.875rem;line-height:1.35;color:var(--color-text-secondary)}@media(min-width:600px){.note{margin-bottom:3rem;font-size:1rem}}.input-group{position:relative;margin-bottom:1.125rem}.input-group label{pointer-events:none;cursor:text;position:absolute;top:.9rem;left:1rem;transform-origin:left center;display:block;padding:0 .3125rem;font-size:1rem;font-weight:var(--font-weight-normal);color:var(--color-placeholders);white-space:nowrap;background-color:var(--color-background);transition:transform .15s ease-out,color .15s ease-out}.input-group.touched label,.input-group.error label,.input-group.success label,.form-control:focus+label,.form-control.focus+label{transform:scale(.75) translateY(-2rem)}.input-group.touched label{color:var(--color-text-secondary)}.input-group.error label{color:var(--color-error)!important}.input-group.success label{color:var(--color-text-green)!important}.input-group:focus-within:not(.error) label{color:var(--color-primary)}.form-control{--border-width: 1px;display:block;width:100%;height:3rem;padding:calc(.75rem - var(--border-width)) calc(1.1875rem - var(--border-width)) .6875rem;border:var(--border-width) solid var(--color-borders-input);border-radius:var(--border-radius-default);font-size:1rem;font-family:inherit;line-height:1.25rem;color:var(--color-text);background-color:var(--color-background);outline:none;transition:border-color .15s ease;-webkit-appearance:none}.form-control:hover{border-color:var(--color-primary)}.form-control:hover+label{color:var(--color-primary)}.form-control:focus,.form-control.focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);caret-color:var(--color-primary)}.form-control:focus+label,.form-control.focus+label{color:var(--color-primary)}.input-group.error .form-control{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.form-control:-webkit-autofill{box-shadow:inset 0 0 0 10rem var(--color-background);-webkit-text-fill-color:var(--color-text)}.input-group.password-input .form-control{padding-right:3.375rem}.toggle-password{cursor:pointer;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--color-text-secondary);opacity:.7;background:none;border:none;outline:none;transition:opacity .15s}.toggle-password:hover,.toggle-password:focus{opacity:1}.CountryCodeInput{position:relative;margin-bottom:1.125rem}.CountryCodeInput .input-group{cursor:pointer;z-index:var(--z-country-code-input-group);margin-bottom:0}.css-icon-down{position:absolute;top:1rem;right:1rem;width:.75rem;height:.75rem;border:2px solid var(--color-text-secondary);border-top:0;border-left:0;transform:scaleY(1) rotate(45deg);transition:color .2s ease,transform .2s ease,top .2s ease;pointer-events:none}.css-icon-down.open{top:1.3125rem;transform:scaleY(-1) rotate(45deg);border-color:var(--color-primary)}.CountryCodeInput .bubble{background:var(--color-background);border:1px solid var(--color-borders-input);border-radius:var(--border-radius-default);box-shadow:0 .5rem 2rem #0000001f;overflow-y:auto;max-height:23.5rem;transform-origin:top center;animation:bubble-open .15s ease-out}@keyframes bubble-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-color-scheme:dark){.CountryCodeInput .bubble{box-shadow:0 .5rem 2rem #0006}}.country-item{display:flex;align-items:center;width:100%;padding:.625rem 1rem;border:none;background:none;font-family:inherit;font-size:.9375rem;color:var(--color-text);cursor:pointer;text-align:left;transition:background .1s;min-height:2.875rem}.country-item:hover,.country-item.selected{background:var(--color-background-secondary)}.country-flag{margin-right:1rem;font-size:2rem;line-height:1;flex-shrink:0}.country-name{overflow:hidden;margin-right:1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1}.country-code{margin-left:auto;padding-right:.25rem;opacity:.5;flex-shrink:0}.country-item-no-results{display:flex;justify-content:center;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-secondary);width:100%}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;cursor:pointer;text-align:left}.checkbox-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;border:1.5px solid var(--color-borders-input);border-radius:.25rem;background:var(--color-background);flex-shrink:0;cursor:pointer;transition:background .15s,border-color .15s}.checkbox-wrapper input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 5L4 7.5L8.5 2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-size:.625rem;background-position:center;background-repeat:no-repeat}.checkbox-wrapper label{font-size:.9375rem;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3rem;padding:0 1.5rem;border-radius:var(--border-radius-button);border:none;font-family:inherit;font-size:.9375rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,opacity .15s,transform .1s;outline:none;margin-top:2.5rem}.auth-button+.auth-button{margin-top:.75rem}.auth-button:not(.text){background:var(--color-primary);color:#fff}.auth-button:not(.text):hover:not(:disabled){background:var(--color-primary-shade)}.auth-button:not(.text):active:not(:disabled){transform:scale(.98)}.auth-button:not(.text):disabled{opacity:.5;cursor:not-allowed}.auth-button.text{background:none;color:var(--color-primary);font-size:.875rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;height:2.5rem;padding:0 .75rem;border-radius:var(--border-radius-button)}.auth-button.text:hover{background:#3390ec14}@media(prefers-color-scheme:dark){.auth-button.text:hover{background:#8774e11f}}.qr-outer{position:relative;height:280px;display:flex;justify-content:center;margin-bottom:.5rem}.qr-inner{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:280px}.qr-container{overflow:hidden;border-radius:1.5rem;background:#fff;transition:opacity .3s}.qr-container.scanned{opacity:.3}.qr-loading{display:flex;justify-content:center;width:280px;height:280px;border-radius:1.5rem;background:linear-gradient(90deg,#efefef 25%,#e5e5e5,#efefef 75%);background-size:200% 100%;animation:qr-shimmer 1.4s infinite}@media(prefers-color-scheme:dark){.qr-loading{background:linear-gradient(90deg,#2a2a2a 25%,#303030,#2a2a2a 75%);background-size:200% 100%}}@keyframes qr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-scanned-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.qr-scanned-check{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center}#auth-qr-form h1{margin:1.5rem 0 1rem;font-size:1.25rem}#auth-qr-form ol{counter-reset:item;padding:0 1.75rem;list-style:none;text-align:left;margin-bottom:.5rem}#auth-qr-form ol li{counter-increment:item;display:flex;margin:.75rem 0;font-size:.9375rem;line-height:1.5;color:var(--color-text)}#auth-qr-form ol li:before{content:counter(item);display:flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;margin:.0625rem .75rem 0 0;border-radius:50%;font-size:.875rem;color:#fff;background:var(--color-primary);flex-shrink:0}.auth-number-edit{cursor:pointer;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;color:var(--color-text-secondary);opacity:.75;background:none;border:none;outline:none;border-radius:50%;transition:opacity .15s,background .15s;flex-shrink:0}.auth-number-edit:hover,.auth-number-edit:focus{opacity:1}.code-input{text-align:left;font-size:1.5rem;letter-spacing:.5rem;font-weight:var(--font-weight-medium)}#monkey{position:relative;display:block;width:7.5rem;height:7.5rem;margin-right:auto;margin-bottom:1.75rem;margin-left:auto}#monkey.big{width:10rem;height:10rem}#monkey .monkey-sticker{position:absolute;top:0;left:0;width:100%;height:100%}#monkey .monkey-sticker.hidden{display:none}#monkey .monkey-preview{width:100%;height:100%;border-radius:50%;background:#3390ec14}@media(min-width:600px)and (min-height:450px){#monkey{width:10rem;height:10rem;margin-bottom:2.5rem}}#auth-code-form h1,#auth-password-form h1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;word-break:break-all}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:tg-spin .7s linear infinite;flex-shrink:0}.spinner.dark{border-color:#3390ec40;border-top-color:var(--color-primary)}@keyframes tg-spin{to{transform:rotate(360deg)}}.auth-header{position:fixed;top:0;left:0;right:0;z-index:100;height:54px;width:100%;background:#232323;box-shadow:0 2px 8px #00000026}.auth-header__inner{display:flex;align-items:center;justify-content:flex-start;gap:12px;height:100%;width:100%;padding:0 20px;min-height:40px}.auth-header__logo{display:block}.auth-header__logo--light{display:none}@media(prefers-color-scheme:light){.auth-header{background:#fff;box-shadow:0 2px 8px #00000014}.auth-header__logo--dark{display:none}.auth-header__logo--light{display:block}}.confirm-screen{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(54px + 1.5rem) 1.5rem 1.5rem;background-color:#7cad88;overflow:hidden}.confirm-screen:before{content:"";position:fixed;top:-70px;left:-700px;width:200%;height:200%;z-index:0;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,200,1) 0%,rgba(255,255,200,.9) 8%,rgba(255,255,200,.7) 12%,transparent 25%),radial-gradient(ellipse at 80% 70%,rgba(255,255,200,1) 0%,rgba(255,255,200,.9) 8%,rgba(255,255,200,.7) 12%,transparent 25%),radial-gradient(ellipse at 50% 50%,rgba(255,255,150,1) 0%,rgba(255,255,150,.95) 8%,rgba(255,255,150,.8) 12%,transparent 35%),radial-gradient(ellipse at 35% 65%,rgba(240,240,180,.9) 0%,rgba(240,240,180,.8) 10%,rgba(240,240,180,.6) 15%,transparent 30%),radial-gradient(ellipse at 65% 35%,rgba(240,240,180,.9) 0%,rgba(240,240,180,.8) 10%,rgba(240,240,180,.6) 15%,transparent 30%);mix-blend-mode:overlay;filter:blur(120px);opacity:1;pointer-events:none;animation:bg-motion 150s cubic-bezier(.25,.1,.25,1) infinite}.confirm-screen:after{content:"";position:fixed;inset:0;z-index:1;background-image:url(/telegram_pattern_dark.svg);background-repeat:repeat;background-position:0 0;background-size:420px auto;background-attachment:fixed;mix-blend-mode:overlay;opacity:.7;filter:blur(.4px);pointer-events:none}@keyframes bg-motion{0%{transform:translate(0) rotate(0)}25%{transform:translate(40px,-30px) rotate(2deg)}50%{transform:translate(-30px,40px) rotate(-1deg)}75%{transform:translate(-50px,-20px) rotate(1deg)}to{transform:translate(0) rotate(0)}}@media(prefers-reduced-motion:reduce){.confirm-screen:before{animation:none}}.confirm-card{position:relative;z-index:2;width:100%;max-width:22rem;padding:2rem 1.75rem 1.75rem;border-radius:1.25rem;background:var(--color-background-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 50px #0000002e,0 2px 4px #00000014}@media(prefers-color-scheme:dark){.confirm-screen{background-color:#000}.confirm-screen:before{display:none}.confirm-screen:after{mix-blend-mode:normal;opacity:.9!important;filter:blur(.3px)}.confirm-card{background:#212121;box-shadow:0 20px 50px #00000073,0 2px 4px #0000004d}}.confirm-avatar{width:8rem;height:8rem;border-radius:50%;object-fit:cover;margin-bottom:1.25rem;background:var(--color-background)}.confirm-name{font-size:1.375rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem;line-height:1.2}.confirm-username{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.confirm-question{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.confirm-button{position:relative;width:100%;height:3rem;border:none;border-radius:999px;background-color:#3390ec;background-image:linear-gradient(270deg,#64b5ef00 48.44%,#64b5ef 75.52%,#64b5ef00);background-repeat:repeat-x;background-size:200% 100%;color:#fff;font-family:inherit;font-size:.9375rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:background-color .15s ease,transform .1s ease;animation:bg-move 3s linear infinite}.confirm-button__label{position:relative;z-index:1}.confirm-button:hover{background-color:#2f82d9}.confirm-button:active{transform:scale(.98)}.confirm-button[disabled],.confirm-button[aria-busy=true]{cursor:progress;pointer-events:none;background-color:#3390ec;animation-play-state:paused}.confirm-button__spinner{width:1.25rem;height:1.25rem;border-width:2px;vertical-align:middle;position:relative;z-index:1}.confirm-error{margin:.75rem 0 0;font-size:.8125rem;color:#ff6b6b;text-align:center}@keyframes bg-move{0%{background-position:0% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.confirm-button{animation:none}}.confirm-skel-avatar{width:8rem;height:8rem;border-radius:50%;margin-bottom:1.25rem;background:var(--color-background);animation:confirm-pulse 1.4s ease-in-out infinite}.confirm-skel-line{height:1rem;margin:.375rem 0;border-radius:.25rem;background:var(--color-background);animation:confirm-pulse 1.4s ease-in-out infinite}@keyframes confirm-pulse{0%,to{opacity:1}50%{opacity:.5}}.not-found-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-background)}.not-found-card{text-align:center;max-width:26rem}.not-found-code{font-size:6rem;font-weight:700;line-height:1;margin:0 0 .75rem;color:var(--color-text);letter-spacing:-.04em}.not-found-title{font-size:1.125rem;font-weight:var(--font-weight-medium);margin:0 0 .5rem;color:var(--color-text)}.not-found-message{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.success-screen{max-width:38rem;margin:0 auto;padding:2rem 1.25rem 3rem;text-align:center;color:var(--color-text)}.success-screen__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.3}.success-screen__subtitle{margin:0 0 1.25rem;font-size:1rem;line-height:1.5;color:var(--color-text)}.success-screen__highlight{color:#2591d9;font-weight:var(--font-weight-medium)}.success-screen__image-wrap{margin:1.25rem auto 1.5rem}.success-screen__image{width:100%;max-width:38rem;height:auto;border-radius:12px;object-fit:cover;display:block}.success-screen__footer{margin:0;font-size:1rem;line-height:1.5;color:var(--color-text)}
