.oauth-options{display:grid;gap:7px;margin-bottom:14px}.oauth-options--below{margin:18px 0 0}.oauth-options--below .oauth-options__divider{margin:0 0 4px}.oauth-options__title{margin:0 0 2px;color:var(--text-2);font:9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.oauth-option{width:100%;min-height:40px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line-2);border-radius:8px;color:var(--text);background:var(--surface);font:inherit;font-size:11px;font-weight:600;text-align:left;text-decoration:none;transition:border-color .15s ease,background .15s ease}.oauth-option[href]:hover{border-color:var(--accent);background:var(--surface-2)}.oauth-option[href]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.oauth-option__icon{width:22px;height:22px;display:grid;place-items:center}.oauth-option svg{width:18px;height:18px;display:block}.oauth-option--x svg,.oauth-option--twitch svg{fill:currentColor}.oauth-option--twitch .oauth-option__icon{color:#9146ff}.oauth-option__label{min-width:0}.oauth-option__status{color:var(--text-3);font:8px/1.2 var(--mono);font-weight:400;letter-spacing:.04em;text-transform:uppercase}.oauth-option.is-unavailable{cursor:not-allowed;color:var(--text-2);background:color-mix(in srgb,var(--surface) 88%,transparent);opacity:.78}.oauth-options__divider{display:flex;align-items:center;gap:10px;margin-top:2px;color:var(--text-3);font:8px/1 var(--mono);text-transform:uppercase}.oauth-options__divider:before,.oauth-options__divider:after{content:"";height:1px;flex:1;background:var(--line)}
.oauth-complete{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:var(--bg)}.oauth-complete__card{width:min(100%,620px);padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 22px 70px rgb(0 0 0/.25)}.oauth-complete__brand{display:inline-flex;margin-bottom:28px;color:var(--text);font-size:20px;font-weight:700}.oauth-complete__brand span{font-weight:400}.oauth-complete__eyebrow{margin:0 0 7px;color:var(--accent);font:10px/1.3 var(--mono);letter-spacing:.16em}.oauth-complete h1{margin:0;font-size:27px;line-height:1.2}.oauth-complete__intro{margin:8px 0 22px;color:var(--text-2);font-size:13px;line-height:1.55}.oauth-complete .form-alert{margin-bottom:16px}@media(max-width:600px){.oauth-option{grid-template-columns:22px minmax(0,1fr);padding-inline:12px}.oauth-option__status{grid-column:2}.oauth-complete__card{padding:22px 18px}.oauth-complete .form-grid{grid-template-columns:1fr}}