:root{color-scheme:dark;--bg: #0e0e12;--bg-2: #16161d;--bg-3: #1f1f2a;--fg: #e6e6ef;--fg-dim: #9a9aae;--twitch: #9146ff;--tiktok: #ff0050;--border: #2a2a38}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-2);border-bottom:1px solid var(--border)}.app-header h1{font-size:14px;margin:0;font-weight:600;letter-spacing:.04em;color:var(--fg-dim);text-transform:uppercase;display:flex;align-items:center;gap:10px}.locked-target{display:inline-flex;gap:6px;text-transform:none;letter-spacing:normal}.status-text{color:var(--fg-dim);font-size:12px;text-transform:capitalize}.clear-btn{background:transparent;color:var(--fg-dim);border:1px solid var(--border);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.clear-btn:hover{color:var(--fg)}.bar{display:flex;gap:16px;padding:10px 14px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.bar-section{display:flex;align-items:center;gap:8px}.bar-section label{color:var(--fg-dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em;min-width:50px}.bar-section input{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;width:160px;outline:none}.bar-section input:focus{border-color:var(--twitch)}.bar-section button{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:5px 12px;cursor:pointer}.bar-section button:hover{background:#2a2a38}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.chat-view{flex:1;overflow-y:auto;padding:8px 0}.empty{color:var(--fg-dim);text-align:center;padding:40px 14px}.msg{display:flex;align-items:baseline;gap:8px;padding:3px 14px;line-height:1.45;word-break:break-word}.msg:hover{background:var(--bg-2)}.pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;padding:1px 6px;border-radius:3px;flex-shrink:0}.pill-twitch{background:var(--twitch);color:#fff}.pill-tiktok{background:var(--tiktok);color:#fff}.user{font-weight:600;flex-shrink:0}.user:after{content:":";color:var(--fg-dim)}.text{color:var(--fg)}html.overlay-mode,html.overlay-mode body,html.overlay-mode #root{background:transparent!important}.overlay{padding:12px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:100vh;font-weight:600;pointer-events:none}.overlay-msg{display:flex;align-items:baseline;gap:8px;line-height:1.35;word-break:break-word;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 6px rgba(0,0,0,.85);transition:opacity .4s ease-out}.overlay-user{font-weight:800;flex-shrink:0}.overlay-user:after{content:":";opacity:.8}.overlay-text{color:#fff;font-weight:500}.overlay .pill{font-size:.55em;align-self:center;text-shadow:none}