.account-bar{min-height:58px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:8px 28px;border-bottom:1px solid #201b27;background:#0b0a0e}.twitch-login,.twitch-profile{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:5px 12px;border:1px solid #40334c;border-radius:22px;background:linear-gradient(120deg,#17131d,#100e14);color:#f5eff8}.twitch-login{font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.twitch-login:hover{border-color:#9b62cb;background:#21142b}.twitch-mark{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#9146ff;color:white;font-size:15px}.twitch-profile{max-width:min(380px,100%);padding:4px 7px 4px 5px}.twitch-profile>img{width:29px;height:29px;flex:none;border-radius:50%;object-fit:cover;background:#27212e}.twitch-profile-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.twitch-profile-copy strong{max-width:220px;overflow:hidden;color:#f5eff8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.twitch-profile-copy small{color:#a79eaf;font-size:10px}.twitch-logout{margin-left:5px;padding:6px 9px;border:0;border-radius:15px;background:#251c2c;color:#cbbbd7;font-size:11px}.twitch-logout:hover{background:#372642;color:white}.twitch-logout:disabled{opacity:.6}.twitch-auth-feedback{display:none;max-width:320px;color:#c7a8df;font-size:11px;line-height:1.4}.twitch-auth-feedback.is-visible{display:block}@media(max-width:600px){.account-bar{min-height:52px;padding:7px 12px}.twitch-auth-feedback{max-width:175px;font-size:10px}.twitch-profile-copy strong{max-width:130px}.twitch-login{font-size:12px}}
.twitch-login-dialog{position:fixed;inset:0;margin:auto;transform:none;width:min(420px,calc(100vw - 32px));padding:30px;border:1px solid #624078;border-radius:18px;background:linear-gradient(145deg,#1b1422,#0c0a10 75%);color:#f5eff8;text-align:center;box-shadow:0 24px 90px #000b}.twitch-login-dialog::backdrop{background:#050407c9;backdrop-filter:blur(5px)}.twitch-login-dialog-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:1px solid #40334c;border-radius:9px;background:#100d14;color:#d7c9df;font-size:22px}.twitch-login-dialog-icon{display:grid;width:48px;height:48px;margin:2px auto 14px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#9146ff,#5b2b99);color:#fff;font-size:28px;box-shadow:0 0 25px #9146ff55}.twitch-login-dialog h2{margin:0 0 9px;font:600 25px var(--serif)}.twitch-login-dialog p{margin:0 auto 20px;max-width:320px;color:#bdb2c5;font-size:14px;line-height:1.55}.twitch-login-dialog-action{display:flex;min-height:46px;align-items:center;justify-content:center;border:1px solid #a65be1;border-radius:9px;background:linear-gradient(110deg,#7525aa,#482064);color:#fff;font-size:14px;font-weight:700}.twitch-login-dialog-action:hover{filter:brightness(1.14)}
