.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{background:var(--gradient-hero-header);text-align:center;border-bottom:1px solid;padding:32px 24px 24px}.history-card{overflow:hidden}.history-toggle-header{cursor:pointer;border-radius:var(--radius-md,8px)}.history-toggle-header:hover{background-color:var(--color-surface-subtle-5)}.history-column{flex:1;min-width:0;overflow:hidden}.history-link{text-align:left;white-space:normal;word-break:break-word;max-width:100%}.onboarding-card{background:var(--gradient-onboarding);border:1px solid var(--color-primary-border-strong);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{border-radius:var(--radius-lg);background-color:var(--color-primary-bg-hover);height:6px;margin-bottom:12px}.onboarding-progress .MuiLinearProgress-bar{border-radius:var(--radius-lg)}.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}.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:var(--color-surface-subtle-8)}.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}.streak-badge{cursor:default;background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:4px 10px;transition:all .25s;display:inline-flex}.streak-badge:hover{background-color:#ffffff14}.streak-badge-hot{background-color:#ffa72614;border-color:#ffa72633}.streak-badge-hot:hover{background-color:#ffa72626}.streak-badge-fire{background-color:#ff6d001a;border-color:#ff6d0040;animation:2s ease-in-out infinite streakGlow}.streak-badge-fire:hover{background-color:#ff6d002e}@keyframes streakGlow{0%,to{box-shadow:0 0 #ff6d0033}50%{box-shadow:0 0 8px 2px #ff6d0026}}@media (prefers-reduced-motion:reduce){.streak-badge-fire{animation:none}}.discover-hero-card{background-color:#7c4dff0f;border:1px solid #7c4dff2e;border-radius:20px;width:100%;padding:16px;box-shadow:0 2px 8px #7c4dff14}@media (max-width:599px){.discover-hero-card{border-radius:16px;padding:14px}}.discover-hero-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.discover-hero-subcopy{margin-bottom:8px;display:block}.discover-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.discover-strip::-webkit-scrollbar{display:none}@media (min-width:600px){.discover-strip--wrap{flex-wrap:wrap;overflow-x:visible}}.discover-strip--groups{gap:12px}@media (max-width:599px){.discover-strip--groups{gap:8px}}.discover-chip.discover-chip{cursor:pointer;border-radius:16px;flex-shrink:0;font-weight:600}.discover-refine-chip.discover-refine-chip{background-color:#7c4dff0f;border:1px solid #7c4dff2e;border-radius:16px;flex-shrink:0;font-weight:600}.discover-refine-chip.discover-refine-chip:hover{background-color:#7c4dff24}.discover-refine-chip .MuiChip-icon{color:var(--mui-palette-primary-main,#7c4dff)}.discover-example-chip.discover-example-chip{background-color:var(--mui-palette-background-paper,#1e1e2e);cursor:pointer;border-radius:16px;flex-shrink:0}.discover-example-chip.discover-example-chip:hover{background-color:#7c4dff14}.discover-context-chip.discover-context-chip{background-color:var(--mui-palette-action-hover,#ffffff0d);color:var(--mui-palette-text-primary,#fff);border:1px solid #0000;border-radius:16px;font-weight:500}.discover-context-chip.discover-context-chip:hover{background-color:var(--mui-palette-action-selected,#ffffff1f)}.discover-context-chip.discover-context-chip--selected{color:var(--mui-palette-primary-main,#7c4dff);border-color:var(--mui-palette-primary-main,#7c4dff);background-color:#7c4dff2e;font-weight:700}.discover-context-chip.discover-context-chip--selected:hover{background-color:#7c4dff40}.discover-context-group{flex-direction:row;flex-shrink:0;align-items:center;gap:4px;display:flex}.discover-context-group-label{color:var(--mui-palette-text-secondary,#ffffffa6);align-items:center;gap:2px;display:flex}.discover-context-group-label .MuiTypography-root{font-weight:600}.discover-context-group-chips{flex-wrap:nowrap;gap:4px;display:flex}.refine-strip{scrollbar-width:none;align-items:center;gap:8px;padding:6px 4px;display:flex;overflow-x:auto}.refine-strip::-webkit-scrollbar{display:none}.refine-strip--compact{padding-top:2px;padding-bottom:2px}.refine-strip-label{flex-shrink:0;margin-right:4px;font-weight:600}.shelf-row{margin-bottom:16px}.shelf-row-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding:0 4px;display:flex}.shelf-row-title-block{min-width:0}.shelf-row-title-block--clickable{cursor:pointer}.shelf-row-title{font-size:1.05rem;font-weight:700;line-height:1.2}@media (max-width:599px){.shelf-row-title{font-size:.95rem}}.shelf-row-nav{flex-shrink:0;align-items:center;gap:2px;display:flex}@media (max-width:599px){.shelf-row-nav{display:none}}.shelf-carousel{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.shelf-carousel::-webkit-scrollbar{height:6px}.shelf-carousel::-webkit-scrollbar-thumb{background-color:var(--mui-palette-action-hover,#ffffff14);border-radius:3px}.shelf-card{cursor:pointer;scroll-snap-align:start;border-radius:12px;flex-shrink:0;width:200px;transition:transform .15s,box-shadow .15s;overflow:hidden}@media (hover:hover){.shelf-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}}@media (max-width:599px){.shelf-card{border-radius:10px;width:160px}}.shelf-card-thumb{aspect-ratio:16/9;background-color:var(--mui-palette-action-hover,#ffffff0d);width:100%;position:relative}.shelf-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.shelf-card-play-overlay{opacity:0;background-color:#00000026;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.shelf-card:hover .shelf-card-play-overlay{opacity:1}.shelf-card:focus-visible .shelf-card-play-overlay{opacity:1}.shelf-card-duration.shelf-card-duration{color:#fff;background-color:#000000bf;height:18px;font-size:.68rem;font-weight:600;position:absolute;bottom:6px;right:6px}.shelf-card-body{padding:6px 6px 10px}.shelf-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.shelf-card-channel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shelf-card-reason{color:var(--mui-palette-primary-main,#7c4dff);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.68rem;font-weight:600;display:block;overflow:hidden}.shelf-empty{text-align:center;color:var(--mui-palette-text-secondary,#ffffffa6);padding:32px 16px}.welcome-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:24px 28px 36px;display:flex}@media (max-width:599px){.welcome-step{min-height:320px;padding:20px 16px 28px}}.call-dialog-paper{background-color:var(--mui-palette-background-paper,#1e1e2e);text-align:center;padding-top:24px;padding-bottom:24px;padding-left:max(env(safe-area-inset-left,0px), 16px);padding-right:max(env(safe-area-inset-right,0px), 16px);border-radius:24px}.call-dialog-paper--outgoing{overflow:hidden}.call-dialog-avatar{width:80px;height:80px;margin:0 auto 16px;font-size:32px}@media (max-width:399px){.call-dialog-avatar{width:72px;height:72px;font-size:28px}}.call-dialog-avatar--failed{opacity:.5;filter:grayscale();transition:all .3s}.call-dialog-subline{margin-bottom:16px}.call-dialog-error-block{text-align:left;margin:0 16px 16px}.call-dialog-error-line{display:block}.call-dialog-actions{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:0;display:flex}.call-dialog-actions--with-gap{margin-bottom:12px}.call-action-btn.call-action-btn{color:#fff;width:56px;height:56px}.call-action-btn--accept.call-action-btn--accept{background-color:var(--mui-palette-success-main,#4caf50)}.call-action-btn--accept.call-action-btn--accept:hover{background-color:var(--mui-palette-success-dark,#388e3c)}.call-action-btn--reject.call-action-btn--reject{background-color:var(--mui-palette-error-main,#f44336)}.call-action-btn--reject.call-action-btn--reject:hover{background-color:var(--mui-palette-error-dark,#d32f2f)}.call-action-btn--close.call-action-btn--close{background-color:var(--mui-palette-action-hover,#ffffff14);width:48px;height:48px;color:var(--mui-palette-text-primary,#fff)}.call-ringing-progress{position:absolute;top:0;left:0;right:0}.call-failed-banner{justify-content:center;align-items:center;gap:4px;margin-top:8px;margin-bottom:16px;display:flex}.call-outgoing-type-chip{margin-bottom:16px}.call-settings-link{margin-top:4px;font-size:.75rem}.vcall-root{z-index:1400;-webkit-user-select:none;user-select:none;background-color:#000;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.vcall-hidden-audio{display:none}.vcall-remote-video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.vcall-avatar-screen{text-align:center;background:radial-gradient(at 50% 40%,#1a2a3a 0%,#0a0f14 100%);flex-direction:column;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vcall-avatar{border:3px solid #fff3;width:100px;height:100px;margin-bottom:16px;font-size:40px;box-shadow:0 0 40px #ffffff14}@media (max-width:399px){.vcall-avatar{width:88px;height:88px;font-size:34px}}.vcall-avatar-name{color:#fff;letter-spacing:.5px;font-weight:600}.vcall-avatar-status{color:#fff9;flex-direction:row;align-items:center;gap:12px;margin-top:12px;display:flex}.vcall-error-banner{z-index:30;position:absolute;top:56px;left:16px;right:16px}@media (max-width:399px){.vcall-error-banner{top:48px;left:12px;right:12px}}.vcall-autoplay-overlay{z-index:25;cursor:pointer;text-align:center;background-color:#000000a6;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vcall-topbar{padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 12px;z-index:10;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.vcall-topbar-name{color:#fff;letter-spacing:.3px;font-weight:500}.vcall-topbar-status{flex-direction:row;align-items:center;gap:8px;display:flex}.vcall-pip{cursor:grab;z-index:20;background-color:#111;border:2px solid #ffffff26;border-radius:12px;width:100px;height:140px;position:absolute;overflow:hidden;box-shadow:0 4px 20px #00000080}.vcall-pip:active{cursor:grabbing}@media (max-width:399px){.vcall-pip{width:84px;height:118px}}.vcall-pip-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.vcall-pip-video-off{background-color:#222;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vcall-bottombar{padding:20px 24px;padding-bottom:max(env(safe-area-inset-bottom,0px), 20px);z-index:10;background:linear-gradient(#0000 0%,#000000bf 100%);position:absolute;bottom:0;left:0;right:0}.vcall-bottombar-row{flex-flow:wrap;justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:399px){.vcall-bottombar{padding:16px;padding-bottom:max(env(safe-area-inset-bottom,0px), 16px)}.vcall-bottombar-row{gap:12px}}.vcall-ctrl-btn.vcall-ctrl-btn{color:#fff;-webkit-backdrop-filter:blur(8px);background-color:#ffffff2e;width:56px;height:56px;transition:background-color .15s,transform .12s}.vcall-ctrl-btn.vcall-ctrl-btn:hover{background-color:#ffffff47}.vcall-ctrl-btn.vcall-ctrl-btn:active{transform:scale(.94)}.vcall-ctrl-btn--danger.vcall-ctrl-btn--danger{background-color:#f44336e6}.vcall-ctrl-btn--danger.vcall-ctrl-btn--danger:hover{background-color:#f44336}.vcall-ctrl-btn--primary.vcall-ctrl-btn--primary{background-color:#2196f3e6}.vcall-ctrl-btn--primary.vcall-ctrl-btn--primary:hover{background-color:#2196f3}.vcall-ctrl-btn--end.vcall-ctrl-btn--end{color:#fff;background-color:#e53935;width:68px;height:68px;box-shadow:0 4px 16px #e5393580}.vcall-ctrl-btn--end.vcall-ctrl-btn--end:hover{background-color:#c62828}@media (max-width:399px){.vcall-ctrl-btn.vcall-ctrl-btn{width:52px;height:52px}.vcall-ctrl-btn--end.vcall-ctrl-btn--end{width:64px;height:64px}}.vcall-spacer{width:56px}:root{--bottom-nav-height:56px}@media (display-mode:standalone){:root{--bottom-nav-height:56px;--safe-area-top:env(safe-area-inset-top,0px)}.app-bar{padding-top:env(safe-area-inset-top,0px)}.MuiDialog-paperFullScreen .MuiDialogTitle-root{padding-top:calc(env(safe-area-inset-top,0px) + 16px)}.MuiDialog-paper:not(.MuiDialog-paperFullScreen){margin-top:calc(env(safe-area-inset-top,0px) + 16px);margin-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);max-height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px)}.MuiDrawer-root .MuiDrawer-paper{padding-top:env(safe-area-inset-top,0px)}}.app-bar{background-color:rgba(var(--bottom-nav-bg-rgb,22, 22, 42), .88);background-image:var(--gradient-appbar);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid #7c4dff1f;box-shadow:0 2px 16px #00000038,0 1px #ffffff08}.app-bar-toolbar{gap:8px}@media (min-width:600px){.app-bar-toolbar{min-height:56px;padding-left:16px;padding-right:16px}}@media (min-width:900px){.app-bar-toolbar{min-height:56px;padding-left:24px;padding-right:24px}}@media (min-width:1200px){.app-bar-toolbar{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:599px){.brand-title-desktop{display:none}}.brand-title-mobile{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.85rem,.75rem + .35vw,1.15rem);font-weight:800;overflow:hidden}.app-tabs .MuiTab-root{color:var(--color-text-white-50);touch-action:manipulation;border-radius:8px 8px 0 0;min-height:56px;font-size:clamp(.78rem,.68rem + .25vw,.92rem);font-weight:600;transition:color .15s,background-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);background-color:var(--color-surface-subtle-5)}.app-tabs .MuiTabs-indicator{background:var(--color-primary);border-radius:3px 3px 0 0;height:3px}.app-tabs .MuiTabScrollButton-root{display:none}.tab-badge .MuiBadge-badge{top:-2px;right:-12px}.app-tabs-compact .MuiTab-root{min-width:48px;min-height:56px;padding:6px 10px}.app-tabs-compact .MuiTab-root .MuiBadge-badge{min-width:16px;height:16px;padding:0 3px;font-size:.6rem}@media (min-width:900px) and (max-width:1199px){.app-bar-toolbar{gap:3px;padding-left:12px;padding-right:12px}.toolbar-icon-btn,.toolbar-icon-btn-accent{min-width:44px;min-height:44px}}.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-spring);border-radius:10px}.toolbar-icon-btn:hover{background-color:var(--color-surface-subtle-10);border-color:var(--color-surface-subtle-20);transform:scale(1.06);box-shadow:0 0 12px #ffffff0f}.toolbar-icon-btn:active{transform:scale(.94)}.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-spring);border-radius:10px}.toolbar-icon-btn-accent:hover{background-color:var(--color-secondary-bg-hover);border:1.5px solid var(--color-secondary-border-strong);box-shadow:var(--shadow-glow-sm);transform:scale(1.06)}.toolbar-icon-btn-accent:active{transform:scale(.94)}.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;width:100%;min-height:100vh;border:none;outline:none;min-height:100dvh;margin-left:auto;margin-right:auto;overflow-x:clip}.app-main-container:focus{outline:none}.app-main-container:focus-visible{outline:none}@media (max-width:599px){.app-main-container{padding:var(--container-py,12px) var(--container-px,10px)}}@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{z-index:var(--z-sticky);margin:0 calc(-1 * var(--container-px,12px));padding:6px var(--container-px,12px);background-color:rgba(var(--bottom-nav-bg-rgb,22, 22, 42), .88);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid #7c4dff1a;justify-content:space-between;align-items:center;gap:4px;min-width:0;margin-bottom:6px;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #0003,0 1px #ffffff08}@media (display-mode:standalone){.mobile-header{padding-top:calc(env(safe-area-inset-top,0px) + 8px)}}.mobile-header-btn{width:36px;height:36px;min-width:var(--touch-min,44px);min-height:var(--touch-min,44px);flex-shrink:0;padding:6px;color:var(--color-text-white-70)!important}.mobile-header-btn:hover{background-color:var(--color-surface-subtle-8);color:var(--color-text-white)!important}.mobile-header-btn-accent{color:var(--color-primary-light)!important}@media (max-width:439px){.mobile-header-btn{width:32px;min-width:40px;height:32px;min-height:40px;padding:4px}}.tab-panel-hidden{display:none}.tab-panel-visible{display:block}.scroll-fabs{right:max(20px, env(safe-area-inset-right,0px));z-index:var(--z-modal);pointer-events:none;position:fixed}.scroll-fabs .MuiFab-root{opacity:.85;pointer-events:auto}.scroll-fabs .MuiFab-root:hover{opacity:1}@media (max-width:374px){.scroll-fabs{right:8px}.scroll-fabs .MuiFab-root{width:36px;height:36px;min-height:36px}.scroll-fabs .MuiFab-root .MuiSvgIcon-root{font-size:1.1rem}}.scroll-fab-btn:focus:not(:focus-visible){box-shadow:none;outline:none}.app-bottom-nav{z-index:var(--z-bottom-nav);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,0px);padding-right:env(safe-area-inset-right,0px);-webkit-backdrop-filter:blur(20px)saturate(1.8);will-change:transform;border-top:1px solid #7c4dff1f;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 20px #0000004d,0 -1px #ffffff0a}@media (display-mode:standalone){.app-bottom-nav{padding-top:0}}@media (max-width:599px) and (orientation:landscape){:root{--bottom-nav-height:48px}.app-bottom-nav{padding-left:max(env(safe-area-inset-left,0px), 8px);padding-right:max(env(safe-area-inset-right,0px), 8px)}}@media (min-width:600px) and (max-width:899px) and (orientation:landscape){:root{--bottom-nav-height:52px}.app-bottom-nav{padding-left:max(env(safe-area-inset-left,0px), 8px);padding-right:max(env(safe-area-inset-right,0px), 8px)}}@media (min-width:600px) and (max-width:899px) and (orientation:portrait){:root{--bottom-nav-height:60px}}.app-bottom-nav .MuiBottomNavigation-root{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.app-bottom-nav .MuiBottomNavigation-root::-webkit-scrollbar{display:none}.app-bottom-nav .MuiBottomNavigationAction-root{touch-action:manipulation;flex:1 1 0;min-width:48px;max-width:96px;min-height:48px;padding:4px 0 2px;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s}.app-bottom-nav .MuiBottomNavigationAction-root.Mui-selected{color:var(--color-primary-light,#b388ff)}.app-bottom-nav .MuiBottomNavigationAction-root .MuiSvgIcon-root{font-size:1.35rem;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s}.app-bottom-nav .MuiBottomNavigationAction-root.Mui-selected .MuiSvgIcon-root{filter:drop-shadow(0 0 6px #7c4dff59);transform:scale(1.12)}@media (max-width:599px) and (orientation:landscape){.app-bottom-nav .MuiBottomNavigationAction-root .MuiSvgIcon-root{font-size:1.15rem}}.app-bottom-nav .MuiBottomNavigationAction-label{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:.6875rem;font-weight:400;line-height:1.2;transition:font-weight .15s;overflow:hidden}.app-bottom-nav .MuiBottomNavigationAction-root.Mui-selected .MuiBottomNavigationAction-label{font-weight:600}@media (min-width:600px){.app-bottom-nav .MuiBottomNavigationAction-label{font-size:.75rem}}@media (max-width:599px) and (orientation:landscape){.app-bottom-nav .MuiBottomNavigationAction-label{display:none}}@media (max-width:359px){.app-bottom-nav .MuiBottomNavigationAction-label{letter-spacing:-.02em;font-size:.6rem}.app-bottom-nav .MuiBottomNavigationAction-root{min-width:40px;padding:4px 0 1px}}@media (min-width:600px) and (max-width:899px) and (orientation:landscape){.app-bottom-nav .MuiBottomNavigationAction-label{font-size:.6875rem}}.app-bottom-nav .MuiBottomNavigationAction-root:focus-visible{outline:2px solid var(--color-primary-light,#b388ff);outline-offset:-2px;border-radius:8px}.app-bottom-nav .MuiBadge-badge{min-width:16px;height:16px;padding:0 3px;font-size:.6rem;top:-2px;right:-4px}.MuiDialog-root .MuiDialogContent-root{overscroll-behavior:contain}@media (max-width:899px){.MuiDialog-root .MuiDialog-paper{margin-bottom:calc(var(--bottom-nav-height,56px) + env(safe-area-inset-bottom,0px))}}.miniplayer-root{z-index:var(--z-modal,1400);background-color:var(--mui-palette-background-paper,#1e1e2e);border:1px solid #ffffff1a;border-radius:14px;width:280px;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0000008c}@media (max-width:359px){.miniplayer-root{width:236px}.miniplayer-video{height:133px}}@media (max-width:499px){.miniplayer-root{width:240px}.miniplayer-video{height:135px}}.miniplayer-header{cursor:grab;-webkit-user-select:none;user-select:none;background-color:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:2px;height:44px;padding:4px 6px;display:flex}.miniplayer-header:active{cursor:grabbing}.miniplayer-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;line-height:1.3;overflow:hidden}.miniplayer-ctrl{padding:4px!important}.miniplayer-video{background-color:#000;width:100%;height:158px;position:relative;overflow:hidden}.miniplayer-iframe{pointer-events:none;border:none;width:100%;height:100%;display:block}.miniplayer-overlay{cursor:pointer;background-color:#0000;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.miniplayer-overlay:hover{background-color:#0003}.miniplayer-channel{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 12px);font-size:.65rem;position:absolute;bottom:4px;left:6px;overflow:hidden}@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}}@media (prefers-color-scheme:dark) and (color-gamut:p3){html:not([data-oled=false]){--color-surface-deepest:#000;--color-surface-dark:#0a0a0a;--color-surface-darker:#111;--color-surface-card:#161616;--color-surface-overlay:#000c;--color-surface-overlay-dense:#000000e6;--bottom-nav-bg-rgb:0, 0, 0}}:root{--app-bar-height:56px;--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-deepest:#0a0a14;--color-surface-dark:#16162a;--color-surface-darker:#1a1a2e;--color-surface-card:#1e1e2e;--color-surface-overlay:#0f0f18b8;--color-surface-overlay-dense:#0f0f18cc;--bottom-nav-bg-rgb:22, 22, 42;--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-85:#ffffffd9;--color-text-white-70:#ffffffb3;--color-text-white-60:#fff9;--color-text-white-50:#ffffff80;--color-text-white-40:#fff6;--color-text-muted:#9e9e9e;--color-success:#66bb6a;--color-success-dark:#2e7d32;--color-success-bg:#81c7841a;--color-success-border:#81c7844d;--color-error:#ef5350;--color-error-dark:#d32f2f;--color-error-bg:#ef535026;--color-error-bg-strong:#f44336e6;--color-error-border:#ef53504d;--color-warning:#ffa726;--color-warning-dark:#ed6c02;--color-warning-bg:#ffa72633;--color-warning-border:#ffa72680;--color-info:#29b6f6;--color-info-bg:#29b6f61a;--color-info-border:#29b6f64d;--color-cyan:#00bcd4;--color-deep-purple:#9c27b0;--color-indigo:#3f51b5;--color-pink:#e91e63;--color-rating:#ff9800;--color-card-bg:#ffffff08;--color-card-border:#ffffff14;--color-card-border-hover:#ffffff1f;--color-black-overlay-50:#00000080;--color-black-overlay-70:#000000b3;--color-black-overlay-85:#000000d9;--shadow-primary-sm:0 2px 10px var(--color-primary-shadow);--shadow-primary-md:0 4px 20px #7c4dff66;--shadow-overlay:0 -4px 24px #00000080;--shadow-glow-sm:0 0 10px #7c4dff40;--shadow-glow-md:0 0 18px #7c4dff59;--shadow-glow-lg:0 2px 24px #7c4dff73;--shadow-inset-channel:inset 0 2px 6px #0000004d, inset 0 -1px 4px #ffffff08;--shadow-btn-raised:0 4px 14px #00000059, 0 -1px 4px #ffffff0a;--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-hero-header:linear-gradient(135deg, var(--color-primary-bg-active) 0%, #bb86fc14 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;--transition-spring:all .2s cubic-bezier(.4, 0, .2, 1);--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-bottom-nav:1050;--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{overscroll-behavior-y:none;overflow-x:hidden}body{max-width:100vw}*,: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}}html[data-oled=true]{--color-surface-deepest:#000;--color-surface-dark:#0a0a0a;--color-surface-darker:#111;--color-surface-card:#161616;--color-surface-overlay:#000c;--color-surface-overlay-dense:#000000e6;--bottom-nav-bg-rgb:0, 0, 0}@media (prefers-color-scheme:dark) and (color-gamut:p3){html:not([data-oled=false]){--color-surface-deepest:#000;--color-surface-dark:#0a0a0a;--color-surface-darker:#111;--color-surface-card:#161616;--color-surface-overlay:#000c;--color-surface-overlay-dense:#000000e6;--bottom-nav-bg-rgb:0, 0, 0}}.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-x:clip}@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(3,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(4,1fr)}}.video-grid-4col{gap:clamp(12px,1.5vw,20px);max-width:100%;display:grid;overflow:hidden}.video-grid-4col>*{content-visibility:auto;contain-intrinsic-size:auto 360px}@media (min-width:600px){.video-grid-4col>*{contain-intrinsic-size:auto 300px}}@media (min-width:900px){.video-grid-4col>*{contain-intrinsic-size:auto 280px}}@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){.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;content-visibility:auto;contain-intrinsic-size:auto 112px;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}@media (max-width:599px){.video-list-item{gap:8px;padding:10px 8px}}.video-list-item:hover{background-color:var(--color-surface-subtle-5)}.video-list-item-active{background-color:var(--color-surface-subtle-8);border-left-color:var(--color-primary)}.video-list-item-selected{background-color:var(--color-surface-subtle-8)}.compact-row{content-visibility:auto;contain-intrinsic-size:auto 48px}.compact-row-active,.compact-row-selected{background-color:var(--color-surface-subtle-8)}.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}.tab-action-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.media-list-skeleton-wrap{padding:8px}@media (min-width:600px){.media-list-skeleton-wrap{padding:8px 0}}.media-list-batch-bar{background-color:#7c4dff14;border:1px solid #7c4dff38;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}@media (max-width:599px){.media-list-batch-bar{gap:8px;padding:8px 10px}}.media-list-batch-bar .MuiButton-root{text-transform:none}.media-list-batch-delete.media-list-batch-delete{margin-left:auto}@media (max-width:499px){.media-list-batch-delete.media-list-batch-delete{margin-left:0}}.tab-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:599px){.tab-controls{gap:6px}}.select-checkbox{flex-shrink:0;align-items:center;display:flex}.inline-card{cursor:pointer;border:1px solid;border-radius:12px;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}@media (hover:hover){.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{background-color:var(--color-black-overlay-85);color:var(--color-text-white);letter-spacing:.01em;pointer-events:none;border-radius:4px;padding:1px 5px;font-size:.75rem;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:4px;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{background:var(--gradient-hero-header);text-align:center;padding:32px 24px 24px}.tab-content-pad{padding:var(--container-px,12px)}@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}@media (max-width:599px){.form-control-sm{min-width:90px}.form-control-md{min-width:100px}.form-control-lg{min-width:120px}}.tab-loading-center{justify-content:center;padding:32px 0;display:flex}.tab-center-msg{text-align:center;color:var(--mui-palette-text-secondary,#ffffffa6);padding:24px 16px}.rec-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px;display:flex}.rec-tag-filter-wrap{flex:120px;min-width:0}.rec-tag-filter-wrap .tag-filter-root{margin-bottom:0}.rec-toolbar-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.rec-tune-btn.rec-tune-btn{border:1px solid var(--mui-palette-divider,#ffffff1f);color:var(--mui-palette-text-secondary,#ffffffa6);background-color:#0000;flex-shrink:0;transition:border-color .2s,color .2s,background-color .2s}.rec-tune-btn.rec-tune-btn--active{border-color:var(--mui-palette-primary-main,#7c4dff);color:var(--mui-palette-primary-main,#7c4dff);background-color:#7c4dff1f}.rec-sort-filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.rec-sort-filter-row>.MuiTextField-root{flex:140px;min-width:140px}.rec-sidebar-list-pane{flex-shrink:0;width:480px;max-height:calc(100vh - 120px);position:sticky;top:80px;overflow-y:auto}.scroll-sentinel{scroll-margin-top:calc(var(--app-bar-height,56px) + 16px)}.playlist-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:4px 0 12px;display:flex;overflow:auto hidden}.playlist-carousel::-webkit-scrollbar{display:none}.playlist-carousel>*{scroll-snap-align:start;flex:none;width:260px;min-width:260px}@media (min-width:400px) and (max-width:599px){.playlist-carousel>*{width:280px;min-width:280px}}@media (min-width:600px) and (max-width:899px){.playlist-carousel>*{width:300px;min-width:300px}}@media (min-width:900px){.playlist-carousel{scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;overflow-x:visible}.playlist-carousel>*{width:auto;min-width:0}}