:root{--bg: #0b0b0f;--bg2: #141419;--red: #ff2e2e;--red-d: #b3060f;--text: #f5f5f7;--muted: #9a9aa6;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.flixLogo{display:block}.bootScreen{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(1000px 600px at 50% 30%,#17171d,#000 75%)}.bootInner{display:flex;flex-direction:column;align-items:center;gap:22px}.bootBar{width:220px;height:4px;border-radius:4px;background:#2a2a30;overflow:hidden}.bootBar span{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--red-d),var(--red));animation:bootSlide 1.2s ease-in-out infinite}@keyframes bootSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.bootErr{color:#ff8a80;font-size:14px;font-weight:600;margin:0}.bootCode{font-family:ui-monospace,monospace;font-size:11px;color:#ff8a80;max-width:300px;word-break:break-word;text-align:center}.flix{min-height:100dvh;background:var(--bg);position:relative}.splash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(900px 560px at 50% 32%,#1a0708,#000 78%)}.splashBar{width:240px;height:4px;border-radius:4px;transform-origin:left center;background:linear-gradient(90deg,var(--red-d),var(--red));box-shadow:0 0 18px #ff2e2e99}.browse{min-height:100dvh;padding-bottom:40px}.topnav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(180deg,#000000e6,#0000)}.navL{display:flex;align-items:center;gap:22px}.navLinks{display:flex;gap:16px;font-size:13px;color:var(--muted)}.navLinks span{cursor:default}.navLinks .active{color:var(--text);font-weight:700}.navR{display:flex;align-items:center}.navAv{width:30px;height:30px;border-radius:6px;object-fit:cover}.navAvFb{display:grid;place-items:center;background:var(--red-d);color:#fff;font-weight:800;font-size:14px}.hero{position:relative;height:min(58vh,420px);display:flex;align-items:flex-end;overflow:hidden}.heroShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 45%,transparent 75%),linear-gradient(0deg,var(--bg) 2%,transparent 40%)}.heroInner{position:relative;z-index:2;padding:0 20px 26px;max-width:560px}.heroBadge{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--red);text-transform:uppercase}.heroTitle{font-size:clamp(30px,7vw,54px);font-weight:900;margin:8px 0 6px;line-height:1;text-shadow:0 3px 14px rgba(0,0,0,.6)}.heroMeta{font-size:13px;color:#cfcfd6;margin:0 0 8px;font-weight:600}.heroDesc{font-size:14px;color:#d6d6dd;margin:0 0 16px;line-height:1.5}.heroBtns{display:flex;gap:10px}.btnPlay,.btnInfo{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:6px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:filter .12s,background .12s}.btnPlay{background:#fff;color:#111}.btnPlay:hover{filter:brightness(.9)}.btnInfo{background:#78788280;color:#fff}.btnInfo:hover{background:#787882b3}.rows{margin-top:-20px;position:relative;z-index:3;display:flex;flex-direction:column;gap:22px}.row{display:flex;flex-direction:column;gap:8px}.rowLbl{font-size:17px;font-weight:800;margin:0;padding:0 20px}.posters{display:flex;gap:10px;overflow-x:auto;padding:4px 20px 10px;scrollbar-width:thin}.posters::-webkit-scrollbar{height:6px}.posters::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:6px}.poster{position:relative;flex:0 0 auto;width:132px;height:186px;border-radius:8px;border:none;cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;padding:10px;box-shadow:0 6px 16px #0006}.posterShine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 40%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.posterTitle{position:relative;z-index:2;font-size:13px;font-weight:800;line-height:1.1;text-shadow:0 2px 6px rgba(0,0,0,.7)}.browseFoot{text-align:center;color:#55555f;font-size:12px;margin:10px 0 0;font-style:italic}.preparing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background-size:cover;background-position:center;display:grid;place-items:center}.preparing.dim{filter:brightness(.5) blur(2px)}.prepShade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.prepInner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;text-align:center}.prepSpinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--red);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prepTitle{font-size:24px;font-weight:900;margin:4px 0 0}.prepText{color:var(--muted);font-size:14px;margin:0}.prepTrack{width:min(80vw,340px);height:6px;border-radius:6px;background:#2a2a30;overflow:hidden;margin-top:4px}.prepFill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--red-d),var(--red));transition:width .2s ease}.prepPct{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.prepBtns{display:flex;gap:14px;margin-top:14px}.errWrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0009;padding:16px}.errCard{background:var(--bg2);border:1px solid #26262e;border-radius:16px;padding:30px 26px;max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 30px 70px #000000b3}.errFace{font-size:52px;line-height:1}.errTitle{font-size:21px;font-weight:900;margin:6px 0 0}.errSub{color:var(--muted);font-size:14px;margin:0;line-height:1.5}.errBtns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}.errFoot{margin-top:14px;font-size:11px;color:#55555f;font-family:ui-monospace,monospace}.errFoot b{color:var(--red)}.errWaitHost{color:var(--muted);font-size:13px;margin:12px 0 0}.lobbyScreen{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 600px at 50% 25%,#1a0708,#000 78%)}.lobbyCard{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.lobbyTag{color:var(--muted);font-size:14px;margin:0;line-height:1.5}.lobbyBtn{width:100%;font-size:16px;padding:14px}.lobbyDiv{display:flex;align-items:center;gap:10px;width:100%;color:#6a6a75;font-size:10px;font-weight:800;letter-spacing:1px}.lobbyDiv:before,.lobbyDiv:after{content:"";flex:1;height:1px;background:#2a2a30}.lobbyJoin{display:flex;gap:8px;width:100%}.codeInput{flex:1;min-width:0;border:2px solid #2a2a30;background:#141419;border-radius:8px;padding:12px;font-family:ui-monospace,monospace;font-size:20px;font-weight:800;letter-spacing:6px;text-align:center;color:var(--text);text-transform:uppercase}.codeInput:focus{outline:none;border-color:var(--red)}.lobbyJoinBtn{white-space:nowrap}.lobbyMuted{color:var(--muted);font-size:13px;margin:0}.lobbyErr{color:#ff6a6a;font-size:13px;font-weight:600;margin:0}.linkBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--muted);font-family:inherit;font-size:13px;cursor:pointer;padding:6px}.linkBtn:hover{color:var(--text)}.whoScreen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px 16px}.whoTitle{font-size:clamp(28px,6vw,44px);font-weight:400;color:#e5e5e5;margin:0}.whoGrid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:720px}.whoTile{display:flex;flex-direction:column;align-items:center;gap:10px}.whoAv{width:96px;height:96px;border-radius:8px;object-fit:cover;border:3px solid transparent}.whoAv.host{border-color:var(--red);box-shadow:0 0 20px #ff2e2e59}.whoAvFb{display:grid;place-items:center;font-size:40px;font-weight:800;color:#fff;background:linear-gradient(135deg,#b3060f,#5a0a12)}.whoName{color:var(--muted);font-size:15px}.whoTile:hover .whoName{color:var(--text)}.whoCode{display:flex;flex-direction:column;align-items:center;gap:3px;background:#141419;border:1px solid #26262e;border-radius:12px;padding:10px 22px}.whoCode span{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:800}.whoCode b{font-family:ui-monospace,monospace;font-size:28px;font-weight:900;letter-spacing:8px;color:var(--red)}.whoStart{min-width:240px;font-size:16px;padding:14px 28px}.whoWait{color:var(--muted);font-size:15px;margin:0}.watchers{font-size:13px;font-weight:700;color:var(--text);background:#ffffff14;border-radius:999px;padding:4px 10px}.navR{gap:8px}.miniAv{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid #333}.miniAvFb{display:grid;place-items:center;background:#b3060f;color:#fff;font-size:12px;font-weight:800}.navLeave{margin-left:4px}.lockBar{position:sticky;top:52px;z-index:9;text-align:center;background:#b3060fe6;color:#fff;font-size:13px;font-weight:600;padding:8px 12px}.btnPlay.locked,.btnInfo.locked,.poster.locked{opacity:.55;cursor:not-allowed}.poster.locked{filter:saturate(.8)}@media (max-width: 480px){.navLinks{display:none}.poster{width:116px;height:164px}.heroBtns .btnPlay,.heroBtns .btnInfo{padding:10px 16px;font-size:14px}.whoAv{width:78px;height:78px}}