.about-dialog-title{text-align:center;padding-bottom:8px}.about-logo{width:64px;height:64px;box-shadow:var(--shadow-primary-md);border-radius:16px}.about-app-name{letter-spacing:-.5px;font-weight:800}.about-section{margin-bottom:24px}.about-section-title{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.about-section-title-features{margin-bottom:12px}.about-body-text{line-height:1.7}.about-developer-card{background-color:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:8px;padding:16px}.about-developer-name{font-weight:700}.about-company-chip{background-color:var(--color-primary-glow);color:var(--color-primary-light);border:1px solid #7c4dff40;margin-top:8px;font-weight:600}.about-close-btn{text-transform:none;border-radius:8px;font-weight:600}.feature-row{align-items:flex-start;gap:12px;display:flex}.feature-row-icon{flex-shrink:0;margin-top:2px}.feature-row-title{font-weight:700}.feature-row-desc{line-height:1.6}.catalog-search{margin-bottom:12px}.catalog-group-header{-webkit-user-select:none;user-select:none;border-radius:4px;padding:4px 6px;transition:background .15s}.catalog-expand-icon{color:#ffffffb3;align-items:center;display:flex}.catalog-count-chip{min-width:18px;height:18px;font-size:.7rem;font-weight:700}.catalog-count-chip .MuiChip-label{padding-left:4px;padding-right:4px}.catalog-chip-grid{flex-wrap:wrap;gap:6px;display:flex}.catalog-item-chip{transition:var(--transition-fast);border-style:solid;font-weight:400}.catalog-item-chip:hover{transform:scale(1.04)}.catalog-item-chip-selected{font-weight:600}.catalog-no-matches{padding-top:16px;padding-bottom:16px}.taste-graph-legend{flex-wrap:wrap;gap:8px;margin-bottom:12px}.taste-graph-section-title{letter-spacing:.4px;font-weight:600}.taste-graph-dot{border-radius:50%;width:10px;height:10px}.taste-graph-dot-boost{background-color:#2e7d32}.taste-graph-dot-avoid{background-color:#d32f2f}.taste-graph-hint{font-style:italic}.taste-graph-clear-btn{margin-left:auto;padding-top:0;padding-bottom:0;font-size:.7rem}.taste-graph-bubbles{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.taste-graph-chip{cursor:pointer;transition:var(--transition-default);font-size:.78rem}.taste-graph-chip-neutral{font-weight:400}.taste-graph-chip-active{font-weight:700}.taste-graph-empty{margin-bottom:12px}.taste-graph-input{flex-grow:1}.watch-analytics-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px}.watch-analytics-rabbit-hole{color:#fff;background-color:#ed6c02;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;display:flex}.watch-analytics-section-title{letter-spacing:.5px;margin-bottom:8px;font-weight:600;display:block}.watch-analytics-channel-row{grid-template-columns:140px 1fr 30px;align-items:center;gap:8px;display:grid}@media (max-width:599px){.watch-analytics-channel-row{grid-template-columns:100px 1fr 28px;gap:6px}}@media (min-width:900px){.watch-analytics-channel-row{grid-template-columns:180px 1fr 40px}}.watch-analytics-bar{background-color:#ffffff1f;border-radius:12px;height:5px}.watch-analytics-bar .MuiLinearProgress-bar{border-radius:12px}.install-info-box{border-radius:16px;padding:12px}.catalog-picker-box{border-radius:12px;max-height:360px;margin-bottom:12px;padding:12px;overflow-y:auto}@media (min-width:600px){.catalog-picker-box{max-height:480px}}@media (min-width:900px){.catalog-picker-box{max-height:540px}}.profile-input-field{flex:1}.profile-input-field .MuiInputBase-input{padding-top:4px;padding-bottom:4px;font-size:.8125rem}.avatar-camera-btn{width:36px;height:36px;position:absolute;bottom:0;right:0;box-shadow:0 2px 4px #0003}.auth-welcome-hero{text-align:center;background:linear-gradient(135deg,#7c4dff26 0%,#bb86fc14 100%);border-bottom:1px solid;padding:32px 24px 24px}.install-banner{z-index:1400;box-shadow:var(--shadow-overlay);border-top:1px solid;position:fixed;left:0;right:0}@media (max-width:599px){.install-banner{bottom:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px))}}@media (min-width:600px) and (max-width:899px){.install-banner{bottom:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px))}}@media (min-width:900px){.install-banner{bottom:0}}@media (max-width:899px) and (orientation:landscape){.install-banner{padding-left:max(env(safe-area-inset-left,0px), 16px);padding-right:max(env(safe-area-inset-right,0px), 16px)}}.install-banner-content{align-items:center;gap:12px;padding:12px 16px 0;display:flex}.install-banner-text{flex:1;min-width:0}.install-banner-action{white-space:nowrap;flex-shrink:0;font-weight:600}.install-banner-dismiss{text-align:right;padding:2px 16px 4px}@keyframes gradientShiftCSS{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUpCSS{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseCSS{0%,to{box-shadow:0 0 #7c4dff80}50%{box-shadow:0 0 0 12px #7c4dff00}}@keyframes floatCSS{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-root{color:#e0e0e0;background-color:#0a0a14;min-height:100vh;overflow-x:hidden}.landing-lang-pos{z-index:10;position:absolute}.landing-social-proof{background-color:#7c4dff0f;border-top:1px solid #7c4dff1f;border-bottom:1px solid #7c4dff1f;padding:20px 0}.landing-social-proof-inner{max-width:800px;margin:0 auto;padding:0 16px}.landing-badge-icon{font-size:1rem}.landing-badge-label{color:#ffffffb3;font-size:.85rem;font-weight:600}.landing-section{max-width:1100px;padding-left:var(--container-px,16px);padding-right:var(--container-px,16px);margin:0 auto}.landing-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#1e1e2e8c;border:1px solid #7c4dff26;border-radius:16px;transition:transform .25s,border-color .25s}.landing-card:hover{border-color:#7c4dff66;transform:translateY(-4px)}.landing-step-circle{background-color:#7c4dff1a;border:2px solid #7c4dff40;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.landing-feature-chip{background-color:#7c4dff14;border:1px solid #7c4dff2e;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;transition:transform .2s,border-color .2s;display:flex}.landing-feature-chip:hover{border-color:#7c4dff59;transform:translateY(-2px)}.landing-trust-badges{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.landing-trust-badge{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;display:flex}.landing-signin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background-color:#1e1e2ea6;border:1px solid #7c4dff33;border-radius:16px;max-width:480px;margin:0 auto}.landing-footer{text-align:center;border-top:1px solid #ffffff0f}.landing-scroll-hint-line{background-color:#ffffff4d;border-radius:4px;width:1px;height:28px;margin:4px auto 0}.landing-back-to-top{z-index:1200;position:fixed;bottom:32px;right:32px}@media (max-width:599px){.landing-back-to-top{bottom:20px;right:16px}}.thumb-preview-overlay{z-index:2;border-radius:inherit;background:#000;animation:.3s ease-out thumbPreviewFadeIn;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}@keyframes thumbPreviewFadeIn{0%{opacity:0}to{opacity:1}}.thumb-preview-iframe{pointer-events:none;border:none;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.thumb-preview-mute-badge{z-index:3;color:#fff;pointer-events:none;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:8px;right:8px}.thumb-preview-progress{z-index:4;cursor:pointer;align-items:flex-end;height:28px;display:flex;position:absolute;bottom:6px;left:0;right:0}.thumb-preview-progress-track{background:#ffffff4d;width:100%;height:4px;transition:height .15s;position:relative}.thumb-preview-progress:hover .thumb-preview-progress-track{height:6px}.thumb-preview-progress-fill{pointer-events:none;background:red;height:100%}.thumb-preview-progress-handle{opacity:0;pointer-events:none;background:red;border-radius:50%;width:13px;height:13px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.thumb-preview-progress:hover .thumb-preview-progress-handle{opacity:1}@media (max-width:599px){.thumb-preview-mute-badge{width:30px;height:30px}}.player-controls-wrap{width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.player-time-caption{color:#ffffffb3;text-align:right;min-width:36px;font-size:.7rem}.player-title-clamp{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.player-overlay-btn{z-index:20;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;transition:opacity .2s;position:absolute!important;top:8px!important;left:8px!important}.player-overlay-btn:hover{background:#000000bf}.player-swipe-hint{z-index:30;opacity:.7;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cast-btn{transition:color .2s}.cast-btn-disconnected{color:#9e9e9e}.cast-btn-disconnected:hover,.cast-btn-connected{color:var(--color-primary)}.cast-btn-connected:hover{color:var(--color-primary-light)}.video-list-title{font-size:clamp(1.095rem,1rem + .55vw,1.375rem)}.video-list-channel{font-size:clamp(1rem,.925rem + .42vw,1.1875rem)}.video-list-meta{font-size:clamp(.95rem,.9rem + .35vw,1.125rem)}.video-card-title{font-size:clamp(1.17rem,1.05rem + .35vw,1.3rem)}.video-card-channel{font-size:clamp(1.03rem,.97rem + .25vw,1.13rem)}.driving-list-title{font-size:1.65rem}.driving-list-channel{font-size:1.35rem}.driving-scroll-container{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.driving-list-item{cursor:pointer;touch-action:manipulation;min-height:var(--touch-min,44px);border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:10px 16px;transition:background .1s;display:flex}.driving-list-item:active{background-color:#ffffff26}@media (min-width:600px){.driving-list-item{gap:16px;padding:12px 24px}}.driving-list-thumb{object-fit:cover;background-color:#ffffff0d;border-radius:8px;flex-shrink:0;width:96px;height:54px}@media (min-width:600px){.driving-list-thumb{width:128px;height:72px}}@media (min-width:900px){.driving-list-thumb{width:160px;height:90px}}.driving-list-item-info{flex:1;min-width:0}.driving-list-title{text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.driving-list-channel{color:#fff6;margin-top:1px}@keyframes driving-fav-toast-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes driving-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-card{overflow:hidden}.history-toggle-header{cursor:pointer}.history-toggle-header:hover{opacity:.8}.history-column{flex:1;min-width:0;overflow:hidden}.history-link{text-align:left;white-space:normal;word-break:break-word;max-width:100%}.tag-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tag-section-header{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 16px;display:flex}.tag-section-header:active{cursor:grabbing}.drop-zone-indicator{background-color:var(--color-primary);border-radius:8px;flex-shrink:0;width:3px;min-height:68px;margin:0 2px;transition:width .15s}.video-duration-overlay{color:#fff;background:#000c;border-radius:4px;padding:0 4px;font-size:10px;position:absolute;bottom:2px;right:2px}.video-thumb-checkbox{z-index:3;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s;display:flex;position:absolute;top:2px;left:2px}.video-thumb-remove-btn{z-index:3;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s;display:flex;position:absolute;top:2px;right:2px}.video-thumb-remove-btn:hover{background-color:#f44336e6}.session-goal-prompt{border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex}.session-goal-option{cursor:pointer;min-height:var(--touch-min,44px);align-items:center;display:flex}.session-goal-option:hover{background-color:#ffffff14}.session-goal-skip{cursor:pointer;opacity:.5}.session-goal-skip:hover{opacity:1}.session-goal-nudge{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.session-goal-nudge-btn{border:1px solid #00000040}.session-goal-active{margin-bottom:12px}.session-goal-progress{border-radius:8px;height:4px}.date-input{border:1px solid var(--color-surface-subtle-15,#554);color:inherit;min-height:var(--touch-min,44px);background:0 0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:12px}.date-filter-mobile-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:2px 0;display:flex}.date-filter-label{letter-spacing:.04em;flex-shrink:0}.date-filter-label-desktop{letter-spacing:.04em;flex-shrink:0;margin-right:2px}.date-filter-active-chip{pointer-events:none;height:20px;font-size:.7rem}.date-filter-any{font-style:italic}.date-filter-clear-btn{padding:2px}.date-filter-expand-icon{color:#ffffffb3}.date-filter-chips-panel{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.date-filter-preset{cursor:pointer;height:24px;font-size:.72rem;font-weight:400}.date-filter-preset-active{font-weight:700}.date-match-count{margin-left:2px}.onboarding-card{background:var(--gradient-onboarding);border:1px solid #7c4dff33;margin-bottom:16px}.onboarding-card-content{padding-top:16px;padding-bottom:16px}.onboarding-card-content:last-child{padding-bottom:16px}.onboarding-title{font-weight:700}.onboarding-progress{background-color:var(--color-primary-bg-hover);border-radius:12px;height:6px;margin-bottom:12px}.onboarding-progress .MuiLinearProgress-bar{border-radius:12px}.onboarding-progress-active .MuiLinearProgress-bar{background:var(--gradient-progress-bar)}.onboarding-progress-done .MuiLinearProgress-bar{background:var(--gradient-progress-complete)}.onboarding-step-done{font-weight:400;text-decoration:line-through}.onboarding-step-pending{font-weight:500}.onboarding-cta{align-self:flex-start;margin-top:8px}:root{--bottom-nav-height:64px}@media (display-mode:standalone){:root{--bottom-nav-height:98px;--safe-area-top:env(safe-area-inset-top,0px)}.mobile-header,.app-bar{padding-top:env(safe-area-inset-top,0px)}.MuiDialog-paperFullScreen .MuiDialogTitle-root{padding-top:calc(env(safe-area-inset-top,0px) + 16px)}.MuiDrawer-root .MuiDrawer-paper{padding-top:env(safe-area-inset-top,0px)}}.app-bar{background-color:var(--color-surface-dark);border-bottom:1px solid var(--color-primary-border-strong);background-image:var(--gradient-appbar)}.app-bar-toolbar{gap:8px}@media (min-width:600px){.app-bar-toolbar{min-height:60px;padding-left:16px;padding-right:16px}}@media (min-width:900px){.app-bar-toolbar{min-height:64px;padding-left:32px;padding-right:32px}}.brand-logo{width:34px;height:34px;box-shadow:var(--shadow-primary-sm);border-radius:9px}.brand-logo-mobile{border-radius:7px;width:28px;height:28px}.brand-title{letter-spacing:-.4px;color:var(--color-text-white);white-space:nowrap;font-weight:800}@media (max-width:899px){.brand-title-desktop{display:none}}.brand-title-mobile{white-space:nowrap;font-size:clamp(1rem,.9rem + .35vw,1.15rem);font-weight:800}.app-tabs .MuiTab-root{color:var(--color-text-white-50);min-height:64px;font-size:clamp(.8rem,.7rem + .25vw,.95rem);font-weight:600;transition:color .15s;overflow:visible}.app-tabs .MuiTab-root.Mui-selected{color:var(--color-text-white)}.app-tabs .MuiTab-root:hover{color:var(--color-text-white-85)}.app-tabs .MuiTabs-indicator{background:var(--color-primary);border-radius:3px 3px 0 0;height:3px}.app-tabs .MuiTabScrollButton-root{width:28px;color:var(--color-text-white-70);opacity:1;transition:opacity .2s,width .2s}.app-tabs .MuiTabScrollButton-root.Mui-disabled{opacity:0;width:0}.tab-badge .MuiBadge-badge{top:-2px;right:-12px}.app-tabs-compact .MuiTab-root{min-width:52px;min-height:56px;padding:6px 14px}.app-tabs-compact .MuiTab-root .MuiBadge-badge{min-width:18px;height:18px;padding:0 4px;font-size:.65rem}@media (min-width:900px) and (max-width:1199px){.app-bar-toolbar{gap:4px;padding-left:16px;padding-right:16px}.toolbar-icon-btn,.toolbar-icon-btn-accent{width:34px;min-width:34px;height:34px;min-height:34px}}.toolbar-icon-btn{width:40px;height:40px;min-width:var(--touch-min,44px);min-height:var(--touch-min,44px);background-color:var(--color-surface-subtle-5);border:1.5px solid var(--color-surface-subtle-15);color:var(--color-text-white-70);transition:var(--transition-default);border-radius:8px}.toolbar-icon-btn:hover{background-color:var(--color-surface-subtle-10);transform:scale(1.06)}.toolbar-icon-btn:focus:not(:focus-visible){box-shadow:none;background-color:var(--color-surface-subtle-5);outline:none;transform:none}.toolbar-icon-btn-accent{width:40px;height:40px;min-width:var(--touch-min,44px);min-height:var(--touch-min,44px);background-color:var(--color-secondary-bg);border:1.5px solid var(--color-secondary-border);transition:var(--transition-default);border-radius:8px}.toolbar-icon-btn-accent:hover{background-color:var(--color-secondary-bg-hover);border:1.5px solid var(--color-secondary-border-strong);transform:scale(1.06)}.toolbar-icon-btn-accent:focus:not(:focus-visible){box-shadow:none;background-color:var(--color-secondary-bg);outline:none;transform:none}.width-control-btn{width:28px;height:28px;color:var(--color-text-white-60)}.width-control-btn:hover{color:var(--color-text-white)}.width-control-btn:focus:not(:focus-visible){box-shadow:none;outline:none}.width-control-btn.Mui-disabled{opacity:.3}.width-display{text-align:center;min-width:34px;font-size:.75rem;font-weight:700}.width-display-active{color:var(--color-primary-light);cursor:pointer}.width-display-active:hover{color:var(--color-primary-lighter)}.width-display-inactive{color:var(--color-text-white-40);cursor:default}.app-main-container{-webkit-tap-highlight-color:transparent;border:none;outline:none;width:100%;margin-left:auto;margin-right:auto;overflow-x:hidden}.app-main-container:focus{outline:none}.app-main-container:focus-visible{outline:none}@media (max-width:599px){.app-main-container{padding:var(--container-py,16px) var(--container-px,12px)}}@media (min-width:600px) and (max-width:899px){.app-main-container{padding:var(--container-py,16px) var(--container-px,24px)}}@media (min-width:900px) and (max-width:1199px){.app-main-container{padding:var(--container-py,32px) var(--container-px,32px)}}@media (min-width:1200px){.app-main-container{padding:var(--container-py,32px) var(--container-px,40px)}}@media (max-width:899px) and (orientation:landscape){.app-main-container{padding:8px 20px}}.mobile-header{justify-content:space-between;align-items:center;min-width:0;margin-bottom:12px;display:flex;overflow:hidden}.tab-panel-hidden{display:none}.tab-panel-visible{display:block}.scroll-fabs{right:max(20px, env(safe-area-inset-right,0px));z-index:1200;pointer-events:none;position:fixed}.scroll-fabs .MuiFab-root{opacity:.85;pointer-events:auto}.scroll-fabs .MuiFab-root:hover{opacity:1}.scroll-fab-btn{opacity:.85}.scroll-fab-btn:hover{opacity:1}.scroll-fab-btn:focus:not(:focus-visible){box-shadow:none;outline:none}.app-bottom-nav{z-index:1300;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,10px);padding-right:env(safe-area-inset-right,10px);border-top:1px solid;position:fixed;bottom:0;left:0;right:0}@media (display-mode:standalone){.app-bottom-nav{padding-top:12px}}@media (max-width:899px) and (orientation:landscape){:root{--bottom-nav-height:52px}.app-bottom-nav{padding-left:max(env(safe-area-inset-left,0px), 16px);padding-right:max(env(safe-area-inset-right,0px), 16px)}}.app-bottom-nav .MuiBottomNavigationAction-root{min-width:0;padding-top:6px;padding-bottom:6px}@media (min-width:600px){:root{--container-px:24px;--container-py:16px}}@media (min-width:900px){:root{--container-px:32px;--container-py:32px}}@media (min-width:1200px){:root{--container-px:40px;--container-py:32px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports (padding:env(safe-area-inset-left)){body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}:root{--color-primary:#7c4dff;--color-primary-light:#bb86fc;--color-primary-lighter:#d5b8ff;--color-primary-dim:#7c4dff12;--color-primary-glow:#7c4dff1f;--color-primary-border:#7c4dff26;--color-primary-border-strong:#7c4dff38;--color-primary-border-vivid:#7c4dff4d;--color-primary-bg:#7c4dff0f;--color-primary-bg-hover:#7c4dff1a;--color-primary-bg-active:#7c4dff26;--color-primary-bg-strong:#7c4dff2e;--color-primary-shadow:#7c4dff73;--color-secondary:#bb86fc;--color-secondary-dim:#bb86fc0a;--color-secondary-bg:#bb86fc1a;--color-secondary-border:#bb86fc4d;--color-secondary-border-strong:#bb86fc99;--color-secondary-bg-hover:#bb86fc40;--color-surface-dark:#16162a;--color-surface-darker:#1a1a2e;--color-surface-card:#1e1e2e;--color-surface-overlay:#0f0f18b8;--color-surface-overlay-dense:#0f0f18cc;--color-surface-subtle:#ffffff05;--color-surface-subtle-2:#ffffff08;--color-surface-subtle-5:#ffffff0d;--color-surface-subtle-8:#ffffff14;--color-surface-subtle-10:#ffffff1a;--color-surface-subtle-15:#ffffff26;--color-surface-subtle-20:#fff3;--color-text-white:#fff;--color-text-white-70:#ffffffb3;--color-text-white-60:#fff9;--color-text-white-50:#ffffff80;--color-text-white-40:#fff6;--color-text-white-85:#ffffffd9;--color-success:#66bb6a;--color-success-bg:#81c7841a;--color-success-border:#81c7844d;--color-error:#e91e63;--color-warning:#ffb74d;--color-warning-bg:#ffb74d33;--color-warning-border:#ffb74d80;--color-info:#29b6f6;--shadow-primary-sm:0 2px 10px var(--color-primary-shadow);--shadow-primary-md:0 4px 20px #7c4dff66;--shadow-overlay:0 -4px 24px #00000080;--gradient-appbar:linear-gradient(90deg, var(--color-primary-dim) 0%, transparent 50%);--gradient-card-active:linear-gradient(135deg, var(--color-primary-bg-strong) 0%, #1e1e2e 55%);--gradient-card-default:linear-gradient(180deg, var(--color-surface-subtle) 0%, #ffffff03 100%);--gradient-onboarding:linear-gradient(135deg, var(--color-primary-bg) 0%, var(--color-secondary-dim) 100%);--gradient-thumb-overlay:linear-gradient(180deg, #0a0a1200 0%, #0a0a122e 55%, #0a0a12b8 100%);--gradient-progress-bar:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));--gradient-progress-complete:linear-gradient(90deg, #66bb6a, #43a047);--transition-fast:all .15s ease;--transition-default:all .2s ease;--transition-medium:all .3s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--container-px:12px;--container-py:16px;--touch-min:44px;--z-base:1;--z-dropdown:10;--z-sticky:100;--z-overlay:1100;--z-modal:1200;--z-popover:1300;--z-toast:1400}@media (min-width:600px){:root{--container-px:24px;--container-py:16px}}@media (min-width:900px){:root{--container-px:32px;--container-py:32px}}@media (min-width:1200px){:root{--container-px:40px;--container-py:32px}}html,body{max-width:100vw;overflow-x:hidden}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports (padding:env(safe-area-inset-left)){body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{align-items:flex-start;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.gap-05{gap:4px}.gap-075{gap:6px}.gap-1{gap:8px}.gap-1-5{gap:12px}.gap-2{gap:16px}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-clamp-1{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;bottom:0;left:0;right:0}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.z-1200{z-index:1200}.z-1300{z-index:1300}.z-1400{z-index:1400}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.user-select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-x-auto{overflow-x:auto}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.no-tap-highlight{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.touch-manipulation{touch-action:manipulation}.focus-none:focus{outline:none}.focus-none:focus-visible{outline:none}.min-w-0{min-width:0}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.break-words{word-break:break-word}.touch-target{min-width:var(--touch-min,44px);min-height:var(--touch-min,44px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}@media (orientation:landscape){.portrait-only{display:none!important}}@media (orientation:portrait){.landscape-only{display:none!important}}.mb-responsive{margin-bottom:clamp(8px,2vw,16px)}.mt-responsive{margin-top:clamp(8px,2vw,16px)}.gap-responsive{gap:clamp(8px,1.5vw,16px)}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-grid{gap:clamp(12px,1.5vw,20px);max-width:100%;display:grid;overflow:hidden}@media (max-width:599px){.video-grid{grid-template-columns:1fr}}@media (min-width:600px) and (max-width:899px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px) and (max-width:1199px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px) and (max-width:1535px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-grid-4col{gap:clamp(12px,1.5vw,20px);max-width:100%;display:grid;overflow:hidden}@media (max-width:599px){.video-grid-4col{grid-template-columns:1fr}}@media (min-width:600px) and (max-width:899px){.video-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px) and (max-width:1199px){.video-grid-4col{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px) and (max-width:1535px){.video-grid-4col{grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.video-grid-4col{grid-template-columns:repeat(4,1fr)}}.tab-section-header{letter-spacing:.5px;margin-bottom:8px;font-weight:600;display:block}.tab-stats-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.video-list-item{cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:6px;transition:background-color .15s,border-color .15s;display:flex}.video-list-item:hover{background-color:#ffffff0a}.video-list-item-active{border-left-color:var(--color-primary);background-color:#ffffff0f}.video-list-item-selected{background-color:#ffffff14}.video-list-thumb{object-fit:cover;background-color:var(--color-surface-subtle-2);border-radius:6px;flex-shrink:0}@media (max-width:599px){.video-list-thumb{width:110px;height:62px}}@media (min-width:600px) and (max-width:899px){.video-list-thumb{width:140px;height:79px}}@media (min-width:900px){.video-list-thumb{width:160px;height:90px}}@media (max-width:899px) and (orientation:landscape){.video-list-thumb{width:150px;height:84px}}.video-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.video-list-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;line-height:1.35;display:-webkit-box;overflow:hidden}.video-list-channel{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.video-list-meta{white-space:nowrap;text-overflow:ellipsis;opacity:.75;line-height:1.3;display:block;overflow:hidden}.tab-empty-state{text-align:center;padding:32px 16px}.now-playing-bar{z-index:1100;border-top:1px solid;align-items:center;gap:8px;padding:8px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-action-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tab-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.select-checkbox{flex-shrink:0;align-items:center;display:flex}.novelty-stats{border:1px solid;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.tab-scroll-fab{float:right;z-index:10;opacity:.8;position:sticky;bottom:80px}.tab-scroll-fab:hover{opacity:1}.inline-card{cursor:pointer;border:1px solid;border-radius:12px;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}.inline-card:hover{transform:translateY(-2px)}.inline-card-thumb{z-index:1;aspect-ratio:16/9;width:100%;padding-bottom:4px;position:relative}.inline-card-thumb img{object-fit:cover;width:100%;height:100%}.inline-card-thumb-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.inline-card-gradient{pointer-events:none;background:linear-gradient(#0a0a1200 0%,#0a0a122e 52%,#0a0a12c7 100%);position:absolute;top:0;bottom:0;left:0;right:0}.inline-card-duration{color:#fff;letter-spacing:.01em;pointer-events:none;background-color:#000000d1;border-radius:4px;padding:1px 5px;font-size:12px;font-weight:700;line-height:1.6;position:absolute;bottom:4px;right:4px}.inline-card-playing-badge{border-radius:8px;padding:2px 6px;position:absolute;top:8px;left:8px}.inline-card-body{padding:10px}@media (min-width:600px){.inline-card-body{padding:12px}}@media (min-width:1200px){.inline-card-body{padding:14px}}.inline-card-title{cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin-bottom:6px;font-size:clamp(.845rem,.75rem + .55vw,1.125rem);font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.inline-card-channel{margin-bottom:2px;font-size:clamp(.75rem,.675rem + .42vw,.9375rem);font-weight:500;display:block}.inline-card-meta{opacity:.75;margin-bottom:8px;font-size:clamp(.7rem,.65rem + .35vw,.875rem);display:block}.inline-card-actions{flex-wrap:nowrap;justify-content:flex-end;gap:0;padding:6px 0 4px;display:flex}.inline-card-action-btn{flex-shrink:1;min-width:0;padding:6px!important}.inline-card-action-btn .MuiSvgIcon-root{font-size:1.25rem}.inline-card-action-btn .watch-later-icon{font-size:2.025rem}@media (min-width:900px){.inline-card-action-btn{padding:7px!important}.inline-card-action-btn .MuiSvgIcon-root{font-size:1.35rem}}.profile-required-wrapper{justify-content:center;align-items:flex-start;padding-top:48px;display:flex}.profile-required-card{width:100%;max-width:480px;overflow:hidden}.profile-required-card-wide{width:100%;max-width:520px;overflow:hidden}.profile-required-header{text-align:center;background:linear-gradient(135deg,#7c4dff26 0%,#bb86fc14 100%);padding:32px 24px 24px}.results-header{background:linear-gradient(#7c4dff29 0%,#7c4dff0d 100%);border-bottom:1px solid}@media (max-width:599px){.results-header{padding:10px 12px}}@media (min-width:600px) and (max-width:899px){.results-header{padding:10px 16px}}@media (min-width:900px){.results-header{padding:12px 20px}}.results-header-label{letter-spacing:1.1px;font-weight:700!important}.results-header-title{text-overflow:ellipsis;margin-top:2px;overflow:hidden;font-weight:800!important}.tab-content-pad{padding:var(--container-px,10px)}@media (max-width:599px){.tab-content-pad{padding:8px}}@media (min-width:600px) and (max-width:899px){.tab-content-pad{padding:12px}}@media (min-width:900px){.tab-content-pad{padding:16px}}.form-control-sm{min-width:120px}.form-control-md{min-width:130px}.form-control-lg{min-width:160px}.tab-loading-center{justify-content:center;padding:32px 0;display:flex}.scroll-sentinel{scroll-margin-top:92px}.search-scroll-fab{z-index:10;opacity:.85;align-self:flex-end;margin-top:8px;position:sticky;bottom:8px}.search-scroll-fab:hover{opacity:1}