:root{--bg:#f5f6f8;--card:#fff;--text:#1d1f23;--muted:#6b7280;--border:#e3e5e8;--accent:#7c3aed;--danger:#dc2626;--ok:#16a34a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111317;--card:#1b1e24;--text:#e6e7ea;--muted:#9097a3;--border:#2b2f37}}body{background:var(--bg);margin:0}.layout{max-width:1000px;margin:0 auto;padding:16px}.header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.header nav{gap:12px;display:flex}.header nav a{color:var(--muted);padding:4px 0;text-decoration:none}.header nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.spacer{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px 20px;overflow-x:auto}.card h2{margin-top:0;font-size:18px}.profile{align-items:flex-start;gap:20px;display:flex}.profile img{border-radius:50%}dl{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}dt{color:var(--muted)}dd{margin:0}button,.button{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#fff}input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:6px;padding:6px 10px}.card>input{box-sizing:border-box;width:100%;margin-bottom:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 8px}td img{vertical-align:middle;border-radius:50%}th{color:var(--muted);font-weight:500}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.inline{align-items:center;gap:6px;display:flex}.inline input{width:80px}.row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);margin:8px 0}.tag{background:var(--border);border-radius:4px;padding:2px 6px;font-size:12px}code{font-size:13px}.status{background:var(--border);vertical-align:middle;border-radius:10px;padding:2px 8px;font-size:12px}.status.connected{background:var(--ok);color:#fff}.status.connecting{color:#fff;background:#d97706}.feed{margin:0;padding:0;font-size:14px;list-style:none}.feed li{border-bottom:1px solid var(--border);padding:6px 0}.feed time{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:8px}.feed .donation{color:var(--ok)}.feed .sticker{color:var(--accent)}.feed .error{color:var(--danger);margin:0}.settings fieldset{border:0;flex-wrap:wrap;gap:16px;margin:0 0 12px;padding:0;display:flex}.settings legend{color:var(--muted);margin-bottom:6px}.settings h2:not(:first-child){margin-top:24px}.settings>label{margin-bottom:12px;display:block}.field{flex-direction:column;gap:4px;max-width:420px;margin-bottom:12px;display:flex}.field span{color:var(--muted);font-size:14px}.field input[type=color]{width:60px;height:32px;padding:2px}textarea{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);resize:vertical;border-radius:6px;padding:6px 10px}.alert-stage{background:repeating-conic-gradient(var(--border) 0 25%, transparent 0 50%) 0 0 / 20px 20px;border-radius:8px;min-height:80px;margin-bottom:12px;padding:24px}.alert-card{--alert-accent:#7c3aed;border-left:6px solid var(--alert-accent);color:#fff;background:#111317e0;border-radius:14px;align-items:center;gap:14px;max-width:560px;padding:16px 20px;font-size:22px;display:flex;box-shadow:0 8px 30px #00000059}.alert-card img{border-radius:50%;flex:none;width:56px;height:56px}.alert-card strong{color:var(--alert-accent);filter:brightness(1.35)}.alert-message{opacity:.85;margin-top:6px;font-size:18px}.alert-card.animated{animation:alert-show var(--alert-duration,8s) ease both}@keyframes alert-show{0%{opacity:0;transform:translateY(24px)scale(.96)}8%,90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){@keyframes alert-show{0%,to{opacity:0}5%,95%{opacity:1}}}html.overlay,html.overlay body{background:0 0}.obs{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;padding:48px;display:flex;position:fixed;inset:0}.obs-error{background:var(--danger);color:#fff;border-radius:6px;padding:4px 8px;font-size:13px;position:fixed;top:8px;left:8px}.viewer{max-width:480px;margin:0 auto;padding:16px}.streamer{align-items:center;gap:12px;display:flex}.streamer img{border-radius:50%}.greeting{margin-bottom:0;font-size:17px}.donate .field{max-width:none}.donate>label:not(.field){margin-bottom:12px;display:block}