:root{--canvas: #0A0A0A;--surface1: #141414;--surface2: #1E1E1E;--surface3: #282828;--divider: #333333;--pluto-blue: #0048FF;--pluto-blue-pressed: #0039CC;--pluto-blue-bright: #2C6BFF;--pluto-yellow: #FFE100;--pluto-cyan: #00C2FF;--live-red: #FF3B5C;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-tertiary: #707070;--success: #21D07A;--error: #FF4A6E}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;background:var(--canvas)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--canvas);border-bottom:.5px solid var(--divider);flex-shrink:0}.header__wordmark{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text-primary)}.header__wordmark span{color:var(--text-primary)}.header__right{display:flex;align-items:center;gap:16px}.header__version{font-size:11px;font-weight:600;color:var(--text-tertiary);opacity:.6}.header__clock{font-size:13px;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums}.country-select{position:relative;margin-bottom:10px}.country-select__label{display:block;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.country-select__input{width:100%;height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:var(--surface2);border:1.5px solid transparent;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.country-select__input:hover{background:var(--surface3)}.country-select__input:focus{outline:none;border-color:var(--pluto-blue)}.country-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--surface2);border:1px solid var(--divider);border-radius:8px;z-index:100;box-shadow:0 8px 24px #00000080}.country-select__dropdown::-webkit-scrollbar{width:6px}.country-select__dropdown::-webkit-scrollbar-track{background:transparent}.country-select__dropdown::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.country-select__option{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.country-select__option:hover{background:var(--surface3);color:var(--text-primary)}.country-select__option--active{color:var(--text-primary);background:var(--surface3)}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:var(--canvas);border-right:.5px solid var(--divider)}.sidebar__search{padding:12px 16px;flex-shrink:0}.search-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:var(--surface2);border-radius:8px;border:1.5px solid transparent;transition:border-color .2s ease}.search-bar:focus-within{border-color:var(--pluto-blue)}.search-bar__icon{color:var(--text-tertiary);font-size:16px;flex-shrink:0}.search-bar__input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:14px}.search-bar__input::placeholder{color:var(--text-tertiary)}.channel-list{flex:1;overflow-y:auto;padding:4px 0}.channel-list::-webkit-scrollbar{width:6px}.channel-list::-webkit-scrollbar-track{background:var(--canvas)}.channel-list::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.channel-list__empty{padding:40px 20px;text-align:center;color:var(--text-tertiary);font-size:14px;font-weight:500}.channel-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;background:var(--surface1);border-bottom:.5px solid var(--canvas);border-left:3px solid transparent;transition:background .2s ease,border-color .2s ease}.channel-item:hover{background:var(--surface2)}.channel-item--selected{background:var(--surface2);border-left-color:var(--pluto-yellow)}.channel-item__logo{width:44px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--text-primary);text-transform:uppercase;flex-shrink:0;overflow:hidden;letter-spacing:.3px}.channel-item__logo img{width:100%;height:100%;object-fit:cover}.channel-item__info{flex:1;min-width:0}.channel-item__name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;display:flex;align-items:center;gap:6px}.channel-item__feed{flex-shrink:0;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--surface3);color:var(--text-secondary);letter-spacing:.3px}.channel-item__tagline{font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.channel-item__live-dot{width:7px;height:7px;border-radius:50%;background:var(--live-red);flex-shrink:0}.channel-item__live-dot--hidden{visibility:hidden}.player-panel{flex:1;display:flex;flex-direction:column;background:var(--canvas);overflow:hidden}.player-panel__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary)}.player-panel__empty-icon{font-size:48px;opacity:.3}.player-panel__empty-text{font-size:15px;font-weight:600}.player-wrapper{position:relative;flex:1;min-height:0;background:#000;display:flex;align-items:center;justify-content:center}.player-wrapper #player{width:100%;height:100%}.live-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:5px 10px;background:#0006;border-radius:999px;z-index:10;pointer-events:none}.live-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--live-red);animation:pulse 2s ease-in-out infinite}.live-badge__text{font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--text-primary);text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.player-info{padding:16px 24px;background:var(--canvas);border-top:.5px solid var(--divider);flex-shrink:0}.player-info__channel-line{font-size:11px;font-weight:700;color:var(--pluto-cyan);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.player-info__title{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.2px}.player-info__tagline{font-size:14px;font-weight:400;color:var(--text-secondary);margin-top:6px;line-height:1.5}.loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);font-size:14px;font-weight:600}.loading__spinner{width:24px;height:24px;border:2px solid var(--surface3);border-top-color:var(--pluto-blue);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:20px;color:var(--error);font-size:14px;font-weight:600;text-align:center}