:root{font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#fff;background:#0e0e10;font-family:Arial,sans-serif}.app{width:100%;min-height:100vh}.header{background:#18181b;align-items:center;height:64px;padding:0 24px;font-size:22px;font-weight:700;display:flex}.live-layout{grid-template-columns:minmax(0,1fr) 360px;height:calc(100vh - 64px);display:grid}.stream-player{background:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}.stream-player video{object-fit:contain;background:#000;width:100%;height:100%}.twitch-chat{background:#18181b;border-left:1px solid #2f2f35;overflow:hidden}.twitch-chat iframe{border:0;width:100%;height:100%}@media (width<=800px){.live-layout{grid-template-columns:1fr;height:auto}.stream-player{aspect-ratio:16/9}.twitch-chat{border-top:1px solid #2f2f35;border-left:none;height:500px}}