.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-card--compact{border-radius:14px;padding:8px 12px}@media (max-width:599px){.discover-hero-card--compact{border-radius:12px;padding:6px 10px}}.discover-hero-examples-toggle{justify-content:flex-end;margin-top:4px;display:flex}.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}}.social-panel.social-panel{-webkit-backdrop-filter:none;border-left:1px solid #7c4dff2e;flex-direction:column;display:flex;position:relative;overflow:hidden;background:linear-gradient(#4338ca1f 0%,#11111b 220px,#0b0b14 100%)!important}.social-panel-content{scrollbar-width:thin;scroll-behavior:smooth;padding-bottom:max(env(safe-area-inset-bottom,0px), 88px);background:0 0;flex:auto;position:relative;overflow:hidden auto}.social-panel-content::-webkit-scrollbar{width:6px}.social-panel-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.social-hero{padding:calc(env(safe-area-inset-top,0px) + 16px) 18px 16px;color:#fff;background:linear-gradient(135deg,#3730a3f2 0%,#7c4dffeb 100%);flex-direction:column;flex-shrink:0;gap:10px;min-height:120px;transition:min-height .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.social-hero:before{content:"";pointer-events:none;opacity:.7;background-image:radial-gradient(circle at 20% 0,#ffffff2e,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.social-hero--compact{min-height:56px;padding:calc(env(safe-area-inset-top,0px) + 8px) 18px 8px}.social-hero-top-row{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.social-hero-title{letter-spacing:-.01em;text-shadow:0 1px 2px #00000040;font-size:1.35rem;font-weight:700;line-height:1.15;transition:font-size .25s}.social-hero--compact .social-hero-title{font-size:1rem}.social-hero-subtitle{opacity:.9;z-index:1;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex;position:relative}.social-hero--compact .social-hero-subtitle{display:none}.social-hero-live-dot{background:#6eff9a;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite social-live-pulse;display:inline-block;box-shadow:0 0 0 3px #6eff9a40}@keyframes social-live-pulse{0%,to{box-shadow:0 0 0 3px #6eff9a40}50%{box-shadow:0 0 0 6px #6eff9a1a}}.social-hero-close{color:#ffffffd9!important}.social-hero-close:hover{color:#fff!important;background:#ffffff1f!important}.social-hero-search{z-index:1;-webkit-backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;transition:background .18s,opacity .2s,max-height .25s;display:flex;position:relative}.social-hero-search:focus-within{background:#ffffff47}.social-hero-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.9rem}.social-hero-search input::placeholder{color:#ffffffb3}.social-hero--compact .social-hero-search{display:none}.social-tabbar{z-index:5;background:0 0;border-bottom:1px solid #ffffff0a;flex-shrink:0;grid-template-columns:repeat(5,1fr);align-items:stretch;gap:0;padding:6px 0;display:grid;position:sticky;top:0}.social-tabbar-indicator{opacity:.95;pointer-events:none;background:linear-gradient(135deg,#4f46e5 0%,#7c4dff 100%);border-radius:12px;width:calc(20% - 8px);transition:left .28s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;bottom:6px;box-shadow:0 3px 10px #4f46e54d}.social-tabbar-item{z-index:1;min-height:52px;color:var(--color-text-white-60,#fff9);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0 4px;padding:6px 4px;transition:color .18s,transform .1s;display:flex;position:relative}.social-tabbar-item:hover{color:var(--color-text-white-85,#ffffffd9)}.social-tabbar-item:active{transform:scale(.96)}.social-tabbar-item[data-active=true]{color:#fff}.social-tabbar-item .tabbar-label{letter-spacing:.01em;font-size:.68rem;font-weight:600;line-height:1}.social-tabbar-item .tabbar-icon{line-height:1;font-size:20px!important}.presence-chip{max-width:180px;color:var(--color-text-white-85,#ffffffe6);cursor:pointer;background:#7c4dff24;border:1px solid #7c4dff66;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 3px;font-size:.7rem;line-height:1;transition:transform .15s,background .2s;display:inline-flex;position:relative;overflow:hidden}.presence-chip:hover{background:#7c4dff3d;transform:translateY(-1px)}.presence-chip-thumb{object-fit:cover;background:#ffffff0f;border-radius:50%;flex-shrink:0;width:18px;height:18px}.presence-chip-thumb--fallback{justify-content:center;align-items:center;font-size:11px;display:flex}.presence-chip-text{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:500;overflow:hidden}.presence-chip:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#0000,#7c4dffb3,#6366f1b3,#0000) 0 0/300% 100%;border-radius:999px;padding:1px;animation:3.5s linear infinite presence-chip-shimmer;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes presence-chip-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.presence-chip--compact{max-width:140px;padding:2px 6px 2px 2px;font-size:.65rem}.presence-chip--compact .presence-chip-thumb{width:14px;height:14px}.presence-chip--compact .presence-chip-text{max-width:100px}.social-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:transform .12s,background .18s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.social-card:hover{background:#ffffff0f;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.social-card:active{transform:translateY(0)scale(.995)}.presence-ring{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.presence-ring--watching:before{content:"";z-index:0;background:conic-gradient(#7c4dff,#8b5cf6,#7c4dff);border-radius:50%;animation:6s linear infinite presence-ring-spin;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.presence-ring--online:before{content:"";z-index:0;background:conic-gradient(#66bb6ad9,#66bb6a40);border-radius:50%;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.presence-ring>.MuiAvatar-root,.presence-ring>.presence-ring-inner{z-index:1;box-shadow:0 0 0 2px var(--color-surface-card,#1e1e2e);position:relative}@keyframes presence-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.presence-ring--watching:before,.presence-chip:after,.social-hero-live-dot{animation:none}}.conv-card-typing-dots{align-items:center;gap:3px;padding:2px 0;display:inline-flex}.conv-card-typing-dots span{background:var(--color-primary,#7c4dff);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite typing-bounce;display:block}.conv-card-typing-dots span:nth-child(2){animation-delay:.15s}.conv-card-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.conv-card-typing-dots span{opacity:.8;animation:none}}.conv-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv-card-row{align-items:center;gap:6px;min-width:0;display:flex}.conv-card-name{color:var(--color-text-white,#fff);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.92rem;font-weight:600;overflow:hidden}.conv-card-time{color:var(--color-text-white-50,#ffffff80);flex-shrink:0;font-size:.68rem}.conv-card-preview{color:var(--color-text-white-60,#fff9);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.conv-card-preview-prefix{opacity:.85;margin-right:4px}.conv-card-unread{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c4dff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #7c4dff66}.conv-card-unread--pulse{animation:1.2s ease-out unread-pulse}@keyframes unread-pulse{0%{transform:scale(1.25);box-shadow:0 0 #7c4dff99}to{transform:scale(1);box-shadow:0 2px 8px #7c4dff66}}.friend-card-actions{opacity:.6;flex-shrink:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.social-card:hover .friend-card-actions{opacity:1}.friend-card-meta{color:var(--color-text-white-55,#ffffff8c);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.call-card-badge{width:40px;height:40px;color:var(--color-primary-light,#bb86fc);background:#7c4dff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.call-card-badge--missed{color:#ef5350;background:#ef53501f}.call-card-badge--video{color:#81d4fa;background:#81d4fa1a}.call-card-duration{color:var(--color-text-white-50);font-size:.72rem}.call-card-redial{color:var(--color-primary-light,#bb86fc)!important}.social-section{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-white-50);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 4px;font-size:.72rem;font-weight:700;display:flex}.social-section-link{color:var(--color-primary-light,#bb86fc);cursor:pointer;text-transform:none;letter-spacing:normal;font-size:.72rem;font-weight:600}.social-section-link:hover{text-decoration:underline}.social-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:flex-start;gap:10px;padding:4px 12px 14px;display:flex;overflow-x:auto}.social-strip::-webkit-scrollbar{display:none}.social-strip>*{scroll-snap-align:start;flex-shrink:0}.live-now-tile{cursor:pointer;text-align:center;background:#ffffff09;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:110px;padding:10px 8px;transition:transform .15s,background .2s;display:flex}.live-now-tile:hover{background:#7c4dff14;transform:translateY(-2px)}.live-now-tile-name{color:var(--color-text-white,#fff);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.live-now-tile-watching{color:var(--color-text-white-55,#ffffff8c);text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-width:100%;min-height:2.4em;font-size:.66rem;line-height:1.2;display:-webkit-box;overflow:hidden}.live-now-empty{color:var(--color-text-white-55);text-align:center;background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;margin:0 14px 14px;padding:16px 14px;font-size:.8rem}.social-fab-root{right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:20;pointer-events:none;position:absolute}.social-fab{color:#fff;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#4f46e5,#7c4dff);border:0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:inline-flex;box-shadow:0 8px 22px #7c4dff73}.social-fab:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 10px 26px #7c4dff8c}.social-fab:active{transform:scale(.96)}.social-fab--open{transform:rotate(45deg)}.social-fab-actions{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:68px;right:0}.social-fab-action{-webkit-backdrop-filter:blur(16px)saturate(160%);color:#fff;white-space:nowrap;cursor:pointer;transform-origin:100% 100%;background:#1a162ae6;border:1px solid #ffffff14;border-radius:999px;justify-content:flex-start;align-items:center;gap:10px;min-width:148px;max-width:240px;padding:8px 14px 8px 8px;font-size:.82rem;font-weight:600;line-height:1;transition:transform .15s,background .18s;animation:.22s cubic-bezier(.4,0,.2,1) both fab-action-in;display:flex;box-shadow:0 6px 18px #0006}.social-fab-action:hover{background:#282240f2;transform:translate(-2px)}.social-fab-action:active{transform:translate(0)scale(.97)}.social-fab-action:first-child{animation-delay:20ms}.social-fab-action:nth-child(2){animation-delay:60ms}.social-fab-action:nth-child(3){animation-delay:.1s}.social-fab-action:nth-child(4){animation-delay:.14s}@keyframes fab-action-in{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.social-fab-action-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c4dff 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 2px 6px #4f46e559}.social-fab-backdrop{z-index:19;background:0 0;position:fixed;top:0;bottom:0;left:0;right:0}.social-empty{text-align:center;color:var(--color-text-white-55);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.social-empty-icon{width:56px;height:56px;color:var(--color-primary-light,#bb86fc);background:#7c4dff14;border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.ai-suggestion-card{cursor:pointer;background:linear-gradient(135deg,#7c4dff1a,#6366f114);border:1px solid #7c4dff2e;border-radius:14px;gap:10px;padding:12px;transition:transform .15s,box-shadow .2s;display:flex}.ai-suggestion-card:hover{transform:translateY(-1px);box-shadow:0 6px 14px #7c4dff33}.ai-suggestion-card-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c4dff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ai-suggestion-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ai-suggestion-card-title{color:#fff;font-size:.85rem;font-weight:600}.ai-suggestion-card-desc{color:var(--color-text-white-60);font-size:.75rem;line-height:1.35}.social-segmented{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;margin:10px 12px;padding:3px;display:inline-flex}.social-segmented-item{color:var(--color-text-white-60);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:background .18s,color .18s}.social-segmented-item[data-active=true]{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c4dff);box-shadow:0 2px 8px #7c4dff4d}.radial-menu-overlay{-webkit-backdrop-filter:blur(8px);z-index:1600;background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-out both radial-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes radial-fade{0%{opacity:0}to{opacity:1}}.radial-menu-ring{width:260px;height:260px;position:relative}.radial-menu-center-label{color:#fff;text-align:center;max-width:120px;font-size:.95rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-scroll-bottom-fab{z-index:5;-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#201c30d1;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s,opacity .2s;animation:.22s ease-out both scroll-fab-in;display:flex;position:absolute;bottom:80px;right:14px;box-shadow:0 4px 14px #00000059}.chat-scroll-bottom-fab:hover{transform:translateY(-1px)scale(1.05)}@keyframes scroll-fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.social-panel-sheet{flex-direction:column;height:100%;display:flex;overflow:hidden}.social-panel-content .MuiGrid-container{width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}.social-panel-content .MuiGrid-container>.MuiGrid-root{flex-basis:100%!important;max-width:100%!important;padding-inline-start:0!important;padding-inline-end:0!important}.social-panel-content>.MuiBox-root{padding-left:14px;padding-right:14px}.social-panel-content .rooms-tabs .MuiTab-root{min-width:0!important;min-height:40px!important;padding:6px 4px!important;font-size:.78rem!important}.social-panel-content .rooms-tabs .MuiTab-iconWrapper{margin-right:4px!important}.social-panel-content .MuiStack-root .MuiTypography-body2{min-width:0;max-width:100%}@media (max-width:399px){.social-hero-title{font-size:1.2rem}.social-tabbar-item .tabbar-label{font-size:.62rem}.social-fab{width:52px;height:52px}.social-strip{gap:8px;padding-inline-start:10px;padding-inline-end:10px}}.moments-strip{scrollbar-width:none;gap:12px;padding:10px 14px 14px;display:flex;overflow-x:auto}.moments-strip::-webkit-scrollbar{display:none}.moment-tile,.moment-new-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:68px;display:flex}.moment-tile-ring,.moment-new-tile-ring{background:conic-gradient(#4f46e5,#7c4dff,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;padding:3px;display:inline-flex}.moment-tile-ring>.MuiAvatar-root{box-sizing:content-box;border:2px solid #11111b}.moment-new-tile-ring{color:var(--color-primary-light,#bb86fc);background:#ffffff0d;border:2px dashed #7c4dff80}.moment-tile-name{color:var(--color-text-white-85);text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:.7rem;overflow:hidden}.moment-react-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:1.2rem;transition:background .15s;display:inline-flex}.moment-react-btn:hover{background:#ffffff29}.moment-react-btn--active{background:#7c4dff4d;border-color:#7c4dffb3}.moment-react-count{color:#fff;font-size:.7rem;font-weight:600}.notes-strip{scrollbar-width:none;gap:10px;padding:4px 14px 12px;display:flex;overflow-x:auto}.notes-strip::-webkit-scrollbar{display:none}.note-pill{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:0;display:flex;position:relative}.note-pill-bubble{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px 14px 14px 4px;align-items:center;gap:4px;max-width:140px;min-height:28px;padding:6px 10px;font-size:.72rem;line-height:1.2;display:flex}.note-pill-emoji{font-size:.9rem}.note-pill-text{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.note-pill-avatar{margin-top:-4px}.note-pill-name{color:var(--color-text-white-70);text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:.66rem;overflow:hidden}.my-note-composer{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;margin:0 14px 8px;padding:10px 14px;display:flex;position:relative}.my-note-emoji-picker{z-index:20;-webkit-backdrop-filter:blur(12px);background:#161624f2;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.my-note-emoji-btn{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;font-size:20px;line-height:1;transition:background .15s}.my-note-emoji-btn:hover,.my-note-emoji-btn--active{background:#7c4dff40}.streak-flame{color:#fff;background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid #f9731659;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;padding:1px 6px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.streak-flame--md{padding:2px 8px;font-size:.85rem}.streak-flame-icon{font-size:.85em}.badge-unlock-toast{z-index:40;pointer-events:none;width:min(100% - 28px,340px);position:absolute;top:12px;left:50%;transform:translate(-50%)}.badge-unlock-card{pointer-events:auto;color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c4dff 100%);border-radius:16px;align-items:center;gap:12px;padding:14px;animation:.3s cubic-bezier(.4,0,.2,1) badge-toast-in;display:flex;position:relative;box-shadow:0 14px 28px #4f46e573}@keyframes badge-toast-in{0%{opacity:0;transform:translateY(-12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.badge-unlock-emoji{flex-shrink:0;font-size:34px;line-height:1}.badge-unlock-body{flex:1;min-width:0}.badge-unlock-eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:.65rem;font-weight:700}.badge-unlock-title{margin-top:1px;font-size:1rem;font-weight:700}.badge-unlock-desc{opacity:.88;margin-top:2px;font-size:.78rem;line-height:1.3}.badge-unlock-dismiss{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;flex-shrink:0;width:26px;height:26px;font-size:.8rem}.badge-unlock-confetti{pointer-events:none;position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px}.confetti-piece{opacity:0;background:#fff;border-radius:2px;width:8px;height:8px;animation:1.4s ease-out forwards confetti-burst;position:absolute;top:20px;left:50%}.confetti-piece--0{--dx:-120px;--dy:60px;background:#fde047}.confetti-piece--1{--dx:100px;--dy:80px;background:#22d3ee}.confetti-piece--2{--dx:-60px;--dy:100px;background:#f472b6}.confetti-piece--3{--dx:140px;--dy:40px;background:#a78bfa}.confetti-piece--4{--dx:-90px;--dy:110px;background:#34d399}.confetti-piece--5{--dx:70px;--dy:130px;background:#f97316}.confetti-piece--6{--dx:-140px;--dy:30px;background:#ef4444}.confetti-piece--7{--dx:20px;--dy:80px;background:#0ea5e9}.confetti-piece--8{--dx:130px;--dy:90px;background:#84cc16}.confetti-piece--9{--dx:-100px;--dy:50px;background:#eab308}.confetti-piece--10{--dx:30px;--dy:120px;background:#fde047}.confetti-piece--11{--dx:-30px;--dy:40px;background:#22d3ee}.confetti-piece--12{--dx:110px;--dy:110px;background:#f472b6}.confetti-piece--13{--dx:-160px;--dy:70px;background:#a78bfa}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(720deg);opacity:0}}@media (prefers-reduced-motion:reduce){.confetti-piece{opacity:0;animation:none}}.theme-wallpaper-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;width:100%;padding:0;transition:transform .12s}.theme-wallpaper-swatch:hover{transform:scale(1.06)}.theme-wallpaper-swatch--active{border-color:var(--color-primary,#7c4dff);box-shadow:0 0 0 3px #7c4dff40}.theme-accent-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.theme-accent-swatch--active{border-color:#fff;box-shadow:0 0 0 2px #7c4dffb3}.theme-shape-btn{color:var(--color-text-white-85);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:8px 10px;font-size:.85rem;transition:all .15s}.theme-shape-btn--active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c4dff);border-color:#0000}.chat-window-root--themed .chat-window-body{background:var(--chat-wallpaper,var(--mui-palette-background-paper,#1a1a2e))!important}.chat-shape--balloon .chat-msg-bubble{border-radius:22px 22px 22px 4px}.chat-shape--balloon .chat-msg-bubble--own{border-radius:22px 22px 4px}.chat-shape--minimal .chat-msg-bubble,.chat-shape--minimal .chat-msg-bubble--own{border-radius:6px}.msg-effect-layer{pointer-events:none;z-index:100;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.msg-effect-piece{will-change:transform, opacity;animation:2.2s cubic-bezier(.2,.6,.4,1) forwards effect-fall;position:absolute;top:-40px}@keyframes effect-fall{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{transform:translate(var(--dx), 120vh) rotate(var(--rot));opacity:0}}.msg-effect-layer--stars .msg-effect-piece{animation-duration:2.5s}.msg-effect-layer--rain .msg-effect-piece{animation-duration:1.6s}@media (prefers-reduced-motion:reduce){.msg-effect-layer{display:none}}.story-stickers-overlay{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0}.story-stickers-overlay>.story-sticker{pointer-events:auto}.story-sticker{-webkit-backdrop-filter:blur(12px)saturate(140%);color:#fff;background:#161624d9;border:1px solid #ffffff14;border-radius:16px;min-width:220px;max-width:80vw;padding:10px 14px;box-shadow:0 8px 20px #0006}.poll-question,.qa-prompt,.slider-prompt,.countdown-title{text-align:center;margin-bottom:8px;font-size:.92rem;font-weight:600}.poll-option{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:10px;width:100%;margin:4px 0;padding:8px 12px;font-size:.9rem;transition:background .12s;display:block}.poll-option:hover:not(:disabled){background:#7c4dff33}.poll-option:disabled{cursor:default;opacity:.5}.poll-option--result{cursor:default;opacity:1;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.poll-option-fill{z-index:0;background:linear-gradient(90deg,#7c4dff80,#4f46e580);position:absolute;top:0;bottom:0;left:0;right:0}.poll-option-label,.poll-option-pct{z-index:1;position:relative}.poll-voted,.qa-thanks{text-align:center;opacity:.7;margin-top:6px;font-size:.8rem}.qa-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:8px;font-size:.9rem}.qa-answers{flex-direction:column;gap:6px;display:flex}.qa-answer{background:#ffffff14;border-radius:8px;padding:6px 10px;font-size:.85rem}.qa-more{opacity:.6;text-align:center;font-size:.7rem}.slider-track{background:#ffffff1a;border-radius:5px;height:10px;position:relative}.slider-thumb{font-size:1.5rem;position:absolute;top:-8px;transform:translate(-50%)}.slider-mean,.countdown-subs{text-align:center;opacity:.7;margin-top:6px;font-size:.78rem}.slider-emoji{pointer-events:none;font-size:1.4rem;transition:left .12s;position:absolute;top:-6px;transform:translate(-50%)}.countdown-value{text-align:center;color:#fde047;letter-spacing:.02em;font-size:1.4rem;font-weight:700}.countdown-subscribe{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c4dff);border:0;border-radius:999px;margin:8px auto 0;padding:6px 14px;font-size:.8rem;font-weight:600;display:block}.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{background:var(--lg-sheen-gradient), var(--lg-regular-bg);color:#fff;width:56px;height:56px;-webkit-backdrop-filter:blur(var(--lg-regular-blur)) saturate(var(--lg-regular-saturate));box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent);transition:background .15s,box-shadow .15s,transform .12s}.vcall-ctrl-btn.vcall-ctrl-btn:hover{background:linear-gradient(180deg, #ffffff24 0%, #ffffff0a 50%, #fff0 100%), var(--lg-regular-bg);box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent-active)}.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), linear-gradient(180deg, #ffffff14 0%, #ffffff05 50%, #00000024 100%);-webkit-backdrop-filter:blur(var(--lg-regular-blur)) saturate(var(--lg-regular-saturate));box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-edge-accent), 0 2px 16px #00000038;border-bottom:none}.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);min-width:0;-webkit-backdrop-filter:blur(var(--lg-regular-blur)) saturate(var(--lg-regular-saturate));box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-edge-accent), 0 1px 12px #0003;background-image:linear-gradient(#ffffff14 0%,#ffffff05 50%,#00000024 100%);border-bottom:none;justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px;display:flex;position:sticky;top:0}@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(var(--lg-regular-blur)) saturate(var(--lg-regular-saturate));box-shadow:inset 0 1px 0 var(--lg-specular-top), 0 -1px 0 var(--lg-edge-accent), 0 -12px 32px #00000059;will-change:transform;background-image:linear-gradient(#ffffff14 0%,#ffffff05 40%,#0000001f 100%);border-top:none;position:fixed;bottom:0;left:0;right:0}@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:var(--lg-regular-bg);-webkit-backdrop-filter:blur(var(--lg-regular-blur)) saturate(var(--lg-regular-saturate));box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent), var(--lg-shadow-lift);border:none;border-radius:14px;width:280px;position:fixed;overflow:hidden}@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;border-bottom:1px solid var(--lg-edge-accent);background:linear-gradient(#ffffff14 0%,#ffffff05 55%,#0000002e 100%);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}}@supports (color:color(display-p3 0 0 0)){:root{--lg-thin-bg:color(display-p3 .0627451 .0627451 .0990053/.54);--lg-regular-bg:color(display-p3 .0549019 .054902 .0838615/.72);--lg-thick-bg:color(display-p3 .0313725 .0313726 .0567096/.82);--lg-chrome-bg:color(display-p3 .0235294 .0235294 .0451127/.88)}}@supports (color:lab(0% 0 0)){:root{--lg-thin-bg:lab(4.96235% 1.75907 -6.41918/.54);--lg-regular-bg:lab(4.16564% 1.24089 -4.55229/.72);--lg-thick-bg:lab(2.32201% .802517 -2.94408/.82);--lg-chrome-bg:lab(1.74664% .63394 -2.32562/.88)}}@supports (color:color(display-p3 0 0 0)){html[data-oled=true]{--lg-thin-bg:color(display-p3 0 0 0/.58);--lg-regular-bg:color(display-p3 0 0 0/.76);--lg-thick-bg:color(display-p3 0 0 0/.86);--lg-chrome-bg:color(display-p3 0 0 0/.92)}}@supports (color:lab(0% 0 0)){html[data-oled=true]{--lg-thin-bg:lab(0% 0 0/.58);--lg-regular-bg:lab(0% 0 0/.76);--lg-thick-bg:lab(0% 0 0/.86);--lg-chrome-bg:lab(0% 0 0/.92)}}@media (prefers-reduced-transparency:reduce){:root{--lg-thin-bg:var(--lg-thin-solid);--lg-regular-bg:var(--lg-regular-solid);--lg-thick-bg:var(--lg-thick-solid);--lg-chrome-bg:var(--lg-chrome-solid);--lg-refraction:none}}@supports (color:color(display-p3 0 0 0)){html[data-driving-safe=true]{--lg-chrome-bg:color(display-p3 .0235294 .0235294 .0451127/.94);--lg-regular-bg:color(display-p3 .0549019 .054902 .0838615/.86)}}@supports (color:lab(0% 0 0)){html[data-driving-safe=true]{--lg-chrome-bg:lab(1.74664% .63394 -2.32562/.94);--lg-regular-bg:lab(4.16564% 1.24089 -4.55229/.86)}}.lg-surface{background:var(--lg-regular-bg);-webkit-backdrop-filter:blur(var(--lg-regular-blur)) saturate(var(--lg-regular-saturate));box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent)}.lg-surface[data-tier=thin]{background:var(--lg-thin-bg);-webkit-backdrop-filter:blur(var(--lg-thin-blur)) saturate(var(--lg-thin-saturate))}.lg-surface[data-tier=thick]{background:var(--lg-thick-bg);-webkit-backdrop-filter:blur(var(--lg-thick-blur)) saturate(var(--lg-thick-saturate))}.lg-surface[data-tier=chrome]{background:var(--lg-chrome-bg);-webkit-backdrop-filter:blur(var(--lg-chrome-blur)) saturate(var(--lg-chrome-saturate))}.lg-surface[data-edge=active]{box-shadow:inset 0 1px 0 var(--lg-specular-top), inset 0 -1px 0 var(--lg-specular-bottom), 0 0 0 1px var(--lg-edge-accent-active)}.lg-surface[data-pressed=true]{box-shadow:inset 0 1px 0 #00000073, inset 0 -1px 0 #ffffff0a, 0 0 0 1px var(--lg-edge-accent-active), var(--lg-shadow-press)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lg-surface{background:var(--lg-regular-solid)}.lg-surface[data-tier=thin]{background:var(--lg-thin-solid)}.lg-surface[data-tier=thick]{background:var(--lg-thick-solid)}.lg-surface[data-tier=chrome]{background:var(--lg-chrome-solid)}}: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}}:root{--lg-thin-bg:#10101a8a;--lg-thin-blur:10px;--lg-thin-saturate:1.35;--lg-thin-solid:#202030f0;--lg-regular-bg:#0e0e16b8;--lg-regular-blur:18px;--lg-regular-saturate:1.5;--lg-regular-solid:#181828f5;--lg-thick-bg:#08080fd1;--lg-thick-blur:26px;--lg-thick-saturate:1.6;--lg-thick-solid:#0e0e1afa;--lg-chrome-bg:#06060ce0;--lg-chrome-blur:22px;--lg-chrome-saturate:1.7;--lg-chrome-solid:#080810fa;--lg-specular-top:#ffffff29;--lg-specular-bottom:#0000007a;--lg-edge-accent:#bb86fc47;--lg-edge-accent-active:#bb86fc8c;--lg-sheen-gradient:linear-gradient(180deg, #ffffff1a 0%, #ffffff05 28%, #fff0 55%, #0000001f 100%);--lg-sheen-gradient-strong:linear-gradient(180deg, #ffffff29 0%, #ffffff0a 35%, #bb86fc14 65%, #7c4dff2e 100%);--lg-tint-hint:#7c4dff0f;--lg-refraction:url(#lg-refraction-subtle);--lg-shadow-float:0 8px 24px #00000073, 0 1px 0 #ffffff0a inset;--lg-shadow-press:0 1px 0 #00000080, 0 0 0 1px #bb86fc38 inset;--lg-shadow-lift:0 14px 40px #0000008c, 0 1px 0 #ffffff0d inset}@supports (color:color(display-p3 0 0 0)){:root{--lg-thin-bg:color(display-p3 .0627451 .0627451 .0990053/.54);--lg-regular-bg:color(display-p3 .0549019 .054902 .0838615/.72);--lg-thick-bg:color(display-p3 .0313725 .0313726 .0567096/.82);--lg-chrome-bg:color(display-p3 .0235294 .0235294 .0451127/.88)}}@supports (color:lab(0% 0 0)){:root{--lg-thin-bg:lab(4.96235% 1.75907 -6.41918/.54);--lg-regular-bg:lab(4.16564% 1.24089 -4.55229/.72);--lg-thick-bg:lab(2.32201% .802517 -2.94408/.82);--lg-chrome-bg:lab(1.74664% .63394 -2.32562/.88)}}html[data-oled=true]{--lg-thin-bg:#00000094;--lg-regular-bg:#000000c2;--lg-thick-bg:#000000db;--lg-chrome-bg:#000000eb}@supports (color:color(display-p3 0 0 0)){html[data-oled=true]{--lg-thin-bg:color(display-p3 0 0 0/.58);--lg-regular-bg:color(display-p3 0 0 0/.76);--lg-thick-bg:color(display-p3 0 0 0/.86);--lg-chrome-bg:color(display-p3 0 0 0/.92)}}@supports (color:lab(0% 0 0)){html[data-oled=true]{--lg-thin-bg:lab(0% 0 0/.58);--lg-regular-bg:lab(0% 0 0/.76);--lg-thick-bg:lab(0% 0 0/.86);--lg-chrome-bg:lab(0% 0 0/.92)}}@media (prefers-reduced-transparency:reduce){:root{--lg-thin-bg:var(--lg-thin-solid);--lg-regular-bg:var(--lg-regular-solid);--lg-thick-bg:var(--lg-thick-solid);--lg-chrome-bg:var(--lg-chrome-solid);--lg-refraction:none}}html[data-driving-safe=true]{--lg-chrome-bg:#06060cf0;--lg-regular-bg:#0e0e16db;--lg-refraction:none}@supports (color:color(display-p3 0 0 0)){html[data-driving-safe=true]{--lg-chrome-bg:color(display-p3 .0235294 .0235294 .0451127/.94);--lg-regular-bg:color(display-p3 .0549019 .054902 .0838615/.86)}}@supports (color:lab(0% 0 0)){html[data-driving-safe=true]{--lg-chrome-bg:lab(1.74664% .63394 -2.32562/.94);--lg-regular-bg:lab(4.16564% 1.24089 -4.55229/.86)}}.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:4px;display:flex}.rec-toolbar-row--sticky{top:var(--ytrec-appbar-offset,56px);z-index:3;background-color:var(--mui-palette-background-default,#121212);-webkit-backdrop-filter:saturate(160%)blur(8px);border-bottom:1px solid var(--mui-palette-divider,#ffffff14);position:sticky}@media (max-width:599px){.rec-toolbar-row--mobile{gap:4px;padding:4px 4px 2px}.rec-toolbar-row--mobile .rec-tag-filter-wrap{flex:100%;order:2}.rec-toolbar-row--mobile .rec-toolbar-actions{order:1;justify-content:flex-end;width:100%}}.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}}