/* Compact sign-in shared by desktop and phone. */
#account-login.proof-login{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;overflow:auto;scrollbar-color:var(--proof-control-border) var(--proof-background)}
#account-login.proof-login::backdrop{background:var(--proof-background)}
.proof-login *{box-sizing:border-box}
#account-login.proof-login [hidden]{display:none!important}
.proof-login-page{min-height:100%;display:flex;flex-direction:column;padding:56px 28px 22px}
.proof-login-main{width:100%;max-width:368px;margin:auto;padding:8px 0 38px}
.proof-login-header{text-align:center;margin:0 0 29px}
.proof-login-brand{font-size:34px;font-weight:700;letter-spacing:var(--proof-tracking-heading);line-height:1.2}
.proof-login-brand .corteo-logo--full{width:184px}
#account-login.proof-login .proof-login-content{margin:0;padding:0;border:0}
.proof-login .account-twitch{display:grid;gap:12px}
.proof-login .proof-button{width:100%;min-height:50px;padding:12px 16px;font-size:15px;gap:12px}
.proof-login .account-twitch svg{width:20px;height:20px}
.proof-login .proof-twitch-action:not(.proof-button--primary) svg{color:#9146ff}
.proof-login-content .proof-login-divider{display:flex;align-items:center;gap:14px;font-size:12px;margin:22px 0 14px;color:var(--proof-text-muted)}
.proof-login-divider::before,.proof-login-divider::after{content:"";height:1px;flex:1;background:var(--proof-border)}
.proof-login .proof-credentials-toggle{min-height:44px;border-color:transparent;background:transparent;font-size:14px;gap:8px}
.proof-login .proof-credentials-toggle:hover{background:var(--proof-surface-hover)}
.proof-login .proof-credentials-toggle svg{width:16px;height:16px}
.proof-credentials-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#account-login.proof-login #account-form{display:grid;gap:16px;margin:18px 0 0}
.proof-login .proof-label{font-size:14px;font-weight:500;margin:0 0 8px}
.proof-login .proof-input{height:48px;font-size:16px;padding:12px 14px}
.proof-login .proof-input:read-only{background:var(--proof-surface-subtle)}
.proof-password-field{position:relative}
.proof-password-field .proof-input{padding-right:52px}
.proof-password-toggle{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;background:transparent;color:var(--proof-text-muted);border-radius:var(--proof-radius-small);cursor:pointer}
.proof-password-toggle svg{width:20px;height:20px}
.proof-password-toggle:hover{background:var(--proof-surface-hover);color:var(--proof-text)}
.proof-login #account-error{color:var(--proof-error);background:var(--proof-error-surface);border-radius:var(--proof-radius-control);padding:12px 16px;margin:16px 0 0;font-size:14px;line-height:1.5}
.proof-login-footer{margin-top:24px}
.proof-login-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:center;font-size:12px}
.proof-login-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--proof-text-muted);text-decoration:none;text-underline-offset:4px}
.proof-login-footer a:hover{color:var(--proof-selection-text);text-decoration:underline}
.proof-login :is(a,button,input):focus-visible{outline:var(--proof-focus-width) solid var(--proof-focus);outline-offset:var(--proof-focus-offset)}
@media(max-width:440px){.proof-login-page{padding:36px 22px 16px}.proof-login-main{padding-bottom:28px}}