*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#2f3136;color:#fff;height:100vh;overflow:hidden}.container{display:flex;height:100vh;width:100vw}.live-viewer{flex:1;display:flex;flex-direction:column;background:#36393f;border-left:1px solid #40444b}#live-container{flex:1;position:relative;background:#000}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#b3b3b3}.placeholder h2{margin-bottom:10px;color:#fff}.twitch-embed{width:100%;height:100%;border:none}.live-info{padding:15px;background:#2f3136;border-top:1px solid #40444b;min-height:80px}#streamer-name{font-size:18px;font-weight:700;margin-bottom:5px}#game-info{color:#b3b3b3;margin-bottom:5px}#viewers-count{color:#0f8;font-weight:700}.streamers-list{width:350px;background:#2f3136;display:flex;flex-direction:column}.header{padding:20px;border-bottom:1px solid #40444b}.header h2{margin-bottom:10px;color:#fff}.total-donations{color:#0f8;font-weight:700;font-size:16px}.search-bar{padding:15px;border-bottom:1px solid #40444b}.search-bar input{width:100%;padding:10px;background:#40444b;border:1px solid #72767d;border-radius:3px;color:#fff;font-size:14px}.search-bar input:focus{outline:none;border-color:#7289da}.search-bar input::placeholder{color:#72767d}.streamers-container{flex:1;overflow-y:auto}.loading{padding:20px;text-align:center;color:#b3b3b3}.streamer-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #40444b;cursor:pointer;transition:background-color .2s}.streamer-item:hover{background:#36393f}.streamer-item.selected{background:#7289da}.streamer-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;position:relative}.streamer-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #2f3136}.status-indicator.online{background:#43b581}.status-indicator.offline{background:#747f8d}.location-indicator{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2px solid #2f3136;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.location-indicator.remote{background:#faa61a;color:#000}.location-indicator.local{background:#5865f2;color:#fff}.streamer-info{flex:1;min-width:0}.streamer-name{font-weight:700;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-game{color:#b3b3b3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-donations{color:#0f8;font-weight:700;font-size:12px;margin-top:2px}.viewers-count{color:#b3b3b3;font-size:11px;margin-left:8px}.streamers-container::-webkit-scrollbar{width:8px}.streamers-container::-webkit-scrollbar-track{background:#2f3136}.streamers-container::-webkit-scrollbar-thumb{background:#40444b;border-radius:4px}.streamers-container::-webkit-scrollbar-thumb:hover{background:#72767d}@media (max-width: 768px){.container{flex-direction:column}.streamers-list{width:100%;height:200px}.live-viewer{flex:1}}