:root{--bg-color:#1a1a1a;--text-color:#fff;--card-bg:#2d2d2d;--accent-color:gold}[data-theme=light]{--bg-color:#f0f0f0;--text-color:#333;--card-bg:#fff;--accent-color:#007bff}*{box-sizing:border-box}body{background-color:#1a1a1a;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:Arial,sans-serif;margin:0;overflow-x:hidden;transition:all .3s ease}button{font-family:inherit}.app{max-width:100%;overflow-x:hidden;padding:80px 20px 100px;text-align:center}ul{list-style:none;margin:0 auto;max-width:700px;padding:0}input[type=checkbox]{margin-right:10px;transform:scale(1.3)}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:10px;width:100%}.channel-card{background:#2d2d2d;background:var(--card-bg);border-radius:10px;box-shadow:0 2px 5px #0003;padding:10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.channel-card:active,.channel-card:focus,.channel-card:hover{border:3px solid #1cd14c;outline:none}.channel-card.selected{border:3px solid gold;box-shadow:0 0 10px #ffd70080;transform:scale(1.01)}.channel-card.selected,.channel-card:focus-within{border-color:#1e88e5;outline:none}.button-row{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px}.watch-btn{background:linear-gradient(135deg,#ff5f6d,#ffc371);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:transform .2s ease,box-shadow .3s ease}.watch-btn:hover{box-shadow:0 4px 12px #fff3;transform:scale(1.05)}.watch-btn:focus{outline:2px solid #1e88e5}.fav-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:transform .2s ease,border .2s ease;width:44px}.fav-btn:hover{border-color:#888;transform:scale(1.1)}.fav-btn:focus{outline:2px solid #1e88e5}.channel-content h4{font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-content small{font-size:12px;opacity:.7}.favorite-icon{cursor:pointer;font-size:18px;opacity:.5;transition:transform .2s ease,opacity .3s;-webkit-user-select:none;user-select:none}.favorite-icon.active{color:red;opacity:1;transform:scale(1.3)}.channel-card:hover{box-shadow:0 6px 16px #ffffff1a;transform:scale(1.04)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:gold;background-color:var(--accent-color);border-radius:8px}.sidebar{animation:slideIn .3s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ef2;border-right:1px solid #ffffff0d}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}input[type=password],input[type=text],select{background:#2d2d2d;background:var(--card-bg);border:1px solid #ccc;border-radius:8px;color:#fff;color:var(--text-color);font-size:14px;outline:none;padding:8px 12px;transition:border .3s ease}input:focus,select:focus{border-color:gold;border-color:var(--accent-color)}@media (max-width:600px){.app{padding:60px 10px 80px}.grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:5px}.channel-card{padding:8px}.channel-content h4{font-size:14px}.watch-btn{font-size:13px;padding:6px 12px}.fav-btn{font-size:18px;height:40px;width:40px}.floating-btn{background-color:#111;border:none;border-radius:6px;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 16px;position:fixed;right:10px;top:10px;z-index:9999}.floating-btn:hover{background-color:#222}}
/*# sourceMappingURL=main.c26be7a3.css.map*/