*{box-sizing:border-box}html,body{height:100%;margin:0}body{--chat-size:21px;display:flex;flex-direction:column;background:#131512;color:#fff4dd;font:16px Segoe UI,Arial,sans-serif;border-top:5px solid #ff663a}header{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #3d3a30;background:#1e201b}.brand{display:flex;align-items:center;gap:14px}.brand>b{font-size:32px;font-style:italic;color:#151510;background:#ffbb52;padding:3px 12px;box-shadow:-3px 3px #ff663a}h1{font-size:21px;letter-spacing:2px;margin:0}.brand span{font-size:11px;letter-spacing:2px;color:#c9bd9e}#connection{font-size:13px;color:#d2c6a6;text-align:right}nav{display:flex;align-items:center;gap:8px;padding:12px 24px;flex-wrap:wrap}button{border:1px solid #554e3d;background:#25271f;color:#fff4dd;border-radius:5px;padding:9px 13px;font:600 14px Segoe UI;cursor:pointer}button:hover{background:#3d3b2d}button[aria-pressed=true]{background:#ffbd59;color:#211c12;border-color:#ffbd59}.spacer{flex:1}nav label{display:flex;align-items:center;gap:8px;font-size:13px}input{width:90px;accent-color:#ffbd59}#notice{padding:8px 24px 13px;color:#c3bca9;font-size:13px;border-bottom:1px solid #39392e}main{flex:1;overflow-y:auto;scrollbar-color:#7b7059 #151712;padding:8px 24px 25px;overflow-anchor:none}.entry{font-size:var(--chat-size);line-height:1.45;padding:14px 0;border-bottom:1px solid #303228;overflow-wrap:anywhere}.entry .meta{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:5px;color:#b9b39e}.platform{font-size:10px;letter-spacing:.8px;font-weight:800;padding:3px 6px;border-radius:3px;background:#3b334e;color:#e3ccff}.youtube .platform{background:#5e2b26;color:#ffc4ad}.streamlabs .platform{background:#224b3d;color:#a7eed1}.name{font-weight:750;color:#ffce77}.chat .name{color:#fff3d5}.activity{padding:14px 15px;margin:10px 0;background:#25281f;border-left:3px solid #ffbd59;border-bottom:none;border-radius:0 5px 5px 0}.body{white-space:pre-wrap}.empty{color:#b4ad96;text-align:center;padding:60px 20px}footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 24px;border-top:1px solid #3d3a30;font-size:12px;color:#b9b39e}@media(max-width:600px){header{padding:14px;align-items:flex-start}.brand>b{font-size:24px}h1{font-size:16px}.brand span{font-size:9px}#connection{font-size:11px;max-width:145px}nav,footer{padding:10px 14px}main{padding:0 14px 20px}#notice{padding:5px 14px 10px}nav .spacer{display:none}nav label{margin-left:auto}#pause{font-size:12px}footer #summary{max-width:65%}}