:root{--color-primary: rgba(0, 122, 255, 1);--color-primary-dark: rgba(0, 98, 204, 1);--color-primary-light: rgba(51, 153, 255, 1);--color-secondary: rgba(255, 149, 0, 1);--color-secondary-dark: rgba(204, 119, 0, 1);--color-secondary-light: rgba(255, 179, 64, 1);--color-background: rgba(18, 18, 18, 1);--color-surface: rgba(30, 30, 30, 1);--color-surface-elevated: rgba(44, 44, 44, 1);--color-text-primary: rgba(255, 255, 255, 1);--color-text-secondary: rgba(180, 180, 180, 1);--color-text-disabled: rgba(100, 100, 100, 1);--color-text-on-primary: rgba(255, 255, 255, 1);--color-error: rgba(255, 69, 58, 1);--color-warning: rgba(255, 214, 10, 1);--color-success: rgba(48, 209, 88, 1);--color-info: rgba(100, 210, 255, 1);--color-divider: rgba(255, 255, 255, .12);--color-focus-ring: rgba(0, 122, 255, 1);--color-overlay: rgba(0, 0, 0, .6);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 48px;--spacing-xxxxl: 64px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .6);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-out;--font-family-primary: "Roboto", "Noto Sans", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Roboto Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-text-primary);overflow:hidden;width:100vw;height:100vh;line-height:1.5}:focus,:focus-visible{outline:none}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--badge-border-radius, 999px);font-family:inherit;font-weight:var(--badge-font-weight, 600);text-transform:uppercase;letter-spacing:var(--badge-letter-spacing, .5px);line-height:1;white-space:nowrap}.badge[data-size=small]{font-size:10px;padding:1px 6px;min-height:16px}.badge[data-size=medium]{font-size:12px;padding:2px 8px;min-height:20px}.badge[data-size=large]{font-size:14px;padding:3px 10px;min-height:24px}.badge[data-variant=default]{background-color:var(--color-surface-elevated, #2c2c2c);color:var(--color-text-primary, #fff)}.badge[data-variant=primary]{background-color:var(--color-primary, rgba(0, 122, 255, 1));color:var(--color-text-on-primary, #fff)}.badge[data-variant=success]{background-color:var(--color-success, rgba(48, 209, 88, 1));color:#fff}.badge[data-variant=warning]{background-color:var(--color-warning, rgba(255, 214, 10, 1));color:#000}.badge[data-variant=error]{background-color:var(--color-error, rgba(255, 69, 58, 1));color:#fff}.badge[data-variant=info]{background-color:var(--color-info, rgba(100, 210, 255, 1));color:#fff}.badge[data-dot]{display:inline-block;width:var(--badge-dot-size, 8px);height:var(--badge-dot-size, 8px);border-radius:50%;padding:0;min-height:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);border:none;cursor:pointer;font-family:inherit;font-weight:var(--button-font-weight, 600);letter-spacing:var(--button-letter-spacing, .5px);transition:background-color var(--button-transition-duration, .25s) ease-in-out,transform .15s ease-in-out,outline .15s ease-in-out;outline:none;position:relative;white-space:nowrap;user-select:none}.button[data-size=small]{padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);font-size:14px;line-height:20px;border-radius:var(--button-border-radius-sm, var(--radius-sm, 4px));min-width:80px;min-height:36px}.button[data-size=medium]{padding:var(--spacing-md, 12px) var(--spacing-xl, 24px);font-size:18px;line-height:24px;border-radius:var(--button-border-radius-md, var(--radius-md, 8px));min-width:120px;min-height:48px}.button[data-size=large]{padding:var(--spacing-lg, 16px) var(--spacing-xxl, 32px);font-size:20px;line-height:28px;border-radius:var(--button-border-radius-md, var(--radius-md, 8px));min-width:160px;min-height:56px}.button[data-variant=primary]{background-color:var(--color-primary, rgba(0, 122, 255, 1));color:var(--color-text-on-primary, #fff)}.button[data-variant=primary][data-focused]{background-color:var(--color-primary-light, rgba(51, 153, 255, 1))}.button[data-variant=secondary]{background-color:var(--color-surface-elevated, #2c2c2c);color:var(--color-text-primary, #fff);border:2px solid var(--color-divider, rgba(255, 255, 255, .12))}.button[data-variant=secondary][data-focused]{background-color:var(--color-surface-elevated, #2c2c2c)}.button[data-variant=ghost]{background-color:transparent;color:var(--color-text-primary, #fff)}.button[data-variant=ghost][data-focused]{background-color:var(--color-surface, #1e1e1e)}.button[data-focused]{outline:var(--button-focus-outline-width, 3px) solid var(--button-focus-outline-color, var(--color-focus-ring, #0066ff));outline-offset:var(--button-focus-outline-offset, 2px);transform:scale(var(--button-focus-scale, 1.02))}.button[disabled]{opacity:var(--button-disabled-opacity, .4);cursor:default;pointer-events:none}@keyframes tv-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button__spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:tv-button-spin .6s linear infinite;display:inline-block}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon__svg{fill:none}.image{position:relative;overflow:hidden;display:block}.image__img{display:block;width:100%;height:100%;transition:opacity var(--image-transition-duration, .25s) ease-in-out}.image__placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.text{margin:0;padding:0}@keyframes tv-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;border-radius:50%;box-sizing:border-box;animation:tv-spinner-spin var(--spinner-speed, .6s) linear infinite}.spinner[data-size=small]{width:20px;height:20px;border-width:2px}.spinner[data-size=medium]{width:32px;height:32px;border-width:3px}.spinner[data-size=large]{width:48px;height:48px;border-width:5px}.card{display:inline-flex;flex-direction:column;cursor:pointer;border-radius:var(--card-border-radius, var(--radius-md, 8px));overflow:hidden;transition:border-color var(--card-transition-duration, var(--transition-normal, .2s)),filter var(--card-transition-duration, var(--transition-normal, .2s));border:var(--card-border-width, 3px) solid transparent}.card[data-focused]{border-color:var(--card-focus-border-color, var(--color-focus-ring, #0066ff));filter:brightness(var(--card-focus-brightness, 1.2))}.card[data-variant=portrait][data-size=small]{width:120px}.card[data-variant=portrait][data-size=medium]{width:160px}.card[data-variant=portrait][data-size=large],.card[data-variant=landscape][data-size=small]{width:200px}.card[data-variant=landscape][data-size=medium]{width:280px}.card[data-variant=landscape][data-size=large]{width:360px}.card__image-container{position:relative;width:100%;overflow:hidden;background-color:var(--color-surface-elevated, #2c2c2c);border-radius:var(--card-border-radius, var(--radius-md, 8px))}.card[data-variant=portrait] .card__image-container{aspect-ratio:2 / 3}.card[data-variant=landscape] .card__image-container{aspect-ratio:16 / 9}.card__image{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}.card__placeholder{width:100%;height:100%;background-color:var(--color-surface-elevated, #2c2c2c)}@keyframes tv-card-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.card__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color-surface-elevated, #2c2c2c) 25%,var(--color-surface, #1e1e1e) 50%,var(--color-surface-elevated, #2c2c2c) 75%);background-size:200% 100%;animation:tv-card-skeleton 1.5s ease-in-out infinite;border-radius:var(--card-border-radius, var(--radius-md, 8px))}.card__badge{position:absolute;top:8px;left:8px;z-index:1}.card__overlay-custom{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.card__progress{position:absolute;bottom:6px;left:8px;right:8px;z-index:2}.card__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 8px;background:var(--card-overlay-gradient, linear-gradient(transparent, rgba(0, 0, 0, .85)))}.card__progress~.card__overlay{bottom:16px}.card__subtitle{color:var(--card-subtitle-color, rgba(200, 200, 200, .9))}.content-badge{display:inline-flex;align-items:center;padding:2px 5px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1;color:#fff}.content-badge[data-badge-type=on_air]{background:#dc2626}.content-badge[data-badge-type=catchup]{background:var(--color-secondary, #6366f1)}.content-badge[data-badge-type=tvod]{background:#f59e0b}.rank-overlay{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding-left:4px;pointer-events:none}.rank-overlay__number{font-size:48px;font-weight:900;color:rgba(255,255,255,.3);line-height:1}.metadata-line{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:12px;color:var(--color-text-secondary, rgba(200, 200, 200, .8))}.metadata-line__dot{opacity:.6}.metadata-line__rating{margin-left:6px;padding:1px 5px;border-radius:2px;font-size:9px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}.input{display:flex;flex-direction:column;gap:4px}.input[data-disabled]{opacity:var(--input-disabled-opacity, .4)}.input__wrapper{display:flex;align-items:center;border:2px solid var(--input-border-color, var(--color-divider, rgba(255, 255, 255, .12)));border-radius:var(--input-border-radius, var(--radius-md, 8px));background-color:var(--input-bg, var(--color-surface, #1e1e1e));transition:border-color var(--input-transition, var(--transition-fast, .15s ease-in-out)),outline var(--input-transition, var(--transition-fast, .15s ease-in-out));outline:none;outline-offset:2px}.input[data-size=small] .input__wrapper{height:36px;padding:0 8px;gap:6px}.input[data-size=medium] .input__wrapper{height:48px;padding:0 12px;gap:8px}.input[data-size=large] .input__wrapper{height:56px;padding:0 16px;gap:10px}.input[data-focused] .input__wrapper{border-color:var(--input-focus-border-color, var(--color-focus-ring, rgba(0, 122, 255, 1)));outline:var(--input-focus-outline-width, 2px) solid var(--color-focus-ring, rgba(0, 122, 255, 1))}.input[data-error] .input__wrapper{border-color:var(--input-error-border-color, var(--color-error, rgba(255, 69, 58, 1)))}.input__field{flex:1;border:none;outline:none;background:transparent;color:var(--color-text-primary, #fff);font-family:inherit;padding:0;margin:0;width:100%;min-width:0}.input[data-size=small] .input__field{font-size:14px;line-height:32px}.input[data-size=medium] .input__field{font-size:18px;line-height:44px}.input[data-size=large] .input__field{font-size:20px;line-height:52px}.input__icon{display:inline-flex;flex-shrink:0}.list-item{display:flex;align-items:center;border-radius:var(--list-item-border-radius, var(--radius-md, 8px));cursor:pointer;transition:background-color var(--list-item-transition, var(--transition-fast, .15s ease-in-out)),transform var(--list-item-transition, var(--transition-fast, .15s ease-in-out)),outline var(--list-item-transition, var(--transition-fast, .15s ease-in-out));outline:none;background-color:var(--list-item-bg, transparent);transform:none}.list-item[data-size=small]{min-height:48px;gap:8px;padding:8px}.list-item[data-size=medium]{min-height:64px;gap:12px;padding:8px 12px}.list-item[data-size=large]{min-height:80px;gap:16px;padding:8px 16px}.list-item[data-selected]{background-color:var(--list-item-selected-bg, var(--color-surface, #1e1e1e))}.list-item[data-focused]{background-color:var(--list-item-focus-bg, var(--color-surface-elevated, #2c2c2c));transform:translate(var(--list-item-focus-translate-x, 8px));outline:2px solid var(--list-item-focus-outline-color, var(--color-focus-ring, rgba(0, 122, 255, 1)));outline-offset:2px}.list-item[data-disabled]{opacity:var(--list-item-disabled-opacity, .4);cursor:default;pointer-events:none}.list-item__icon{display:inline-flex;flex-shrink:0}.list-item__image{border-radius:var(--list-item-image-radius, var(--radius-sm, 4px));flex-shrink:0}.list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-item__right-text{flex-shrink:0}.pin-input{display:flex;gap:var(--pin-gap, 12px);align-items:center}.pin-input__box{width:var(--pin-box-width, 64px);height:var(--pin-box-height, 72px);display:flex;align-items:center;justify-content:center;font-size:var(--pin-box-font-size, 32px);font-weight:700;border-radius:var(--pin-box-border-radius, var(--radius-md, 8px));border:2px solid var(--pin-box-border-color, #444);background-color:var(--pin-box-bg, #1a1a1a);color:var(--pin-box-color, #fff);transition:all var(--pin-box-transition, .2s ease)}.pin-input__box[data-filled]{border-color:var(--pin-box-filled-border-color, var(--color-primary, #0066ff));background-color:var(--pin-box-filled-bg, #111)}.pin-input__box[data-error]{border-color:var(--pin-box-error-border-color, var(--color-error, #e50914))}.pin-input__box[data-focused]{border:3px solid var(--pin-box-focus-border-color, var(--color-focus-ring, #0066ff));background-color:var(--pin-box-focus-bg, #001133);transform:scale(var(--pin-box-focus-scale, 1.08));box-shadow:var(--pin-box-focus-shadow, 0 0 16px rgba(0, 102, 255, .4))}.pin-input__box[data-disabled]{opacity:var(--pin-box-disabled-opacity, .4)}@keyframes tv-pin-blink{0%,to{opacity:1}50%{opacity:0}}.pin-input__cursor{display:inline-block;width:2px;height:32px;background-color:var(--pin-cursor-color, var(--color-focus-ring, #0066ff));animation:tv-pin-blink 1s step-end infinite}@keyframes tv-progress-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.progress-bar{display:flex;align-items:center;gap:8px;width:100%}.progress-bar__track{flex:1;overflow:hidden;position:relative}.progress-bar[data-size=small] .progress-bar__track{height:4px;border-radius:2px}.progress-bar[data-size=medium] .progress-bar__track{height:8px;border-radius:4px}.progress-bar[data-size=large] .progress-bar__track{height:12px;border-radius:6px}.progress-bar__fill{height:100%;transition:width var(--progress-bar-fill-transition, .25s ease-in-out)}.progress-bar[data-size=small] .progress-bar__fill{border-radius:2px}.progress-bar[data-size=medium] .progress-bar__fill{border-radius:4px}.progress-bar[data-size=large] .progress-bar__fill{border-radius:6px}.progress-bar[data-indeterminate] .progress-bar__fill{position:absolute;top:0;left:0;width:30%;animation:tv-progress-slide var(--progress-bar-indeterminate-duration, 1.5s) ease-in-out infinite}.record-button{width:var(--record-button-size, 48px);height:var(--record-button-size, 48px);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--record-button-bg, #2a2a2a);border:var(--record-button-border-width, 2px) solid transparent;cursor:pointer;padding:0;transition:border-color var(--record-button-transition, .2s ease),opacity var(--record-button-transition, .2s ease);outline:none}.record-button[data-focused]{border-color:var(--record-button-focus-border-color, var(--color-focus-ring, #0066ff))}.record-button[data-disabled]{opacity:var(--record-button-disabled-opacity, .4);cursor:default}.record-button__dot{width:var(--record-dot-size, 16px);height:var(--record-dot-size, 16px);border-radius:50%;transition:background-color var(--record-dot-transition, .2s ease);background-color:var(--record-dot-color-idle, #777)}.record-button[data-recording] .record-button__dot{background-color:var(--record-dot-color-active, #e53935)}.date-picker{display:flex;gap:var(--date-picker-gap, 8px);overflow-x:auto;padding:8px 0;scrollbar-width:none}.date-picker::-webkit-scrollbar{display:none}.date-picker__tab{padding:var(--date-picker-tab-padding, 12px 16px);border-radius:var(--date-picker-tab-radius, var(--radius-md, 8px));border:var(--date-picker-tab-border, 1px solid #333);background-color:var(--date-picker-tab-bg, transparent);color:var(--date-picker-tab-color, #999);cursor:pointer;transition:all var(--date-picker-tab-transition, .15s ease);text-align:center;min-width:var(--date-picker-tab-min-width, 80px);flex-shrink:0;font-family:inherit}.date-picker__tab[data-selected]{border:var(--date-picker-selected-border, 2px solid #444);background-color:var(--date-picker-selected-bg, #1a1a1a);color:var(--date-picker-selected-color, #fff)}.date-picker__tab[data-focused]{border:2px solid var(--date-picker-focus-border-color, var(--color-focus-ring, #0066ff));background-color:var(--date-picker-focus-bg, #001133);color:var(--date-picker-focus-color, #0066ff)}.date-picker__day-name{font-size:12px;margin-bottom:4px;text-transform:uppercase}.date-picker__label{font-size:14px;font-weight:400}.date-picker__tab[data-selected] .date-picker__label,.date-picker__tab[data-focused] .date-picker__label{font-weight:700}.carousel{position:relative;width:100%;overflow:visible;outline:none}.carousel__title{font-size:var(--carousel-title-font-size, 1.25rem);margin-bottom:var(--carousel-title-margin-bottom, 12px)}.carousel__viewport{overflow:hidden}.carousel__content{position:relative;transition:transform var(--carousel-scroll-transition, .3s ease-out)}.carousel[data-variant=portrait] .carousel__content{height:var(--carousel-height-portrait, 300px)}.carousel[data-variant=landscape] .carousel__content{height:var(--carousel-height-landscape, 180px)}.carousel__item{position:absolute}.carousel__item[data-focused]{z-index:1}.carousel__empty-message{color:var(--color-text-secondary, #b4b4b4);padding:var(--spacing-lg, 16px) 0}.carousel-item{transition:transform var(--transition-fast, .15s ease-out),box-shadow var(--transition-fast, .15s ease-out);transform:scale(1);box-shadow:none}.carousel-item[data-focused]{transform:scale(var(--carousel-item-focus-scale, 1.05));box-shadow:var(--carousel-item-focus-shadow, 0 8px 24px rgba(0, 0, 0, .3))}.grid{position:relative;width:100%;height:100%;overflow:auto;outline:none;scrollbar-width:thin;scrollbar-color:var(--grid-scrollbar-color, var(--color-scrollbar, #444)) transparent}.grid::-webkit-scrollbar{width:6px}.grid::-webkit-scrollbar-track{background:transparent}.grid::-webkit-scrollbar-thumb{background:var(--grid-scrollbar-color, var(--color-scrollbar, #444));border-radius:3px}.grid__content{position:relative;width:100%;min-height:100%}.grid--empty{position:relative;width:100%;height:100%;overflow:auto;outline:none}.grid__empty-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--grid-empty-color, var(--color-text-secondary, #888));font-size:var(--grid-empty-font-size, 1.125rem)}.grid-item{position:absolute;transition:transform var(--grid-item-transition-duration, .15s) ease-out;transform:scale(1);z-index:0}.grid-item[data-focused]{transform:scale(1.05);z-index:1}.grid-item--skeleton{background-color:var(--grid-skeleton-color, var(--color-skeleton, #2a2a2a));border-radius:var(--grid-skeleton-radius, var(--radius-md, 8px));animation:tv-grid-pulse 1.5s ease-in-out infinite}@keyframes tv-grid-pulse{0%,to{opacity:1}50%{opacity:.5}}.grid-item-wrapper{width:100%;height:100%;transition:transform var(--grid-item-transition-duration, .15s) ease-out,box-shadow var(--grid-item-transition-duration, .15s) ease-out;transform:scale(1);box-shadow:none}.grid-item-wrapper[data-focused]{transform:scale(var(--grid-item-focus-scale, 1.05));box-shadow:var(--grid-item-focus-shadow, 0 8px 24px rgba(0, 0, 0, .3))}.hero-banner{position:relative;width:100%;border-radius:var(--hero-banner-border-radius, var(--radius-lg, 12px));overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all var(--hero-banner-transition-duration, .3s) ease;transform:scale(1);box-shadow:none}.hero-banner[data-focused]{border-color:var(--hero-banner-focus-border-color, var(--color-focus-ring, #0066ff));transform:scale(var(--hero-banner-focus-scale, 1.02));box-shadow:var(--hero-banner-focus-shadow, 0 0 30px rgba(0, 102, 255, .4))}.hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner__gradient{position:absolute;bottom:0;left:0;right:0;height:60%}.hero-banner__gradient[data-has-gradient]{background:var(--hero-banner-gradient, linear-gradient(transparent, rgba(0, 0, 0, .95)))}.hero-banner__metadata{position:absolute;bottom:32px;display:flex;align-items:flex-end;gap:20px}.hero-banner__metadata[data-title-position=bottom-left]{left:32px;right:32px;text-align:left}.hero-banner__metadata[data-title-position=bottom-center]{left:50%;transform:translate(-50%);text-align:center}.hero-banner__logo{max-height:48px;margin-bottom:12px}.hero-banner__title{font-size:var(--hero-banner-title-font-size, 32px);font-weight:700;color:var(--hero-banner-title-color, #fff);margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-banner__description{font-size:16px;color:var(--hero-banner-description-color, #ccc);margin:0 0 16px;max-width:var(--hero-banner-description-max-width, 600px);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hero-banner__cta{display:inline-block;padding:10px 24px;background-color:var(--hero-banner-cta-bg, var(--color-primary, #0066ff));color:var(--hero-banner-cta-color, #fff);border-radius:var(--hero-banner-cta-radius, 6px);font-size:14px;font-weight:700}.hero-banner__portrait{width:var(--hero-banner-portrait-width, 120px);height:var(--hero-banner-portrait-height, 180px);border-radius:var(--radius-md, 8px);object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.5)}.keyboard{display:flex;flex-direction:column;align-items:center;padding:var(--keyboard-padding, 16px);outline:none}.keyboard__input{width:100%;padding:16px 20px;font-size:var(--keyboard-input-font-size, 1.5rem);background-color:var(--keyboard-input-bg, var(--color-surface-secondary, #2a2a2a));border:2px solid var(--keyboard-input-border-color, var(--color-border, #444));border-radius:var(--keyboard-input-radius, var(--radius-md, 8px));text-align:center}.keyboard__input[data-has-value]{color:var(--color-text-primary, #fff)}.keyboard__input:not([data-has-value]){color:var(--color-text-secondary, #888)}.keyboard__cursor{display:inline-block;width:2px;height:1.2em;background-color:var(--keyboard-cursor-color, var(--color-primary, #0066cc));margin-left:2px;vertical-align:middle;animation:tv-keyboard-blink 1s step-end infinite}@keyframes tv-keyboard-blink{0%,to{opacity:1}50%{opacity:0}}.keyboard__row{display:flex;justify-content:center}.keyboard__key{display:flex;align-items:center;justify-content:center;font-size:var(--keyboard-key-font-size, 1.25rem);font-weight:500;background-color:var(--keyboard-key-bg, var(--color-surface-secondary, #2a2a2a));color:var(--keyboard-key-color, var(--color-text-primary, #fff));border:none;border-radius:var(--keyboard-key-radius, var(--radius-md, 8px));cursor:pointer;transition:transform var(--keyboard-key-transition-duration, .1s),background-color var(--keyboard-key-transition-duration, .1s),box-shadow var(--keyboard-key-transition-duration, .1s);transform:scale(1);box-shadow:var(--keyboard-key-shadow, 0 2px 4px rgba(0, 0, 0, .2));outline:none}.keyboard__key--action{font-size:var(--keyboard-key-action-font-size, .875rem);background-color:var(--keyboard-key-action-bg, var(--color-surface-tertiary, #3a3a3a))}.keyboard__key[data-focused]{transform:scale(1.1);box-shadow:var( --keyboard-key-focus-shadow, 0 0 0 3px var(--color-focus-ring, #0066cc), 0 4px 12px rgba(0, 0, 0, .3) )}.keyboard__key[data-pressed]{transform:scale(.95)}.keyboard__key:hover{background-color:var(--color-surface-hover, #3a3a3a)}.keyboard__key[data-action=done]{background-color:var(--color-primary, #0066cc)}.keyboard__key[data-action=done]:hover{background-color:var(--color-primary-hover, #0055aa)}.keyboard__key[data-action=shift][data-pressed],.keyboard__key[data-focused][data-action=shift]{background-color:var(--color-primary, #0066cc)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-backdrop-bg, rgba(0, 0, 0, .7));backdrop-filter:blur(var(--modal-backdrop-blur, 4px));display:flex}.modal-backdrop[data-size=fullscreen]{align-items:stretch;justify-content:stretch}.modal-backdrop:not([data-size=fullscreen]){align-items:center;justify-content:center}.modal{background-color:var(--modal-surface-bg, var(--color-surface, #1a1a1a));border-radius:var(--modal-border-radius, var(--radius-lg, 12px));box-shadow:var(--modal-shadow, 0 20px 60px rgba(0, 0, 0, .5));display:flex;flex-direction:column;overflow:hidden}.modal[data-size=fullscreen]{border-radius:0}.modal[data-size=small]{width:400px;max-width:90vw;max-height:80vh}.modal[data-size=medium]{width:600px;max-width:90vw;max-height:85vh}.modal[data-size=large]{width:900px;max-width:95vw;max-height:90vh}.modal[data-size=fullscreen]{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.modal:focus{outline:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-header-padding, 16px 20px);border-bottom:1px solid var(--modal-header-border-color, var(--color-border, #333));flex-shrink:0}.modal__title{margin:0;font-size:var(--modal-title-font-size, 1.25rem);font-weight:600;color:var(--modal-title-color, var(--color-text-primary, #fff))}.modal__close{background:none;border:none;padding:8px;cursor:pointer;color:var(--modal-close-color, var(--color-text-secondary, #888));font-size:1.5rem;line-height:1;margin-left:auto}.modal__close:hover,.modal__close:focus{color:var(--modal-close-color-hover, var(--color-text-primary, #fff));outline:none}.modal__close:focus{outline:2px solid var(--modal-close-focus-ring, var(--color-focus-ring, #0066cc));outline-offset:2px;border-radius:var(--radius-sm, 4px)}.modal__body{flex:1;padding:var(--modal-body-padding, 20px);overflow:auto}.confirm-modal__message{margin:0 0 24px;color:var(--color-text-primary, #fff);line-height:1.5}.confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal__btn{padding:12px 24px;border-radius:var(--modal-confirm-btn-radius, var(--radius-md, 8px));border:none;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .15s,transform .15s}.confirm-modal__btn--cancel{background-color:var(--color-surface-secondary, #2a2a2a);color:var(--color-text-primary, #fff)}.confirm-modal__btn--confirm{background-color:var(--color-primary, #0066cc);color:#fff}.confirm-modal__btn--destructive{background-color:var(--color-error, #dc3545);color:#fff}.channel-carousel{position:absolute;bottom:var(--channel-carousel-bottom, 120px);left:0;right:0;padding:var(--channel-carousel-padding, 0 40px);z-index:var(--channel-carousel-z-index, 80)}.channel-carousel__list{display:flex;gap:16px;overflow-x:hidden;padding:16px 0}.channel-carousel__track{display:flex;gap:16px;transition:transform var(--channel-carousel-scroll-transition, .3s ease)}.channel-carousel .channel-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;width:var(--channel-card-width, 180px);min-width:var(--channel-card-min-width, 180px);border-radius:var(--channel-card-radius, var(--radius-lg, 12px));background-color:var(--channel-card-bg, rgba(0, 0, 0, .7));border:2px solid transparent;transition:all var(--channel-card-transition-duration, .2s) ease;transform:scale(1)}.channel-carousel .channel-card[data-focused]{background-color:var(--channel-card-bg-focused, rgba(255, 255, 255, .15));border-color:var(--channel-card-border-color-focused, var(--color-focus-ring, #0066ff));transform:scale(var(--channel-card-focus-scale, 1.08))}.channel-carousel .channel-card[data-active]{background-color:var(--channel-card-bg-active, rgba(0, 102, 255, .3));border-color:var(--channel-card-border-color-active, var(--color-primary, #0066ff))}.channel-carousel .channel-card[data-focused][data-active]{border-color:var(--channel-card-border-color-focused, var(--color-focus-ring, #0066ff))}.channel-carousel .channel-card__logo-container{width:var(--channel-card-logo-size, 60px);height:var(--channel-card-logo-size, 60px);border-radius:var(--channel-card-logo-radius, var(--radius-md, 8px));overflow:hidden;background-color:var(--channel-card-logo-bg, #222);display:flex;align-items:center;justify-content:center}.channel-carousel .channel-card__logo{width:100%;height:100%;object-fit:contain}.channel-carousel .channel-card__info{text-align:center}.channel-carousel .channel-card__program{width:100%;text-align:center}.epg{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--epg-bg, #000);outline:none}.epg__timeline{position:sticky;top:0;height:var(--epg-timeline-height, 48px);background-color:var(--epg-timeline-bg, #0a0a0a);border-bottom:2px solid var(--epg-timeline-border-color, #222);z-index:3;overflow:hidden}.epg__timeline-track{position:relative;height:100%}.epg__timeline-slot{position:absolute;top:0;height:100%;border-right:1px solid var(--epg-timeline-border-color, #222);display:flex;align-items:center;padding-left:8px;font-size:var(--epg-timeline-font-size, 13px);color:var(--epg-timeline-color, #888);white-space:nowrap}.epg__body{display:flex;overflow:hidden}.epg__sidebar{flex-shrink:0;overflow:hidden;background-color:var(--epg-sidebar-bg, #0a0a0a);z-index:2}.epg__sidebar-scroll{position:relative}.epg__sidebar-item{position:absolute;left:0;display:flex;align-items:center;gap:8px;padding:0 10px;background-color:var(--epg-sidebar-bg, #0a0a0a);border-bottom:1px solid var(--epg-sidebar-item-border-color, #1a1a1a);border-right:2px solid var(--epg-sidebar-border-color, #222);cursor:pointer;transition:background-color .15s}.epg__sidebar-item[data-focused]{background-color:var(--epg-sidebar-focus-bg, #001133);border:2px solid var(--epg-sidebar-focus-border-color, var(--color-focus-ring, #0066ff));border-radius:var(--radius-sm, 4px);box-shadow:var(--epg-sidebar-focus-shadow, 0 0 12px rgba(0, 102, 255, .5))}.epg__sidebar-logo{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm, 4px)}.epg__sidebar-logo-placeholder{width:36px;height:36px;background-color:#333;border-radius:var(--radius-sm, 4px);display:flex;align-items:center;justify-content:center;font-size:11px;color:#888;flex-shrink:0}.epg__sidebar-name{font-size:13px;color:var(--epg-sidebar-name-color, #ccc);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epg__sidebar-item[data-focused] .epg__sidebar-name{color:var(--epg-sidebar-focus-border-color, #0066ff);font-weight:700}.epg__program-area{flex:1;overflow:auto;position:relative}.epg__program-scroll{position:relative}.epg__channel-row{position:absolute;left:0;border-bottom:1px solid var(--epg-sidebar-item-border-color, #1a1a1a)}.epg__program-cell{position:absolute;top:2px;background-color:var(--epg-program-bg, #1a1a1a);border:1px solid var(--epg-program-border-color, #222);border-radius:var(--radius-sm, 4px);padding:6px 8px;overflow:hidden;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s;transform:scale(1);box-shadow:none;z-index:1}.epg__program-cell[data-live]{border-color:#444}.epg__program-cell[data-focused]{background-color:var(--epg-program-focus-bg, #002266);border:2px solid var(--epg-program-focus-border-color, var(--color-focus-ring, #0066ff));transform:scale(1.02);box-shadow:var(--epg-program-focus-shadow, 0 0 12px rgba(0, 102, 255, .5));z-index:2}.epg__program-title{font-size:13px;font-weight:700;color:var(--epg-program-title-color, #ccc);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epg__program-cell[data-focused] .epg__program-title{color:#fff}.epg__program-time{font-size:11px;color:var(--epg-program-time-color, #888);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epg__live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--epg-now-color, #ff4444);margin-right:4px;vertical-align:middle}.epg__now-indicator{position:absolute;width:2px;background-color:var(--epg-now-color, #ff4444);z-index:4;pointer-events:none}.epg__now-dot{width:10px;height:10px;border-radius:50%;background-color:var(--epg-now-color, #ff4444);position:absolute;top:-5px;left:-4px}.epg__details-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:var(--epg-details-gradient, linear-gradient(transparent, rgba(0, 0, 0, .95)));z-index:5;pointer-events:none}.epg__details-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.epg__live-badge{padding:2px 8px;background-color:var(--epg-live-badge-bg, #ff4444);color:#fff;font-size:11px;font-weight:700;border-radius:var(--radius-sm, 4px)}.epg__details-channel{color:#888;font-size:13px}.epg__details-title{font-size:18px;margin:0 0 4px;color:#fff}.epg__details-time{font-size:13px;color:#888;margin:0}.epg__details-description{font-size:13px;color:#aaa;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:600px}.epg__loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--epg-loading-color, #888)}.epg__loading-spinner{width:40px;height:40px;border:4px solid #333;border-top-color:var(--color-primary, #0066ff);border-radius:50%;animation:tv-epg-spin 1s linear infinite}@keyframes tv-epg-spin{to{transform:rotate(360deg)}}.epg__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--epg-empty-color, #888);font-size:16px}.program-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--program-info-overlay-padding, 24px 40px 32px);background:var( --program-info-overlay-gradient, linear-gradient(transparent, rgba(0, 0, 0, .9)) );z-index:var(--program-info-overlay-z-index, 70);transition:opacity var(--program-info-overlay-transition-duration, .3s) ease,transform var(--program-info-overlay-transition-duration, .3s) ease}.program-info-overlay[data-visible=true]{opacity:1;transform:translateY(0)}.program-info-overlay[data-visible=false]{opacity:0;transform:translateY(20px)}.program-info-overlay__channel{display:flex;align-items:center;gap:12px;margin-bottom:12px}.program-info-overlay__channel-badge{background-color:var(--program-info-overlay-channel-badge-bg, var(--color-primary, #0066ff));border-radius:var(--program-info-overlay-channel-badge-radius, var(--radius-sm, 4px));padding:2px 8px;font-size:14px;font-weight:700;color:#fff}.program-info-overlay__current{margin-bottom:12px}.program-info-overlay__time-row{display:flex;gap:8px;align-items:center}.program-info-overlay__progress{margin-bottom:12px}.program-info-overlay__next{display:flex;gap:8px;align-items:center}.player-controls{position:absolute;top:0;right:0;bottom:0;left:0}.player-controls__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var( --player-controls-overlay-gradient, linear-gradient( to bottom, rgba(0, 0, 0, .6) 0%, transparent 30%, transparent 60%, rgba(0, 0, 0, .9) 100% ) );display:flex;flex-direction:column;justify-content:space-between;padding:var(--player-controls-overlay-padding, 40px);transition:opacity var(--player-controls-overlay-transition-duration, .3s) ease;z-index:var(--player-controls-overlay-z-index, 5)}.player-controls__top-bar{display:flex;align-items:flex-start;justify-content:space-between}.player-controls__title-block{display:flex;flex-direction:column;gap:4px}.player-controls__title{margin:0;font-size:var(--player-controls-title-font-size, 32px);font-weight:700;color:var(--player-controls-title-color, #fff)}.player-controls__subtitle{margin:0;font-size:16px;color:var(--player-controls-subtitle-color, rgba(255, 255, 255, .6))}.player-controls__live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-sm, 4px);background-color:var(--player-controls-live-badge-bg, #e50914);color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.player-controls__live-badge[data-at-live-edge=false]{background-color:var(--player-controls-live-badge-behind-bg, #666)}.player-controls__live-dot{width:8px;height:8px;border-radius:50%;background-color:#fff}.player-controls__live-badge[data-at-live-edge=true] .player-controls__live-dot{animation:tv-player-live-pulse 1.5s infinite}.player-controls__live-badge[data-at-live-edge=false] .player-controls__live-dot{background-color:#999}@keyframes tv-player-live-pulse{0%,to{opacity:1}50%{opacity:.5}}.player-controls__bottom{display:flex;flex-direction:column;gap:16px}.player-controls__row{display:flex;align-items:center;justify-content:center;gap:var(--player-controls-row-gap, 24px)}.player-controls__buffering{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--player-controls-buffering-z-index, 4)}.control-button{border-radius:50%;background-color:var(--control-button-bg, rgba(0, 0, 0, .6));color:#fff;border:2px solid var(--control-button-border-color, rgba(255, 255, 255, .3));cursor:pointer;transition:all var(--control-button-transition-duration, .2s) ease;transform:scale(1);box-shadow:none;display:flex;align-items:center;justify-content:center;outline:none;padding:0;line-height:1}.control-button[data-focused]{border:3px solid var(--control-button-focus-border-color, var(--color-focus-ring, #0066ff));background-color:var(--control-button-bg-focused, rgba(0, 102, 255, .8));transform:scale(var(--control-button-focus-scale, 1.1));box-shadow:var(--control-button-focus-shadow, 0 0 20px rgba(0, 102, 255, .5))}.seek-bar{display:flex;align-items:center;gap:12px;width:100%;padding:4px 0;border-radius:var(--radius-sm, 4px)}.seek-bar[data-focused]{outline:2px solid var(--seek-bar-focus-outline-color, var(--color-focus-ring, #0066ff));outline-offset:4px}.seek-bar__time{font-size:var(--seek-bar-time-font-size, 14px);color:var(--seek-bar-time-color, rgba(255, 255, 255, .7));font-variant-numeric:tabular-nums;min-width:52px;user-select:none}.seek-bar__time--end{text-align:right}.seek-bar__time[data-dvr]{color:var(--seek-bar-progress-dvr-bg, #e50914);font-weight:700}.seek-bar__track{position:relative;flex:1;height:var(--seek-bar-height, 4px);background-color:var(--seek-bar-track-bg, rgba(255, 255, 255, .2));border-radius:var(--seek-bar-track-radius, var(--radius-sm, 4px));overflow:hidden;transition:height .2s ease;cursor:pointer}.seek-bar[data-focused] .seek-bar__track{height:var(--seek-bar-height-focused, 8px)}.seek-bar__buffered{position:absolute;top:0;left:0;height:100%;background-color:var(--seek-bar-buffered-bg, rgba(255, 255, 255, .3));border-radius:var(--seek-bar-track-radius, var(--radius-sm, 4px));transition:width .3s ease}.seek-bar__progress{position:absolute;top:0;left:0;height:100%;background-color:var(--seek-bar-progress-bg, var(--color-primary, #0066ff));border-radius:var(--seek-bar-track-radius, var(--radius-sm, 4px));transition:width .1s linear}.seek-bar[data-dvr] .seek-bar__progress{background-color:var(--seek-bar-progress-dvr-bg, #e50914)}.seek-bar__thumb{position:absolute;top:50%;width:var(--seek-bar-thumb-size, 16px);height:var(--seek-bar-thumb-size, 16px);background-color:var(--seek-bar-thumb-bg, #fff);border-radius:50%;transform:translate(-50%,-50%);box-shadow:var(--seek-bar-thumb-shadow, 0 0 8px rgba(0, 0, 0, .5));transition:opacity .2s ease;opacity:0}.seek-bar[data-focused] .seek-bar__thumb{opacity:1}.settings-menu{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--settings-menu-overlay-bg, rgba(0, 0, 0, .7));display:flex;align-items:center;justify-content:flex-end;z-index:var(--settings-menu-z-index, 10)}.settings-menu__panel{width:var(--settings-menu-panel-width, 380px);max-height:80vh;background-color:var(--settings-menu-panel-bg, var(--color-surface, #1a1a1a));border-radius:var(--settings-menu-panel-radius, 12px 0 0 12px);padding:24px 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--settings-menu-panel-shadow, -4px 0 24px rgba(0, 0, 0, .5))}.settings-menu__header{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;border-bottom:1px solid var(--settings-menu-header-border-color, rgba(255, 255, 255, .1))}.settings-menu__title{font-size:var(--settings-menu-title-font-size, 20px);font-weight:600;color:var(--settings-menu-title-color, #fff);margin:0}.settings-menu__tabs{display:flex;gap:4px;padding:16px 24px;border-bottom:1px solid var(--settings-menu-tabs-border-color, rgba(255, 255, 255, .1))}.settings-tab{padding:8px 16px;border:none;border-radius:var(--settings-tab-radius, var(--radius-md, 8px));cursor:pointer;font-size:14px;font-weight:400;background-color:var(--settings-tab-bg, rgba(255, 255, 255, .05));color:var(--settings-tab-color, rgba(255, 255, 255, .7));outline:none;transition:all .15s ease}.settings-tab[data-active]{font-weight:600;background-color:var(--settings-tab-bg-active, var(--color-primary, #0066ff));color:var(--settings-tab-color-active, #fff)}.settings-tab[data-focused]:not([data-active]){background-color:var(--settings-tab-bg-focused, rgba(255, 255, 255, .15));outline:2px solid var(--color-focus-ring, #0066ff);outline-offset:-2px}.settings-menu__list{flex:1;overflow:auto;padding:8px 0}.settings-option{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;background-color:transparent;outline:none;transition:background-color .15s ease;border:none;width:100%;text-align:left}.settings-option[data-focused]{background-color:var(--settings-option-bg-focused, rgba(255, 255, 255, .1));outline:2px solid var(--settings-option-focus-outline, var(--color-focus-ring, #0066ff));outline-offset:-2px}.settings-option__check{width:20px;height:20px;border-radius:50%;border:2px solid var(--settings-option-check-border-color, rgba(255, 255, 255, .3));background-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:#fff}.settings-option__check[data-active]{border-color:var(--settings-option-check-active-bg, var(--color-primary, #0066ff));background-color:var(--settings-option-check-active-bg, var(--color-primary, #0066ff))}.settings-option__label{flex:1;color:var(--settings-option-label-color, rgba(255, 255, 255, .7));font-size:16px;font-weight:400}.settings-option__label[data-active]{color:var(--settings-option-label-active-color, #fff);font-weight:600}.settings-option__sublabel{font-size:12px;color:var(--settings-option-sublabel-color, rgba(255, 255, 255, .4))}.settings-menu__empty{padding:24px;text-align:center;color:var(--settings-menu-empty-color, rgba(255, 255, 255, .4));font-size:14px}.parental-pin-modal__content{padding:var(--parental-pin-modal-padding, 32px);display:flex;flex-direction:column;align-items:center}.parental-pin-modal__error{color:var(--parental-pin-modal-error-color, var(--color-error, #e50914));font-size:14px;margin-bottom:16px;text-align:center}.parental-pin-modal__loading{margin-top:24px}.parental-pin-modal__cancel{margin-top:24px;padding:12px 32px;font-size:16px;background-color:var(--parental-pin-modal-cancel-bg, #222);color:#fff;border:2px solid var(--parental-pin-modal-cancel-border-color, #444);border-radius:var(--parental-pin-modal-cancel-radius, var(--radius-md, 8px));cursor:pointer;transition:all var(--parental-pin-modal-cancel-transition-duration, .2s) ease}.parental-pin-modal__cancel[data-focused]{background-color:var(--parental-pin-modal-cancel-bg-focused, #333);border-color:var( --parental-pin-modal-cancel-focus-border-color, var(--color-focus-ring, #0066ff) )}.concurrent-modal__content{padding:var(--concurrent-modal-padding, 32px)}.concurrent-modal__header{text-align:center;margin-bottom:32px}.concurrent-modal__loading{display:flex;justify-content:center;padding:32px}.concurrent-modal__device-list{display:flex;flex-direction:column;gap:12px}.concurrent-modal__footer{margin-top:24px;display:flex;justify-content:center}.device-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:var(--device-item-radius, var(--radius-md, 8px));border:2px solid var(--device-item-border-color, #333);background-color:var(--device-item-bg, #1a1a1a);transition:all var(--device-item-transition-duration, .2s) ease;transform:scale(1);cursor:pointer}.device-item[data-focused]{border-color:var(--device-item-focus-border-color, var(--color-focus-ring, #0066ff));background-color:var(--device-item-focus-bg, #001133);transform:scale(var(--device-item-focus-scale, 1.02))}.device-item__left{display:flex;align-items:center;gap:16px}.device-item__icon{width:var(--device-item-icon-size, 40px);height:var(--device-item-icon-size, 40px);display:flex;align-items:center;justify-content:center;background-color:var(--device-item-icon-bg, #222);border-radius:var(--device-item-icon-radius, var(--radius-md, 8px));font-size:12px;color:#aaa}.device-item__info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.close-button{padding:12px 32px;font-size:16px;background-color:var(--close-button-bg, #222);color:#fff;border:2px solid var(--close-button-border-color, #444);border-radius:var(--close-button-radius, var(--radius-md, 8px));cursor:pointer;transition:all var(--close-button-transition-duration, .2s) ease}.close-button[data-focused]{background-color:var(--close-button-bg-focused, #333);border-color:var(--close-button-focus-border-color, var(--color-focus-ring, #0066ff))}