*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}html,body{width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}#root{width:100%;min-height:100%}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}h1{font-size:48px;margin-bottom:20px}p{font-size:24px;margin-bottom:10px;opacity:.8}@keyframes tv-spin{to{transform:rotate(360deg)}}@keyframes tv-pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{border:4px solid var(--color-surface-elevated, #333);border-top-color:var(--color-primary, #0066ff);border-radius:50%;animation:tv-spin 1s linear infinite}.spinner--sm{width:40px;height:40px;border-width:3px}.spinner--md{width:48px;height:48px;border-width:4px}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff)}.auth-loading__inner{text-align:center}.auth-loading__spinner{margin:0 auto 16px}.auth-loading__text{color:var(--color-text-secondary, #888)}.boot-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--color-background, #000);color:var(--color-text-secondary, #888);font-family:var(--font-family-primary, system-ui, sans-serif)}.boot-splash .spinner{margin-bottom:var(--spacing-lg, 16px)}.boot-splash__label{font-size:14px}.boot-splash--blocked{color:#ccc;padding:40px;text-align:center}.boot-splash__title{font-size:22px;margin-bottom:var(--spacing-md, 12px)}.boot-splash__subtitle{font-size:14px;color:var(--color-text-secondary, #888)}.lazy-route-fallback{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--color-background, #000);color:var(--color-text-secondary, #888);font-size:16px}.live-action-bar{display:flex;flex-direction:column;gap:var(--spacing-lg, 16px);align-items:center}.live-action-bar__buttons{display:flex;gap:var(--spacing-md, 12px);justify-content:center;flex-wrap:wrap}.live-action-bar__btn{padding:10px 24px;border-radius:var(--radius-md, 6px);background-color:rgba(40,40,40,.8);border:2px solid rgba(255,255,255,.15);color:var(--color-text-primary, #fff);font-size:15px;font-weight:400;cursor:pointer;transition:background-color .15s ease,border .15s ease,transform .15s ease;transform:scale(1);white-space:nowrap}.live-action-bar__btn[data-focused]{background-color:rgba(0,102,255,.85);border:2px solid #fff;font-weight:700;transform:scale(1.05)}.live-action-bar__channel-indicator{display:flex;align-items:center;gap:10px;padding:8px 20px;border-radius:var(--radius-full, 20px);background-color:rgba(30,30,30,.7);border:2px solid rgba(255,255,255,.1);transition:background-color .15s ease,border .15s ease;cursor:pointer}.live-action-bar__channel-indicator[data-focused]{background-color:rgba(0,102,255,.7);border:2px solid #fff}.live-action-bar__channel-logo{height:24px;width:24px;object-fit:contain;border-radius:var(--radius-sm, 4px)}.live-action-bar__channel-number{color:var(--color-text-primary, #fff);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;padding:2px 6px;background:rgba(255,255,255,.12);border-radius:var(--radius-sm, 4px)}.live-action-bar__channel-name{color:#ccc;font-size:13px}.live-action-bar__channel-arrow{color:var(--color-text-secondary, #888);font-size:16px;line-height:1}.live-action-bar__channel-indicator[data-focused] .live-action-bar__channel-arrow{color:var(--color-text-primary, #fff)}.live-channel-carousel{position:absolute;bottom:0;left:0;right:0;z-index:150;background:linear-gradient(transparent,rgba(0,0,0,.9) 30%);padding:40px 40px 24px;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(100%);pointer-events:none}.live-channel-carousel[data-visible]{opacity:1;transform:translateY(0);pointer-events:auto}.live-channel-carousel__scroll{display:flex;gap:12px;overflow-x:hidden;scroll-behavior:smooth;padding:4px 0 var(--spacing-sm, 8px)}.live-channel-carousel__hint{text-align:center;color:var(--color-text-disabled, #666);font-size:12px;margin-top:var(--spacing-sm, 8px)}.channel-card{width:280px;height:180px;flex-shrink:0;border-radius:var(--radius-md, 8px);overflow:hidden;position:relative;border:3px solid transparent;transition:border-color .2s ease,filter .2s ease;cursor:pointer}.channel-card[data-focused]{border-color:var(--color-focus-ring, #0066ff);filter:brightness(1.2)}.channel-card[data-active]{border-color:#e50914}.channel-card[data-focused][data-active]{border-color:var(--color-focus-ring, #0066ff)}.channel-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-surface-elevated, #1a1a1a);background-size:cover;background-position:center}.channel-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.85))}.channel-card__logo-wrap{position:absolute;top:8px;left:8px;width:40px;height:40px;border-radius:var(--radius-sm, 4px);overflow:hidden;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.channel-card__logo-img{max-width:100%;max-height:100%;object-fit:contain}.channel-card__active-badge{position:absolute;top:8px;right:8px;background-color:#e50914;color:var(--color-text-primary, #fff);padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700}.channel-card__info{position:absolute;bottom:0;left:0;right:0;padding:8px 10px}.channel-card__name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.channel-card__number{color:#aaa;font-size:12px;font-weight:700}.channel-card__name{color:var(--color-text-primary, #fff);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card__program-title{color:#ccc;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.channel-card__progress{height:3px;background-color:rgba(255,255,255,.2);border-radius:2px;overflow:hidden}.channel-card__progress-bar{height:100%;background-color:#e50914;border-radius:2px;transition:width 1s linear}.program-info-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center}.program-info-overlay__empty{color:var(--color-text-secondary, #888);font-size:18px}.program-info-overlay__card{width:700px;max-height:80vh;background-color:#141414;border-radius:var(--radius-lg, 12px);overflow:hidden;display:flex;flex-direction:column}.program-info-overlay__header-image{height:200px;background-size:cover;background-position:center;position:relative}.program-info-overlay__header-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 40%,#141414)}.program-info-overlay__body{padding:20px 28px 24px;flex:1}.program-info-overlay__channel-row{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md, 12px)}.program-info-overlay__channel-logo{height:28px;width:28px;object-fit:contain;border-radius:var(--radius-sm, 4px)}.program-info-overlay__channel-name{color:#999;font-size:14px}.program-info-overlay__title{color:var(--color-text-primary, #fff);font-size:24px;font-weight:700;margin:0 0 8px;line-height:1.2}.program-info-overlay__live-row{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md, 12px)}.program-info-overlay__live-badge{background-color:#e50914;color:var(--color-text-primary, #fff);padding:2px 8px;border-radius:3px;font-size:12px;font-weight:700}.program-info-overlay__time{color:#aaa;font-size:14px}.program-info-overlay__progress{height:3px;background-color:rgba(255,255,255,.15);border-radius:2px;overflow:hidden;margin-bottom:14px}.program-info-overlay__progress-bar{height:100%;background-color:#e50914;border-radius:2px}.program-info-overlay__ratings{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.program-info-overlay__rating{border:1px solid #666;color:#ccc;padding:2px 8px;border-radius:3px;font-size:12px}.program-info-overlay__tags{display:flex;gap:6px;margin-bottom:var(--spacing-md, 12px);flex-wrap:wrap}.program-info-overlay__tag{background-color:rgba(255,255,255,.1);color:#bbb;padding:3px 10px;border-radius:var(--radius-lg, 12px);font-size:12px}.program-info-overlay__description{color:#999;font-size:14px;line-height:1.5;margin:0 0 20px;max-height:84px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.program-info-overlay__actions{display:flex;gap:var(--spacing-md, 12px);flex-wrap:wrap}.program-info-overlay__action-btn{padding:10px 28px;border-radius:var(--radius-md, 6px);background-color:rgba(50,50,50,.8);border:2px solid transparent;color:var(--color-text-primary, #fff);font-size:15px;font-weight:400;cursor:pointer;transition:all .15s ease;transform:scale(1)}.program-info-overlay__action-btn[data-focused]{background-color:rgba(0,102,255,.85);border:2px solid #fff;font-weight:700;transform:scale(1.03)}.qr-code-display{display:inline-block;padding:var(--spacing-md, 12px);border-radius:var(--radius-md, 8px)}.qr-code-display__canvas{display:block}.app-layout{display:flex;min-height:100vh;background-color:var(--layout-bg, var(--color-background, #000));color:var(--color-text-primary, #fff);font-family:var(--font-family-primary, system-ui, -apple-system, sans-serif)}.app-layout__sidebar{background-color:var(--layout-sidebar-bg, #0a0a0a);border-right:2px solid var(--layout-sidebar-border-color, var(--color-surface-elevated, #1a1a1a));display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);transition:all .3s ease;overflow:hidden;flex-shrink:0}.app-layout__sidebar[data-expanded]{padding:var(--spacing-xl, 24px) 20px}.app-layout__sidebar:not([data-expanded]){padding:var(--spacing-xl, 24px) var(--spacing-md, 12px)}.app-layout__logo{margin-bottom:var(--spacing-lg, 16px);transition:all .3s ease}.app-layout__logo[data-expanded]{text-align:left}.app-layout__logo:not([data-expanded]){text-align:center}.app-layout__logo-title{font-size:24px;margin:0 0 4px;color:var(--color-primary, #0066ff);transition:all .3s ease}.app-layout__logo-subtitle{font-size:11px;color:var(--color-text-disabled, #666);margin:0}.app-layout__nav{flex:1}.nav-header{font-size:12px;margin-bottom:var(--spacing-sm, 8px);margin-top:var(--spacing-lg, 16px);color:var(--color-text-disabled, #666);text-transform:uppercase;letter-spacing:1px}.nav-button{width:100%;font-size:15px;font-weight:400;border:2px solid transparent;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-text-primary, #fff);cursor:pointer;transition:all .3s ease;transform:translate(0);box-shadow:none;text-align:left;display:flex;align-items:center;overflow:hidden;white-space:nowrap;margin-bottom:6px}.nav-button[data-expanded]{padding:10px 14px;gap:var(--spacing-sm, 8px);justify-content:flex-start}.nav-button:not([data-expanded]){padding:10px;gap:0;justify-content:center}.nav-button[data-focused]{font-weight:700;border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:translate(8px);box-shadow:0 0 15px rgba(0,102,255,.4)}.nav-button__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-button__img{width:22px;height:22px;object-fit:contain;border-radius:4px}.nav-button__label{flex-grow:1;font-size:15px}.nav-profile-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-surface-elevated, #333);color:var(--color-text-primary, #fff);font-weight:700;line-height:1}.app-layout__content{flex:1;overflow:auto}.home-page__content{padding:40px 60px 40px 40px}.home-page__section{margin-bottom:var(--spacing-xxl, 32px)}.hero-banner{position:relative;width:100%;height:480px;border-radius:var(--radius-lg, 12px);overflow:hidden;margin-bottom:40px}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__gradient--with-image{background:linear-gradient(to right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,transparent 100%)}.hero-banner__gradient--no-image{background:var(--color-surface-elevated, #1a1a1a)}.hero-banner__content{position:relative;height:100%;padding:60px;display:flex;flex-direction:column;justify-content:flex-end;max-width:600px}.hero-banner__title{font-size:42px;font-weight:700;margin:0 0 12px;color:var(--color-text-primary, #fff);text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-banner__description{font-size:16px;line-height:1.5;color:#ccc;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-banner__cta{display:flex;gap:var(--spacing-lg, 16px)}.hero-banner__btn--play{padding:14px 36px;font-size:18px;font-weight:700;border:2px solid transparent;border-radius:var(--radius-md, 8px);background-color:rgba(255,255,255,.2);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1)}.hero-banner__btn--play[data-focused]{border:3px solid #fff;background-color:var(--color-primary, #0066ff);transform:scale(1.05)}.hero-banner__btn--info{padding:14px 36px;font-size:18px;font-weight:700;border:2px solid var(--color-text-disabled, #555);border-radius:var(--radius-md, 8px);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1)}.hero-banner__btn--info[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);transform:scale(1.05)}.hero-banner__indicators{display:flex;gap:var(--spacing-sm, 8px);margin-top:20px}.hero-banner__dot{height:8px;border-radius:4px;transition:all .3s ease;width:8px;background-color:var(--color-text-disabled, #555)}.hero-banner__dot[data-active]{width:24px;background-color:var(--color-primary, #0066ff)}.hero-banner__btn--wishlist{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ccc;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-banner__btn--wishlist[data-focused]{background:rgba(255,255,255,.25);border-color:var(--color-primary, #0066ff);color:#fff}.watch-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:rgba(255,255,255,.2)}.watch-progress__bar{height:100%;background-color:var(--color-primary, #0066ff);border-radius:2px}.home-skeleton{padding:40px 60px 40px 40px}.home-skeleton__block{background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-md, 8px);animation:tv-pulse 1.5s ease-in-out infinite}.home-skeleton__hero{width:100%;height:480px;margin-bottom:40px}.home-skeleton__row{margin-bottom:40px}.home-skeleton__row-title{width:200px;height:28px;margin-bottom:var(--spacing-lg, 16px)}.home-skeleton__cards{display:flex;gap:var(--spacing-lg, 16px)}.home-skeleton__card{width:160px;height:240px;flex-shrink:0}.home-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;padding:40px}.home-error__message{font-size:20px;color:var(--color-text-secondary, #999);margin-bottom:var(--spacing-xl, 24px)}.home-error__btn{padding:14px 32px;font-size:18px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1)}.home-error__btn[data-focused]{border:3px solid var(--color-primary, #0066ff);background-color:var(--color-primary, #0066ff);transform:scale(1.05)}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;padding:40px}.home-empty__title{font-size:24px;color:var(--color-text-secondary, #999);margin-bottom:var(--spacing-sm, 8px)}.home-empty__subtitle{font-size:16px;color:var(--color-text-disabled, #666)}.details-page{min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);font-family:var(--font-family-primary, system-ui, -apple-system, sans-serif)}.details-page__top{display:flex;min-height:70vh}.details-page__info{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center}.details-page__title{font-size:42px;margin:0 0 12px;color:var(--color-text-primary, #fff)}.details-page__genres{margin:0 0 16px;font-size:14px;color:var(--color-primary, #0066ff)}.details-page__description{font-size:16px;line-height:1.6;color:#ccc;margin-bottom:var(--spacing-lg, 16px);max-width:600px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.details-page__cast{margin:0 0 32px;font-size:14px;color:var(--color-text-secondary, #888)}.details-page__subscription-notice{margin:0 0 16px;font-size:14px;color:var(--color-secondary, #ff9900);font-weight:700}.details-page__section{padding:40px 60px}.details-page__section-title{font-size:24px;margin-bottom:var(--spacing-lg, 16px);color:var(--color-text-primary, #fff)}.details-page__catchup-scroll{display:flex;gap:var(--spacing-lg, 16px);overflow-x:auto;padding-bottom:var(--spacing-sm, 8px)}.details-page__related{padding:20px 60px 60px}.details-page__no-episodes{color:var(--color-text-disabled, #666);font-size:16px}.backdrop-section{width:45%;position:relative;background-color:var(--color-surface-elevated, #1a1a1a);overflow:hidden}.backdrop-section__image{width:100%;height:100%;object-fit:cover}.backdrop-section__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--color-surface-elevated, #333)}.backdrop-section__gradient{position:absolute;top:0;right:0;bottom:0;width:80px;background:linear-gradient(to right,transparent,var(--color-background, #000))}.metadata-row{display:flex;gap:var(--spacing-lg, 16px);margin-bottom:20px;color:var(--color-text-secondary, #888);font-size:16px;align-items:center}.metadata-row__live-badge{background-color:#c00;color:var(--color-text-primary, #fff);padding:2px 10px;border-radius:var(--radius-sm, 4px);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.metadata-row__rating{background-color:var(--color-surface-elevated, #333);padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:14px}.action-button{padding:14px 32px;font-size:18px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.action-button[data-focused]{border:3px solid var(--color-focus-ring, #fff);transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.4)}.action-button[data-focused][data-primary]{background-color:var(--color-primary, #0066ff)}.action-button[data-focused]:not([data-primary]){background-color:rgba(255,255,255,.1)}.details-page__actions{display:flex;gap:var(--spacing-lg, 16px)}.details__btn--secondary{margin-top:var(--spacing-md, 12px);padding:10px 24px;font-size:15px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:transparent;color:var(--color-text-secondary, #999);cursor:pointer;transition:all .2s ease;transform:scale(1)}.details__btn--secondary[data-focused]{border:3px solid var(--color-focus-ring, #fff);color:var(--color-text-primary, #fff);background-color:rgba(255,255,255,.1);transform:scale(1.05)}.episode-card{width:100%;background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-md, 8px);border:2px solid var(--color-surface-elevated, #333);overflow:hidden;transition:all .2s ease;transform:scale(1);cursor:pointer}.episode-card[data-focused]{background-color:rgba(255,255,255,.1);border:3px solid var(--color-focus-ring, #fff);transform:scale(1.02)}.episode-card__thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#0a0a0a}.episode-card__thumbnail-img{width:100%;height:100%;object-fit:cover}.episode-card__duration{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.8);padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:12px;color:var(--color-text-primary, #fff)}.episode-card__progress{position:absolute;bottom:0;left:0;right:0;height:4px;background-color:rgba(255,255,255,.2)}.episode-card__progress-bar{height:100%;background-color:var(--color-primary, #0066ff)}.episode-card__info{padding:var(--spacing-md, 12px)}.episode-card__title{margin:0;font-size:14px;font-weight:700;color:var(--color-text-primary, #fff)}.episode-card[data-focused] .episode-card__title{color:var(--color-text-primary, #fff)}.episode-card__header{display:flex;align-items:center;gap:6px}.episode-card__continue-badge{background:var(--color-primary, #0066ff);color:#fff;font-size:8px;font-weight:600;padding:1px 5px;border-radius:2px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.episode-card__meta{color:rgba(200,200,200,.6);font-size:11px;margin-top:2px}.episode-card__description{color:rgba(200,200,200,.5);font-size:10px;line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.season-selector{margin-bottom:20px}.season-selector__buttons{display:flex;gap:8px;flex-wrap:wrap}.season-selector__description{color:rgba(200,200,200,.5);font-size:11px;line-height:1.4;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.season-selector__btn{padding:8px 20px;font-size:14px;font-weight:400;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 6px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1)}.season-selector__btn[data-selected]{background-color:var(--color-primary, #0066ff);border:2px solid var(--color-primary, #0066ff);font-weight:700}.season-selector__btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);font-weight:700;transform:scale(1.05)}.catchup-card{min-width:240px;max-width:280px;background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-md, 8px);border:2px solid var(--color-surface-elevated, #333);overflow:hidden;transition:all .2s ease;transform:scale(1);cursor:pointer;flex-shrink:0}.catchup-card[data-focused]{background-color:rgba(255,255,255,.1);border:3px solid var(--color-focus-ring, #fff);transform:scale(1.03)}.catchup-card__thumbnail{width:100%;aspect-ratio:16 / 9;background-color:#0a0a0a;overflow:hidden}.catchup-card__thumbnail-img{width:100%;height:100%;object-fit:cover}.catchup-card__info{padding:var(--spacing-md, 12px)}.catchup-card__title{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--color-text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catchup-card[data-focused] .catchup-card__title{color:var(--color-text-primary, #fff)}.catchup-card__time{margin:0;font-size:12px;color:var(--color-text-secondary, #888)}.live-schedule{padding:40px 60px 0}.live-schedule__title{font-size:24px;margin-bottom:20px;color:var(--color-text-primary, #fff)}.live-schedule__grid{display:flex;gap:var(--spacing-xl, 24px);flex-wrap:wrap}.live-program-card{flex:1 1 300px;background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-md, 8px);padding:20px;border:2px solid var(--color-surface-elevated, #333)}.live-program-card[data-current]{border:2px solid var(--color-primary, #0066ff)}.live-program-card__header{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-md, 12px)}.live-program-card__label{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm, 4px);text-transform:uppercase;letter-spacing:.5px}.live-program-card__label--current{background-color:#c00;color:var(--color-text-primary, #fff)}.live-program-card__label--next{background-color:var(--color-surface-elevated, #333);color:#ccc}.live-program-card__title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-text-primary, #fff)}.live-program-card__description{margin:0 0 8px;font-size:14px;color:var(--color-text-secondary, #999)}.live-program-card__time{margin:0;font-size:13px;color:var(--color-text-disabled, #666)}.details-skeleton{display:flex;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff)}.details-skeleton__block{background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-md, 8px);animation:tv-pulse 1.5s ease-in-out infinite}.details-skeleton__backdrop{width:45%;min-height:100vh}.details-skeleton__content{flex:1;padding:60px}.details-skeleton__title{width:60%;height:48px;margin-bottom:20px}.details-skeleton__meta{width:40%;height:20px;margin-bottom:24px}.details-skeleton__desc{width:100%;height:80px;margin-bottom:32px}.details-skeleton__actions{display:flex;gap:var(--spacing-lg, 16px)}.details-skeleton__btn{width:120px;height:50px}.details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff)}.details-error__message{font-size:20px;color:var(--color-text-secondary, #999);margin-bottom:var(--spacing-xl, 24px)}.details-error__actions{display:flex;gap:var(--spacing-lg, 16px)}.details-error__btn{padding:14px 32px;font-size:16px;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer}.details-error__btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:var(--color-primary, #0066ff)}.details-error__btn--secondary[data-focused]{background-color:rgba(255,255,255,.1)}.search-page{display:flex;height:100vh;overflow:hidden}.search-page__keyboard{width:480px;flex-shrink:0;padding:24px;border-right:1px solid var(--color-surface-elevated, #1a1a1a);display:flex;flex-direction:column}.search-page__keyboard-title{font-size:24px;margin:0 0 16px;color:var(--color-text-primary, #fff)}.search-page__suggestions{margin-top:16px;max-height:200px;overflow:auto;background-color:#111;border-radius:var(--radius-md, 8px)}.search-page__content{flex:1;padding:24px;overflow:auto}.result-card{width:200px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;transform:scale(1);box-shadow:none;border-radius:var(--radius-md, 8px);overflow:hidden;border:3px solid transparent;flex-shrink:0}.result-card[data-focused]{transform:scale(1.08);box-shadow:0 0 20px rgba(0,102,255,.6);border:3px solid var(--color-focus-ring, #fff)}.result-card__image{width:100%;height:120px;background-color:var(--color-surface-elevated, #1a1a1a);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled, #444);font-size:12px}.result-card__info{padding:8px;background-color:#111}.result-card__title{font-size:13px;font-weight:700;color:var(--color-text-primary, #fff);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card[data-focused] .result-card__title{color:var(--color-text-primary, #fff)}.result-card__meta{font-size:11px;color:var(--color-text-secondary, #888);margin:4px 0 0}.history-chip{padding:8px 16px;font-size:14px;border-radius:var(--radius-full, 20px);border:2px solid var(--color-surface-elevated, #333);background-color:var(--color-surface-elevated, #1a1a1a);color:#ccc;cursor:pointer;transition:all .2s ease;transform:scale(1);white-space:nowrap}.history-chip[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:scale(1.05)}.suggestion-item{width:100%;padding:10px 16px;font-size:15px;text-align:left;border:none;border-bottom:1px solid #222;background-color:transparent;color:#ccc;cursor:pointer;transition:all .15s ease}.suggestion-item[data-focused]{background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.search-loading{text-align:center;padding:40px}.search-loading__text{color:var(--color-text-secondary, #888)}.search-error{text-align:center;padding:40px;color:var(--color-error, #ff4444)}.search-results__count{font-size:18px;color:var(--color-text-secondary, #888);margin:0 0 16px}.search-results__grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg, 16px)}.search-results__empty{text-align:center;padding:60px 0;color:var(--color-text-disabled, #666)}.search-results__empty-text{font-size:16px}.search-results__empty-hint{font-size:14px;margin-top:8px}.search-history__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.search-history__title{font-size:18px;color:var(--color-text-secondary, #888);margin:0}.search-history__clear-btn{padding:6px 12px;font-size:13px;border:1px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-text-disabled, #666);cursor:pointer;transition:all .2s ease}.search-history__clear-btn[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.search-history__chips{display:flex;flex-wrap:wrap;gap:8px}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-disabled, #444)}.search-empty__icon{font-size:48px;margin-bottom:16px;opacity:.5}.search-empty__text{font-size:16px}.viewall-page{padding:40px;background-color:var(--color-background, #000);min-height:100vh}.viewall-page__title{font-size:28px;font-weight:700;color:var(--color-text-primary, #fff);margin-bottom:24px;margin-top:0}.viewall-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg, 16px)}.viewall-page__sentinel{height:1px;margin-top:8px}.viewall-page__loading-more{display:flex;justify-content:center;padding:24px 0}.viewall-card{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md, 8px);overflow:hidden;border:3px solid transparent;background-color:var(--color-surface-elevated, #1a1a1a);cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none;position:relative}.viewall-card[data-focused]{border:3px solid var(--color-focus-ring, #0066ff);transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.4)}.viewall-card__image{width:100%;height:100%;object-fit:cover}.viewall-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.viewall-card__title{font-size:14px;color:var(--color-text-primary, #fff);font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewall-loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background, #000)}.viewall-error{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);flex-direction:column;gap:var(--spacing-lg, 16px)}.viewall-error__title{font-size:20px}.viewall-error__subtitle{font-size:14px;color:var(--color-text-secondary, #888)}.viewall-empty{text-align:center;padding:80px 0;color:var(--color-text-disabled, #666);font-size:18px}.catchup-explore{padding:40px;background-color:var(--color-background, #000);min-height:100vh;color:var(--color-text-primary, #fff)}.catchup-explore__title{font-size:28px;font-weight:700;margin-bottom:16px;margin-top:0}.catchup-explore__tabs{display:flex;gap:8px;margin-bottom:24px}.catchup-explore__section{margin-bottom:32px}.catchup-explore__section-title{font-size:20px;color:var(--color-text-primary, #fff);margin-bottom:12px}.catchup-explore__empty{color:var(--color-text-secondary, #888);text-align:center;padding:48px 0}.date-navigator{display:flex;align-items:center;gap:16px;margin-bottom:20px}.date-navigator__date-row{display:flex;align-items:center;gap:12px}.date-navigator__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-surface-elevated, #333);background-color:transparent;color:var(--color-text-primary, #fff);font-size:16px;cursor:pointer;transition:all .15s ease}.date-navigator__arrow[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.15);transform:scale(1.1)}.date-navigator__arrow[data-disabled]{opacity:.3;pointer-events:none}.date-navigator__label{font-size:20px;font-weight:700;color:var(--color-text-primary, #fff);min-width:140px;text-align:center}.date-navigator__select-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-surface-elevated, #333);background-color:transparent;color:var(--color-text-secondary, #aaa);font-size:14px;cursor:pointer;transition:all .15s ease}.date-navigator__select-btn[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.15);color:var(--color-text-primary, #fff)}.date-navigator__select-icon{font-size:16px}.date-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;justify-content:center}.date-overlay__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7)}.date-overlay__panel{position:relative;z-index:1;background-color:var(--color-surface, #1a1a1a);border-radius:var(--radius-lg, 12px);padding:32px 40px;min-width:360px;display:flex;flex-direction:column;align-items:center}.date-overlay__title{font-size:20px;font-weight:700;color:var(--color-text-primary, #fff);margin:0 0 24px;text-align:center}.date-wheel{display:flex;gap:24px;margin-bottom:24px}.date-wheel__column{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--radius-md, 8px);border:2px solid transparent;min-width:60px;cursor:pointer;transition:border-color .15s ease}.date-wheel__column[data-focused]{border-color:var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.05)}.date-wheel__value{font-size:16px;color:var(--color-text-disabled, #555);height:28px;line-height:28px;transition:color .15s ease}.date-wheel__value--active{font-size:22px;font-weight:700;color:var(--color-text-primary, #fff);height:32px;line-height:32px}.date-wheel__value[data-disabled]{visibility:hidden}.date-wheel__confirm{padding:10px 40px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-surface-elevated, #333);background-color:transparent;color:var(--color-text-primary, #fff);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease}.date-wheel__confirm[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.15)}.catchup-explore-loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background, #000)}.catchup-explore__header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.catchup-explore__channel-logo{width:64px;height:64px;object-fit:contain;border-radius:8px}.catchup-explore__current-program{margin-bottom:16px;padding:12px 16px;background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-md, 8px)}.catchup-explore__current-program-badge{display:inline-block;background-color:#e53935;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;margin-bottom:6px}.catchup-explore__current-program-title{font-size:18px;font-weight:700;margin:0 0 4px}.catchup-explore__current-program-time{font-size:14px;color:var(--color-text-secondary, #aaa);margin:0 0 4px}.catchup-explore__current-program-desc{font-size:13px;color:var(--color-text-secondary, #aaa);margin:0}.catchup-mode-tab{scroll-margin-top:200px;padding:10px 24px;font-size:14px;border:1px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:transparent;color:var(--color-text-secondary, #888);cursor:pointer;transition:all .15s ease}.catchup-mode-tab[data-active]{border:2px solid var(--color-text-disabled, #444);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff)}.catchup-mode-tab[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.catchup-program-card{display:flex;gap:12px;padding:12px;border-radius:var(--radius-md, 8px);border:1px solid #222;background-color:#111;margin-bottom:8px;cursor:pointer;transition:all .15s ease}.catchup-program-card[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1)}.catchup-program-card__image{width:120px;height:68px;border-radius:var(--radius-sm, 4px);object-fit:cover}.catchup-program-card__info{flex:1}.catchup-program-card__title{font-size:15px;color:var(--color-text-primary, #fff);margin:0 0 4px;font-weight:700}.catchup-program-card[data-focused] .catchup-program-card__title{color:var(--color-text-primary, #fff)}.catchup-program-card__time{font-size:12px;color:var(--color-text-secondary, #888);margin:0 0 8px}.catchup-program-card__status{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm, 4px);background-color:var(--color-surface-elevated, #333);color:var(--color-text-secondary, #999)}.catchup-program-card__status[data-available]{background-color:#030;color:#0c6}.catchup-program-card__watch-btn{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm, 4px);background-color:#030;border:1px solid transparent;color:#0c6;cursor:pointer}.catchup-program-card__watch-btn[data-focused]{background-color:#0c6;color:#000;border-color:#0f8}.catchup-program-card__details-btn{margin-left:8px;font-size:11px;padding:2px 8px;border-radius:var(--radius-sm, 4px);background-color:transparent;border:1px solid var(--color-text-disabled, #555);color:#aaa;cursor:pointer}.catchup-program-card__details-btn[data-focused]{background-color:var(--color-text-secondary, #aaa);color:#000;border-color:#fff}.custom-page{padding:40px 60px;background-color:var(--color-background, #000);min-height:100vh;color:var(--color-text-primary, #fff);overflow:hidden}.custom-page[data-focused]{outline:3px solid var(--color-focus-ring, #0066ff)}.custom-page__content{transition:transform .3s ease}.custom-page__heading{font-size:32px;font-weight:700;margin-bottom:24px;color:var(--color-text-primary, #fff)}.custom-page__body{font-size:16px;line-height:1.6;color:#ccc;max-width:900px}.custom-page-loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background, #000)}.custom-page-error{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff)}.player-page{position:relative;width:100vw;height:100vh;background-color:var(--color-background, #000);overflow:hidden}.player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background, #000);z-index:100}.player-loading__message{color:#aaa;font-size:18px;margin-top:24px}.player-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background, #000);z-index:100;padding:40px}.player-error__icon{font-size:48px;margin-bottom:24px}.player-error__title{color:var(--color-text-primary, #fff);font-size:24px;margin-bottom:12px;text-align:center}.player-error__message{color:var(--color-text-secondary, #999);font-size:16px;margin-bottom:32px;text-align:center;max-width:600px}.player-error__actions{display:flex;gap:var(--spacing-lg, 16px)}.player-error__btn--retry{padding:12px 32px;background-color:#e50914;color:var(--color-text-primary, #fff);border:3px solid transparent;border-radius:var(--radius-sm, 4px);font-size:16px;cursor:pointer;transition:transform .12s ease-out,border-color .12s ease-out}.player-error__btn--back{padding:12px 32px;background-color:var(--color-surface-elevated, #333);color:var(--color-text-primary, #fff);border:3px solid transparent;border-radius:var(--radius-sm, 4px);font-size:16px;cursor:pointer;transition:transform .12s ease-out,border-color .12s ease-out}.player-error__btn--retry[data-focused],.player-error__btn--back[data-focused]{border-color:var(--color-text-primary, #fff);transform:scale(1.05)}.player-auto-next{position:absolute;bottom:120px;right:40px;background-color:rgba(0,0,0,.85);border-radius:var(--radius-md, 8px);padding:24px;z-index:90;min-width:320px}.player-auto-next__label{color:#aaa;font-size:14px;margin-bottom:8px}.player-auto-next__episode{color:var(--color-text-primary, #fff);font-size:18px;font-weight:700;margin-bottom:4px}.player-auto-next__title{color:#ccc;font-size:16px;margin-bottom:16px}.player-auto-next__countdown{color:#aaa;font-size:14px;margin-bottom:16px}.player-auto-next__actions{display:flex;gap:var(--spacing-md, 12px)}.player-auto-next__btn--play{padding:8px 24px;background-color:#fff;color:#000;border:none;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:700;cursor:pointer}.player-auto-next__btn--cancel{padding:8px 24px;background-color:var(--color-text-disabled, #555);color:var(--color-text-primary, #fff);border:none;border-radius:var(--radius-sm, 4px);font-size:14px;cursor:pointer}.player-page__video{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-background, #000)}.player-page__video video{width:100%;height:100%;object-fit:contain}.player-page__video .shaka-controls-container,.player-page__video .shaka-spinner-container,.player-page__video .shaka-overflow-menu,.player-page__video .shaka-context-menu,.player-page__video .shaka-scrim-container,.player-page__video [class^=shaka-]{display:none!important}.player-page__video video::-webkit-media-controls{display:none!important}.player-page__video video::-webkit-media-controls-enclosure{display:none!important}.player-page__channel-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:1}.player-page__action-bar-wrap{position:absolute;bottom:20px;left:0;right:0;z-index:10;display:flex;justify-content:center;pointer-events:none}.player-page__action-bar-inner{pointer-events:auto}.player-page__live-badge{position:absolute;top:20px;right:20px;background-color:#e50914;color:var(--color-text-primary, #fff);padding:4px 12px;border-radius:var(--radius-sm, 4px);font-size:14px;font-weight:700;z-index:50}.player-menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex}.player-menu-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6)}.player-menu-overlay__sidebar{position:relative;width:300px;height:100%;background-color:#0a0a0a;padding:32px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;border-right:2px solid var(--color-surface-elevated, #1a1a1a)}.player-menu-overlay__title{font-size:12px;color:var(--color-text-disabled, #666);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.player-menu-overlay__btn{width:100%;padding:12px 16px;font-size:16px;font-weight:400;border:2px solid transparent;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-text-primary, #fff);cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px}.player-menu-overlay__btn[data-focused]{font-weight:700;border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.player-menu-overlay__btn-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-menu-overlay__btn-img{width:22px;height:22px;object-fit:contain;border-radius:4px}.epg-page{width:100vw;height:100vh;background-color:#0f1016;color:var(--color-text-primary, #fff);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-family-primary, system-ui, -apple-system, sans-serif)}.epg-page[data-overlay]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background-color:rgba(10,10,16,.92)}.epg-date-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl, 24px);padding:var(--spacing-lg, 16px);background-color:#0a0a0a;border-bottom:1px solid var(--color-surface-elevated, #1a1a1a);flex-shrink:0}.epg-date-btn{padding:8px 20px;font-size:14px;font-weight:400;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 6px);background-color:#111;color:#aaa;cursor:pointer}.epg-date-btn[data-focused]{font-weight:700;border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.epg-date-nav__label{font-size:18px;font-weight:700;min-width:140px;text-align:center}.epg-columns{flex:1;display:flex;overflow:hidden;gap:2px}.epg-column{width:22vw;min-width:200px;flex-shrink:0;position:relative;height:100%;display:flex;flex-direction:column}.epg-column--empty{width:22vw;min-width:200px;flex-shrink:0}.epg-column-header{position:sticky;top:0;z-index:10;padding:8px;display:flex;align-items:center;justify-content:center;background-color:rgba(10,10,10,.95);border-bottom:1px solid #222;height:60px}.epg-column-header__logo{max-height:40px;max-width:120px;object-fit:contain}.epg-column-header__name{color:var(--color-text-primary, #fff);font-size:14px;font-weight:700}.epg-program-list{flex:1;overflow-y:hidden;padding:4px 0}.epg-program{border-radius:var(--radius-md, 8px);margin:2px 4px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:height .2s ease,min-height .2s ease;background-color:rgba(30,30,30,.8);border:2px solid transparent;box-shadow:none;cursor:pointer;height:80px;min-height:80px}.epg-program[data-enhanced]{height:14vw;min-height:140px;padding:12px;justify-content:flex-end}.epg-program[data-focused]{background-color:rgba(255,255,255,.1);border:2px solid var(--color-focus-ring, #fff);box-shadow:0 0 12px rgba(0,102,255,.3)}.epg-program[data-past]:not([data-enhanced]){opacity:.5}.epg-program-empty{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 6px);margin:2px 4px;transition:height .2s ease;height:80px;min-height:80px}.epg-program-empty[data-enhanced]{height:14vw;min-height:140px}.epg-program__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.epg-program__bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.85) 80%);z-index:1}.epg-program__content{position:relative;z-index:2}.epg-program__time{font-size:13px;color:var(--color-text-secondary, #888);margin-bottom:4px}.epg-program__status-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.epg-program__live-badge{background-color:#de0000;color:var(--color-text-primary, #fff);font-size:11px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase}.epg-program__live-badge--inline{background-color:#de0000;color:var(--color-text-primary, #fff);font-size:9px;font-weight:700;padding:1px 4px;border-radius:2px;margin-right:6px;vertical-align:middle}.epg-program__status-label{font-size:12px;color:#aaa}.epg-program__title{color:var(--color-text-primary, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;max-height:1.3em;font-size:14px;font-weight:400}.epg-program__title[data-enhanced]{font-size:18px;font-weight:700;white-space:normal;max-height:2.6em}.epg-program__progress{height:3px;background-color:rgba(255,255,255,.2);border-radius:2px;margin-top:8px;overflow:hidden}.epg-program__progress-bar{height:100%;background-color:var(--color-primary, #0066ff);border-radius:2px;transition:width 3s ease-out}.epg-timeline{display:flex;flex-direction:column;height:100vh}.epg-timeline__header{padding:16px 24px 8px;display:flex;align-items:center;justify-content:space-between}.epg-timeline__title{font-size:24px;margin:0;color:var(--color-text-primary, #fff)}.epg-timeline__channel-count{color:var(--color-text-secondary, #888);font-size:13px}.epg-timeline__error{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-error, #ff4444)}.epg-timeline__grid-wrap{flex:1;overflow:hidden}.date-tabs{display:flex;gap:4px;padding:8px 16px;background-color:#0a0a0a;border-bottom:1px solid var(--color-surface-elevated, #1a1a1a);overflow-x:auto}.date-tab{padding:6px 14px;font-size:13px;font-weight:400;border:1px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 6px);background-color:#111;color:var(--color-text-secondary, #888);cursor:pointer;white-space:nowrap;transition:all .15s}.date-tab[data-selected]{font-weight:700;border:2px solid var(--color-primary, #0066ff);background-color:var(--color-primary-dark, #001133);color:var(--color-primary, #0066ff)}.date-tab__date{margin-left:4px;font-size:11px}.settings-page{padding:32px;max-width:600px}.settings-page__header{display:flex;align-items:center;gap:var(--spacing-lg, 16px);margin-bottom:32px}.settings-page__title{font-size:28px;margin:0;color:var(--color-text-primary, #fff)}.settings-page__title[data-device-limit]{color:var(--color-secondary, #ff8800)}.settings-page__subtitle{font-size:14px;color:var(--color-text-secondary, #888);margin:8px 0 0}.settings-menu-item{width:100%;padding:16px 20px;font-size:16px;text-align:left;border:2px solid transparent;border-radius:var(--radius-md, 8px);background-color:transparent;color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:translate(0);display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.settings-menu-item[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:translate(8px)}.settings-menu-item[data-danger]{color:var(--color-error, #ff4444)}.settings-menu-item[data-danger][data-focused]{border-color:var(--color-error, #ff4444);background-color:#300;color:var(--color-error, #ff4444)}.settings-menu-item__detail{font-size:13px;color:var(--color-text-secondary, #888)}.settings-menu-item__arrow{color:var(--color-text-disabled, #444)}.settings-option{width:100%;padding:12px 20px;font-size:15px;text-align:left;border:1px solid #222;border-radius:var(--radius-md, 8px);background-color:transparent;color:#ccc;cursor:pointer;transition:all .15s ease;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.settings-option[data-selected]{border:2px solid var(--color-text-disabled, #444);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff)}.settings-option[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.settings-option__check{color:var(--color-primary, #0066ff);font-weight:700}.settings-confirm-btn{padding:10px 20px;font-size:14px;border:1px solid var(--color-text-disabled, #444);border-radius:var(--radius-md, 6px);background-color:var(--color-surface-elevated, #1a1a1a);color:#ccc;cursor:pointer;transition:all .15s}.settings-confirm-btn[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.settings-confirm-btn[data-danger]{border-color:#c22;background-color:#1a0000;color:#c22;font-weight:700}.settings-confirm-btn[data-danger][data-focused]{border:2px solid var(--color-error, #ff4444);background-color:#300;color:var(--color-error, #ff4444)}.device-card{padding:16px;background-color:#111;border:1px solid #222;border-radius:var(--radius-md, 8px);margin-bottom:8px}.device-card__row{display:flex;align-items:center;justify-content:space-between}.device-card__info{flex:1;min-width:0;margin-right:12px}.device-card__name{font-size:15px;color:var(--color-text-primary, #fff);margin:0 0 4px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card__current-badge{font-size:11px;color:#0c6;margin-left:8px;font-weight:400}.device-card__meta{font-size:12px;color:var(--color-text-secondary, #888);margin:0}.device-card__actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.device-card__edit-input{width:100%;font-size:15px;font-weight:700;color:var(--color-text-primary, #fff);background-color:#0a1a33;border:2px solid var(--color-focus-ring, #0066ff);border-radius:var(--radius-sm, 4px);padding:4px 8px;outline:none;margin-bottom:4px}.device-action-btn{font-size:13px;color:var(--color-text-disabled, #555);cursor:pointer;padding:6px 12px;border:1px solid transparent;border-radius:var(--radius-sm, 4px);background-color:transparent;transition:all .15s}.device-action-btn[data-focused]{color:var(--color-text-primary, #fff);border:1px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1)}.device-action-btn[data-danger][data-focused]{color:var(--color-error, #ff4444);border-color:var(--color-error, #ff4444);background-color:#300}.settings-back-btn{padding:8px 16px;font-size:14px;border:1px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-text-secondary, #888);cursor:pointer;transition:all .15s}.settings-back-btn[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff)}.settings-account-card{padding:16px;background-color:#111;border-radius:var(--radius-md, 8px);margin-bottom:24px;display:flex;align-items:center;gap:var(--spacing-lg, 16px)}.settings-account-card__avatar{width:48px;height:48px;border-radius:50%;background-color:var(--color-surface-elevated, #333);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--color-text-primary, #fff)}.settings-account-card__name{font-size:16px;color:var(--color-text-primary, #fff);margin:0 0 2px;font-weight:700}.settings-account-card__email{font-size:12px;color:var(--color-text-secondary, #888);margin:0}.settings-section-label{font-size:12px;color:var(--color-text-disabled, #666);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.settings-section-label--spaced{margin:24px 0 8px}.settings-about{background-color:#111;border-radius:var(--radius-lg, 12px);padding:24px}.settings-about__app-name{font-size:24px;color:var(--color-primary, #0066ff);margin:0 0 4px}.settings-about__version{font-size:14px;color:var(--color-text-secondary, #888);margin:0 0 24px}.settings-about__divider{border-top:1px solid #222;padding-top:16px}.settings-about__description{font-size:14px;color:#ccc;margin:0 0 8px}.settings-about__copyright{font-size:12px;color:var(--color-text-disabled, #666);margin:0 0 16px}.settings-about__links{display:flex;flex-direction:column;gap:4px}.settings-prefs__saving{color:var(--color-text-secondary, #888);font-size:13px;margin-bottom:8px}.settings-prefs__section-title{font-size:16px;color:var(--color-text-secondary, #888);margin:0 0 8px}.settings-prefs__section{margin-bottom:24px}.settings-devices__info{color:var(--color-text-secondary, #888);font-size:14px;margin-bottom:16px}.settings-devices__empty{color:var(--color-text-secondary, #888);text-align:center;padding:48px 0}.settings-devices__loading{color:var(--color-text-secondary, #888)}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal__card{background-color:var(--color-surface-elevated, #1a1a1a);border:1px solid var(--color-surface-elevated, #333);border-radius:var(--radius-lg, 12px);padding:32px;max-width:420px;width:90%;text-align:center}.settings-modal__title{font-size:20px;color:var(--color-text-primary, #fff);margin:0 0 12px}.settings-modal__description{font-size:14px;color:var(--color-text-secondary, #888);margin:0 0 24px}.settings-modal__actions{display:flex;gap:var(--spacing-md, 12px);justify-content:center}.profile-page{padding:40px;max-width:900px;margin:0 auto}.profile-page__title{font-size:32px;margin:0 0 8px;color:var(--color-text-primary, #fff)}.profile-page__subtitle{color:var(--color-text-secondary, #888);font-size:16px;margin:0 0 40px}.profile-page__not-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--color-text-secondary, #888)}.profile-page__not-auth-text{font-size:20px;margin-bottom:24px}.profile-page__cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:48px}.profile-page__manage-row{display:flex;justify-content:center;gap:var(--spacing-lg, 16px);margin-bottom:32px}.profile-page__account-info{border-top:1px solid #222;padding-top:24px;display:flex;justify-content:space-between;align-items:center}.profile-page__account-email{color:var(--color-text-secondary, #888);font-size:14px;margin:0}.profile-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:all .2s ease;transform:scale(1)}.profile-card[data-focused]{transform:scale(1.08)}.profile-card__avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--color-text-primary, #fff);border:4px solid var(--color-surface-elevated, #333);box-shadow:none;transition:all .2s ease}.profile-card[data-active] .profile-card__avatar{border-color:#0c6}.profile-card[data-focused] .profile-card__avatar{border-color:var(--color-focus-ring, #fff);box-shadow:0 0 20px rgba(255,255,255,.3)}.profile-card__name{font-size:16px;font-weight:400;color:var(--color-text-primary, #fff);margin:0;text-align:center}.profile-card[data-active] .profile-card__name{font-weight:700;color:#0c6}.profile-card[data-focused] .profile-card__name{color:var(--color-text-primary, #fff)}.profile-card__kids-badge{font-size:11px;padding:2px 8px;background-color:orange;color:#000;border-radius:10px;font-weight:700}.add-profile-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:all .2s ease;transform:scale(1)}.add-profile-card[data-focused]{transform:scale(1.08)}.add-profile-card__circle{width:120px;height:120px;border-radius:50%;background-color:var(--color-surface-elevated, #1a1a1a);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--color-text-disabled, #555);border:4px dashed var(--color-surface-elevated, #333);box-shadow:none;transition:all .2s ease}.add-profile-card[data-focused] .add-profile-card__circle{color:var(--color-text-primary, #fff);border:4px solid var(--color-focus-ring, #fff);box-shadow:0 0 20px rgba(255,255,255,.3)}.add-profile-card__label{font-size:16px;color:var(--color-text-secondary, #888);margin:0}.add-profile-card[data-focused] .add-profile-card__label{color:var(--color-text-primary, #fff)}.avatar-picker{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.avatar-option{width:52px;height:52px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.avatar-option[data-selected]{border:3px solid var(--color-primary, #0066ff)}.avatar-option[data-focused]{border:3px solid #fff;transform:scale(1.15);box-shadow:0 0 12px rgba(255,255,255,.4)}.profile-editor__title{font-size:28px;margin:0 0 32px;color:var(--color-text-primary, #fff)}.profile-editor__section{margin-bottom:32px}.profile-editor__section-title{font-size:16px;color:var(--color-text-secondary, #888);margin:0 0 12px}.profile-editor__avatar-row{display:flex;align-items:center;gap:24px}.profile-editor__avatar-preview{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--color-text-primary, #fff);flex-shrink:0}.profile-editor__error{color:var(--color-error, #ff4444);font-size:14px;margin-bottom:16px}.profile-editor__actions{display:flex;gap:var(--spacing-md, 12px);flex-wrap:wrap}.profile-kids-toggle{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:16px;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;width:100%}.profile-kids-toggle[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1)}.profile-kids-toggle__track{width:44px;height:24px;border-radius:12px;background-color:var(--color-surface-elevated, #333);position:relative;transition:all .2s ease;flex-shrink:0}.profile-kids-toggle__track[data-on]{background-color:#0c6}.profile-kids-toggle__thumb{width:20px;height:20px;border-radius:50%;background-color:var(--color-text-primary, #fff);position:absolute;top:2px;left:2px;transition:all .2s ease}.profile-kids-toggle__thumb[data-on]{left:22px}.profile-kids-toggle__hint{color:var(--color-text-secondary, #888);font-size:13px;margin-left:auto}.profile-btn{padding:14px 24px;font-size:16px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:#ccc;cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.profile-btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:scale(1.02);box-shadow:0 0 15px rgba(0,102,255,.4)}.profile-btn[data-primary][data-focused]{background-color:var(--color-primary, #0066ff)}.profile-btn[data-danger]{color:#ccc}.profile-btn[data-danger][data-focused]{border-color:var(--color-error, #ff4444);background-color:#300;color:var(--color-error, #ff4444);box-shadow:0 0 15px rgba(255,68,68,.4)}.profile-delete-confirm{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.profile-delete-confirm__avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--color-text-primary, #fff);margin-bottom:24px}.profile-delete-confirm__title{font-size:24px;margin:0 0 8px}.profile-delete-confirm__description{color:var(--color-text-secondary, #888);font-size:16px;max-width:400px;margin:0 0 32px}.profile-delete-confirm__error{color:var(--color-error, #ff4444);font-size:14px;margin-bottom:16px}.profile-delete-confirm__actions{display:flex;gap:var(--spacing-lg, 16px)}.subscription-page{padding:24px 32px;max-width:1100px;margin:0 auto}.subscription-page__title{font-size:28px;margin:0 0 24px;color:var(--color-text-primary, #fff)}.subscription-page__not-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--color-text-secondary, #888)}.subscription-page__not-auth-text{font-size:20px;margin-bottom:24px}.subscription-page__error{color:var(--color-error, #ff4444);font-size:14px;margin-bottom:16px}.sub-tabs{display:flex;gap:4px;border-bottom:1px solid #222;margin-bottom:32px}.sub-tab{padding:10px 20px;font-size:15px;font-weight:400;border:none;border-bottom:3px solid transparent;background-color:transparent;color:var(--color-text-secondary, #888);cursor:pointer;transition:all .15s}.sub-tab[data-active]{font-weight:700;color:var(--color-text-primary, #fff);border-bottom-color:var(--color-primary, #0066ff)}.sub-tab[data-focused]{font-weight:700;color:var(--color-text-primary, #fff)}.plan-card{width:280px;padding:32px 24px;background-color:#111;border:2px solid #222;border-radius:var(--radius-lg, 16px);text-align:center;cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none;position:relative}.plan-card[data-popular]{border-color:orange}.plan-card[data-active]{border-color:#0c6}.plan-card[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.5)}.plan-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background-color:orange;color:#000;font-size:11px;font-weight:700;border-radius:12px;white-space:nowrap}.plan-card__active-badge{position:absolute;top:-12px;right:16px;padding:4px 12px;background-color:#0c6;color:var(--color-text-primary, #fff);font-size:11px;font-weight:700;border-radius:12px}.plan-card__name{font-size:20px;margin:0 0 8px;color:var(--color-text-primary, #fff)}.plan-card[data-focused] .plan-card__name{color:var(--color-text-primary, #fff)}.plan-card__price{margin-bottom:16px}.plan-card__price-amount{font-size:36px;font-weight:700;color:var(--color-text-primary, #fff)}.plan-card__price-period{font-size:14px;color:var(--color-text-secondary, #888)}.plan-card__trial{font-size:13px;color:#0c6;margin:0 0 12px}.plan-card__description{font-size:13px;color:var(--color-text-secondary, #888);margin:0 0 16px}.plan-card__features{list-style:none;padding:0;margin:0;text-align:left}.plan-card__feature{font-size:13px;color:#ccc;padding:4px 0;border-bottom:1px solid var(--color-surface-elevated, #1a1a1a);display:flex;align-items:center;gap:8px}.plan-card__feature-icon{color:#0c6;font-size:14px}.plans-view__subtitle{color:var(--color-text-secondary, #888);font-size:16px;margin:0 0 24px}.plans-view__grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.plans-view__restore{text-align:center;margin-top:32px}.plans-view__loading{color:var(--color-text-secondary, #888)}.active-sub{background-color:#111;border-radius:var(--radius-lg, 12px);padding:32px;max-width:500px}.active-sub__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.active-sub__name{font-size:22px;margin:0;color:var(--color-text-primary, #fff)}.active-sub__status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.active-sub__status[data-active]{background-color:#0c6;color:var(--color-text-primary, #fff)}.active-sub__status:not([data-active]){background-color:orange;color:#000}.active-sub__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.active-sub__label{color:var(--color-text-secondary, #888);font-size:13px;margin:0 0 4px}.active-sub__value{color:var(--color-text-primary, #fff);font-size:16px;margin:0}.active-sub__actions{display:flex;gap:var(--spacing-md, 12px)}.manage-view__empty{text-align:center;padding:48px 0;color:var(--color-text-secondary, #888)}.manage-view__empty-text{font-size:18px;margin-bottom:16px}.manage-view__loading{color:var(--color-text-secondary, #888)}.payment-history{max-width:600px}.payment-history__item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-surface-elevated, #1a1a1a)}.payment-history__description{font-size:15px;color:var(--color-text-primary, #fff);margin:0 0 4px}.payment-history__date{font-size:12px;color:var(--color-text-secondary, #888);margin:0}.payment-history__amount{font-size:16px;font-weight:700;color:var(--color-text-primary, #fff);margin:0}.payment-history__status{font-size:11px;padding:2px 8px;border-radius:8px;color:var(--color-text-primary, #fff)}.payment-history__empty{color:var(--color-text-secondary, #888);text-align:center;padding:48px 0}.payment-history__loading{color:var(--color-text-secondary, #888)}.sub-btn{padding:14px 24px;font-size:16px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:#ccc;cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.sub-btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:scale(1.02);box-shadow:0 0 15px rgba(0,102,255,.4)}.sub-btn[data-primary][data-focused]{background-color:var(--color-primary, #0066ff)}.sub-btn[data-danger][data-focused]{border-color:var(--color-error, #ff4444);background-color:#300;color:var(--color-error, #ff4444);box-shadow:0 0 15px rgba(255,68,68,.4)}.sub-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100}.sub-modal__card{background-color:#111;border-radius:var(--radius-lg, 16px);padding:40px;max-width:400px;text-align:center}.sub-modal__title{font-size:22px;margin:0 0 12px;color:var(--color-text-primary, #fff)}.sub-modal__description{color:var(--color-text-secondary, #888);font-size:15px;margin:0 0 24px}.sub-modal__actions{display:flex;gap:var(--spacing-md, 12px);justify-content:center}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);padding:40px;text-align:center}.not-found-page__icon{font-size:120px;margin-bottom:24px;opacity:.5}.not-found-page__title{font-size:36px;margin:0 0 16px;color:var(--color-text-primary, #fff)}.not-found-page__description{font-size:18px;color:var(--color-text-secondary, #888);margin:0 0 8px;max-width:500px}.not-found-page__url{font-size:14px;color:var(--color-text-disabled, #666);margin:0 0 40px;font-family:monospace;background-color:var(--color-surface-elevated, #1a1a1a);padding:8px 16px;border-radius:var(--radius-sm, 4px)}.not-found-page__actions{display:flex;gap:20px;margin-top:24px}.not-found-page__help{font-size:14px;color:var(--color-text-disabled, #666);margin-top:40px}.not-found-btn{padding:16px 40px;font-size:18px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.not-found-btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.3)}.not-found-btn[data-primary][data-focused]{background-color:var(--color-primary, #0066ff);color:var(--color-text-primary, #fff);box-shadow:0 0 20px rgba(0,102,255,.5)}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);padding:40px;text-align:center}.placeholder-page__icon{font-size:80px;margin-bottom:24px;opacity:.5}.placeholder-page__title{font-size:48px;margin:0 0 16px;color:var(--color-primary, #0066ff)}.placeholder-page__description{font-size:18px;color:var(--color-text-secondary, #888);margin:0 0 40px;max-width:600px}.placeholder-page__actions{display:flex;gap:var(--spacing-lg, 16px);margin-top:24px}.placeholder-page__help{margin-top:40px;color:var(--color-text-disabled, #666);font-size:14px}.placeholder-btn{padding:16px 32px;font-size:18px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.placeholder-btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);color:var(--color-text-primary, #fff);transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.5)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);padding:40px}.login-card{width:100%;max-width:520px;background-color:#111;border-radius:var(--radius-lg, 16px);padding:48px 40px;text-align:center}.login-card__logo{margin-bottom:32px}.login-card__app-name{font-size:40px;color:var(--color-primary, #0066ff);margin:0 0 8px}.login-card__tagline{color:var(--color-text-secondary, #888);font-size:16px;margin:0}.login-btn{width:100%;padding:16px 24px;font-size:18px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none;margin-bottom:12px}.login-btn[data-focused]{border:3px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);transform:scale(1.02);box-shadow:0 0 20px rgba(0,102,255,.5)}.login-btn[data-primary][data-focused]{background-color:var(--color-primary, #0066ff)}.code-display{text-align:center}.code-display__instruction{color:var(--color-text-secondary, #888);font-size:16px;margin-bottom:8px}.code-display__digits{display:flex;justify-content:center;gap:12px;margin:24px 0}.code-display__digit{width:64px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;background-color:var(--color-surface-elevated, #1a1a1a);border-radius:var(--radius-lg, 12px);border:2px solid var(--color-surface-elevated, #333);color:var(--color-primary, #0066ff);letter-spacing:2px}.code-display__timer{color:var(--color-text-disabled, #666);font-size:14px;margin-bottom:24px}.code-display__timer[data-expired]{color:var(--color-error, #ff4444)}.code-display__waiting{color:var(--color-text-secondary, #888);font-size:14px;margin-bottom:24px}.login-loading{padding:40px 0}.login-loading__text{color:var(--color-text-secondary, #888)}.login-success{padding:40px 0}.login-success__icon{font-size:64px;margin-bottom:16px;color:#0c6}.login-success__text{color:#0c6;font-size:20px;font-weight:700}.login-success__redirect{color:var(--color-text-secondary, #888);margin-top:8px}.login-error{padding:20px 0}.login-error__message{color:var(--color-error, #ff4444);font-size:16px;margin-bottom:24px}.login-divider{display:flex;align-items:center;gap:var(--spacing-lg, 16px);margin:20px 0}.login-divider__line{flex:1;height:1px;background-color:var(--color-surface-elevated, #333)}.login-divider__text{color:var(--color-text-disabled, #666);font-size:14px}.login-page__help{margin-top:40px;color:var(--color-text-disabled, #666);font-size:14px}.register-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);padding:40px}.register-card{background-color:#111;border-radius:var(--radius-lg, 16px);padding:48px;max-width:600px;width:100%}.register-field{margin-bottom:20px;width:100%}.register-field__label{display:block;color:#aaa;font-size:14px;margin-bottom:8px}.register-input-display{width:100%;padding:14px 16px;font-size:18px;background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);transition:border-color .2s ease}.register-input-display[data-focused],.register-input-display[data-active]{border:2px solid var(--color-focus-ring, #0066ff)}.register-input-display__placeholder{color:var(--color-text-disabled, #555)}.register-error{color:var(--color-error, #e50914);font-size:14px;margin-top:8px}.register-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:#ccc;cursor:pointer;transition:all .2s ease;transform:scale(1)}.register-btn[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:#222;color:var(--color-text-primary, #fff);transform:scale(1.03)}.register-btn[data-primary]{background-color:var(--color-primary, #0066ff);color:var(--color-text-primary, #fff)}.register-btn[data-primary][data-focused]{background-color:var(--color-primary-light, #0077ff)}.register-btn[data-disabled]{opacity:.5;cursor:default}.register-btn-row{display:flex;gap:var(--spacing-lg, 16px);margin-top:24px}.telco-btn{display:flex;align-items:center;gap:var(--spacing-lg, 16px);padding:16px;border-radius:var(--radius-md, 8px);border:2px solid var(--color-surface-elevated, #333);background-color:var(--color-surface-elevated, #1a1a1a);transition:all .2s ease;transform:scale(1)}.telco-btn[data-focused]{border:2px solid var(--color-focus-ring, #fff);background-color:rgba(255,255,255,.1);transform:scale(1.02)}.telco-btn__logo{width:40px;height:40px;object-fit:contain}.register-success{text-align:center}.register-device-id{margin-top:24px;text-align:center}.welcome-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background, #000);color:var(--color-text-primary, #fff);padding:40px}.welcome-page__skip-wrap{position:absolute;top:32px;right:32px}.welcome-page__nav{display:flex;gap:var(--spacing-lg, 16px);align-items:center}.welcome-page__slide{text-align:center;max-width:600px;margin:0 auto}.welcome-page__icon{width:120px;height:120px;border-radius:50%;background-color:var(--color-primary-dark, #001133);border:3px solid var(--color-primary, #0066ff);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--color-primary, #0066ff);margin:0 auto 32px}.welcome-page__slide-title{font-size:36px;color:var(--color-text-primary, #fff);margin:0 0 16px}.welcome-page__slide-description{font-size:18px;color:var(--color-text-secondary, #999);line-height:1.6;margin:0}.welcome-page__dots{display:flex;gap:var(--spacing-sm, 8px);justify-content:center;margin:32px 0}.welcome-page__dot{height:8px;border-radius:4px;background-color:var(--color-surface-elevated, #333);transition:all .3s ease;width:8px}.welcome-page__dot[data-active]{width:24px;background-color:var(--color-primary, #0066ff)}.welcome-page__btn--next{padding:16px 48px;font-size:18px;font-weight:700;border:2px solid var(--color-surface-elevated, #333);border-radius:var(--radius-md, 8px);background-color:var(--color-surface-elevated, #1a1a1a);color:var(--color-text-primary, #fff);cursor:pointer;transition:all .2s ease;transform:scale(1);box-shadow:none}.welcome-page__btn--next[data-focused]{border:3px solid var(--color-primary, #0066ff);background-color:var(--color-primary, #0066ff);transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.5)}.welcome-page__btn--skip,.welcome-page__btn--prev{padding:10px 24px;font-size:14px;border:1px solid transparent;border-radius:var(--radius-md, 6px);background-color:transparent;color:var(--color-text-disabled, #666);cursor:pointer;transition:all .2s ease}.welcome-page__btn--skip[data-focused],.welcome-page__btn--prev[data-focused]{border:2px solid var(--color-focus-ring, #fff);color:var(--color-text-primary, #fff)}.welcome-page__btn--prev[data-hidden]{visibility:hidden}