html[data-mode=phone],html[data-mode=phone] body{height:auto;min-height:100dvh}html[data-mode=phone] body{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto!important}html[data-mode=phone] .app{height:auto;min-height:100dvh;padding:var(--space-4);gap:var(--space-5);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom,0px))}html[data-mode=phone] .app-header{align-items:flex-start}html[data-mode=phone] .header-row{gap:var(--space-4);grid-template-columns:1fr;grid-template-areas:"brand""context"}html[data-mode=phone] .brand,html[data-mode=phone] .header-context{width:100%}html[data-mode=phone] .brand__subtitle-secondary,html[data-mode=phone] .session-info__label{display:none}html[data-mode=phone] .heading-1{font-size:clamp(1.45rem,5vw,1.7rem)}html[data-mode=phone] .header-context__metrics{gap:var(--space-2);grid-template-columns:1fr}html[data-mode=phone] .menu-wrapper,html[data-mode=phone] .channel-sidebar__mobile-header,html[data-mode=phone] .channel-sidebar-backdrop{display:none}html[data-mode=phone] .app-main{min-height:auto;overflow:visible!important}html[data-mode=phone] .app-layout{height:auto;min-height:auto;display:block}html[data-mode=phone] .app-layout[data-mobile-view=home] .channel-sidebar,html[data-mode=phone] .app-layout[data-mobile-view=categories] .channel-sidebar,html[data-mode=phone] .app-layout[data-mobile-view=settings] .channel-sidebar,html[data-mode=phone] .app-layout[data-mobile-view=channels] .app-content{display:none}html[data-mode=phone] .app-layout[data-mobile-view=channels] .channel-sidebar{border-radius:var(--radius-3);height:auto;min-height:calc(100vh - 320px);display:flex;position:static;transform:none;box-shadow:0 16px 40px #0000002e}html[data-mode=phone] .channel-sidebar{width:100%}html[data-mode=phone] .channel-sidebar__header{justify-content:space-between;align-items:center;display:flex}html[data-mode=phone] .channel-sidebar__search,html[data-mode=phone] .channel-list{width:100%}html[data-mode=phone] .channel-list{gap:var(--space-2)}html[data-mode=phone] .channel-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-3)}html[data-mode=phone] .channel-item__thumb{width:40px;height:40px;font-size:.75rem}html[data-mode=phone] .channel-item__meta{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}html[data-mode=phone] .channel-item__name{font-size:.95rem}html[data-mode=phone] .channel-item__recency{font-size:.78rem}html[data-mode=phone] .channel-item__chevron{font-size:1.15rem}html[data-mode=phone] .app-content{gap:var(--space-5);min-height:auto;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));overflow:visible!important}html[data-mode=phone] .phone-view-off{display:none!important}html[data-mode=phone] .mobile-home-section .carousel-shell__header,html[data-mode=phone] .mobile-home-section .section-header,html[data-mode=phone] .mobile-categories-view .section-header,html[data-mode=phone] .mobile-settings-view .section-header,html[data-mode=phone] .field__group,html[data-mode=phone] .app-footer{flex-direction:column;align-items:flex-start}html[data-mode=phone] #latest-carousel .carousel-track{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html[data-mode=phone] #latest-carousel .carousel-control,html[data-mode=phone] #shorts-carousel .carousel-control,html[data-mode=phone] #older-carousel .carousel-control,html[data-mode=phone] #watched-carousel .carousel-control,html[data-mode=phone] #in-progress-carousel .carousel-control{display:none}html[data-mode=phone] .video-card{min-width:0}html[data-mode=phone] .video-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html[data-mode=phone] #shorts-carousel .carousel-track,html[data-mode=phone] #in-progress-carousel .carousel-track{gap:var(--space-3);padding-bottom:var(--space-2);scroll-snap-type:x proximity;overflow-x:auto}html[data-mode=phone] #shorts-carousel .video-card,html[data-mode=phone] #in-progress-carousel .video-card{scroll-snap-align:start;min-width:210px}html[data-mode=phone] .mobile-categories-view{gap:var(--space-4)}html[data-mode=phone] .mobile-categories-view__header{align-items:stretch}html[data-mode=phone] .mobile-categories-view .category-carousels{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html[data-mode=phone] .mobile-categories-view .category-carousel-wrapper{border:1px solid var(--border);border-radius:var(--radius-3);padding:var(--space-3);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #ffffff0a), color-mix(in srgb, var(--surface) 88%, transparent));cursor:pointer;min-height:132px;transition:transform .16s,border-color .16s,box-shadow .16s}html[data-mode=phone] .mobile-categories-view .category-carousel-wrapper.is-active{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 16%, var(--surface)), color-mix(in srgb, var(--surface) 92%, transparent));box-shadow:0 18px 34px #0f172a2e, 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent);transform:translateY(-1px)}html[data-mode=phone] .mobile-categories-view .carousel-shell{display:none}html[data-mode=phone] .mobile-categories-view .category-header{justify-content:space-between;align-items:flex-start;min-height:100%}html[data-mode=phone] .mobile-categories-view .category-title{align-items:flex-start;gap:var(--space-2);flex-direction:column;font-size:1rem;display:flex}html[data-mode=phone] .mobile-categories-view .category-icon{background:color-mix(in srgb, currentColor 16%, transparent);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}html[data-mode=phone] .mobile-categories-view .category-count{font-size:var(--font-caption);text-align:right;max-width:7rem;margin:0}html[data-mode=phone] .mobile-settings-view{gap:var(--space-4);flex-direction:column;display:flex}html[data-mode=phone] .mobile-settings-hero{gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:calc(var(--radius-3) + 2px);background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 18%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 98%, #ffffff0a), color-mix(in srgb, var(--surface) 92%, transparent));box-shadow:0 18px 34px #0f172a29, 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent);flex-direction:column;display:flex}html[data-mode=phone] .mobile-settings-hero__eyebrow,html[data-mode=phone] .mobile-settings-hero__title,html[data-mode=phone] .mobile-settings-hero__summary{margin:0}html[data-mode=phone] .mobile-settings-hero__eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.08em}html[data-mode=phone] .mobile-settings-hero__summary{color:var(--muted)}html[data-mode=phone] .mobile-settings-hero__meta{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}html[data-mode=phone] .mobile-settings-hero__meta div{flex-direction:column;gap:4px;display:flex}html[data-mode=phone] .mobile-settings-hero__meta dt{font-size:var(--font-caption);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0}html[data-mode=phone] .mobile-settings-hero__meta dd{font-size:var(--font-body);color:var(--text);margin:0;font-weight:700}html[data-mode=phone] .mobile-settings-section{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-3);background:color-mix(in srgb, var(--surface) 94%, transparent);flex-direction:column;display:flex}html[data-mode=phone] .mobile-settings-section__header{flex-direction:column;gap:4px;display:flex}html[data-mode=phone] .mobile-settings-section__copy{color:var(--muted);margin:0}html[data-mode=phone] .mobile-settings-actions{gap:var(--space-3);flex-direction:column;display:flex}html[data-mode=phone] .mobile-settings-actions .button,html[data-mode=phone] .mobile-settings-language .menu-language__button{min-height:44px;padding-inline:var(--space-4);border-radius:calc(var(--radius-2) + 2px);justify-content:flex-start}html[data-mode=phone] .mobile-settings-language{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html[data-mode=phone] .phone-nav{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:55;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);backdrop-filter:blur(18px);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 42px #00000038}html[data-mode=phone] .phone-nav__button{min-height:48px;padding:var(--space-2) var(--space-3);color:var(--text);font-size:var(--font-caption);letter-spacing:.02em;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}html[data-mode=phone] .phone-nav__button.is-active{background:color-mix(in srgb, var(--primary) 18%, var(--surface));color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent)}html[data-mode=phone] .phone-nav__button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html[data-mode=phone] .header-actions{justify-content:flex-start;width:100%}html[data-mode=phone] .player-overlay__dialog{width:min(100%,100vw);max-width:100vw;height:100vh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));border-radius:0}html[data-mode=phone] .player-overlay__body{gap:var(--space-3);grid-template-columns:1fr}html[data-mode=phone] .player-overlay__header{align-items:flex-start}html[data-mode=phone] .player-overlay__frame-wrap{border-radius:18px}html[data-mode=phone] .player-overlay__sidebar{gap:var(--space-3)}html[data-mode=phone] .player-overlay__description{-webkit-line-clamp:6}html[data-mode=phone] .player-overlay__description-toggle{min-height:40px}html[data-mode=phone] .player-overlay__actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html[data-mode=phone] .player-overlay__actions-title{margin-top:var(--space-1)}html[data-mode=phone] .player-overlay__actions .button:first-child{grid-column:1/-1}html[data-mode=phone] .player-overlay-open .phone-nav{display:none}html[data-mode=phone] .filter-panel{width:100vw;min-height:100vh;padding:var(--space-4);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:70;border-radius:0;top:0;left:0;right:0}html[data-mode=phone] .filter-panel__header{cursor:default}html[data-mode=phone] .account-panel-overlay{justify-content:stretch;align-items:stretch;padding:0}html[data-mode=phone] .account-panel__card{border-width:0;border-radius:0;max-width:none;min-height:100vh;max-height:none}html[data-mode=phone] .account-panel__body{padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}html[data-mode=phone] body.login-page-open #app{filter:none}html[data-mode=phone] .login-page-overlay{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-backdrop-filter:none;height:auto;min-height:100dvh;padding:max(var(--space-4), env(safe-area-inset-top,0px)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom,0px));justify-content:flex-start;align-items:stretch;gap:var(--space-4);position:absolute;inset:0;overflow:hidden auto}html[data-mode=phone] .login-page__masthead{width:100%;margin-bottom:0;padding:0}html[data-mode=phone] .login-page__masthead-title{letter-spacing:clamp(.08rem,.45vw,.16rem);white-space:normal;font-size:clamp(1.7rem,8vw,2.4rem)}html[data-mode=phone] .login-page__card{width:min(100%,28rem);max-width:28rem;padding:var(--space-4);gap:var(--space-4);border-radius:20px;margin:0 auto}html[data-mode=phone] .login-page__card:before{border-radius:22px;inset:-2px}html[data-mode=phone] .login-page__title{margin-bottom:var(--space-3);font-size:1.25rem}html[data-mode=phone] .login-page__subtitle,html[data-mode=phone] .login-page__switch{font-size:.92rem}html[data-mode=phone] .login-page__form{gap:var(--space-2)}html[data-mode=phone] .login-page__alt-actions{gap:var(--space-3)}html[data-mode=phone] .login-page__alt-button,html[data-mode=phone] .login-page__submit,html[data-mode=phone] .login-page__link,html[data-mode=phone] .field__toggle{min-height:44px}html[data-mode=phone] .login-page__card .field__input,html[data-mode=phone] .login-page__card .field__label,html[data-mode=phone] .login-page__card .button,html[data-mode=phone] .login-page__card .button--ghost,html[data-mode=phone] .login-page__card .login-page__link{font-size:16px}html[data-mode=phone] .login-page__device-flow-user-code,html[data-mode=phone] .login-page__pairing-code-value{letter-spacing:.12em;word-break:break-word;font-size:clamp(1.45rem,7vw,2.25rem)}html[data-mode=phone] .login-page__device-flow-url{overflow-wrap:anywhere}html[data-mode=phone] .login-page__device-flow-identity{margin:var(--space-3) 0}html[data-mode=phone] .login-page-overlay>.login-page__footer.app-footer{max-width:none;padding-bottom:env(safe-area-inset-bottom,0px)}html[data-mode=phone] .login-page-overlay>.login-page__footer .footer-links{flex-wrap:wrap}