@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-void:#060709;--bg-base:#0c0d11;--bg-surface:#13151b;--bg-card:#181b22;--bg-card-hover:#21252f;--bg-glass:#0d0f13d1;--bg-glass-hover:#15181feb;--accent:#7c6ef7;--accent-2:#56cfdd;--accent-glow:#7c6ef759;--accent-gradient:linear-gradient(135deg, #7c6ef7 0%, #56cfdd 100%);--text-primary:#f3f4f6;--text-secondary:#9499a8;--text-muted:#5e6473;--text-on-accent:#fff;--border:#ffffff14;--border-subtle:#ffffff14;--border-hover:#ffffff29;--shadow-card:0 4px 24px #000000bf;--shadow-glow:0 0 32px var(--accent-glow);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.26s;--duration-slow:.42s;--nav-height:64px;--mobile-tab-height:60px;--page-padding:clamp(14px, 3.5vw, 48px);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}[data-theme=light]{--bg-void:#eaeaf0;--bg-base:#f4f4f7;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f7f7fa;--bg-glass:#ffffffd6;--bg-glass-hover:#fffffff2;--accent:#6052dd;--accent-2:#0284c7;--accent-glow:#6052dd40;--accent-gradient:linear-gradient(135deg, #6052dd 0%, #0284c7 100%);--text-primary:#12131a;--text-secondary:#58596b;--text-muted:#8b8d9f;--text-on-accent:#fff;--border:#00000014;--border-subtle:#00000014;--border-hover:#00000029;--shadow-card:0 4px 20px #0000000f, 0 1px 3px #0000000a;--shadow-glow:0 0 24px var(--accent-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-tap-highlight-color:transparent;min-height:100dvh;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-wrapper{padding-top:calc(var(--nav-height) + var(--sat) + 12px);padding-right:calc(var(--page-padding) + var(--sar));padding-bottom:calc(var(--space-2xl) + var(--sab));padding-left:calc(var(--page-padding) + var(--sal));min-height:100dvh}@media (width<=767px){.page-wrapper{padding-bottom:calc(var(--mobile-tab-height) + var(--sab) + 24px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--duration-base) var(--ease-out) both}@keyframes glowPulse{0%,to{opacity:1;box-shadow:0 0 6px #ef4444}50%{opacity:.5;box-shadow:0 0 14px #ef4444}}.live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite glowPulse;display:inline-block}.noise:after{content:"";pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.navbar{height:calc(var(--nav-height) + var(--sat));z-index:50;padding:var(--sat) var(--page-padding) 0;align-items:center;gap:clamp(16px, 3vw, var(--space-2xl));border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--border);border-radius:0;display:flex;position:fixed;top:0;left:0;right:0}.navbar__brand{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo-icon{color:var(--accent);text-shadow:0 0 12px var(--accent-glow);font-size:20px}.navbar__logo-text{letter-spacing:-.5px;font-size:20px;font-weight:800}.navbar__links{gap:clamp(16px, 2.5vw, var(--space-xl));align-items:center;display:flex}.navbar__link{color:var(--text-secondary);transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:6px 0;font-size:14px;font-weight:600;display:inline-flex;position:relative}.navbar__link:hover{color:var(--text-primary)}.navbar__link--active{color:var(--text-primary);border-bottom-color:var(--accent)}.navbar__badge{border-radius:var(--radius-full);background:var(--accent);color:#fff;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.3}.navbar__actions{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.navbar__icon-btn{width:36px;height:36px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);transition:color var(--duration-fast) ease, background var(--duration-fast) ease;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.navbar__icon-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}@keyframes spin{to{transform:rotate(360deg)}}.navbar__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.mobile-nav{display:none}@media (width<=767px){.navbar__links,.navbar__icon-btn--settings{display:none}.mobile-nav{height:calc(var(--mobile-tab-height) + var(--sab));padding:0 12px var(--sab);z-index:50;border-bottom:none;border-left:none;border-right:none;border-top:1px solid var(--border);border-radius:0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__item{min-height:48px;color:var(--text-muted);transition:color var(--duration-fast) ease;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.mobile-nav__icon{font-size:20px;line-height:1;position:relative}.mobile-nav__label{letter-spacing:.2px;font-size:10px;font-weight:600}.mobile-nav__item--active{color:var(--accent)}.mobile-nav__item--active .mobile-nav__label{font-weight:700}.mobile-nav__badge{border-radius:var(--radius-full);color:#fff;text-align:center;background:#ef4444;min-width:15px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px;position:absolute;top:-4px;right:-10px}}.hero{height:clamp(320px,42vh,560px);margin-bottom:var(--space-2xl);border-radius:var(--radius-xl);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero__bg{background-image:var(--hero-bg);filter:blur(48px)saturate(160%)brightness(.35);background-position:50%;background-size:cover;transition:background-image .8s;position:absolute;inset:0;transform:scale(1.15)}.hero__overlay{background:linear-gradient(#0a0a0f1a 0%,#0a0a0f80 50%,#0a0a0ff7 100%);position:absolute;inset:0}.hero__content{z-index:2;padding:var(--space-xl) var(--page-padding);width:100%;animation:fadeUp .5s var(--ease-out) both;position:relative}.hero__logo-wrap{margin-bottom:var(--space-md)}.hero__logo{object-fit:contain;filter:drop-shadow(0 2px 8px #0009);max-width:200px;height:56px}.hero__name{letter-spacing:-1px;margin-bottom:var(--space-sm);text-shadow:0 2px 16px #000000b3;font-size:clamp(24px,4vw,44px);font-weight:800}.hero__meta{margin-bottom:var(--space-lg);gap:var(--space-sm);align-items:center;display:flex}.hero__badge{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border);letter-spacing:1px;color:var(--text-secondary);padding:3px 10px;font-size:11px;font-weight:700}.hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__btn{border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;padding:12px 28px;font-size:15px;font-weight:700}.hero__btn:hover{transform:scale(1.04)}.hero__btn:active{transform:scale(.97)}.hero__btn--primary{background:var(--accent-gradient);color:var(--text-on-accent);box-shadow:0 4px 24px var(--accent-glow)}.hero__btn--primary:hover{box-shadow:0 6px 32px var(--accent-glow)}.hero__btn--secondary{background:var(--bg-glass);border:1px solid var(--border-hover);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__dots{bottom:var(--space-md);right:var(--space-lg);z-index:3;gap:6px;display:flex;position:absolute}.hero__dot{background:var(--text-muted);width:6px;height:6px;transition:all var(--duration-base) ease;border-radius:50%}.hero__dot--active{background:var(--accent);border-radius:3px;width:20px}@media (width<=640px){.hero{border-radius:var(--radius-lg);height:clamp(260px,38vh,380px);margin-bottom:var(--space-lg)}.hero__content{padding:var(--space-md) var(--space-md) var(--space-lg)}.hero__logo{max-width:140px;height:38px}.hero__name{letter-spacing:-.5px;margin-bottom:4px;font-size:clamp(20px,5.5vw,28px)}.hero__meta{margin-bottom:var(--space-md)}.hero__actions{gap:var(--space-sm)}.hero__btn{padding:10px 20px;font-size:13px}.hero__dots{bottom:12px;right:14px}}.channel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);cursor:pointer;will-change:transform;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.channel-card:hover,.channel-card:focus,.channel-card:focus-visible,.channel-card.focused{border-color:var(--accent-1);outline-offset:2px;z-index:10;outline:3px solid #6c5ce7d9;transform:translateY(-6px)scale(1.04);box-shadow:0 16px 32px #00000080,0 0 24px #6c5ce773}.channel-card:focus .channel-card__play-overlay,.channel-card:focus-visible .channel-card__play-overlay,.channel-card.focused .channel-card__play-overlay,.channel-card:focus .channel-card__fav,.channel-card:focus-visible .channel-card__fav,.channel-card.focused .channel-card__fav{opacity:1}.channel-card:active{transform:scale(.98)}.channel-card--no-stream{opacity:.5;cursor:default;pointer-events:none}.channel-card--small{width:130px}.channel-card--medium{width:170px}.channel-card--large{width:220px}.channel-card__thumb{background:var(--bg-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.channel-card--small .channel-card__thumb{height:72px}.channel-card--medium .channel-card__thumb{height:96px}.channel-card--large .channel-card__thumb{height:124px}.channel-card__thumb img{object-fit:contain;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-out);padding:12px}.channel-card:hover .channel-card__thumb img{transform:scale(1.08)}.channel-card__initials{color:var(--text-muted);letter-spacing:1px;font-size:22px;font-weight:700}.channel-card__play-overlay{color:#fff;opacity:0;transition:opacity var(--duration-fast) ease;background:#00000080;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.channel-card:hover .channel-card__play-overlay{opacity:1}.channel-card__info{flex-direction:column;gap:2px;min-width:0;padding:8px 10px 10px;display:flex}.channel-card__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.channel-card__epg{color:var(--text-secondary);align-items:center;min-width:0;font-size:11px;display:flex;overflow:hidden}.channel-card__epg-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.channel-card__country{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.channel-card__quality{color:var(--accent-2);letter-spacing:.5px;background:#000000a6;border:1px solid #56cfdd4d;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px}.channel-card__fav{width:26px;height:26px;color:var(--text-muted);opacity:0;transition:opacity var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring);background:#0009;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:5px;right:5px}.channel-card:hover .channel-card__fav{opacity:1}.channel-card__fav--active{color:#ef4444;background:#ef444426;border-color:#ef444466;opacity:1!important}.channel-card__fav:hover{transform:scale(1.2)}.category-row{margin-bottom:var(--space-xl)}.category-row__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.category-row__title-wrap{align-items:center;gap:10px;display:flex}.category-row__title{color:var(--text-primary);letter-spacing:-.3px;font-size:clamp(16px,2vw,20px);font-weight:700}.category-row__count{border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:2px 8px;font-size:12px;font-weight:700}.category-row__controls{gap:var(--space-xs);display:flex}.category-row__arrow{background:var(--bg-card);border:1px solid var(--border);width:34px;height:34px;color:var(--text-primary);transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.category-row__arrow:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:scale(1.1)}.category-row__track{gap:var(--space-md);padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.category-row__track::-webkit-scrollbar{display:none}.category-row__track>*{scroll-snap-align:start;flex-shrink:0}.search-bar{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);width:100%;max-width:480px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;padding:10px 18px;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar__icon{color:var(--text-muted);flex-shrink:0;font-size:20px}.search-bar__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__input::-webkit-search-cancel-button{display:none}.search-bar__count{color:var(--text-muted);white-space:nowrap;font-size:12px}.search-bar__shortcut{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:600}.search-bar:focus-within .search-bar__shortcut{display:none}.filter-sheet-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-sheet{background:var(--bg-surface);border:1px solid var(--border-hover);border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:620px;max-height:88dvh;animation:.28s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 -12px 40px #000c}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-sheet__drag-handle{background:#fff3;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 4px}.filter-sheet__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 14px;display:flex}.filter-sheet__title-group{align-items:baseline;gap:10px;display:flex}.filter-sheet__title{color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:800}.filter-sheet__count{color:var(--accent-2);font-size:12px;font-weight:600}.filter-sheet__close-btn{background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.filter-sheet__close-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.filter-sheet__body{-webkit-overflow-scrolling:touch;flex-direction:column;gap:22px;padding:18px 20px 100px;display:flex;overflow-y:auto}.filter-sheet__section{flex-direction:column;gap:10px;display:flex}.filter-sheet__section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:12px;font-weight:700}.filter-sheet__toggle-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.filter-sheet__toggle-row--active{background:#ef44441a;border-color:#ef444466}.filter-sheet__toggle-info{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.filter-sheet__chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.filter-chip:hover{color:var(--text-primary);border-color:var(--border-hover)}.filter-chip--active{box-shadow:0 2px 10px var(--accent-glow);background:var(--accent-gradient)!important;color:#fff!important;border-color:#0000!important}.filter-chip__count{border-radius:var(--radius-full);background:#ffffff1f;padding:1px 5px;font-size:10px}.filter-chip--active .filter-chip__count{color:#fff;background:#ffffff40}.filter-sheet__search-input{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:13px}.filter-sheet__search-input:focus{border-color:var(--accent)}.filter-sheet__country-list{border-radius:var(--radius-md);border:1px solid var(--border);background:#0000004d;flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.filter-sheet__country-item{color:var(--text-secondary);cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;transition:background .12s;display:flex}.filter-sheet__country-item:last-child{border-bottom:none}.filter-sheet__country-item:hover{color:var(--text-primary);background:#ffffff0d}.filter-sheet__country-item--active{font-weight:700;color:var(--accent)!important;background:#7c6ef726!important}.filter-sheet__country-name{align-items:center;gap:8px;display:flex}.filter-sheet__footer{padding:14px 20px calc(14px + var(--sab));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#111119f5;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.filter-sheet__btn-reset{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:11px 18px;font-size:13px;font-weight:600}.filter-sheet__btn-reset:hover{color:#ef4444;border-color:#ef44444d}.filter-sheet__btn-apply{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--accent-glow);text-align:center;flex:1;padding:11px 20px;font-size:14px;font-weight:700}.home-page{padding-top:calc(var(--nav-height) + var(--sat) + 12px);padding-bottom:calc(var(--mobile-tab-height) + var(--sab) + 48px)}.home-skeleton{padding-top:var(--space-lg)}.home-toolbar{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.home-search-line{align-items:center;gap:var(--space-sm);width:100%;display:flex}.home-search-line .search-bar{flex:1}.home-filter-btn{border-radius:var(--radius-full);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) ease;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.home-filter-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.home-filter-btn--active{box-shadow:0 2px 12px var(--accent-glow);border-color:var(--accent)!important;color:#fff!important;background:#7c6ef733!important}.home-filter-btn__badge{border-radius:var(--radius-full);background:var(--accent);color:#fff;padding:2px 6px;font-size:10px;font-weight:800;line-height:1}.home-active-chips{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.active-chip{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#7c6ef729;border:1px solid #7c6ef759;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.active-chip:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.active-chip__remove{opacity:.7;font-size:14px;line-height:1}.active-chip__clear-all{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:underline;transition:color .15s}.active-chip__clear-all:hover{color:#ef4444}.home-filters-row{align-items:center;gap:var(--space-sm);min-width:0;display:flex;position:relative}.home-quick-filters{flex-shrink:0;align-items:center;gap:8px;display:flex}.home-categories-scroll-wrap{flex:1;min-width:0;position:relative}.home-categories-scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.home-categories-scroll::-webkit-scrollbar{display:none}.filter-pill{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.filter-pill:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}.filter-pill--active{box-shadow:0 4px 14px #6c5ce759;border-color:var(--accent-1)!important;color:#fff!important;background:linear-gradient(135deg,#6c5ce740,#00cec926)!important}.filter-pill__icon{font-size:14px}.filter-pill__count{border-radius:var(--radius-full);color:var(--text-muted);background:#ffffff1a;padding:1px 6px;font-size:11px}.filter-pill--active .filter-pill__count{color:#fff;background:#ffffff40}.filter-pill--clear{color:var(--text-muted);border-style:dashed;flex-shrink:0}.filter-pill--clear:hover{color:#ef4444;background:#ef44441f;border-color:#ef4444}.filter-select-wrap{flex-shrink:0;position:relative}.filter-select{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;appearance:none;white-space:nowrap;text-overflow:ellipsis;max-width:220px;transition:all var(--duration-fast) ease;outline:none;padding:8px 32px 8px 14px;font-size:13px;font-weight:600;overflow:hidden}.filter-select:hover,.filter-select:focus{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card-hover)}.filter-select--active{border-color:var(--accent-1);color:var(--text-primary);background:#6c5ce726}.filter-select-arrow{pointer-events:none;color:var(--text-muted);font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-select option{background:var(--bg-card);color:var(--text-primary)}.home-search-results{margin-bottom:var(--space-2xl)}.home-search-results__title-bar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.home-search-results__title{letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:800}.home-search-results__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.home-load-more{margin-top:var(--space-2xl);justify-content:center;display:flex}.home-load-more__btn{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:10px 28px;font-size:14px;font-weight:700;transition:all .2s}.home-load-more__btn:hover{background:var(--bg-card-hover);border-color:var(--accent-1);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.home-error{justify-content:center;align-items:center;gap:var(--space-lg);min-height:80vh;color:var(--text-secondary);flex-direction:column;display:flex}.home-error button{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);padding:10px 24px;font-size:14px;font-weight:700}.home-search-results__grid .channel-card{width:100%}@media (width<=900px){.home-quick-filters .filter-select-wrap{display:none}}@media (width<=768px){.home-toolbar{gap:10px}.home-filters-row{flex-direction:column;align-items:stretch;gap:10px}.home-quick-filters{display:none}.home-search-results__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (width<=480px){.home-search-results__grid{grid-template-columns:repeat(2,1fr);gap:10px}}.player{z-index:100;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.player__video{object-fit:contain;cursor:pointer;width:100%;height:100%}.player__toast{top:calc(75px + var(--sat));color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;pointer-events:none;background:#14141ee0;border:1px solid #fff3;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;animation:.25s ease-out fadeInDown;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.player__state-overlay{color:#fff;z-index:5;pointer-events:none;text-align:center;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.player__state-overlay--connecting,.player__state-overlay--error{pointer-events:auto}.player__state-overlay--error{background:#000000e0}.player__connecting-content{flex-direction:column;align-items:center;gap:4px;display:flex}.player__connecting-title{color:#fff;letter-spacing:-.2px;font-size:16px;font-weight:700}.player__connecting-sub{color:var(--text-secondary);font-size:12px}.player__error-countdown{color:#ff7675;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.player__countdown-cancel{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .15s}.player__countdown-cancel:hover{background:#ffffff4d}.player__connecting-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:4px;display:flex}.player__overlay-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:9px 20px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #0006}.player__overlay-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 20px #6c5ce766}.player__overlay-btn--back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3}.player__overlay-btn--back:hover{background:#ffffff38}.player__overlay-btn--retry{background:#ffffff29;border:1px solid #ffffff40}.player__hud{opacity:0;pointer-events:none;z-index:10;align-items:center;gap:16px;padding:16px 24px;transition:opacity .25s,transform .25s;display:flex;position:absolute;left:0;right:0}.player__hud--top{padding-top:calc(16px + var(--sat));padding-left:calc(20px + var(--sal));padding-right:calc(20px + var(--sar));background:linear-gradient(#000000eb 0%,#0006 70%,#0000 100%);top:0;transform:translateY(-8px)}.player__hud--bottom{padding-bottom:calc(24px + var(--sab));padding-left:calc(20px + var(--sal));padding-right:calc(20px + var(--sar));background:linear-gradient(#0000 0%,#0006 30%,#000000f0 100%);bottom:0;transform:translateY(8px)}.player--hud-visible .player__hud{opacity:1;pointer-events:auto;transform:translateY(0)}.player--fullscreen:not(.player--hud-visible){cursor:none}.player:fullscreen:not(.player--hud-visible){cursor:none}.player__back{color:var(--text-primary);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:600;transition:background .2s}.player__back:hover{background:#ffffff3d}.player__info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.player__logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);flex-shrink:0;max-width:120px;height:40px}.player__info-text{flex:1;min-width:0}.player__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.player__now{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:13px;display:flex;overflow:hidden}.player__next{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player__top-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.player__fav-btn{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.player__fav-btn:hover{color:#fff;background:#fff3;transform:scale(1.05)}.player__fav-btn--active{color:#ff4757!important;background:#ff475726!important;border-color:#ff475766!important}.player__action-btn{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s,transform .2s;display:flex}.player__action-btn:hover{background:#ffffff3d;transform:scale(1.05)}.player__menu-wrapper{align-items:center;display:inline-flex;position:relative}.player__action-btn--active{box-shadow:0 0 12px #3b82f666;color:#fff!important;background:#3b82f659!important;border-color:#3b82f699!important}.player__action-btn--open{background:#ffffff47!important;border-color:#ffffff73!important}.player__action-btn--disabled{opacity:.38;cursor:default}.player__action-btn--disabled:hover{background:#ffffff1f;transform:none}.player__btn-icon{font-size:16px;line-height:1}.player__cc-text{letter-spacing:.5px;font-size:11px;font-weight:800;line-height:1}.player__track-count-badge{color:#fff;text-align:center;background:#3b82f6;border:1px solid #0006;border-radius:10px;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;line-height:15px;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 3px #00000080}.player__track-popover{-webkit-backdrop-filter:blur(20px);z-index:100;background:#12141af2;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;width:230px;max-width:calc(100vw - 32px);max-height:320px;animation:.18s ease-out trackPopoverFadeIn;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 16px 36px #0009,0 0 0 1px #ffffff0d}@keyframes trackPopoverFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.player__track-popover-title{text-transform:uppercase;letter-spacing:.8px;color:#fff9;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.player__track-popover-count{color:#fff6;text-transform:none;font-size:10px;font-weight:600}.player__track-list{flex-direction:column;gap:2px;max-height:260px;padding:6px;display:flex;overflow-y:auto}.player__track-item{color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.player__track-item:hover{color:#fff;background:#ffffff1f}.player__track-item--active{color:#60a5fa;background:#3b82f633;font-weight:600}.player__track-item--active:hover{color:#93c5fd;background:#3b82f647}.player__track-check{color:#60a5fa;flex-shrink:0;justify-content:center;align-items:center;width:16px;font-size:12px;font-weight:700;display:inline-flex}.player__track-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.player__track-badge,.player__track-type-badge{letter-spacing:.4px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.player__track-badge{color:#ffffffb3;background:#ffffff1a}.player__track-type-badge{color:#93c5fd;background:#3b82f626}.player__stream-badge-btn{border-radius:var(--radius-full);color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:flex}.player__stream-badge-btn:hover{color:#fff;background:#ffffff3d;transform:scale(1.03)}.player__bottom-layout{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.player__ch-nav{align-items:center;gap:12px;display:flex}.player__playback-nav{align-items:center;gap:16px;display:flex}.player__playback-left,.player__playback-right{align-items:center;gap:10px;display:flex}.player__ch-btn{border-radius:var(--radius-full);color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff2e;max-width:200px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s;overflow:hidden}.player__ch-label{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:120px;display:inline-block;overflow:hidden}.player__ch-btn:hover:not(:disabled){color:#fff;background:#ffffff40}.player__ch-btn:disabled{opacity:.3;cursor:default}.player__ch-center{text-align:center;white-space:nowrap}.player__ch-number{color:#ffffffb3;letter-spacing:.5px;font-size:12px;font-weight:600}.player__hint{text-align:center;color:#fff6;pointer-events:none;z-index:10;opacity:0;font-size:11px;transition:opacity .3s;position:absolute;bottom:6px;left:0;right:0}.player--hud-visible .player__hint{opacity:1}@media (width<=768px){.player__hud{padding:10px 14px}.player__hud--top{padding-top:calc(10px + var(--sat));padding-left:calc(12px + var(--sal));padding-right:calc(12px + var(--sar))}.player__hud--bottom{padding-bottom:calc(16px + var(--sab));padding-left:calc(12px + var(--sal));padding-right:calc(12px + var(--sar))}.player__info-text{max-width:160px}.player__name{font-size:15px}.player__now,.player__next,.player__hint{display:none}.player__bottom-layout{flex-direction:column;gap:10px}.player__ch-nav{justify-content:space-between;width:100%}.player__ch-label{max-width:80px}.player__playback-nav{justify-content:space-between;width:100%}.player__drawer{width:100%;max-width:100vw}}.player__drawer{border-left:1px solid var(--border-subtle);z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f16f0;flex-direction:column;width:320px;max-width:85vw;animation:.25s ease-out slideInRight;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.player__drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px;display:flex}.player__drawer-header h3{font-size:1.1rem;font-weight:700}.player__drawer-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem}.player__drawer-list{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.player__drawer-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.player__drawer-item:hover{background:#ffffff14}.player__drawer-item--active{border:1px solid #6366f166;background:#6366f133!important}.player__drawer-logo{object-fit:contain;flex-shrink:0;width:36px;height:24px}.player__drawer-initials{width:36px;height:24px;color:var(--text-muted);background:#ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.player__drawer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.player__drawer-badge{background:var(--bg-card);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.epg-guide{height:calc(100dvh - var(--nav-height));flex-direction:column;display:flex;overflow:hidden}.epg-guide__header{z-index:10;border-bottom:1px solid var(--border);height:48px;display:flex;position:sticky;top:0;overflow:hidden}.epg-guide__sidebar-spacer{border-right:1px solid var(--border);width:220px;min-width:220px}.epg-guide__timeline-header{scrollbar-width:none;flex:1;height:48px;position:relative;overflow:scroll hidden}.epg-guide__timeline-header::-webkit-scrollbar{display:none}.epg-guide__hour-label{color:var(--text-secondary);pointer-events:none;white-space:nowrap;padding:0 8px;font-size:11px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.epg-guide__now-line{background:var(--accent);width:2px;box-shadow:0 0 8px var(--accent-glow);z-index:2;position:absolute;top:0;bottom:0}.epg-guide__body{flex:1;overflow-y:auto}.epg-guide__loading{text-align:center;padding:var(--space-lg);color:var(--text-muted);font-size:13px}.epg-guide__row{border-bottom:1px solid var(--border);height:72px;display:flex}.epg-guide__row:hover{background:#ffffff05}.epg-guide__channel-cell{align-items:center;gap:var(--space-sm);width:220px;min-width:220px;padding:0 var(--space-md);border-right:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast) ease;border-top:none;border-bottom:none;border-left:none;border-radius:0;display:flex}.epg-guide__channel-cell:hover{background:var(--bg-card-hover)}.epg-guide__channel-logo{object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;width:36px;height:36px}.epg-guide__channel-initials{border-radius:var(--radius-sm);background:var(--bg-card);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.epg-guide__channel-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.epg-guide__programs{scrollbar-width:none;flex:1;position:relative;overflow:auto hidden}.epg-guide__programs::-webkit-scrollbar{display:none}.epg-guide__program{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;padding:4px 10px;position:absolute;top:6px;bottom:6px;overflow:hidden}.epg-guide__program:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.epg-guide__program--now{border-color:var(--accent);background:#7c6ef726}.epg-guide__prog-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.epg-guide__prog-time{color:var(--text-muted);font-size:10px;display:block}.epg-guide__no-prog{padding:0 var(--space-md);color:var(--text-muted);font-size:12px;line-height:72px}@media (width<=768px){.epg-guide__sidebar-spacer,.epg-guide__channel-cell{gap:6px;width:140px;min-width:140px;padding:0 8px}.epg-guide__channel-logo,.epg-guide__channel-initials{width:28px;height:28px;font-size:10px}.epg-guide__channel-name{font-size:11px}}@media (width<=480px){.epg-guide__sidebar-spacer,.epg-guide__channel-cell{gap:4px;width:110px;min-width:110px;padding:0 6px}.epg-guide__channel-logo,.epg-guide__channel-initials{width:24px;height:24px}.epg-guide__channel-name{font-size:10px}}.guide-page{height:100dvh;padding-top:calc(var(--nav-height) + var(--sat));flex-direction:column;display:flex}@media (width<=767px){.guide-page{padding-bottom:calc(var(--mobile-tab-height) + var(--sab))}}.guide-page__header{padding:var(--space-lg) var(--page-padding) var(--space-md);align-items:baseline;gap:var(--space-lg);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.guide-page__title{align-items:baseline;gap:var(--space-md);font-size:clamp(20px,3vw,28px);font-weight:800;display:flex}.guide-page__count{color:var(--text-muted);font-size:13px;font-weight:500}.guide-page__subtitle{color:var(--text-secondary);margin-left:auto;font-size:13px}.guide-page__loading{justify-content:center;align-items:center;gap:var(--space-lg);color:var(--text-muted);flex-direction:column;flex:1;display:flex}.guide-loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.favorites-page{padding-top:24px;padding-bottom:60px}.favorites-page__header{margin-bottom:24px}.favorites-page__title{letter-spacing:-.02em;align-items:center;gap:12px;font-size:2rem;font-weight:800;display:flex}.favorites-page__count{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 12px;font-size:.85rem;font-weight:600}.favorites-page__subtitle{color:var(--text-muted);margin-top:4px;font-size:.95rem}.favorites-page__toolbar{max-width:500px;margin-bottom:28px}.favorites-page__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.favorites-page__grid .channel-card{width:100%}@media (width<=768px){.favorites-page__title{font-size:1.6rem}.favorites-page__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=480px){.favorites-page__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}.favorites-page__empty{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:480px;margin:40px auto;padding:60px 24px;display:flex}.favorites-page__empty-icon{color:var(--accent-red);margin-bottom:8px;font-size:3rem}.favorites-page__empty h2{font-size:1.4rem;font-weight:700}.favorites-page__empty p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.favorites-page__cta-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);margin-top:12px;padding:10px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.favorites-page__cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.settings-page{max-width:900px;padding-top:24px;padding-bottom:60px}.settings-page__header{margin-bottom:32px}.settings-page__title{letter-spacing:-.02em;font-size:2rem;font-weight:800}.settings-page__subtitle{color:var(--text-muted);margin-top:4px;font-size:.95rem}.settings-grid{flex-direction:column;gap:24px;display:flex}.settings-card{border:1px solid var(--border-subtle);border-radius:20px;padding:24px}.settings-card__header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.settings-card__icon{font-size:1.8rem}.settings-card__header h3{margin-bottom:2px;font-size:1.15rem;font-weight:700}.settings-card__header p{color:var(--text-muted);font-size:.85rem}.settings-card__body{flex-direction:column;gap:18px;display:flex}.settings-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-item__info{flex-direction:column;gap:4px;display:flex}.settings-item__info strong{font-size:.95rem;font-weight:600}.settings-item__info span{color:var(--text-muted);font-size:.85rem}.settings-btn{border-radius:var(--radius-full);cursor:pointer;background:var(--bg-card);border:none;border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.settings-btn:hover{background:var(--bg-card-hover)}.settings-btn--danger{color:var(--accent-red);border-color:#ef44444d}.settings-btn--danger:hover{background:#ef444426}.settings-btn--sm{padding:6px 14px;font-size:.8rem}.settings-badge-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.badge{border-radius:var(--radius-full);padding:4px 10px;font-size:.75rem;font-weight:600}.badge--success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge--info{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background:var(--accent-gradient)}input:checked+.toggle-slider:before{transform:translate(22px)}.shortcut-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.shortcut-item{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.shortcut-item kbd{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;box-shadow:0 2px #0006}.shortcut-item span{color:var(--text-secondary);font-size:.85rem}.about-details{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.9rem;display:flex}@media (width<=600px){.settings-card{border-radius:16px;padding:18px 16px}.settings-item{flex-direction:column;align-items:flex-start;gap:12px}.settings-btn,.settings-input{text-align:center;width:100%}.shortcuts-grid{grid-template-columns:1fr}}.theme-toggle-group{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);flex-shrink:0;gap:4px;padding:4px;display:inline-flex}.theme-toggle-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.theme-toggle-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.theme-toggle-btn--active{box-shadow:0 2px 10px var(--accent-glow);color:var(--text-on-accent)!important;background:var(--accent)!important;border-color:var(--accent)!important}.theme-toggle-btn__icon{font-size:1rem}.theme-toggle-btn__label{letter-spacing:.02em;font-size:.85rem}