:root{--font: "Segoe UI", system-ui, sans-serif;--font-size: 20px;--line-gap: 4px;--text: #ffffff;--shadow: 0 0 4px #000, 0 0 4px #000;--raid: rgba(255, 128, 0, .35);--sub: rgba(145, 70, 255, .35);--giftsub: rgba(145, 70, 255, .25);--redemption: rgba(0, 173, 255, .35);--bits: rgba(255, 0, 128, .3);--follow: rgba(0, 255, 128, .25);--hypetrain: rgba(255, 200, 0, .35);--announcement: rgba(0, 200, 100, .3);--ban: rgba(220, 0, 0, .35);--timeout: rgba(220, 90, 0, .3);--unban: rgba(120, 120, 120, .35)}html,body{margin:0;height:100%;background:transparent;overflow:hidden}.log{display:flex;flex-direction:column;gap:var(--line-gap);height:100%;padding:0;box-sizing:border-box;font:var(--font-size) / 1.35 var(--font);color:var(--text);text-shadow:var(--shadow);overflow:hidden}.line{overflow-wrap:anywhere;transition:opacity .4s linear}.line.is-fading{opacity:0}.line--raid{background:var(--raid)}.line--sub,.line--resub{background:var(--sub)}.line--giftsub,.line--subbomb{background:var(--giftsub)}.line--redemption{background:var(--redemption)}.line--bits{background:var(--bits)}.line--follow{background:var(--follow)}.line--hypetrain{background:var(--hypetrain)}.line--announcement{background:var(--announcement)}.line--ban{background:var(--ban)}.line--timeout{background:var(--timeout)}.line--unban{background:var(--unban)}.emote{vertical-align:middle;max-height:1.4em}.badge{vertical-align:middle;height:.9em;margin-right:2px}.user{font-weight:700;text-shadow:none}.status{position:fixed;right:8px;bottom:8px;padding:2px 8px;border-radius:10px;background:#0009;color:#fff;font:12px var(--font)}.emote--zero{margin-left:-1.4em}.login{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;box-sizing:border-box;background:#18181b;color:#efeff1;font:16px/1.5 var(--font);text-shadow:none}.login__title{margin:0;font-size:20px}.login__text{margin:0;max-width:60ch}.login__code{margin:0;font:600 28px/1.2 ui-monospace,monospace;letter-spacing:.15em}.login__feedback{margin:0;min-height:1.5em;color:#a970ff}.login__status{margin:0;color:#adadb8}.login__row{display:flex;gap:8px;width:100%;max-width:70ch}.login__url{flex:1;min-width:0;padding:8px;border:1px solid #464649;border-radius:4px;background:#0e0e10;color:#efeff1;font:14px/1.4 ui-monospace,monospace}.login__button{padding:8px 16px;border:0;border-radius:4px;background:#9146ff;color:#fff;font:600 15px var(--font);cursor:pointer}.login__button:hover{background:#772ce8}.login__button:disabled{background:#464649;cursor:default}