// For component-specific styles if needed .media-tiles{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:flex-start;margin-bottom:1em}.media-tile{background:#181818;border-radius:12px;box-shadow:0 2px 12px #0006;border:2px solid var(--gray-light);width:160px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:border .2s,box-shadow .2s,transform .15s;padding:.7em .5em 1em}.media-tile:hover{border:2px solid var(--red);box-shadow:0 4px 24px #e5091422;transform:translateY(-2px) scale(1.04)}.media-thumb{width:100%;object-fit:cover;border-radius:8px;background:#222;margin-bottom:.7em;display:block}.portrait-thumb{aspect-ratio:2/3;height:180px;width:100%;object-fit:cover}.episode-tile .media-thumb.episode-thumb{aspect-ratio:16/9;height:100px;width:100%;object-fit:cover;background:#111;border-radius:8px}.media-title{font-size:1.08rem;font-weight:600;color:#fff;text-align:center;margin-top:.2em;word-break:break-word}.room.room-flex{max-width:none!important;width:100vw!important;margin:0!important;min-height:92vh;height:92vh;align-items:stretch;padding:0;box-sizing:border-box}.room-flex{display:flex;flex-direction:row;gap:2.5em;align-items:stretch;height:100vh;min-height:100vh;box-sizing:border-box;padding:0}.room-main{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;height:100vh;box-sizing:border-box;padding:0;margin-right:2.5em;height:100%}.room-chat{width:350px;min-width:260px;max-width:400px;background:#202020fa;border-radius:12px;box-shadow:0 2px 16px #000a;border:1.5px solid var(--red-dark);display:flex;flex-direction:column;padding:.5em;margin-left:0}.room-chat .chat-window{position:static;width:100%;height:100%;border-radius:12px;box-shadow:none}.video-area{flex:1 1 0%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:0;padding:0;margin:0}video{width:100%;height:100%;max-width:100vw;max-height:100vh;margin-bottom:0;object-fit:contain;display:block}.nav__madeby{font-weight:700;font-size:1.05rem;letter-spacing:.04em;background:linear-gradient(45deg,var(--red-dark) 0%,var(--red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;margin-right:1.5em;text-shadow:0 2px 8px #000a;display:inline-block}:root{--red: #e50914;--red-dark: #b0060f;--gray-dark: #181818;--gray-mid: #232323;--gray-light: #2c2c2c;--black: #0A0A0A;--white: #FFFFFF;--nav-height: 70px;--radius: 16px;--shadow: 0 6px 32px rgba(0,0,0,.25);--max-width: 1100px}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased;padding-top:var(--nav-height);background:radial-gradient(ellipse at 60% 0%,#232323,#181818),linear-gradient(120deg,#ffffff0a,#181818fa);background-blend-mode:multiply,lighten;background-attachment:fixed;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.18;background:url('data:image/svg+xml;utf8,<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="120" height="120" fill="%23222222"/><circle cx="60" cy="60" r="58" stroke="%23333333" stroke-width="2" fill="none"/><circle cx="60" cy="60" r="36" stroke="%23333333" stroke-width="1.5" fill="none"/><circle cx="60" cy="60" r="16" stroke="%23333333" stroke-width="1" fill="none"/></svg>');background-size:120px 120px;background-repeat:repeat}#root{min-height:100vh}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ad1;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#181818fa;padding:2.5em 2em 2em;border-radius:var(--radius);box-shadow:var(--shadow);min-width:320px;max-width:90vw;border:1px solid var(--red-dark)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#0a0a0af5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:200;box-shadow:0 2px 16px #000a;border-bottom:2.5px solid var(--red)}.nav__brand{font-weight:900;font-size:1.5rem;color:var(--red);letter-spacing:.04em;text-shadow:0 2px 12px #000a}.nav__links{display:flex;gap:24px}.nav__links a{color:#ffffffd9;text-decoration:none;font-weight:500;transition:color .2s}.nav__links a:hover{color:var(--red)}.room-list,.room{max-width:700px;margin:2.5em auto;background:#181818fa;padding:2.5em 2em;border-radius:var(--radius);box-shadow:var(--shadow);border:1.5px solid var(--gray-light)}.user-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5em}.media-library{max-height:220px;overflow:auto;background:#202020eb;padding:1.2em;border-radius:10px;margin-bottom:1.2em;border:1px solid var(--gray-light)}.room-header{margin-top:1.5em;display:flex;align-items:center;margin-bottom:1.2em;gap:2em}.video-area{position:relative;display:flex;flex-direction:column;align-items:flex-start}video{width:100%;max-width:900px;max-height:60vh;background:#000;border-radius:12px;box-shadow:0 4px 24px #00000073;margin-bottom:1em}.chat-toggle{position:absolute;top:10px;right:10px;z-index:2;background:var(--red);color:var(--white);border:none;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #e509141f;transition:background .2s,color .2s}.chat-toggle:hover{background:var(--red-dark);color:#fff}.chat-window{position:absolute;top:0;right:0;width:320px;height:100%;background:#202020fa;color:#fff;border-radius:12px 0 0 12px;display:flex;flex-direction:column;z-index:3;box-shadow:0 2px 16px #000a;border:1.5px solid var(--red-dark)}.chat-messages{flex:1;overflow-y:auto;padding:1.2em;font-size:1rem}.chat-msg{margin-bottom:.7em;word-break:break-word}.chat-input{display:flex;padding:.7em;border-top:1px solid rgba(91,192,255,.1);background:#14141eeb;border-radius:0 0 0 12px}.chat-input input{flex:1;padding:.6em 1em;border:none;border-radius:6px;margin-right:.7em;background:#181c22;color:#fff;font-size:1rem}.chat-input button{padding:.6em 1.2em;border:none;border-radius:6px;background:var(--red);color:var(--white);font-weight:700;cursor:pointer;transition:background .2s,color .2s}.chat-input button:hover{background:var(--red-dark);color:#fff}button{background:var(--red);color:var(--white);border:none;border-radius:999px;padding:10px 22px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #e509141a;transition:background .2s,color .2s,transform .15s}button:disabled{background:#444;color:#aaa;cursor:not-allowed}button:hover:not(:disabled){background:var(--red-dark);color:#fff;transform:translateY(-2px) scale(1.03)}input,select,textarea{font-family:inherit;font-size:1rem;border-radius:6px;border:1px solid rgba(91,192,255,.1);background:#181c22;color:#fff;padding:.7em 1em;margin-bottom:.7em;outline:none;transition:border .2s}input:focus,select:focus,textarea:focus{border:1.5px solid var(--blue)}ul{padding-left:1.2em}li{margin-bottom:.3em}@media (max-width: 900px){.nav{padding:0 16px}.room-list,.room{padding:1.2em .5em}.chat-window{width:100vw;right:0;border-radius:0}.video-area{align-items:stretch}}