@import "https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&family=Oxygen&display=swap";:root{--bg:#1c1d20;--surface:#26282c;--border:#3a3d43;--text:#d6d6d6;--muted:#8b8f96;--accent:#e5322d;--error-bg:#5c1d1b;--live:#e5322d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Oxygen,system-ui,sans-serif;line-height:1.5}h1{font-family:Fira Sans,system-ui,sans-serif}.container{flex-direction:column;justify-content:center;max-width:1280px;min-height:100%;margin:0 auto;padding:16px;display:flex}.stream-form{flex-wrap:wrap;gap:8px;width:100%;max-width:560px;margin:0 auto;display:flex}.stream-form input,.stream-form button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 18px;font-size:24px}.stream-form input{flex:200px;min-width:0}.stream-form input:focus{border-color:var(--muted)}.stream-form button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:#fff}.stream-form button:hover{filter:brightness(1.1)}.error-msg{background:var(--error-bg);color:#fff;text-align:center;border-radius:6px;width:100%;padding:8px 12px}.player{width:100%}.player-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.player-header h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:600;overflow:hidden}button.link{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 0}button.link:hover{color:var(--text)}.badge{letter-spacing:.05em;background:var(--border);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.badge.live{background:var(--live);color:#fff}.video-wrapper{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.video-wrapper video{width:100%;height:100%;display:block}.overlay{text-align:center;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.stats{color:var(--muted);text-align:right;margin-top:8px;font-size:13px}