*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;overflow:hidden}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.spinner{border:4px solid #333;border-top-color:#002eb3;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.activation-screen{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;height:100vh;display:flex}.activation-box{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:60px 80px}.activation-box h1{margin-bottom:20px;font-size:2.5rem}.device-id{color:#888;margin-bottom:40px;font-family:monospace}.code-input{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.digit{background:#ffffff1a;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:50px;height:70px;font-size:2rem;display:flex}.digit.filled{background:#002eb333;border-color:#002eb3}.hint{color:#666;margin-bottom:30px}.error{color:#f44;margin-bottom:20px}.activate-btn{color:#fff;cursor:pointer;background:#002eb3;border:none;border-radius:10px;padding:15px 50px;font-size:1.2rem;transition:all .2s}.activate-btn:hover:not(:disabled){background:#001f8c;transform:scale(1.05)}.activate-btn:disabled{cursor:not-allowed;background:#444}.home-screen{flex-direction:column;height:100vh;display:flex}.home-header{background:#ffffff0d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.home-header h1{font-size:1.8rem}.location-badge{background:#ffffff1a;border-radius:20px;padding:8px 16px;font-size:.9rem}.home-content{flex:1;padding:calc(30px + 1em) calc(40px + 1em);overflow-y:auto}.home-content h2{color:#888;margin-bottom:30px;font-weight:400}.channel-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.channel-item{cursor:pointer;background:#ffffff0d;border:3px solid #0000;padding:20px;transition:all .2s}.channel-item:hover,.channel-item.focused{background:#ffffff1a;border-width:1px;border-color:#fff;border-radius:5px;margin:0 5px}.channel-logo{aspect-ratio:16/9;background:#0000004d;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.channel-logo img{object-fit:contain;max-width:80%;max-height:80%}.channel-placeholder{color:#555;font-size:1.5rem;font-weight:700}.channel-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;display:block;overflow:hidden}.player-screen{z-index:100;background:#000;position:fixed;inset:0}.player-header{z-index:10;background:#000c;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px 20px;font-size:1rem}.back-btn:hover{background:#fff3}.channel-title{flex:1;font-size:1.2rem}.platform-badge{background:#002eb3;border-radius:15px;padding:5px 12px;font-size:.8rem}.video-player{object-fit:contain;width:100%;height:100%}.native-player{width:100%;height:100%}.player-error{background:#f00c;border-radius:10px;padding:15px 30px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}:focus{outline-offset:2px;outline:3px solid #0000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app>*{animation:.3s fadeIn}.home-tabs{background:#111;border-bottom:1px solid #222;padding:0 40px;display:flex}.home-tabs button{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:15px 30px;font-size:1rem;transition:all .2s}.home-tabs button:hover{color:#888}.home-tabs button.active{color:#fff;border-bottom-color:#002eb3}.home-content{flex:1;overflow:hidden}.home-content>*{height:100%}.hide{display:none}