@font-face{font-family:Manrope;src:url('/frontend/fonts/manrope-f00fa027.woff2') format('woff2');font-display:swap}
.auth-sign-in{border:1px solid #474051;border-radius:12px;padding:9px 17px;background:#292332;color:#f5f0ff;font:600 14px Manrope, sans-serif;cursor:pointer;white-space:nowrap}
.auth-sign-in:hover{border-color:#b79bf9;background:#352b46}
.auth-sign-in[hidden]{display:none}
.auth-dialog{color:#f5f0ff;background:#201b29;border:1px solid #514260;border-radius:24px;padding:0;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 24px 100px #0009;font:15px/1.6 Manrope,sans-serif;overflow:auto;scrollbar-width:thin;scrollbar-color:#514260 #201b29}
.auth-dialog::backdrop{background:#100c19bb;backdrop-filter:blur(8px)}
.auth-window{padding:28px;position:relative;box-sizing:border-box}
.auth-window h1,.auth-window h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:20px 0 12px;font-weight:750;color:#fff}
.auth-window p{color:#c5b9d1;margin:12px 0 22px}
.auth-brand{font-size:18px;font-weight:800;color:#dbff76;text-decoration:none;letter-spacing:-.5px}
.auth-account-name{font-size:13px;color:#ac9bbd;margin-top:18px}
.auth-close{position:absolute;right:16px;top:14px;background:transparent;border:0;color:#bbb0c9;font-size:26px;line-height:1;padding:8px;cursor:pointer;border-radius:9px}
.auth-actions{display:grid;gap:10px}
.auth-decision-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:22px;align-items:stretch}
.auth-decision-actions>form{margin:0;display:flex}
.auth-decision-actions>.auth-provider-button,.auth-decision-actions>form>.auth-provider-button{width:100%;height:100%}
.auth-decision-actions>:only-child{grid-column:1/-1}
.auth-decision-actions .auth-provider-button{font-size:14px;padding:12px}
.auth-additional-methods{border-top:1px solid #514260;margin-top:28px;padding:22px 19px 0}
.auth-window .auth-additional-methods h2{font-size:17px;margin:0 0 14px;letter-spacing:-.3px}
.auth-window .auth-additional-methods .auth-fine-print{margin-top:12px}
.auth-additional-sign-in{flex:1 0 100%;box-sizing:border-box;padding:14px 16px;border:1px solid #514260;border-radius:16px;background:#201b29;text-align:left}
.auth-additional-sign-in h3{font:700 14px/1.4 Manrope,sans-serif;margin:0 0 10px;color:#fff}
.auth-additional-sign-in__methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.auth-additional-sign-in .auth-provider-button{min-height:38px;padding:8px 12px;font-size:13px;border-radius:9px}
.auth-additional-sign-in p{font:400 12px/1.5 Manrope,sans-serif;color:#ac9bbd;margin:10px 0 0}
.auth-provider-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border:0;border-radius:12px;background:#0077ff;color:#fff;text-decoration:none;font:700 15px/1.4 Manrope,sans-serif;cursor:pointer;box-sizing:border-box}
.auth-provider-button:hover{background:#258aff}
.auth-provider-button.auth-provider-button--brand,.auth-platform{min-height:44px;gap:8px;padding:8px 24px;border:0;border-radius:12px;font:500 16px/20px -apple-system,system-ui,"Helvetica Neue",Arial,sans-serif;white-space:nowrap}
.auth-provider-button--vk{background:#0077ff;color:#fff}
.auth-provider-button--vk:hover{background:#097eff}
.auth-provider-button--vk:active{background:#1385ff}
.auth-provider-button.auth-provider-button--yandex{gap:12px}
.auth-provider-button--yandex,.auth-provider-button--yandex:hover,.auth-provider-button--yandex:active{background:#000;color:#fff}
.auth-provider-logo{display:block;flex-shrink:0;width:24px;height:24px}
.auth-provider-button--vk .auth-provider-logo{width:28px;height:28px}
.auth-window .auth-provider-caption{font-size:13px;margin:0 0 10px;color:#ac9bbd}
.auth-decision-actions:has(.auth-provider-button--brand){grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.auth-additional-sign-in__methods:has(.auth-provider-button--brand){grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.auth-methods{text-align:left;margin:24px 0}
.auth-window .auth-methods h2{font-size:18px;margin:0 0 12px}
.auth-methods ul{margin:0;padding:0;list-style:none;overflow-wrap:anywhere}
.auth-methods li{margin:8px 0;padding:10px 12px;border:1px solid #514260;border-radius:10px;font-size:13px;background:#292332}
.auth-confirm-button{width:100%}
.auth-provider-button--secondary{background:#302838;color:#c5b9d1;border:1px solid #514260}
.auth-provider-button--secondary:hover{background:#3c3147}
.auth-provider-button svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}
.auth-window .auth-fine-print{font-size:12px;line-height:1.6;color:#a494b4;margin:20px 0 0}
.auth-window .auth-support{font-size:13px;margin:22px 0 0}
.auth-support a{color:#d4bbff;text-underline-offset:3px}
.auth-support a:focus-visible{outline:2px solid #dcff76;outline-offset:4px}
.auth-why{font-size:13px;color:#ac9bbd;margin:20px 0 0}
.auth-why summary{cursor:pointer;color:#cbb8ea}
.auth-why p{font-size:13px;margin:10px 0 0}
.auth-provider-button:focus-visible,.auth-close:focus-visible,.auth-sign-in:focus-visible,.auth-why summary:focus-visible{outline:2px solid #dcff76;outline-offset:4px}
.auth-page{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px;box-sizing:border-box;background:radial-gradient(ellipse at top,#35223f,transparent 65%),#141119;color:#f5f0ff;font:15px/1.6 Manrope,sans-serif}
.auth-window--page{width:min(480px,100%);border:1px solid #514260;border-radius:24px;background:#201b29;box-shadow:0 24px 100px #0005}
@media(max-width:480px){.auth-window{padding:26px 22px}.auth-window h1,.auth-window h2{font-size:23px}.auth-sign-in{padding:8px 12px;font-size:13px}}
.auth-heading{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:center;margin-bottom:12px}
.auth-heading .auth-brand{display:flex;align-items:center;gap:8px;font:800 20px/1.2 Manrope,sans-serif;color:#faf8ff;letter-spacing:-.7px}
.auth-brand-logo{display:block;flex-shrink:0;width:26px;height:26px}
.auth-heading h1,.auth-heading h2{font-size:25px;margin:16px 0 0;letter-spacing:-.7px;overflow-wrap:anywhere}
.auth-mascot{display:block;align-self:end;width:100px;height:100px;object-fit:contain;border-radius:18px}
.auth-window .auth-intro{font-size:14px;line-height:1.55;margin:0 0 20px}
.auth-steps{display:grid;gap:14px}
.auth-step{padding:18px;border:1px solid #514260;border-radius:18px;background:#292332}
.auth-step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.auth-step h2,.auth-step h3{font:750 17px/1.35 Manrope,sans-serif;letter-spacing:-.3px;margin:0;color:#faf8ff}
.auth-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#a378fc26;color:#d4bbff;font:750 15px/1 Manrope,sans-serif}
.auth-step--complete .auth-step-number{background:#dafa7416;color:#dafa74}
.auth-step-number img{width:17px;height:17px;display:block}
.auth-window .auth-step-hint{font-size:12px;line-height:1.55;color:#c5b9d1;margin:10px 0 0;overflow-wrap:anywhere}
.auth-window .auth-step-head+.auth-step-hint{margin:0}
.auth-linked-methods{display:grid;gap:6px;list-style:none;padding:0;margin:10px 0 0;color:#c5b9d1;font-size:12px;overflow-wrap:anywhere}
.auth-platform{display:flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;width:100%;background:#352b46;color:#faf8ff;text-align:center;text-decoration:none}
.auth-platform-logo{display:block;flex-shrink:0;width:28px;height:28px;object-fit:contain}
.auth-platform-text{display:block;min-width:0}
.auth-platform-status{display:block;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px}
.auth-platform--locked{background:#343434;color:#999;cursor:default}
.auth-platform--locked .auth-platform-status{opacity:.65}
.auth-platform--ready{background:#9146ff;cursor:pointer}
.auth-platform--ready:hover{background:#8136ef}
.auth-platform--connected{background:#dafa7412}
.auth-window #authTwitchStatus{color:#dafa74}
.auth-platform:focus-visible{outline:2px solid #dafa74;outline-offset:4px}
.auth-window .auth-steps+.auth-decision-actions{margin-top:18px}
@media(max-width:480px){.auth-additional-methods{padding-left:15px;padding-right:15px}.auth-window{padding:22px 18px}.auth-heading{grid-template-columns:minmax(0,1fr) 82px;gap:8px}.auth-heading .auth-brand{font-size:17px;gap:6px}.auth-brand-logo{width:22px;height:22px}.auth-heading h1,.auth-heading h2{font-size:22px;margin-top:12px}.auth-mascot{width:82px;height:82px;border-radius:12px}.auth-window .auth-intro{font-size:13px;margin-bottom:16px}.auth-step{padding:14px}.auth-step-head{margin-bottom:12px}.auth-step h2,.auth-step h3{font-size:16px}.auth-steps{gap:12px}}
@media(max-height:600px){.auth-mascot{width:72px;height:72px;align-self:center}.auth-heading{grid-template-columns:minmax(0,1fr) 72px}.auth-window{padding-top:18px;padding-bottom:18px}}
@media(max-width:360px){.auth-heading{grid-template-columns:minmax(0,1fr) 64px}.auth-mascot{width:64px;height:64px}.auth-heading h1,.auth-heading h2{font-size:20px}}