:root{--primary-color: #ff0000;--bg-color: #121212;--text-color: #ffffff;--secondary-bg: #1e1e1e;--accent-color: #3ea6ff;--border-color: #333}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100%;width:100%}#landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}input,button{padding:10px;margin:10px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--text-color);font-size:1rem}button{background-color:var(--primary-color);border:none;cursor:pointer;font-weight:700}button:hover{opacity:.9}#room-view{display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:768px){#room-view{flex-direction:row}}#video-container{flex:3;background-color:#000;display:flex;align-items:center;justify-content:center;position:relative}#player{width:100%;height:100%;position:absolute;top:0;left:0}#chat-container{flex:1;background-color:var(--secondary-bg);display:flex;flex-direction:column;border-left:1px solid var(--border-color);max-width:100%}@media(min-width:768px){#chat-container{max-width:400px}}#chat-messages{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.message{font-size:.9rem;padding:5px 10px;border-radius:4px;background-color:#2a2a2a}.system-message{color:#aaa;font-style:italic;font-size:.8rem;text-align:center;background:none}#chat-input-area{padding:10px;display:flex;border-top:1px solid var(--border-color)}#chat-input{flex:1;margin:0 10px 0 0}#leave-btn{background-color:#444;margin-top:auto}