:root{--primary: #7C3AED;--primary-dark: #4C1D95;--accent: #C084FC;--background: #0F0A1E;--surface: #1C1330;--surface-elevated: #261A42;--sidebar-background: #1C1330;--text-primary: #F5F3FF;--text-secondary: #B8AFD1;--error-red: #F87171;--live-accent: #FBBF24;--safe-margin: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--background);color:var(--text-primary);font-family:Roboto,Helvetica Neue,Arial,sans-serif}#app{position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:top left}.tv-focusable{outline:none;transition:transform .12s ease,box-shadow .12s ease}.tv-focusable:focus{transform:scale(1.04);box-shadow:0 0 0 3px var(--primary)}button,input,select{font:inherit}button{touch-action:manipulation}.player-control{min-width:48px;min-height:48px;padding:10px 16px;border:0;border-radius:8px;background:var(--surface);color:var(--text-primary);cursor:pointer}.browser-back{position:fixed;left:12px;top:8px;z-index:1000;min-height:40px;padding:8px 14px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--text-primary);cursor:pointer}.browser-back[hidden]{display:none}.demo-badge{position:fixed;right:12px;top:8px;z-index:1000;padding:8px 12px;border-radius:8px;background:#352656;color:#eee;font-size:12px;pointer-events:none}.fullscreen-player{background:#000}.app-content{min-width:0;min-height:0}.app-sidebar{overflow-y:auto}.browser-player{--safe-margin: 32px}.browser-player .app-sidebar,.browser-player .app-content{padding-top:60px!important}.browser-player .login-screen{padding:60px 20px 20px!important;overflow:auto}.browser-player .login-form{width:100%!important;max-width:480px}.browser-player .tv-focusable:focus{transform:none;box-shadow:inset 0 0 0 3px var(--primary)}.poster-title{position:absolute;right:0;bottom:0;left:0;z-index:1;overflow:hidden;padding:22px 9px 8px;color:var(--text-primary);background:linear-gradient(transparent,rgba(0,0,0,.92));font-size:14px;font-weight:600;line-height:20px;text-align:left;white-space:nowrap}.poster-title span{display:inline-block;min-width:100%}.poster-card:focus .poster-title.is-overflowing span,.poster-card:hover .poster-title.is-overflowing span{animation:poster-title-marquee 3.5s ease-in-out .45s infinite alternate}@keyframes poster-title-marquee{0%{transform:translate(0)}to{transform:translate(var(--marquee-distance))}}@media (prefers-reduced-motion: reduce){.poster-card:focus .poster-title.is-overflowing span,.poster-card:hover .poster-title.is-overflowing span{animation:none}}.inactive-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.dev-badge{position:fixed;right:12px;top:8px;z-index:1000;padding:8px 12px;border-radius:8px;background:#352656;color:#eee;font-size:12px;pointer-events:none}@media (max-width: 600px){.browser-player{--safe-margin: 12px}.browser-player .app-layout{display:block!important}.browser-player .app-sidebar{position:fixed;left:0;right:0;bottom:0;z-index:900;width:100%!important;height:68px;padding:6px!important;flex-direction:row!important;align-items:stretch;gap:4px!important;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--surface-elevated)}.browser-player .app-sidebar>div:first-child{display:none!important}.browser-player .app-sidebar button{min-width:78px;min-height:54px;padding:8px 6px!important;font-size:12px!important;text-align:center!important;flex-shrink:0}.browser-player .app-content{width:100%!important;height:100%;padding:62px 12px 84px!important;overflow:auto!important}.browser-player .movie-detail{flex-direction:column;gap:16px!important}.browser-player .movie-detail>:first-child{width:120px!important}.browser-player .live-detail-columns{display:block!important;overflow:visible!important}.browser-player .live-detail-columns>div{flex:none!important;overflow:visible!important}.browser-player .live-detail-columns>div+div{margin-top:18px}.browser-player .player-control{font-size:13px;padding:8px}.browser-player .dev-badge{left:108px;right:8px;top:8px;max-width:none;min-height:40px;display:flex;align-items:center;padding:6px 9px;font-size:10px}.browser-player .login-screen{justify-content:flex-start!important;gap:14px!important}.browser-player .login-screen>img{max-width:180px!important;max-height:72px!important}.browser-player .login-form input,.browser-player .login-form button{min-height:48px;font-size:16px!important}.browser-player .fullscreen-player{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:950}.browser-player .fullscreen-player+*{display:none}}@media (min-width: 601px) and (max-width: 1100px){.browser-player{--safe-margin: 24px}.browser-player .app-sidebar{width:180px!important;padding-top:58px!important}.browser-player .app-sidebar button{font-size:15px!important;padding:11px 12px!important}.browser-player .app-content{padding:58px 24px 24px!important}}