body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#000;color:#fff;overflow:hidden;position:fixed;width:100%;height:100%}.app-container{display:flex;width:100vw;height:100dvh;overflow:hidden}.video-container{flex:1;background-color:#000;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.html5-player{width:100%;height:100%;max-height:100dvh;object-fit:contain}.chat-sidebar{width:350px;min-width:350px;background-color:#1a1a1a;border-left:1px solid #333;display:flex;flex-direction:column;height:100%;position:relative;z-index:10}.header-bar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px;background:#252525;border-bottom:1px solid #333}.input-section{flex:0 0 auto;padding:10px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:8px;background:#222}.input-section.hidden{display:none}.chat-list{flex:1;overflow-y:auto;padding:10px;min-height:0}.controls{flex:0 0 auto;position:relative;padding:10px;border-top:1px solid #333;display:flex;gap:5px;align-items:center;background:#1a1a1a}.join-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;text-align:center;background:linear-gradient(135deg,#111,#000);overflow:hidden}.lobby-input-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px;background:#222;padding:30px;border-radius:12px;box-shadow:0 10px 40px #000000b3;flex-shrink:0}.lobby-lists{margin-top:20px;width:100%;max-width:400px;text-align:left;max-height:35vh;overflow-y:auto;padding-right:5px;flex-shrink:1}.room-item{background:#333;padding:12px;margin-bottom:8px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:1px solid #444}input{padding:10px;border-radius:6px;border:1px solid #444;background:#111;color:#fff;outline:none;font-size:16px}button{padding:8px 12px;background-color:#e50914;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:.9rem}.icon-btn{background:transparent;font-size:1.2rem;padding:5px;color:#ccc;border:1px solid transparent}.settings-menu{position:absolute;bottom:60px;right:15px;background:#0f0f0ff2;padding:15px;border-radius:8px;z-index:100;min-width:200px;border:1px solid #444;max-height:50vh;overflow-y:auto}.track-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid #333}.active-track{color:#e50914;font-weight:700}@media(max-width:768px)and (orientation:portrait){.app-container{flex-direction:column}.video-container{height:35vh;flex:0 0 auto;z-index:20}.chat-sidebar{width:100%;flex:1 1 auto;min-height:0;border-left:none;border-top:1px solid #333}.chat-list.mobile-hide{display:none!important}}@media(max-width:900px)and (orientation:landscape){.app-container{flex-direction:row;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.video-container{flex:1}.chat-sidebar{width:300px;min-width:300px}}