*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%}body{min-height:100dvh;padding:max(1.2rem, env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));color:#fff;background:#0f0f0f;justify-content:center;align-items:flex-start;margin:0;font-family:Roboto,sans-serif;display:flex}#root{width:100%}.auth-wrapper{flex-direction:column;justify-content:center;width:100%;max-width:30rem;min-height:calc(100dvh - 2.4rem);margin:0 auto;display:flex}.auth-container{width:100%}.auth-methods-container{flex-direction:column;justify-content:flex-start;align-items:stretch;width:min(100%,27em);margin:0 auto;padding:2.2em;display:flex}.auth-password-panel{width:100%;min-width:0}.auth-methods-container>.welcome-text{text-align:center;place-self:start center;width:100%;margin-bottom:1em}.form-container{text-align:center;background-color:#1a1a1a;border-radius:.5em;width:min(100%,27em);margin:0 auto;padding:2.2em;box-shadow:0 4px 15px #0000004d}.form-container.auth-methods-container{width:min(100%,27em)}.form-container .welcome-text{-webkit-user-select:none;user-select:none;margin-bottom:1em;margin-left:.5em;margin-right:.5em;font-size:1.7em;font-weight:700}.form-container form{flex-direction:column;align-items:stretch;display:flex}.form-container label{text-align:left;-webkit-user-select:none;user-select:none;margin-bottom:.3em}.form-container input{color:#fff;box-sizing:border-box;background-color:#0a0a0a;border:none;border-radius:.2em;outline:none;width:100%;padding:.5em;font-size:.9em;transition:box-shadow .15s}.form-container form>input[type=text],.form-container form>input[type=email]{margin-bottom:.7em;padding-right:.5em}.password-input-container{align-items:center;width:100%;margin-bottom:.7em;display:flex;position:relative}.password-input-container input{padding-right:2.5em}.password-toggle-icon{cursor:pointer;-webkit-user-select:none;user-select:none;color:#aaa;position:absolute;top:50%;right:.7em;transform:translateY(-50%)}.password-toggle-icon svg{fill:currentColor;width:1.1em;height:1.1em;display:block}.password-toggle-icon:hover{color:#fff}#password-options-container{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-top:-.3em;margin-bottom:1.5em;display:flex}#password-options-container label{cursor:pointer;align-items:center;gap:.3em;margin-bottom:0;font-size:.9em;display:flex}#password-options-container input[type=checkbox]{width:1.05em;height:1.05em;margin:0}#password-options-container input[type=checkbox]:focus{border:none;outline:none}.form-link.button-link{color:#007bff;background:0 0;border:none;margin-top:0;padding:0;font-size:.9em;text-decoration:none}.form-link.button-link:hover{color:#007bff;background:0 0;text-decoration:underline}.form-link{color:#007bff;font-size:.9em;text-decoration:none}.form-link:hover{text-decoration:underline}.switch-form-text{color:#ccc;-webkit-user-select:none;user-select:none;margin-top:1.5em;font-size:.9em}.form-container input:focus{outline:.15em solid #fff}.form-container button[type=submit]{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0056b3;border:none;border-radius:.2em;align-self:center;width:100%;margin-top:1em;padding:.7em 1.4em;font-size:1em;transition:background-color .3s}.form-container button[type=submit]:hover{background-color:#007bff}.auth-provider-panel{width:100%;margin-bottom:1.05em}.auth-method-divider{color:#8f8f8f;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:100%;min-height:0;margin-bottom:1.05em;font-size:.82em;line-height:1;display:flex}.auth-method-divider:before,.auth-method-divider:after{content:"";background-color:#333;flex:auto;height:1px}.auth-method-divider span{flex:none}.auth-provider-buttons{flex-direction:column;gap:.7em;display:flex}.google-auth-button,.twitch-auth-button,.kick-auth-button{color:#f3f3f3;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#101010;border:1px solid #333;border-radius:.2em;justify-content:center;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:background-color .2s,border-color .2s;display:flex}.twitch-auth-button{border-color:#3f245f}.kick-auth-button{border-color:#2f5f24}.google-auth-button:hover{background-color:#151515;border-color:#444}.twitch-auth-button:hover{background-color:#151515;border-color:#9146ff}.kick-auth-button:hover{background-color:#151515;border-color:#53fc18}.google-auth-button:disabled,.twitch-auth-button:disabled,.kick-auth-button:disabled{opacity:.6;cursor:not-allowed}.google-auth-icon{object-fit:contain;flex:0 0 18px;width:18px;height:18px;display:block}.twitch-auth-icon{object-fit:contain;flex:0 0 21px;width:21px;height:21px;display:block}.kick-auth-icon{object-fit:contain;flex:0 0 20px;width:20px;height:20px;display:block}.provider-account-summary{color:#ccc;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.2em;margin-top:-.35em;margin-bottom:1.2em;font-size:.9em;line-height:1.35;display:flex}.provider-account-heading{justify-content:center;align-items:center;gap:.3em;display:flex}.provider-account-heading svg,.provider-account-heading img{flex:0 0 18px}.provider-account-summary strong{color:#f3f3f3;font-weight:600;display:block}.provider-account-summary span{color:#999;overflow-wrap:anywhere;max-width:100%;font-size:.9em;display:block}.form-message{text-align:center;opacity:0;white-space:pre-wrap;border:1px solid #0000;border-radius:.3em;max-height:0;margin-top:1em;margin-bottom:.5em;padding:.7em;font-size:.9em;transition:opacity .3s,max-height .3s,padding .3s;overflow:hidden}.form-message.error,.form-message.success{opacity:1;max-height:12em;margin-bottom:1em}.form-message.error{color:#fcc;background-color:#4d1a1a;border-color:#ff4d4d}.form-message.success{color:#cfc;background-color:#1a4d1a;border-color:#4dff4d}.form-container input:disabled,.form-container button:disabled{opacity:.6;cursor:not-allowed}.form-link.disabled-link{opacity:.6;pointer-events:none;cursor:not-allowed}.terms-agreement{text-align:left;align-items:flex-start;gap:.7em;margin-bottom:.5em;display:flex}.terms-agreement input[type=checkbox]{accent-color:#007bff;flex-shrink:0;width:auto;margin-top:.3em}.terms-agreement input[type=checkbox]:focus{outline:none}.terms-agreement label{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;font-size:.8em;line-height:1.4}.terms-agreement a{color:#007bff;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.legal-footer{text-align:center;color:#888;margin-top:2em;font-size:.85em}.legal-footer a{color:#aaa;text-decoration:none;transition:color .2s}.legal-footer a:hover{color:#fff;text-decoration:underline}.legal-footer span{-webkit-user-select:none;user-select:none;margin:0 .5em}@media (width<=480px){body{padding:max(.7rem, env(safe-area-inset-top)) max(.7rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left))}.auth-wrapper{justify-content:center;min-height:calc(100dvh - 1.4rem)}.form-container{border-radius:.45em;padding:1.15rem}.form-container .welcome-text{margin-bottom:.8em;margin-left:.25em;margin-right:.25em;font-size:1.45em}#password-options-container{flex-direction:column;align-items:flex-start;gap:.55em;margin-top:0;margin-bottom:1.15em}.switch-form-text{margin-top:1.2em}.legal-footer{margin-top:1.3em;font-size:.78em}}