/*! bundle dev */
/*! === variables.css === */:root{--md-ref-primary-20:#1a3028;--md-ref-primary-30:#284840;--md-ref-primary-40:#386058;--md-ref-primary-80:#8cb8a8;--md-ref-primary-90:#b8d8cc;--md-ref-secondary-20:#1a2028;--md-ref-secondary-30:#283038;--md-ref-secondary-40:#384048;--md-ref-secondary-80:#a8b8c8;--md-ref-secondary-90:#c8d4dc;--md-ref-tertiary-20:#282018;--md-ref-tertiary-30:#383028;--md-ref-tertiary-40:#484038;--md-ref-tertiary-80:#c4b8a0;--md-ref-tertiary-90:#e0d8c4;--md-ref-neutral-4:#0a0c0f;--md-ref-neutral-6:#0f1216;--md-ref-neutral-10:#161a20;--md-ref-neutral-12:#1a1e24;--md-ref-neutral-17:#222830;--md-ref-neutral-20:#282e36;--md-ref-neutral-22:#2c323a;--md-ref-neutral-24:#303640;--md-ref-neutral-30:#3c424c;--md-ref-neutral-40:#545c68;--md-ref-neutral-50:#6c7480;--md-ref-neutral-60:#868e98;--md-ref-neutral-70:#a0a8b0;--md-ref-neutral-80:#bcc4cc;--md-ref-neutral-90:#d8e0e8;--md-ref-neutral-95:#e8eef4;--md-ref-error-20:#3a1818;--md-ref-error-30:#4a2828;--md-ref-error-40:#6a3838;--md-ref-error-80:#e0a0a0;--md-ref-error-90:#f0c8c8;--md-ref-success-20:#1a3028;--md-ref-success-30:#284038;--md-ref-success-80:#88b8a0;--md-ref-success-90:#b0d8c0;--md-ref-warning-20:#302818;--md-ref-warning-30:#403828;--md-ref-warning-80:#d0b878;--md-ref-warning-90:#f0e0b0;--md-sys-color-primary:var(--md-ref-primary-80);--md-sys-color-on-primary:#0c1814;--md-sys-color-primary-container:var(--md-ref-primary-30);--md-sys-color-on-primary-container:var(--md-ref-primary-90);--md-sys-color-secondary:var(--md-ref-secondary-80);--md-sys-color-on-secondary:#121820;--md-sys-color-secondary-container:var(--md-ref-secondary-30);--md-sys-color-on-secondary-container:var(--md-ref-secondary-90);--md-sys-color-tertiary:var(--md-ref-tertiary-80);--md-sys-color-on-tertiary:#1a1610;--md-sys-color-tertiary-container:var(--md-ref-tertiary-30);--md-sys-color-on-tertiary-container:var(--md-ref-tertiary-90);--md-sys-color-error:var(--md-ref-error-80);--md-sys-color-on-error:#1a0808;--md-sys-color-error-container:var(--md-ref-error-30);--md-sys-color-on-error-container:var(--md-ref-error-90);--md-sys-color-success:var(--md-ref-success-80);--md-sys-color-on-success:#0a1410;--md-sys-color-success-container:var(--md-ref-success-30);--md-sys-color-on-success-container:var(--md-ref-success-90);--md-sys-color-warning:var(--md-ref-warning-80);--md-sys-color-on-warning:#1a1408;--md-sys-color-warning-container:var(--md-ref-warning-30);--md-sys-color-on-warning-container:var(--md-ref-warning-90);--md-sys-color-background:var(--md-ref-neutral-6);--md-sys-color-on-background:var(--md-ref-neutral-90);--md-sys-color-surface:var(--md-ref-neutral-6);--md-sys-color-on-surface:var(--md-ref-neutral-90);--md-sys-color-surface-variant:var(--md-ref-neutral-12);--md-sys-color-on-surface-variant:var(--md-ref-neutral-70);--md-sys-color-surface-container-lowest:var(--md-ref-neutral-4);--md-sys-color-surface-container-low:var(--md-ref-neutral-10);--md-sys-color-surface-container:var(--md-ref-neutral-12);--md-sys-color-surface-container-high:var(--md-ref-neutral-17);--md-sys-color-surface-container-highest:var(--md-ref-neutral-20);--md-sys-color-outline:var(--md-ref-neutral-30);--md-sys-color-outline-variant:color-mix(in srgb,var(--md-ref-neutral-30) 55%,var(--md-ref-neutral-6));--md-sys-color-inverse-surface:var(--md-ref-neutral-90);--md-sys-color-inverse-on-surface:var(--md-ref-neutral-20);--md-sys-color-scrim:rgba(0,0,0,0.55);--md-sys-color-shadow:rgba(0,0,0,0.35);--focus-ring-color:color-mix(in srgb,var(--md-sys-color-primary) 32%,transparent);--focus-ring:0 0 0 3px var(--focus-ring-color);--state-hover:color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent);--state-pressed:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);--state-selected:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);--stream-bg:var(--md-sys-color-background);--stream-bg-secondary:var(--md-sys-color-surface-container-low);--stream-card:var(--md-sys-color-surface-container);--stream-border:var(--md-sys-color-outline-variant);--stream-accent:var(--md-sys-color-primary);--stream-accent-hover:color-mix(in srgb,var(--md-sys-color-primary) 88%,#ffffff);--stream-text:var(--md-sys-color-on-surface);--stream-text-secondary:var(--md-sys-color-on-surface-variant);--stream-danger:var(--md-sys-color-error);--stream-warning:var(--md-sys-color-warning);--bg:var(--md-sys-color-background);--surface:var(--md-sys-color-surface-container);--surface-hover:var(--md-sys-color-surface-container-high);--surface-raised:var(--md-sys-color-surface-container-high);--surface2:var(--md-sys-color-surface-container-low);--primary:var(--md-sys-color-primary);--primary-hover:var(--stream-accent-hover);--primary-glow:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);--primary-dim:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);--accent:var(--md-sys-color-tertiary);--danger:var(--md-sys-color-error);--error:var(--md-sys-color-error);--warning:var(--md-sys-color-warning);--success:var(--md-sys-color-success);--info:var(--md-sys-color-secondary);--text:var(--md-sys-color-on-surface);--text-secondary:var(--md-sys-color-on-surface-variant);--text-muted:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 88%,var(--md-sys-color-on-surface));--border:var(--md-sys-color-outline-variant);--border-light:color-mix(in srgb,var(--md-sys-color-outline) 35%,transparent);--star:var(--md-sys-color-warning);--icon-color:var(--md-sys-color-on-surface-variant);--icon-color-active:var(--md-sys-color-primary);--shadow-sm:0 2px 8px rgba(0,0,0,0.22);--shadow-md:0 8px 24px rgba(0,0,0,0.28);--shadow-lg:0 16px 40px rgba(0,0,0,0.36);--shadow-xl:0 24px 60px rgba(0,0,0,0.42);--brand-gradient:linear-gradient( 135deg,var(--md-sys-color-primary) 0%,color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-secondary)) 100% );--glass-bg:color-mix(in srgb,var(--md-sys-color-surface-container) 78%,transparent);--glass-border:color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);--rank-fallback:var(--md-sys-color-primary);--icon-size-xs:14px;--icon-size-sm:18px;--icon-size-md:22px;--icon-size-lg:28px;--icon-size-xl:36px;--icon-xs:var(--icon-size-xs);--icon-sm:var(--icon-size-sm);--icon-md:var(--icon-size-md);--icon-lg:var(--icon-size-lg);--icon-xl:var(--icon-size-xl);--icon-stroke:2;--icon-stroke-emphasis:2.25;--icon-gap:8px;--ds-radius:10px;--ds-radius-sm:8px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-card-border:1px solid var(--border-light);--ds-card-shadow:0 2px 8px var(--md-sys-color-shadow),0 8px 24px rgba(0,0,0,0.2);--ds-control-height:42px;--ds-page-width:1440px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-pill:999px;--ease:cubic-bezier(0.22,1,0.36,1);--shadow:0 8px 32px rgba(0,0,0,0.32);--transition:0.32s var(--ease);--font-sans:"Cairo",sans-serif;--font-display:"Cairo",sans-serif;--font-body:"Cairo",sans-serif;--font-mono:"Cairo",sans-serif;--font:"Cairo",sans-serif;--cinema-font-display:"Cairo",sans-serif;--header-height:56px;--header-h:var(--header-height);--nav-height:calc(72px + env(safe-area-inset-bottom, 0px));--content-max:var(--ds-page-width);--z-header:800;--z-nav:1000;--z-sticky-cta:1010;--z-modal:1100;--z-rank:1200;--z-toast:1500;--z-upload-bar:1510;--z-drawer-backdrop:10000;--z-drawer:10001;--z-account-backdrop:10050;--z-account-menu:10060;--z-fullscreen:20000}html[data-color-mode="light"]{--md-sys-color-primary:#4a8a78;--md-sys-color-on-primary:#ffffff;--md-sys-color-primary-container:#c8e8dc;--md-sys-color-on-primary-container:#0a2018;--md-sys-color-secondary:#506070;--md-sys-color-on-secondary:#ffffff;--md-sys-color-secondary-container:#d8e0e8;--md-sys-color-on-secondary-container:#1a2028;--md-sys-color-tertiary:#686050;--md-sys-color-on-tertiary:#ffffff;--md-sys-color-tertiary-container:#f0e8d8;--md-sys-color-on-tertiary-container:#282018;--md-sys-color-error:#b84848;--md-sys-color-on-error:#ffffff;--md-sys-color-error-container:#f8d8d8;--md-sys-color-on-error-container:#4a1818;--md-sys-color-success:#488868;--md-sys-color-on-success:#ffffff;--md-sys-color-success-container:#c8e8d8;--md-sys-color-on-success-container:#0a2818;--md-sys-color-warning:#907838;--md-sys-color-on-warning:#ffffff;--md-sys-color-warning-container:#f8ecd8;--md-sys-color-on-warning-container:#302818;--md-sys-color-background:#f4f6f9;--md-sys-color-on-background:#1a1e24;--md-sys-color-surface:#f4f6f9;--md-sys-color-on-surface:#1a1e24;--md-sys-color-surface-variant:#e8ecf2;--md-sys-color-on-surface-variant:#545c68;--md-sys-color-surface-container-lowest:#ffffff;--md-sys-color-surface-container-low:#f0f3f8;--md-sys-color-surface-container:#ffffff;--md-sys-color-surface-container-high:#e8ecf2;--md-sys-color-surface-container-highest:#dce3ed;--md-sys-color-outline:#889098;--md-sys-color-outline-variant:#c8d0d8;--focus-ring-color:color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent);--md-sys-color-shadow:rgba(15,23,42,0.08);--ds-card-shadow:0 2px 8px var(--md-sys-color-shadow),0 8px 24px rgba(15,23,42,0.06)}@media (min-width:769px){:root{--header-height:64px;--nav-height:52px}}@media (max-width:768px){:root{--mobile-gutter:14px;--mobile-gap:14px;--mobile-space-xs:8px;--mobile-space-sm:12px;--mobile-space-md:16px;--mobile-space-lg:22px;--mobile-content-pt:12px;--mobile-radius:12px;--mobile-radius-sm:10px;--mobile-radius-lg:16px;--nav-height:calc(64px + env(safe-area-inset-bottom, 0px));--mobile-shell-bottom:calc(var(--nav-height) + 10px)}}/*! === components/rank-palettes.css === */:root{--rank-color-base:#65d887;--rank-color:#65d887;--rank-secondary:#d9ffe4;--rank-gradient:linear-gradient(135deg,#65d887,#d9ffe4);--rank-glow:color-mix(in srgb,#65d887 18%,transparent);--rank-border:color-mix(in srgb,#65d887 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#65d887 12%,transparent);--rank-tint-strong:color-mix(in srgb,#65d887 20%,transparent);--level-color:#65d887;--level-rgb:101,216,135}.rank-themed.rank-rookie,[data-rank-key="rookie"]{--rank-color-base:#65d887;--rank-color:#65d887;--rank-secondary:#d9ffe4;--rank-gradient:linear-gradient(135deg,#65d887,#d9ffe4);--rank-glow:color-mix(in srgb,#65d887 18%,transparent);--rank-border:color-mix(in srgb,#65d887 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#65d887 12%,transparent);--rank-tint-strong:color-mix(in srgb,#65d887 20%,transparent);--level-color:#65d887;--level-rgb:101,216,135}.rank-themed.rank-bronze,[data-rank-key="bronze"]{--rank-color-base:#cc7a31;--rank-color:#cc7a31;--rank-secondary:#ffc77f;--rank-gradient:linear-gradient(135deg,#9d551e,#ffc77f);--rank-glow:color-mix(in srgb,#cc7a31 18%,transparent);--rank-border:color-mix(in srgb,#cc7a31 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#cc7a31 12%,transparent);--rank-tint-strong:color-mix(in srgb,#cc7a31 20%,transparent);--level-color:#cc7a31;--level-rgb:204,122,49}.rank-themed.rank-silver,[data-rank-key="silver"]{--rank-color-base:#e3eaf3;--rank-color:#e3eaf3;--rank-secondary:#aeb9c8;--rank-gradient:linear-gradient(135deg,#ffffff,#aeb9c8);--rank-glow:color-mix(in srgb,#e3eaf3 18%,transparent);--rank-border:color-mix(in srgb,#e3eaf3 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#e3eaf3 12%,transparent);--rank-tint-strong:color-mix(in srgb,#e3eaf3 20%,transparent);--level-color:#e3eaf3;--level-rgb:227,234,243}.rank-themed.rank-gold,[data-rank-key="gold"]{--rank-color-base:#e4bb3e;--rank-color:#e4bb3e;--rank-secondary:#fff0a3;--rank-gradient:linear-gradient(135deg,#b77d10,#fff0a3);--rank-glow:color-mix(in srgb,#e4bb3e 18%,transparent);--rank-border:color-mix(in srgb,#e4bb3e 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#e4bb3e 12%,transparent);--rank-tint-strong:color-mix(in srgb,#e4bb3e 20%,transparent);--level-color:#e4bb3e;--level-rgb:228,187,62}.rank-themed.rank-diamond,[data-rank-key="diamond"]{--rank-color-base:#27dfff;--rank-color:#27dfff;--rank-secondary:#1878ff;--rank-gradient:linear-gradient(135deg,#27dfff,#1878ff);--rank-glow:color-mix(in srgb,#27dfff 18%,transparent);--rank-border:color-mix(in srgb,#27dfff 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#27dfff 12%,transparent);--rank-tint-strong:color-mix(in srgb,#27dfff 20%,transparent);--level-color:#27dfff;--level-rgb:39,223,255}.rank-themed.rank-elite,[data-rank-key="elite"]{--rank-color-base:#ff7a45;--rank-color:#ff7a45;--rank-secondary:#ffd06a;--rank-gradient:linear-gradient(135deg,#d94d26,#ffd06a);--rank-glow:color-mix(in srgb,#ff7a45 18%,transparent);--rank-border:color-mix(in srgb,#ff7a45 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#ff7a45 12%,transparent);--rank-tint-strong:color-mix(in srgb,#ff7a45 20%,transparent);--level-color:#ff7a45;--level-rgb:255,122,69}.rank-themed.rank-platinum,[data-rank-key="platinum"]{--rank-color-base:#8bdcff;--rank-color:#8bdcff;--rank-secondary:#e9fbff;--rank-gradient:linear-gradient(135deg,#72cceb,#e9fbff);--rank-glow:color-mix(in srgb,#8bdcff 18%,transparent);--rank-border:color-mix(in srgb,#8bdcff 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#8bdcff 12%,transparent);--rank-tint-strong:color-mix(in srgb,#8bdcff 20%,transparent);--level-color:#8bdcff;--level-rgb:139,220,255}.rank-themed.rank-master,[data-rank-key="master"]{--rank-color-base:#f04755;--rank-color:#f04755;--rank-secondary:#ff8d5d;--rank-gradient:linear-gradient(135deg,#9d1727,#ff6b58);--rank-glow:color-mix(in srgb,#f04755 18%,transparent);--rank-border:color-mix(in srgb,#f04755 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#f04755 12%,transparent);--rank-tint-strong:color-mix(in srgb,#f04755 20%,transparent);--level-color:#f04755;--level-rgb:240,71,85}.rank-themed.rank-grandmaster,[data-rank-key="grandmaster"]{--rank-color-base:#b980ff;--rank-color:#b980ff;--rank-secondary:#d9b7ff;--rank-gradient:linear-gradient(135deg,#6a32bc,#d9b7ff);--rank-glow:color-mix(in srgb,#b980ff 18%,transparent);--rank-border:color-mix(in srgb,#b980ff 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#b980ff 12%,transparent);--rank-tint-strong:color-mix(in srgb,#b980ff 20%,transparent);--level-color:#b980ff;--level-rgb:185,128,255}.rank-themed.rank-mythic,[data-rank-key="mythic"]{--rank-color-base:#8e5cff;--rank-color:#8e5cff;--rank-secondary:#2a6dff;--rank-gradient:linear-gradient(135deg,#6f3cff,#2a6dff);--rank-glow:color-mix(in srgb,#8e5cff 18%,transparent);--rank-border:color-mix(in srgb,#8e5cff 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#8e5cff 12%,transparent);--rank-tint-strong:color-mix(in srgb,#8e5cff 20%,transparent);--level-color:#8e5cff;--level-rgb:142,92,255}.rank-themed.rank-eternal,[data-rank-key="eternal"]{--rank-color-base:#ff5db1;--rank-color:#ff5db1;--rank-secondary:#45e5ff;--rank-gradient:linear-gradient(120deg,#ff5db1,#ffe85a,#52e5ff,#8b5cff);--rank-glow:color-mix(in srgb,#ff5db1 18%,transparent);--rank-border:color-mix(in srgb,#ff5db1 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#ff5db1 12%,transparent);--rank-tint-strong:color-mix(in srgb,#ff5db1 20%,transparent);--level-color:#ff5db1;--level-rgb:255,93,177}.rank-themed.rank-legend,[data-rank-key="legend"]{--rank-color-base:#ff9a32;--rank-color:#ff9a32;--rank-secondary:#ffe66d;--rank-gradient:linear-gradient(135deg,#ff8a22,#ffe66d);--rank-glow:color-mix(in srgb,#ff9a32 18%,transparent);--rank-border:color-mix(in srgb,#ff9a32 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#ff9a32 12%,transparent);--rank-tint-strong:color-mix(in srgb,#ff9a32 20%,transparent);--level-color:#ff9a32;--level-rgb:255,154,50}.rank-themed.rank-immortal,[data-rank-key="immortal"]{--rank-color-base:#ffffff;--rank-color:#ffffff;--rank-secondary:#f5c84c;--rank-gradient:linear-gradient(135deg,#ffffff,#f5c84c);--rank-glow:color-mix(in srgb,#ffffff 18%,transparent);--rank-border:color-mix(in srgb,#ffffff 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#ffffff 12%,transparent);--rank-tint-strong:color-mix(in srgb,#ffffff 20%,transparent);--level-color:#ffffff;--level-rgb:255,255,255}.rank-themed.rank-titan,[data-rank-key="titan"]{--rank-color-base:#1c5dce;--rank-color:#1c5dce;--rank-secondary:#39e4ff;--rank-gradient:linear-gradient(135deg,#10285f,#39e4ff);--rank-glow:color-mix(in srgb,#1c5dce 18%,transparent);--rank-border:color-mix(in srgb,#1c5dce 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#1c5dce 12%,transparent);--rank-tint-strong:color-mix(in srgb,#1c5dce 20%,transparent);--level-color:#1c5dce;--level-rgb:28,93,206}.rank-themed.rank-cosmic,[data-rank-key="cosmic"]{--rank-color-base:#c45cff;--rank-color:#c45cff;--rank-secondary:#52a8ff;--rank-gradient:linear-gradient(120deg,#c45cff,#ff71bc,#52a8ff);--rank-glow:color-mix(in srgb,#c45cff 18%,transparent);--rank-border:color-mix(in srgb,#c45cff 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#c45cff 12%,transparent);--rank-tint-strong:color-mix(in srgb,#c45cff 20%,transparent);--level-color:#c45cff;--level-rgb:196,92,255}.rank-themed.rank-molakhassat-god,[data-rank-key="molakhassat-god"]{--rank-color-base:#f7cf57;--rank-color:#f7cf57;--rank-secondary:#ffffff;--rank-gradient:linear-gradient(120deg,#050505,#f7cf57,#050505);--rank-glow:color-mix(in srgb,#f7cf57 18%,transparent);--rank-border:color-mix(in srgb,#f7cf57 28%,var(--md-sys-color-outline-variant,rgba(255,255,255,.06)));--rank-tint:color-mix(in srgb,#f7cf57 12%,transparent);--rank-tint-strong:color-mix(in srgb,#f7cf57 20%,transparent);--level-color:#f7cf57;--level-rgb:247,207,87}.rank-themed.rank-animated.rank-current-theme,.rank-themed.rank-mythic.rank-current-theme,.rank-themed.rank-eternal.rank-current-theme,.rank-themed.rank-legend.rank-current-theme,.rank-themed.rank-immortal.rank-current-theme,.rank-themed.rank-titan.rank-current-theme,.rank-themed.rank-cosmic.rank-current-theme,.rank-themed.rank-molakhassat-god.rank-current-theme{background-image:var(--rank-gradient) !important;background-size:240% 240% !important;animation:rank-gradient-shift 5s ease infinite}.rank-themed.rank-molakhassat-god.rank-current-theme{box-shadow:0 0 8px rgba(var(--level-rgb),0.35),0 0 20px rgba(var(--level-rgb),0.18),inset 0 0 10px rgba(var(--level-rgb),0.10)}@keyframes rank-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.rank-themed .rank-tag,.rank-themed .comment-username .rank-tag{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:var(--md-sys-color-on-primary,#fff) !important;border:1px solid rgba(var(--level-rgb),0.22) !important}.rank-themed .rank-username{color:var(--rank-secondary) !important;text-shadow:none !important}.rank-themed .rank-avatar,.rank-themed .comment-avatar{border-color:var(--level-color) !important;box-shadow:0 0 0 2px rgba(var(--level-rgb),0.16) !important}/*! === base.css === */ *,*::before,*::after{box-sizing:border-box}html{background:var(--stream-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-family:"Cairo",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.cinema-app{margin:0;min-height:100dvh;background:var(--stream-bg);color:var(--stream-text);font-family:"Cairo",sans-serif;font-weight:500;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,textarea,select{font:inherit;font-family:"Cairo",sans-serif}h1,h2,h3,h4,h5,h6,.section-title,.page-title,.watch-title,.video-card-title{font-weight:700;letter-spacing:0}svg[data-lucide],i[data-lucide] svg,.lucide{stroke-width:var(--icon-stroke,2);vector-effect:non-scaling-stroke}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary-dim);outline-offset:2px}.app-shell{display:grid;min-height:100dvh;grid-template-rows:auto 1fr auto auto;grid-template-areas:"header" "main" "nav" "footer"}.app-shell .header{grid-area:header}.app-shell .app-nav{grid-area:nav}.app-shell .main-content,.app-shell .main-content-studio{grid-area:main}.app-shell .footer{grid-area:footer}.main-content,.main-content-studio{width:min(100%, var(--content-max));margin-inline:auto;padding-inline:clamp(12px, 3vw, 32px);padding-top:var(--ds-space-4)}@media (min-width:769px){.app-shell{grid-template-rows:auto auto 1fr auto;grid-template-areas:"header" "nav" "main" "footer"}.main-content,.main-content-studio{padding-bottom:var(--ds-space-6)}}.app-shell--bare .main-content,.app-shell--bare .main-content-studio{padding-bottom:var(--ds-space-6)}/*! === premium.css === */ .sub-page{--sub-ink:#e8eef7;--sub-muted:rgba(232,238,247,0.62);--sub-line:rgba(255,255,255,0.08);--sub-plus:#5eead4;--sub-prime:#d4af37;--sub-ultra:#a78bfa;--sub-card:rgba(12,18,28,0.72);max-width:1120px;margin:0 auto;padding:28px 16px 64px;color:var(--sub-ink)}.sub-stripe-banner{margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(251,113,133,0.35);background:rgba(251,113,133,0.1);color:#fecdd3;font-size:13px;line-height:1.45;text-align:center}.sub-stripe-banner[hidden]{display:none !important}.sub-hero{text-align:center;margin-bottom:28px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(94,234,212,0.14),transparent 55%),radial-gradient(ellipse 50% 40% at 90% 10%,rgba(212,175,55,0.12),transparent 50%);padding:28px 12px 8px;border-radius:24px}.sub-kicker{font-family:"Cairo",sans-serif;font-weight:800;letter-spacing:0.12em;font-size:12px;color:var(--sub-plus);margin:0 0 8px;text-transform:uppercase}.sub-title{font-family:"Cairo",sans-serif;font-size:clamp(1.6rem, 4vw, 2.35rem);font-weight:900;margin:0 0 10px;line-height:1.25}.sub-lead{margin:0 auto 18px;max-width:36rem;color:var(--sub-muted);font-size:0.98rem;line-height:1.7}.sub-interval{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,0.04);border:1px solid var(--sub-line)}.sub-interval-btn{border:0;background:transparent;color:var(--sub-muted);font:inherit;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer}.sub-interval-btn.is-active{background:rgba(94,234,212,0.16);color:#fff}.sub-save{font-size:11px;color:var(--sub-prime);margin-inline-start:4px}.sub-status-card{display:grid;gap:12px;margin:0 0 28px;padding:16px 18px;border-radius:18px;border:1px solid rgba(94,234,212,0.22);background:linear-gradient(135deg,rgba(94,234,212,0.08),rgba(12,18,28,0.65))}.sub-status-label{display:block;font-size:12px;color:var(--sub-muted);margin-bottom:4px}.sub-status-tier{font-size:1.25rem;margin-inline-end:8px}.sub-status-chip{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,0.08)}.sub-status-chip.status-active,.sub-status-chip.status-trialing{background:rgba(94,234,212,0.18);color:#99f6e4}.sub-status-chip.status-expired,.sub-status-chip.status-canceled{background:rgba(248,113,113,0.15);color:#fecaca}.sub-status-meta{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:13px;color:var(--sub-muted)}.sub-status-actions{display:flex;flex-wrap:wrap;gap:8px}.sub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:40px}@media (max-width:980px){.sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.sub-grid{grid-template-columns:1fr}}.sub-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 16px 16px;border-radius:20px;background:var(--sub-card);border:1px solid var(--sub-line);overflow:hidden;min-height:100%}.sub-card.is-highlight{border-color:rgba(212,175,55,0.45);box-shadow:0 12px 36px rgba(0,0,0,0.28)}.sub-card.tier-ultra{border-color:rgba(167,139,250,0.35)}.sub-card.is-current{outline:2px solid rgba(94,234,212,0.45)}.sub-ribbon{position:absolute;top:12px;inset-inline-end:12px;font-size:10px;font-weight:800;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#d4af37,#f3e5ab);color:#111}.sub-card-name{margin:0;font-size:1.35rem;font-weight:900;font-family:"Cairo",sans-serif}.sub-card-badge{margin:0;font-size:12px;color:var(--sub-muted)}.sub-price{display:flex;align-items:baseline;gap:4px;margin:4px 0 8px}.sub-price-value{font-size:1.75rem;font-weight:900}.sub-price-period{color:var(--sub-muted);font-size:13px}.sub-features{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px;flex:1;font-size:13px}.sub-features li.ok::before{content:"✓ ";color:var(--sub-plus);font-weight:800}.sub-features li.no{opacity:0.45}.sub-features li.no::before{content:"– "}.sub-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:12px;border:0;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,#5eead4,#2dd4bf);color:#042f2e;transition:transform 0.15s ease,filter 0.15s ease}.sub-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.sub-card.tier-prime .sub-btn,.sub-card.tier-ultra .sub-checkout{background:linear-gradient(135deg,#d4af37,#f3e5ab);color:#1a1408}.sub-card.tier-ultra .sub-btn{background:linear-gradient(135deg,#a78bfa,#c4b5fd);color:#1e1033}.sub-btn-muted{background:rgba(255,255,255,0.06);color:var(--sub-muted);cursor:default}.sub-btn-ghost,.sub-btn-trial{width:auto;padding:0 14px;background:rgba(255,255,255,0.06);color:#fff;border:1px solid var(--sub-line)}.sub-btn-trial{background:rgba(94,234,212,0.14);border-color:rgba(94,234,212,0.28)}.sub-compare h2{font-size:1.2rem;margin:0 0 14px;text-align:center}.sub-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--sub-line)}.sub-table{width:100%;border-collapse:collapse;min-width:640px;font-size:13px}.sub-table th,.sub-table td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--sub-line)}.sub-table th:first-child,.sub-table td:first-child{text-align:start}.sub-table th{background:rgba(255,255,255,0.03);font-weight:800}/*! === components/buttons.css === */ .btn,.btn-primary,.btn-secondary,.btn-ghost,.header-btn,.empty-state-btn,.subscribe-btn,.comment-submit-btn,.watch-now-btn,.hero-play-btn,.upload-btn-primary,.settings-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ds-control-height);padding-inline:16px;border-radius:var(--ds-radius);border:1px solid transparent;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.btn-primary,.header-btn-primary,.hero-play-btn,.watch-now-btn,.upload-btn-primary,.empty-state-btn,.subscribe-btn.subscribe,.comment-submit-btn,.settings-save-btn{background:var(--stream-accent);color:var(--md-sys-color-on-primary);border:none;box-shadow:0 2px 8px rgba(0,0,0,0.28)}.btn-primary:hover,.header-btn-primary:hover,.hero-play-btn:hover,.watch-now-btn:hover,.upload-btn-primary:hover,.empty-state-btn:hover,.subscribe-btn.subscribe:hover,.comment-submit-btn:hover,.settings-save-btn:hover{background:var(--stream-accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.32)}.btn-secondary,.subscribe-btn.subscribed{background:rgba(255,255,255,0.08);color:var(--stream-text);border-color:var(--stream-border)}.btn-secondary:hover{background:rgba(255,255,255,0.12)}.card,.settings-card-list>*,.video-card,.channel-stat-card{background:var(--stream-card);border:var(--ds-card-border);border-radius:var(--radius-lg);box-shadow:var(--ds-card-shadow)}/*! === design-system.css === */:root{--ds-radius:8px;--ds-radius-sm:6px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-card-border:1px solid var(--border-light);--ds-card-shadow:0 10px 28px rgba(3,10,18,.12);--ds-control-height:42px;--ds-page-width:1440px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea,select{font-family:"Cairo",sans-serif}body{font-weight:500;line-height:1.6;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.section-title,.page-title,.watch-title,.video-card-title,.channel-details h1{font-weight:700;letter-spacing:0}p,.text-muted,.video-card-meta,.video-card-channel,.section-link,.channel-desc,.comment-date{font-weight:400}svg[data-lucide],i[data-lucide] svg,.lucide{stroke-width:var(--icon-stroke,2);vector-effect:non-scaling-stroke}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary-dim);outline-offset:2px}.main-content{width:min(100%, var(--ds-page-width));margin-inline:auto;padding:var(--ds-space-5) clamp(16px, 3vw, 32px) calc(var(--ds-space-6) + 12px)}.btn,.btn-primary,.btn-secondary,.btn-ghost,.header-btn,.header-upload-btn,.empty-state-btn,.subscribe-btn,.comment-submit-btn,.watch-now-btn,.hero-play-btn,.upload-btn-primary,.upload-btn-draft,.settings-save-btn{min-height:var(--ds-control-height);border-radius:var(--ds-radius) !important;padding-inline:16px;font:inherit;font-size:13px;font-weight:700;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-primary,.header-btn-primary,.header-upload-btn,.hero-play-btn,.watch-now-btn,.upload-btn-primary,.empty-state-btn,.subscribe-btn.subscribe,.comment-submit-btn,.settings-save-btn{box-shadow:0 2px 8px rgba(0,0,0,0.28) !important}.btn-primary:hover,.header-btn-primary:hover,.header-upload-btn:hover,.hero-play-btn:hover,.watch-now-btn:hover,.upload-btn-primary:hover,.empty-state-btn:hover,.subscribe-btn.subscribe:hover,.comment-submit-btn:hover,.settings-save-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,0.32) !important;transform:translateY(-1px) !important}.btn:active,.header-btn:active,.header-upload-btn:active,.watch-now-btn:active,.hero-play-btn:active{transform:translateY(0) !important}.header-icon-btn,.user-dropdown-trigger,.watch-action-btn,.comment-action-btn,.comment-image-btn,.rank-details-close{border-radius:var(--ds-radius) !important}input:not ([type="checkbox"]):not ([type="radio"]):not ([type="file"]),textarea,select,.form-control,.upload-form-control,.settings-form-control,.settings-select,.settings-select-custom,.custom-select-trigger,.tags-text-input{min-height:var(--ds-control-height);border:1px solid var(--border) !important;border-radius:var(--ds-radius) !important;background:var(--surface-raised) !important;color:var(--text) !important;font:inherit;font-size:14px;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}textarea{min-height:110px;padding-block:11px;resize:vertical}input:not ([type="checkbox"]):not ([type="radio"]):not ([type="file"]):focus,textarea:focus,select:focus,.form-control:focus,.upload-form-control:focus,.settings-form-control:focus,.settings-select:focus,.settings-select-custom:focus,.custom-select-wrapper.open .custom-select-trigger{border-color:var(--primary) !important;box-shadow:0 0 0 3px var(--primary-dim) !important;outline:none}.video-card,.content-card,.settings-card,.auth-card,.watch-info,.comments-section,.watch-sidebar .ad-block,.form-container,.upload-section,.empty-state-box,.settings-premium-card,.premium-card-gradient,.channel-stat-card,.playlist-channel-card,.channel-about-section,.modal-box,.bottom-sheet-container,.user-dropdown{border:var(--ds-card-border) !important;border-radius:var(--ds-radius) !important;box-shadow:var(--ds-card-shadow) !important}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--text-muted);font-size:12px}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--border)}.google-auth-wrap{display:flex;justify-content:center;min-height:44px}.video-card,.channel-stat-card,.playlist-channel-card{overflow:hidden}.video-card:hover,.channel-stat-card:hover,.playlist-channel-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border)) !important;box-shadow:0 14px 30px rgba(3,10,18,.18) !important;transform:translateY(-3px)}.video-card-thumb-link,.video-card-thumb,.hero-thumb-wrapper,.hero-thumb,.watch-player,.watch-player video,.channel-banner,.channel-banner img,.playlist-channel-thumb,.upload-thumb-preview{border-radius:var(--ds-radius) !important}.section{margin-bottom:var(--ds-space-6)}.section-header{gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.section-title{font-size:20px;line-height:1.35}.section-link{font-size:13px;font-weight:700}.video-grid{gap:var(--ds-space-4);grid-template-columns:repeat(auto-fill,minmax(238px,1fr))}.scroll-row{gap:var(--ds-space-4);padding-bottom:var(--ds-space-1)}.category-filters{gap:var(--ds-space-2);margin-bottom:var(--ds-space-5);padding-block:var(--ds-space-2)}.category-filter,.filter-tab,.channel-cat,.channel-tab{min-height:38px;border-radius:var(--ds-radius) !important;padding:8px 14px;font-size:13px;font-weight:700}.hero-featured{min-height:340px;padding:clamp(20px, 3vw, 36px);gap:clamp(20px, 3vw, 40px);border:var(--ds-card-border) !important;border-radius:var(--ds-radius) !important;box-shadow:var(--ds-card-shadow) !important}.hero-title{font-size:clamp(25px, 3vw, 36px);line-height:1.25}.hero-desc{font-size:14px;line-height:1.8}.hero-thumb-wrapper{max-width:520px;width:100%}.channel-head{gap:var(--ds-space-4);margin-block:var(--ds-space-5) var(--ds-space-4)}.channel-avatar-large{border-radius:var(--ds-radius) !important}.channel-tabs{gap:var(--ds-space-2);margin-block:var(--ds-space-4)}.channel-stats-cards{gap:var(--ds-space-3)}.channel-stat-card{padding:var(--ds-space-4)}.channel-about-section{gap:var(--ds-space-5) !important;padding:var(--ds-space-5) !important}.header{min-height:64px}.header-inner{min-height:64px;gap:var(--ds-space-3)}.search-bar{min-height:44px;border-radius:999px !important}.search-bar input{min-height:36px}.search-bar .search-submit-btn{min-height:36px;border-radius:999px !important}.user-dropdown .dropdown-item{min-height:42px;padding-block:9px}html[data-color-mode="light"] .video-card,html[data-color-mode="light"] .content-card,html[data-color-mode="light"] .settings-card,html[data-color-mode="light"] .auth-card,html[data-color-mode="light"] .watch-info,html[data-color-mode="light"] .comments-section,html[data-color-mode="light"] .channel-stat-card,html[data-color-mode="light"] .playlist-channel-card,html[data-color-mode="light"] .channel-about-section,html[data-color-mode="light"] .modal-box,html[data-color-mode="light"] .user-dropdown{background:#fff !important;box-shadow:0 8px 24px rgba(35,53,82,.09) !important}html[data-color-mode="light"] .hero-featured{background:#fff !important;box-shadow:0 10px 28px rgba(35,53,82,.10) !important}@media (max-width:768px){.main-content{padding:var(--ds-space-4) 12px calc(86px + env(safe-area-inset-bottom))}.section{margin-bottom:var(--ds-space-5)}.section-header{margin-bottom:var(--ds-space-2)}.section-title{font-size:17px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scroll-row{gap:12px}.hero-featured{min-height:auto;padding:16px;gap:16px}.hero-title{font-size:23px}.hero-desc{font-size:13px}.hero-play-btn,.watch-now-btn{width:100%;justify-content:center}.category-filters{margin-inline:-12px;padding-inline:12px;margin-bottom:var(--ds-space-4)}.category-filter,.filter-tab,.channel-cat,.channel-tab{min-height:36px;padding:7px 12px;font-size:12px}.channel-head{align-items:flex-start;margin-block:var(--ds-space-4)}.channel-stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-info,.comments-section,.auth-card,.upload-section,.form-container{padding:var(--ds-space-4) !important}}@media (max-width:390px){.video-grid{gap:10px}.video-card-title{font-size:13px}.video-card-meta,.video-card-channel{font-size:11px}}@media (max-width:768px){html,body{width:100%;max-width:100%;overflow-x:hidden}.main-content,.section,.video-grid,.channel-video-grid,.playlist-channel-list,.settings-card,.auth-card,.upload-section,.form-container{max-width:100%}img,video,iframe,input,select,textarea{max-width:100%}}/*! === style.css === */:root{--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:var(--ds-card-shadow);--shadow-lg:0 12px 40px rgba(0,0,0,0.38);--shadow-xl:0 20px 52px rgba(0,0,0,0.42);--font:var(--font-body);--transition:0.3s cubic-bezier(0.25,0.8,0.25,1);--transition-fast:0.15s cubic-bezier(0.25,0.8,0.25,1);--header-h:70px;--bottom-h:64px}html[data-color-mode="light"]{color-scheme:light}html[data-color-mode="light"] body{color:var(--text);background:linear-gradient(180deg,#f9fbfe 0%,#f1f5fa 48%,#f8fafc 100%)}html[data-color-mode="light"] .header,html[data-color-mode="light"] .bottom-nav,html[data-color-mode="light"] .footer,html[data-color-mode="light"] .user-dropdown,html[data-color-mode="light"] .rank-details-panel{color:var(--text);background:rgba(255,255,255,.94) !important;border-color:var(--border) !important;box-shadow:0 8px 30px rgba(32,51,79,.12) !important}html[data-color-mode="light"] .header svg,html[data-color-mode="light"] .bottom-nav svg,html[data-color-mode="light"] .header-icon-btn,html[data-color-mode="light"] .bottom-nav-item,html[data-color-mode="light"] .rank-details-panel,html[data-color-mode="light"] .rank-details-panel p,html[data-color-mode="light"] .rank-details-kicker,html[data-color-mode="light"] .rank-details-progress-label{color:var(--text-secondary) !important}html[data-color-mode="light"] .video-card,html[data-color-mode="light"] .content-card,html[data-color-mode="light"] .settings-card,html[data-color-mode="light"] .settings-row-item,html[data-color-mode="light"] .xp-rank-card,html[data-color-mode="light"] .drawer-profile-header,html[data-color-mode="light"] .rank-details-stats>div{color:var(--text) !important;background:#fff !important;border-color:var(--border) !important}html[data-color-mode="light"] input,html[data-color-mode="light"] textarea,html[data-color-mode="light"] select,html[data-color-mode="light"] .search-bar input{color:var(--text) !important;background:#fff !important;border-color:var(--border) !important}html[data-color-mode="light"] .category-filters{background:#ffffff !important;border-block:1px solid var(--border) !important;box-shadow:0 2px 10px rgba(32,48,71,.05) !important}html[data-color-mode="light"] .category-filter,html[data-color-mode="light"] .category-btn,html[data-color-mode="light"] .filter-chip{color:#475569 !important;background:#f1f5f9 !important;border:1px solid #dde5ee !important}html[data-color-mode="light"] .category-filter.active,html[data-color-mode="light"] .category-btn.active,html[data-color-mode="light"] .filter-chip.active{color:#ffffff !important;background:var(--primary) !important;border-color:var(--primary) !important;box-shadow:0 4px 12px var(--primary-glow) !important}html[data-color-mode="light"] .video-card{box-shadow:0 4px 16px rgba(32,48,71,.08) !important}html[data-color-mode="light"] .hero-featured{background:#ffffff !important;border:1px solid var(--border) !important;box-shadow:0 8px 24px rgba(32,48,71,.10) !important}html[data-color-mode="light"] .hero-bg,html[data-color-mode="light"] .hero-overlay{display:none !important}html[data-color-mode="light"] .hero-content,html[data-color-mode="light"] .hero-title,html[data-color-mode="light"] .hero-desc,html[data-color-mode="light"] .hero-meta,html[data-color-mode="light"] .hero-stats{color:var(--text) !important}html[data-color-mode="light"] .hero-desc,html[data-color-mode="light"] .hero-stats,html[data-color-mode="light"] .hero-channel-name{color:var(--text-muted) !important}html[data-color-mode="light"] .hero-thumb-wrapper{border-color:var(--border) !important;box-shadow:none !important}body[data-rank-theme]{--primary:var(--rank-color);--primary-hover:color-mix(in srgb,var(--rank-color) 82%,#ffffff);--primary-glow:var(--rank-glow);--primary-dim:color-mix(in srgb,var(--rank-color) 14%,transparent);--rank-surface:color-mix(in srgb,var(--rank-color) 12%,var(--surface));--rank-surface-strong:color-mix(in srgb,var(--rank-color) 20%,var(--surface));--rank-border:color-mix(in srgb,var(--rank-color) 48%,var(--border));--rank-button-text:#101720}body[data-rank-theme] .header,body[data-rank-theme] .bottom-nav,body[data-rank-theme] .footer,body[data-rank-theme] .user-dropdown,body[data-rank-theme] .rank-details-panel{border-color:var(--rank-border) !important;box-shadow:0 8px 28px var(--rank-glow) !important}body[data-rank-theme] .header::after{display:none !important;content:none !important}body[data-rank-theme] .header-icon-btn:hover,body[data-rank-theme] .bottom-nav:not (.mol-nav) .bottom-nav-item:hover,body[data-rank-theme] .bottom-nav:not (.mol-nav) .bottom-nav-item.active,body[data-rank-theme] .settings-tab-btn.active,body[data-rank-theme] .settings-tab-btn:hover{color:var(--rank-color) !important;background:var(--primary-dim) !important}body[data-rank-theme] .bottom-nav:not (.mol-nav) .bottom-nav-item.active::before,body[data-rank-theme] .bottom-nav:not (.mol-nav) .bottom-nav-item.active::after{background:var(--rank-color) !important;box-shadow:0 0 12px var(--rank-glow) !important}body[data-rank-theme] .btn-primary,body[data-rank-theme] .header-upload-btn,body[data-rank-theme] .hero-play-btn,body[data-rank-theme] .watch-now-btn,body[data-rank-theme] .settings-save-btn,body[data-rank-theme] .subscribe-btn,body[data-rank-theme] .rank-details-link,body[data-rank-theme] .btn-submit,body[data-rank-theme] .upload-submit-btn,body[data-rank-theme] .comment-submit-btn{color:var(--rank-button-text) !important;background:var(--rank-gradient) !important;border-color:var(--rank-color) !important;box-shadow:0 5px 18px var(--rank-glow) !important}body[data-rank-theme] .btn-primary:hover,body[data-rank-theme] .header-upload-btn:hover,body[data-rank-theme] .hero-play-btn:hover,body[data-rank-theme] .watch-now-btn:hover,body[data-rank-theme] .settings-save-btn:hover,body[data-rank-theme] .subscribe-btn:hover,body[data-rank-theme] .rank-details-link:hover,body[data-rank-theme] .btn-submit:hover,body[data-rank-theme] .upload-submit-btn:hover,body[data-rank-theme] .comment-submit-btn:hover{filter:brightness(1.06) saturate(1.08);transform:translateY(-1px);box-shadow:0 9px 24px var(--rank-glow) !important}body[data-rank-theme] .video-card,body[data-rank-theme] .watch-info,body[data-rank-theme] .comments-section,body[data-rank-theme] .upload-section,body[data-rank-theme] .settings-section,body[data-rank-theme] .channel-head,body[data-rank-theme] .leaderboard-row,body[data-rank-theme] .leaderboard-me{border-color:var(--rank-border) !important}body[data-rank-theme] .video-card:hover,body[data-rank-theme] .leaderboard-row:hover,body[data-rank-theme] .settings-row-item:hover{border-color:var(--rank-color) !important;box-shadow:0 8px 24px var(--rank-glow) !important}body[data-rank-theme] .video-card-title:hover,body[data-rank-theme] a:not (.btn):not (.hero-thumb-wrapper):hover,body[data-rank-theme] .rank-username,body[data-rank-theme] .channel-rank-badge{color:var(--rank-color) !important}body[data-rank-theme] .header-avatar,body[data-rank-theme] .drawer-avatar,body[data-rank-theme] .rank-avatar,body[data-rank-theme] .channel-avatar-large,body[data-rank-theme] .video-card-avatar,body[data-rank-theme] .comment-avatar{border-color:var(--rank-color) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rank-color) 22%,transparent),0 0 15px var(--rank-glow) !important}body[data-rank-theme] .rank-progress-fill,body[data-rank-theme] [data-xp-progress],body[data-rank-theme] .progress-bar,body[data-rank-theme] .xp-progress-fill{background:var(--rank-gradient) !important;box-shadow:0 0 12px var(--rank-glow) !important}body[data-rank-theme] .badge,body[data-rank-theme] .hero-badge,body[data-rank-theme] .leader-rank-pill{border-color:var(--rank-color) !important}body[data-rank-theme] .modal-content,body[data-rank-theme] .toast,body[data-rank-theme] .dropdown-menu,body[data-rank-theme] .user-dropdown{border-color:var(--rank-border) !important}body[data-rank-theme="mythic"] .header::after,body[data-rank-theme="eternal"] .header::after,body[data-rank-theme="cosmic"] .header::after,body[data-rank-theme="molakhassat-god"] .header::after{display:none !important;content:none !important;animation:none !important}@keyframes rank-theme-flow{to{background-position:240% 0}}html[data-color-mode="light"] .rank-details-stats span,html[data-color-mode="light"] .rank-details-progress-label,html[data-color-mode="light"] .text-muted{color:var(--text-muted) !important}:root{--rank-color:#65d887;--rank-secondary:#d9ffe4;--rank-gradient:linear-gradient(135deg,#65d887,#d9ffe4);--rank-glow:rgba(101,216,135,.30)}.rank-themed,.rank-profile-border,.rank-avatar,.rank-username,.rank-progress-fill,.rank-icon-color{transition:color .45s ease,background .45s ease,border-color .45s ease,box-shadow .45s ease,filter .45s ease}.rank-themed.rank-animated,body[data-rank-theme="mythic"] .rank-current-theme,body[data-rank-theme="legend"] .rank-current-theme,body[data-rank-theme="immortal"] .rank-current-theme,body[data-rank-theme="titan"] .rank-current-theme,body[data-rank-theme="cosmic"] .rank-current-theme,body[data-rank-theme="eternal"] .rank-current-theme,body[data-rank-theme="molakhassat-god"] .rank-current-theme{background-image:var(--rank-gradient);background-size:240% 240%;animation:rank-gradient-shift 5s ease infinite}.rank-profile-border{border:2px solid var(--rank-color) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color) 14%,transparent),0 0 24px var(--rank-glow) !important}.rank-avatar{border:2px solid var(--rank-color) !important;box-shadow:0 0 18px var(--rank-glow) !important}.rank-username{color:var(--rank-color) !important;text-shadow:0 0 12px var(--rank-glow)}.rank-badge,.rank-icon-color{color:var(--rank-color) !important}.rank-badge{background:var(--rank-gradient) !important;background-size:180% 180% !important;color:#101010 !important;border:1px solid var(--rank-secondary) !important;box-shadow:0 0 16px var(--rank-glow)}.rank-progress-fill{background:var(--rank-gradient) !important;background-size:200% 200% !important;box-shadow:0 0 12px var(--rank-glow)}body[data-rank-theme="mythic"] .rank-progress-fill,body[data-rank-theme="legend"] .rank-progress-fill,body[data-rank-theme="immortal"] .rank-progress-fill,body[data-rank-theme="titan"] .rank-progress-fill,body[data-rank-theme="cosmic"] .rank-progress-fill,body[data-rank-theme="eternal"] .rank-progress-fill,body[data-rank-theme="molakhassat-god"] .rank-progress-fill,.rank-themed .rank-badge{animation:rank-gradient-shift 5s ease infinite}body[data-rank-theme="molakhassat-god"] .rank-current-theme,.rank-molakhassat-god{box-shadow:0 0 10px #f7cf57,0 0 28px rgba(247,207,87,.65),inset 0 0 14px rgba(247,207,87,.18)}@keyframes rank-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:-webkit-fill-available;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;overscroll-behavior:none;-webkit-text-size-adjust:100%;line-height:1.6;overflow-x:hidden}a{color:var(--text);text-decoration:none;transition:var(--transition)}input,select,textarea,button{font-family:var(--font)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#252525;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#353535}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);padding:0 40px;padding-top:env(safe-area-inset-top,0);height:calc(var(--header-h) + env(safe-area-inset-top, 0))}.header-inner{max-width:1560px;margin:0 auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;flex-shrink:0;transition:opacity 0.2s ease}.brand-logo:hover{opacity:0.9}.brand-logo img{width:36px;height:36px;object-fit:contain;display:block}.brand-logo span{font-family:"Cairo",sans-serif;font-size:24px;font-weight:800;color:#fff;line-height:1;letter-spacing:-0.5px}.brand-level-badge{display:inline-flex !important;align-items:center;gap:11px;min-height:48px;padding:0;border:0 !important;border-radius:0;position:relative;isolation:isolate;color:#fff !important;background:none !important;box-shadow:none !important;font-size:16px !important;font-weight:850 !important;letter-spacing:0 !important;white-space:nowrap}.brand-level-badge::before{content:none !important;display:none !important}.brand-level-badge .brand-level-emblem.xp-drawer-badge-wrap{position:relative !important;width:48px !important;height:48px !important;flex:0 0 48px !important;isolation:isolate;background:none !important;background-image:none !important;animation:none !important;box-shadow:none !important;border:0 !important}.brand-level-badge .brand-level-emblem .badge-aura{inset:-22% !important}.brand-level-badge .brand-level-emblem .xp-drawer-badge-ring.badge-ring{position:absolute !important;inset:0 !important;border-radius:12px !important;padding:2px !important;z-index:2}.brand-level-badge .brand-level-emblem .xp-rank-badge{position:absolute !important;inset:3px !important;display:grid !important;place-items:center !important;width:auto !important;height:auto !important;z-index:4;border-radius:10px !important;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rank-color) 18%,transparent),transparent 60%),#100C22 !important;border:1px solid color-mix(in srgb,var(--rank-color) 22%,transparent) !important;box-shadow:none !important}.brand-level-badge .brand-level-emblem .xp-rank-badge i,.brand-level-badge .brand-level-emblem .xp-rank-badge svg,.brand-level-badge .brand-level-emblem .xp-rank-badge [data-lucide]{width:20px !important;height:20px !important;color:var(--rank-color) !important;stroke:var(--rank-color) !important}.brand-level-meta{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;line-height:1.15}.brand-level-kicker{display:block;color:rgba(255,255,255,0.45);font-size:9px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}.brand-level-name,.brand-level-badge [data-rank-label]{display:block;color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;background-image:none !important;text-shadow:none !important;font-size:16px !important;font-weight:850 !important;letter-spacing:0 !important;line-height:1.15 !important}.brand-level-trigger{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.brand-level-trigger:focus-visible{outline:2px solid var(--rank-secondary,#fff);outline-offset:4px;border-radius:12px}.rank-details-backdrop{position:fixed;inset:0;z-index:1080;background:rgba(0,0,0,.46);opacity:0;pointer-events:none;transition:opacity .2s ease}.rank-details-backdrop.open{opacity:1;pointer-events:auto}.rank-details-panel{position:fixed;top:74px;right:max(18px, calc((100vw - 1440px) / 2 + 18px));z-index:1081;width:min(370px, calc(100vw - 36px));padding:22px;border:1px solid color-mix(in srgb,var(--rank-color,#65d887) 52%,rgba(255,255,255,.2));border-radius:12px;color:#fff;background:linear-gradient(155deg,color-mix(in srgb,var(--rank-color,#65d887) 18%,#151a21),#10141b 64%);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 34px var(--rank-glow,rgba(101,216,135,.2));opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.rank-details-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.rank-details-close{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#dbe6f4;background:rgba(255,255,255,.06);cursor:pointer}.rank-details-close svg{width:17px;height:17px}.rank-details-hero{display:flex;align-items:center;gap:13px;padding-left:38px}.rank-details-emblem{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border:1px solid rgba(255,255,255,.32);border-radius:50%;font-size:28px;background:var(--rank-gradient,linear-gradient(135deg,#65d887,#d9ffe4));box-shadow:0 0 20px var(--rank-glow)}.rank-details-kicker{display:block;margin-bottom:2px;color:#b7c2d2;font-size:11px;font-weight:700}.rank-details-hero h2{margin:0;color:var(--rank-secondary,#fff);font-size:21px;font-weight:900;letter-spacing:0}.rank-details-hero p{margin:3px 0 0;color:#d9e2ed;font-size:12px}.rank-details-progress-label{display:flex;justify-content:space-between;gap:8px;margin:21px 0 8px;color:#c7d0dc;font-size:11px}.rank-details-progress-label b{color:var(--rank-secondary,#fff);white-space:nowrap}.rank-details-progress{height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.rank-details-progress>span{display:block;height:100%;border-radius:inherit;background:var(--rank-gradient,linear-gradient(135deg,#65d887,#d9ffe4));box-shadow:0 0 13px var(--rank-glow);transition:width .35s ease}.rank-details-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:19px 0 16px}.rank-details-stats>div{min-width:0;padding:11px 5px;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:center;background:rgba(255,255,255,.045)}.rank-details-stats svg{width:15px;height:15px;margin-bottom:4px;color:var(--rank-secondary,#fff)}.rank-details-stats strong,.rank-details-stats span{display:block}.rank-details-stats strong{font-size:15px;line-height:1.15}.rank-details-stats span{overflow:hidden;margin-top:4px;color:#abb8c8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.rank-details-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border-radius:8px;color:#0d151d;background:var(--rank-gradient,linear-gradient(135deg,#65d887,#d9ffe4));font-size:12px;font-weight:900;text-decoration:none}.rank-details-link svg{width:15px;height:15px}.search-bar{flex:1;max-width:600px;display:flex;position:relative;box-shadow:0 2px 10px rgba(0,0,0,0.3)}.search-bar input{flex:1;padding:0 24px;height:46px;border:1px solid var(--border);border-radius:0 30px 30px 0;background:rgba(255,255,255,0.04);color:var(--text);font-size:14px;outline:none;transition:var(--transition)}.search-bar input:focus{border-color:var(--primary);background:rgba(255,255,255,0.08);box-shadow:0 0 15px rgba(124,77,255,0.15)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar button.search-submit-btn{width:38px;height:36px;border:none;border-radius:999px;background:var(--stream-accent);color:var(--md-sys-color-on-primary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-bar button.search-submit-btn:hover{background:var(--stream-accent-hover);color:var(--md-sys-color-on-primary);border-color:transparent}.search-bar button.search-voice-btn,.search-bar button.search-back-btn{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.header-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);background:rgba(255,255,255,0.05);border:1px solid var(--border-light);transition:var(--transition)}.header-icon-btn:hover{background:rgba(255,255,255,0.1);color:var(--text);transform:translateY(-1px);border-color:var(--border)}.header-btn{padding:10px 24px;border-radius:30px;font-size:14px;font-weight:700;transition:var(--transition);white-space:nowrap;color:var(--text);border:1px solid var(--border);background:transparent}.header-btn:hover{background:rgba(255,255,255,0.08);border-color:var(--text-secondary)}.header-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px rgba(124,77,255,0.4)}.header-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 20px rgba(124,77,255,0.6);transform:translateY(-1px)}.user-dropdown-wrapper{position:relative}.user-dropdown-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px 6px 6px;border-radius:30px;transition:var(--transition);background:rgba(255,255,255,0.05);border:1px solid var(--border-light);color:var(--text)}.user-dropdown-trigger:hover{background:rgba(255,255,255,0.1);border-color:var(--primary)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:var(--transition)}.user-dropdown-trigger:hover .header-avatar{border-color:var(--primary)}.dropdown-chevron{transition:var(--transition);color:var(--text-secondary)}.user-dropdown-trigger[aria-expanded="true"] .dropdown-chevron,.user-dropdown.open+.user-dropdown-trigger .dropdown-chevron{transform:rotate(180deg)}.dropdown-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast)}.dropdown-item:hover{background:rgba(255,255,255,0.08);color:var(--text);transform:translateX(-4px)}.dropdown-item svg{flex-shrink:0;width:18px;height:18px;color:var(--text-muted);transition:var(--transition-fast)}.dropdown-item:hover svg{color:var(--primary)}.dropdown-item-danger{color:var(--error)}.dropdown-item-danger:hover{background:rgba(233,33,43,0.1);color:var(--error)}.dropdown-item-danger:hover svg{color:var(--error)}.dropdown-divider{height:1px;background:var(--border-light);margin:6px 0}.main-content{flex:1;max-width:1600px;margin:0 auto;padding:40px;width:100%}.flash-message{padding:16px 24px;border-radius:var(--radius-sm);margin-bottom:24px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:12px;animation:flashIn 0.3s cubic-bezier(0.25,0.8,0.25,1);box-shadow:var(--shadow)}@keyframes flashIn{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.flash-message.success{background:rgba(29,185,84,0.1);color:var(--success);border:1px solid rgba(29,185,84,0.2)}.flash-message.error{background:rgba(233,33,43,0.1);color:var(--error);border:1px solid rgba(233,33,43,0.2)}.flash-message.info{background:rgba(45,156,219,0.1);color:var(--info);border:1px solid rgba(45,156,219,0.2)}.footer{background:#080808;border-top:1px solid var(--border);padding:30px 20px;text-align:center;color:var(--text-muted);font-size:13px;font-weight:500;margin-top:auto;letter-spacing:0.5px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.video-card{background:transparent;border-radius:var(--radius);overflow:visible;transition:var(--transition);position:relative;display:flex;flex-direction:column;gap:12px}.video-card:hover{transform:translateY(-6px)}.video-card-thumb-link{display:block;width:100%;border-radius:18px;overflow:hidden;position:relative;background:#000;box-shadow:0 6px 28px rgba(0,0,0,0.55);aspect-ratio:16 / 9}.video-card-thumb{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;aspect-ratio:auto}.video-card-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.video-card:hover .video-card-thumb img{transform:translateY(-2px)}.video-card-gradient{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(transparent 0%,rgba(0,0,0,0.75) 85%,rgba(0,0,0,0.92) 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity 0.4s ease}.video-card:hover .video-card-gradient{opacity:1}.video-card-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.95);color:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;transition:all 0.35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 4px 20px rgba(0,0,0,0.5);cursor:pointer}.video-card:hover .video-card-play-btn,.video-card-thumb-link:focus .video-card-play-btn{opacity:1;transform:translate(-50%,-50%)}.video-card-play-btn svg,.video-card-play-btn [data-lucide]{width:var(--icon-size-md,22px) !important;height:var(--icon-size-md,22px) !important;margin-inline-start:2px;fill:currentColor;stroke:currentColor}.video-card-play-btn::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);animation:video-card-ripple 2s ease-out infinite}@keyframes video-card-ripple{0%{opacity:1}100%{opacity:0}}.video-card-duration{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,0.8);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;z-index:2;letter-spacing:0.3px;direction:ltr}.video-card-prime-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#d4af37,#f3e5ab);color:#1a1200;font-size:9px;font-weight:800;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;z-index:2;box-shadow:0 2px 10px rgba(212,175,55,0.3)}.video-card-prime-badge svg{width:9px;height:9px;flex-shrink:0}.video-card-details{display:flex;gap:10px;padding:0 4px;align-items:flex-start}.video-card-avatar-link{flex-shrink:0;display:block;width:36px;height:36px;min-width:36px;overflow:hidden;border-radius:50%}.video-card-avatar{width:36px;height:36px;max-width:36px;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(255,255,255,0.06);transition:var(--transition)}.video-card-avatar:hover{border-color:var(--accent);transform:translateY(-1px)}.video-card-text{flex:1;min-width:0;display:flex;flex-direction:column}.video-card-title{font-size:15px;font-weight:700;margin-bottom:5px;line-height:1.4}.video-card-title a{color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-title a:hover{color:var(--accent)}.video-card-channel{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:3px;display:inline-block}.video-card-channel:hover{color:var(--text)}.video-card-meta{font-size:12px;color:var(--text-muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-weight:600}.video-card-rating{display:inline-flex;align-items:center;gap:3px;color:var(--star)}.category-filters{display:flex;gap:12px;margin-bottom:36px;overflow-x:auto;flex-wrap:nowrap;padding:4px 4px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{display:none}.category-filter,.filter-tab{padding:10px 24px;border-radius:30px;background:var(--surface);color:var(--text-secondary);font-size:14px;font-weight:700;transition:var(--transition);white-space:nowrap;border:1px solid var(--border);display:flex;align-items:center;gap:8px;cursor:pointer}.category-filter:hover,.filter-tab:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted);transform:translateY(-1px)}.category-filter.active,.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow)}.hero-featured{position:relative;width:100%;min-height:480px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:50px;display:flex;align-items:center;padding:60px;gap:60px;background:var(--surface);box-shadow:var(--shadow-lg)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(50px) brightness(0.1);transform:translateY(-1px);z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(5,5,5,0.8) 0%,rgba(5,5,5,0.95) 100%);z-index:2}.hero-content{flex:1.2;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}.hero-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:800;padding:6px 16px;border-radius:4px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 10px rgba(124,77,255,0.4)}.hero-title{font-size:40px;font-weight:900;color:#fff;line-height:1.25;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.5)}.hero-desc{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.hero-channel{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:14px}.hero-channel:hover{color:var(--primary-hover)}.hero-channel-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.hero-stats{font-size:13px;color:var(--text-muted);font-weight:600}.hero-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;padding:16px 40px;border-radius:40px;font-size:16px;font-weight:800;background:#fff;color:#000;box-shadow:var(--shadow);transition:var(--transition)}.hero-play-btn:hover{background:var(--primary);color:#fff;box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.hero-thumb-wrapper{flex:0.8;position:relative;z-index:3;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;display:block;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,0.1);transition:var(--transition)}.hero-thumb-wrapper:hover{transform:translateY(-1px);border-color:var(--primary)}.hero-thumb{width:100%;height:100%;object-fit:cover;display:block}.hero-play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px rgba(0,0,0,0.5);transition:var(--transition)}.hero-thumb-wrapper:hover .hero-play-badge{transform:translate(-50%,-50%);background:var(--primary-hover)}.section{margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title{font-size:20px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px;letter-spacing:-0.5px;margin:0;min-width:0}.section-link{font-size:13px;color:var(--text-muted);transition:var(--transition);font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;opacity:0.85}.section-link:hover{color:var(--primary-hover);opacity:1}.scroll-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0 -4px}.scroll-row::-webkit-scrollbar{display:none}.scroll-row .video-card{width:280px;min-width:240px;flex:0 0 280px;flex-shrink:0;scroll-snap-align:start}.section-creators{margin-bottom:40px}.creators-scroll{display:flex;gap:24px;overflow-x:auto;padding:4px 4px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.creators-scroll::-webkit-scrollbar{display:none}.creator-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:90px;text-align:center;transition:var(--transition)}.creator-item:hover{transform:translateY(-4px)}.creator-avatar-wrap{width:72px;height:72px;border-radius:50%;padding:3px;background:transparent;border:2px solid var(--border-light);transition:var(--transition)}.creator-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.creator-item:hover .creator-avatar-wrap{border-color:var(--primary);box-shadow:0 0 15px rgba(124,77,255,0.3)}.creator-name{font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.creator-item:hover .creator-name{color:var(--text)}.empty-state{text-align:center;padding:80px 20px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.empty-icon{font-size:60px;margin-bottom:16px;opacity:0.3}.empty-state h3{font-size:20px;font-weight:700;color:var(--text-secondary)}.form-container{max-width:500px;margin:60px auto;background:var(--surface);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.form-container h1{font-size:28px;font-weight:800;margin-bottom:30px;text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:14px;outline:none;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:rgba(255,255,255,0.02);box-shadow:0 0 10px rgba(124,77,255,0.1)}.form-group textarea{min-height:120px;resize:vertical}.form-group .error{color:var(--error);font-size:12px;margin-top:6px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:none;border-radius:30px;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);touch-action:manipulation;min-height:46px}.btn-primary{background:var(--primary);color:#fff;width:100%;box-shadow:0 4px 12px rgba(124,77,255,0.2)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px rgba(124,77,255,0.3);transform:translateY(-1.5px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,0.08);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:8px 16px;min-height:auto}.btn-ghost:hover{background:rgba(255,255,255,0.08);color:var(--text)}.btn-danger{background:rgba(233,33,43,0.1);color:var(--error);border:1px solid rgba(233,33,43,0.2)}.btn-danger:hover{background:var(--error);color:#fff;border-color:var(--error);box-shadow:0 4px 15px rgba(233,33,43,0.3)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:16px}.page-header h1{font-size:28px;font-weight:800}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:48px;padding:20px 0}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-page,.pagination-current,.pagination-dots{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:50%;font-size:14px;font-weight:700;transition:var(--transition)}.pagination-page{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border)}.pagination-page:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-secondary)}.pagination-current{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border:1px solid var(--primary)}.pagination-dots{color:var(--text-muted);background:none}.error-page{text-align:center;padding:100px 20px}.error-page .error-code{font-size:120px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:12px;text-shadow:0 0 30px rgba(124,77,255,0.3)}.error-page .error-icon{font-size:72px;margin-bottom:20px}.error-page h2{font-size:28px;margin-bottom:12px}.error-page p{font-size:16px;color:var(--text-secondary);margin-bottom:30px}.watch-layout{display:grid;grid-template-columns:1fr minmax(320px,400px);gap:36px;align-items:start}.watch-primary{display:flex;flex-direction:column;gap:14px}.watch-player{width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:var(--shadow-xl);border:1px solid var(--border)}.watch-player video{width:100%;height:100%;display:block}.watch-info{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-top:14px;max-width:100%;min-width:0}.watch-title{font-size:22px;font-weight:800;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;margin:0 0 16px;line-height:1.4}.watch-actions-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);max-width:100%;min-width:0}.watch-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-secondary);font-weight:600}.watch-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}.watch-actions::-webkit-scrollbar{display:none}.playlist-add-wrapper{flex-shrink:0;display:inline-flex}.watch-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:36px;border-radius:18px;border:none;background:rgba(255,255,255,0.06);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition);touch-action:manipulation;white-space:nowrap;flex-shrink:0}.watch-action-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.watch-action-btn.liked{background:var(--primary-dim);color:var(--primary);border-color:rgba(124,77,255,0.3);box-shadow:0 0 10px rgba(124,77,255,0.1)}.watch-action-btn.disliked{background:rgba(255,255,255,0.15);color:#fff}.like-dislike-pill{display:inline-flex;align-items:center;background:rgba(255,255,255,0.06);border-radius:18px;overflow:hidden;height:36px;flex-shrink:0}.like-dislike-pill .watch-action-btn{background:transparent !important;border-radius:0 !important;border:none !important;box-shadow:none !important;height:100% !important;padding:0 14px !important;margin:0 !important}.like-dislike-pill .watch-action-btn:hover{background:rgba(255,255,255,0.06) !important}.like-dislike-pill .watch-action-btn.liked{color:var(--primary) !important}.like-dislike-pill .watch-action-btn.disliked{color:var(--primary) !important}.pill-divider{width:1px;height:20px;background:rgba(255,255,255,0.15)}.watch-action-btn svg{transition:var(--transition)}.watch-action-btn.liked svg,.watch-action-btn.disliked svg{fill:currentColor}.watch-action-btn:active,.subscribe-btn:active,.star:active{transform:translateY(1px)}.watch-action-btn.liked svg,.watch-action-btn.disliked svg{animation:popScale 0.3s ease-out}@keyframes popScale{0%{opacity:1}50%{opacity:.85}100%{opacity:1}}.watch-channel-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 20px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.watch-channel{display:flex;align-items:center;gap:14px;color:var(--text)}.watch-channel:hover .watch-channel-name{color:var(--primary-hover)}.watch-channel-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.watch-channel-info{display:flex;flex-direction:column}.watch-channel-name{font-weight:800;font-size:16px;transition:var(--transition)}.watch-channel-subs{font-size:13px;color:var(--text-muted);margin-top:2px;font-weight:600}.watch-description-wrapper{background:rgba(255,255,255,0.03);padding:16px 20px;border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-bottom:24px}.watch-description{font-size:14px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.watch-description.collapsed{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.desc-expand-btn{display:none;background:none;border:none;color:var(--primary);font-weight:700;font-size:13px;cursor:pointer;padding:6px 0 0 0;font-family:inherit;width:100%;text-align:right}[dir="ltr"] .desc-expand-btn{text-align:left}.watch-rating{margin:20px 0;padding:16px;background:rgba(255,255,255,0.02);border-radius:var(--radius-sm);border:1px solid var(--border-light);display:flex;align-items:center;flex-wrap:wrap;gap:12px}.like-btn,.subscribe-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);touch-action:manipulation;min-height:40px;border:1px solid var(--border)}.like-btn{background:rgba(255,255,255,0.05);color:var(--text)}.like-btn:hover{background:rgba(255,255,255,0.12);border-color:var(--text-secondary)}.like-btn.liked{background:var(--primary-dim);color:var(--primary);border-color:rgba(124,77,255,0.3)}.subscribe-btn.subscribe{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(124,77,255,0.15)}.subscribe-btn.subscribe:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 6px 16px rgba(124,77,255,0.25);transform:translateY(-1px)}.subscribe-btn.subscribed{background:transparent;color:var(--text-secondary);border-color:var(--border)}.subscribe-btn.subscribed:hover{background:rgba(255,255,255,0.08);color:var(--text)}.stars{display:inline-flex;align-items:center;gap:6px;direction:ltr}.star{font-size:26px;cursor:pointer;color:#2b2b2b;transition:var(--transition-fast)}.star.filled,.star:hover{color:var(--star);text-shadow:0 0 10px rgba(255,184,0,0.4)}.rating-text{font-size:14px;color:var(--text-secondary);margin-right:12px;font-weight:700}.comments-section{margin-top:24px;background:var(--surface);padding:30px;border-radius:var(--radius);border:1px solid var(--border);max-width:100%;min-width:0}.comments-title{font-size:18px;font-weight:800;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:12px}.comment-form{margin-bottom:32px}.comment-form-row{display:flex;gap:16px;align-items:flex-start}.comment-form-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.comment-form-row textarea{flex:1;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:14px;outline:none;resize:vertical;min-height:80px;transition:var(--transition)}.comment-form-row textarea:focus{border-color:var(--primary);box-shadow:0 0 10px rgba(124,77,255,0.1)}.comment-form-footer{display:flex;gap:12px;align-items:center;margin-top:14px;justify-content:space-between;flex-wrap:wrap}.comment-image-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:700;background:rgba(255,255,255,0.05);color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition)}.comment-image-btn:hover{background:rgba(255,255,255,0.1);color:var(--text)}.comment-image-btn.has-file{background:var(--primary-dim);color:var(--primary);border-color:rgba(124,77,255,0.3)}.comment-submit-btn{padding:10px 28px;border-radius:30px;font-size:14px;font-weight:700;border:none;background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);box-shadow:0 4px 10px rgba(124,77,255,0.15)}.comment-submit-btn:hover{background:var(--primary-hover);box-shadow:0 6px 12px rgba(124,77,255,0.25)}.comments-list{display:flex;flex-direction:column}.comment{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid var(--border-light)}.comment:last-child{border-bottom:none}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border-light)}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.comment-username{font-size:14px;font-weight:700;color:var(--text)}.comment-date{font-size:12px;color:var(--text-muted);font-weight:600}.comment-content{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.comment-image{max-width:240px;max-height:240px;border-radius:var(--radius-sm);margin-top:8px;object-fit:cover;border:1px solid var(--border);box-shadow:var(--shadow)}.comment-actions{display:flex;gap:8px;margin-top:6px}.comment-action-btn{font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;background:none;border:none;padding:6px 12px;border-radius:4px;transition:var(--transition-fast)}.comment-action-btn:hover{background:rgba(255,255,255,0.06);color:var(--text-secondary)}.comment-action-btn.danger:hover{color:var(--error);background:rgba(233,33,43,0.08)}.comment-reply{margin-inline-start:56px;padding-inline-start:16px;border-inline-start:2px solid var(--border-light);border-bottom:none;padding-bottom:0;padding-top:16px}.reply-form{display:flex;gap:10px;margin-top:12px;margin-inline-start:56px}.reply-form textarea{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px;outline:none;min-height:40px;resize:vertical;transition:var(--transition)}.reply-form textarea:focus{border-color:var(--primary)}.comments-empty{color:var(--text-muted);font-size:15px;text-align:center;padding:50px 0;font-weight:600}.watch-sidebar{display:flex;flex-direction:column}.sidebar-title{font-size:18px;font-weight:800;margin-bottom:20px;padding-right:4px}.sidebar-list{display:flex;flex-direction:column;gap:12px}.sidebar-video{display:flex;gap:14px;padding:8px;border-radius:var(--radius);transition:var(--transition);border:1px solid transparent}.sidebar-video:hover{background:var(--surface);border-color:var(--border-light)}.sidebar-video-thumb{width:140px;min-width:140px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;aspect-ratio:16/9;border:1px solid var(--border-light)}.sidebar-video-thumb img{width:100%;height:100%;display:block;object-fit:cover}.sidebar-video-info{flex:1;min-width:0}.sidebar-video-title{font-size:14px;font-weight:700;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-video-channel{font-size:12px;font-weight:600;color:var(--text-secondary)}.sidebar-video-meta{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:600}.sidebar-empty{color:var(--text-muted);font-size:14px;padding:20px 8px;text-align:center}.search-page-form{display:flex;max-width:600px;margin:0 auto}.search-page-form input{flex:1;padding:14px 20px;border:1px solid var(--border);border-radius:0 30px 30px 0;background:var(--surface);color:var(--text);font-size:16px;outline:none;transition:var(--transition)}.search-page-form input:focus{border-color:var(--primary);background:var(--surface-hover)}.search-page-form button{width:64px;height:52px;border:1px solid var(--border);border-left:none;border-radius:30px 0 0 30px;background:var(--primary);color:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.search-page-form button:hover{background:var(--primary-hover)}.search-filters-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0 24px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.sort-options{display:flex;gap:8px;flex-wrap:wrap}.sort-btn{padding:8px 18px;border-radius:30px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:700;text-decoration:none;transition:var(--transition);white-space:nowrap;border:1px solid var(--border)}.sort-btn:hover{background:var(--surface-hover);color:var(--text)}.sort-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-results-info{margin:12px 0 24px;font-size:14px;color:var(--text-secondary);font-weight:600}.search-results-list{display:flex;flex-direction:column;gap:20px}.search-result-item{display:flex;gap:24px;padding:16px;background:rgba(255,255,255,0.02);border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition)}.search-result-item:hover{background:var(--surface);border-color:var(--border);transform:translateY(-2px)}.search-result-thumb{flex-shrink:0;width:240px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light)}.search-result-thumb img{width:100%;height:100%;object-fit:cover}.search-result-info{flex:1;min-width:0}.search-result-title{font-size:18px;font-weight:800;margin-bottom:8px;line-height:1.4}.search-result-title a:hover{color:var(--primary)}.search-result-meta{display:flex;gap:12px;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.search-result-channel{font-size:13px;color:var(--text-secondary);margin-bottom:12px;font-weight:700}.search-result-desc{font-size:13px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-banner{position:relative;width:100%;height:120px;overflow:hidden;border-radius:var(--radius-lg);margin-bottom:10px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.channel-banner img{width:100%;height:100%;object-fit:cover}.channel-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,rgba(5,5,5,0.95))}.channel-head{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px;padding:0 20px}.channel-avatar-large{width:110px;height:110px;border-radius:50%;object-fit:cover;flex-shrink:0;border:4px solid var(--bg);box-shadow:var(--shadow-lg);z-index:10;margin-top:-55px;position:relative}.channel-details{flex:1}.channel-details h1{font-size:24px;font-weight:900;margin-bottom:6px}.channel-details .channel-desc{color:var(--text-secondary);font-size:14px;margin-bottom:12px;line-height:1.6}.channel-stats{display:flex;gap:20px;font-size:14px;color:var(--text-muted);margin-bottom:16px;font-weight:700}.channel-actions{display:flex;gap:12px;align-items:center}.channel-cats{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.channel-cats::-webkit-scrollbar{display:none}.channel-cat{padding:8px 16px;border-radius:20px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:700;white-space:nowrap;border:1px solid var(--border);flex-shrink:0;transition:var(--transition)}.channel-cat:hover{background:var(--surface-hover);color:var(--text)}.channel-cat.active{background:var(--primary);color:#fff;border-color:var(--primary)}.channel-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.channel-inline-search{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:0 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.channel-inline-search>svg{width:18px;height:18px;color:var(--text-muted);flex:0 0 18px}.channel-inline-search input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font:inherit}.channel-inline-search a{display:grid;place-items:center;color:var(--text-muted)}.channel-inline-search a svg{width:17px;height:17px}@media (max-width:768px){.yt-mobile-owner-dashboard~.channel-inline-search{display:none !important}.channel-inline-search{border-radius:14px;margin-bottom:12px}}@media (max-width:768px){.yt-mobile-owner-dashboard{padding:12px 12px 16px !important;overflow:hidden !important;border-radius:24px !important;background:linear-gradient(180deg,#0d1320 0%,#080d17 100%) !important;border-color:color-mix(in srgb,var(--rank-color) 34%,rgba(255,255,255,.1)) !important;box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 28px var(--rank-glow) !important}.yt-mobile-owner-dashboard::after{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%) !important}.yt-mobile-owner-dashboard .yt-mobile-channel-bg{position:relative !important;inset:auto !important;z-index:0 !important;width:calc(100% + 24px) !important;height:138px !important;margin:-12px -12px 0 !important;overflow:hidden !important;opacity:1 !important;filter:none !important;border-radius:24px 24px 22px 22px !important;background:#111827 !important}.yt-mobile-owner-dashboard .yt-mobile-channel-bg img{width:112% !important;max-width:none !important;height:112% !important;object-fit:cover !important;animation:account-cover-drift 14s ease-in-out infinite alternate;transform-origin:center}.yt-mobile-owner-dashboard .yt-mobile-channel-bg::after{background:linear-gradient(180deg,rgba(4,8,16,.16),rgba(4,8,16,.74)),linear-gradient(90deg,rgba(4,8,16,.35),transparent 50%,rgba(4,8,16,.35)) !important}@keyframes account-cover-drift{from{transform:translate3d(-2%,-2%,0)}to{transform:translate3d(2%,1%,0)}}.yt-mobile-owner-dashboard .yt-mobile-account-actions{position:absolute !important;top:10px !important;inset-inline:10px !important;z-index:30 !important;min-height:40px !important;margin:0 !important;padding:4px !important;border:0 !important;background:transparent !important;backdrop-filter:none !important}.yt-mobile-owner-dashboard .yt-mobile-icon-action,.yt-mobile-owner-dashboard .yt-mobile-account-pill{min-height:38px !important;height:38px !important;color:#fff !important;background:rgba(6,10,18,.68) !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:0 8px 20px rgba(0,0,0,.22) !important;backdrop-filter:blur(12px) !important}.yt-mobile-owner-dashboard .yt-mobile-icon-action{width:38px !important;flex-basis:38px !important;border-radius:12px !important}.yt-mobile-owner-dashboard .yt-mobile-account-pill{padding-inline:11px !important;font-size:12px !important}.account-mobile-profile{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin:-46px 0 0;padding:0 10px 14px;text-align:center}.account-mobile-avatar{width:94px !important;height:94px !important;max-width:none !important;border-radius:50% !important;object-fit:cover !important;background:#0b111b;border:3px solid color-mix(in srgb,var(--rank-color) 78%,#fff) !important;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 26px var(--rank-glow) !important}.account-mobile-identity{width:100%;min-width:0;margin-top:10px}.account-mobile-name-row{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.account-mobile-name-row h1{min-width:0;margin:0;overflow:hidden;color:#fff;font-size:clamp(22px, 7.3vw, 30px);font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.account-mobile-prime{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;color:#171100;background:linear-gradient(135deg,#f8d85b,#fff0a5);font-size:9px;font-weight:900}.account-mobile-prime svg{width:10px;height:10px;fill:currentColor}.account-mobile-handle{margin-top:2px;color:rgba(226,232,240,.65);font-size:11.5px;font-weight:700}.account-mobile-rank{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--rank-color) 55%,rgba(255,255,255,.12));border-radius:999px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--rank-color) 20%,rgba(255,255,255,.05)),rgba(255,255,255,.04));box-shadow:0 8px 20px var(--rank-glow);font-size:10.5px}.account-mobile-rank strong{font-weight:900}.account-mobile-rank small{color:rgba(255,255,255,.72);font-weight:800}.account-mobile-xp-head{display:flex;align-items:center;justify-content:space-between;margin:11px 2px 5px;color:rgba(226,232,240,.72);font-size:10px;font-weight:750}.account-mobile-xp-head b{color:var(--rank-color);font-size:10.5px}.account-mobile-xp,.account-mobile-watch-progress{width:100%;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}.account-mobile-xp{height:7px}.account-mobile-xp>span,.account-mobile-watch-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rank-color),var(--rank-secondary));box-shadow:0 0 12px var(--rank-glow)}.account-mobile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 4px}.account-mobile-stats>div{min-width:0;display:grid;justify-items:center;gap:3px;padding:8px 2px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.04)}.account-mobile-stats svg{width:17px;height:17px;color:color-mix(in srgb,var(--rank-color) 64%,#fff)}.account-mobile-stats strong{color:#fff;font-size:13px;line-height:1}.account-mobile-stats span{color:rgba(226,232,240,.62);font-size:8.5px;font-weight:700;white-space:nowrap}.account-mobile-divider{height:1px;margin:13px -2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.account-mobile-continue h2{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#fff;font-size:14px;font-weight:900}.account-mobile-continue h2 svg{width:17px;height:17px;color:var(--rank-color);fill:color-mix(in srgb,var(--rank-color) 25%,transparent)}.account-mobile-continue-card{display:grid;grid-template-columns:90px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:15px;color:#fff;background:rgba(255,255,255,.045)}.account-mobile-continue-card>img{width:90px !important;height:54px !important;border-radius:10px;object-fit:cover}.account-mobile-continue-card>div{min-width:0}.account-mobile-continue-card strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;font-weight:850;line-height:1.35}.account-mobile-watch-progress{height:5px;margin-top:7px}.account-mobile-continue-card small{display:block;margin-top:3px;color:rgba(226,232,240,.58);font-size:8.5px}.account-mobile-continue-card>svg{width:18px;height:18px;color:rgba(226,232,240,.55)}.account-mobile-continue-empty{min-height:64px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px dashed rgba(255,255,255,.12);border-radius:15px;color:rgba(226,232,240,.62);background:rgba(255,255,255,.025);font-size:10.5px;font-weight:750;text-align:center}.account-mobile-continue-empty svg{width:22px;height:22px;color:var(--rank-color)}.account-mobile-upload{min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid color-mix(in srgb,var(--rank-color) 48%,rgba(255,255,255,.12));border-radius:15px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--rank-color) 24%,#121926),rgba(255,255,255,.05));box-shadow:0 10px 24px color-mix(in srgb,var(--rank-glow) 65%,transparent);font-size:13.5px;font-weight:900}.account-mobile-upload svg{width:24px;height:24px;padding:4px;border-radius:8px;background:rgba(255,255,255,.1)}.account-mobile-links{display:grid;gap:7px}.account-mobile-links a{--link-color:#a66cff;min-height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--link-color) 28%,rgba(255,255,255,.08));border-radius:14px;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--link-color) 13%,rgba(255,255,255,.035)),rgba(255,255,255,.025));font-size:13px;font-weight:850}.account-mobile-links a>svg:first-child{width:30px;height:30px;padding:6px;border-radius:10px;color:var(--link-color);background:color-mix(in srgb,var(--link-color) 16%,rgba(255,255,255,.05))}.account-mobile-links a>svg:last-child{width:17px;height:17px;color:rgba(226,232,240,.45)}.account-mobile-links .is-blue{--link-color:#4ba3ff}.account-mobile-links .is-orange{--link-color:#ff9f43}.account-mobile-links .is-green{--link-color:#36d98b}.account-mobile-links .is-red{--link-color:#ff5c6c}.account-mobile-links .is-neutral{--link-color:#aab3c2}.yt-mobile-owner-dashboard~.channel-tabs,.yt-mobile-owner-dashboard~.channel-cats,.yt-mobile-owner-dashboard~.channel-video-grid,.yt-mobile-owner-dashboard~.pagination{display:none !important}}@media (max-width:360px){.account-mobile-continue-card{grid-template-columns:78px minmax(0,1fr) 16px;gap:7px}.account-mobile-continue-card>img{width:78px !important;height:48px !important}.account-mobile-stats span{font-size:8px}}@media (prefers-reduced-motion:reduce){.yt-mobile-owner-dashboard .yt-mobile-channel-bg img{animation:none !important}}.video-card-sm{display:block;min-width:0;overflow:hidden;border:1px solid var(--border-light);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 10px 24px rgba(0,0,0,0.18);transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}.video-card-sm:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 16px 30px rgba(0,0,0,0.26)}.video-card-sm-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0b0b0f}.video-card-sm-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.25s ease}.video-card-sm:hover .video-card-sm-thumb img{transform:none}.video-card-sm-body{display:flex;min-width:0;min-height:76px;padding:10px 11px 11px;flex-direction:column;gap:7px}.video-card-sm-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:750;line-height:1.45;color:var(--text)}.video-card-sm-meta{margin-top:auto;overflow:hidden;color:var(--text-muted);font-size:11.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.playlist-channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.playlist-channel-card{display:block;border-radius:var(--radius);overflow:hidden;transition:var(--transition);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow)}.playlist-channel-card:hover{border-color:var(--primary);transform:translateY(-4px)}.playlist-channel-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.playlist-channel-thumb img{width:100%;height:100%;object-fit:cover}.playlist-channel-count{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,0.85);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,0.1)}.playlist-channel-body{padding:16px}.playlist-channel-name{font-size:15px;font-weight:700;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.playlist-channel-meta{font-size:12px;color:var(--text-muted);font-weight:600}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:60px 20px;text-align:center;cursor:pointer;transition:var(--transition);background:rgba(255,255,255,0.01)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:var(--primary-dim)}.drop-zone p{color:var(--text-secondary);font-weight:700;margin-bottom:12px}.drop-zone-icon{font-size:56px;margin-bottom:16px;opacity:0.5;color:var(--primary)}.history-item{display:flex;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius);margin-bottom:12px;align-items:center;transition:var(--transition);border:1px solid var(--border-light)}.history-item:hover{background:var(--surface-hover);border-color:var(--border);transform:translateX(-4px)}.history-item-thumb{width:160px;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--border-light)}.history-item-thumb img{width:100%;height:100%;object-fit:cover}.history-item-info{flex:1;min-width:0}.history-item-title{font-size:16px;font-weight:800;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item-channel{font-size:13px;color:var(--text-secondary);font-weight:700}.history-item-meta{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:600}.history-item-remove{flex-shrink:0}.admin-container{max-width:1400px;margin:0 auto}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--surface);padding:28px 24px;border-radius:var(--radius);text-align:center;transition:var(--transition);border:1px solid var(--border);box-shadow:var(--shadow)}.stat-card:hover{background:var(--surface-hover);transform:translateY(-4px);border-color:var(--primary)}.stat-card h3{font-size:38px;font-weight:900;color:var(--primary);margin-bottom:4px;text-shadow:0 2px 10px rgba(124,77,255,0.2)}.stat-card p{font-size:14px;color:var(--text-secondary);font-weight:700}.admin-table-section{background:var(--surface);padding:24px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:30px}.admin-table-section h2{font-size:18px;font-weight:800;margin-bottom:16px;color:var(--text)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 20px;text-align:right;font-size:14px}.admin-table th{background:rgba(255,255,255,0.02);color:var(--text-secondary);font-weight:700;border-bottom:2px solid var(--border)}.admin-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.admin-table tbody tr:hover{background:rgba(255,255,255,0.01)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1100;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.25s ease}.modal-box{background:rgba(24,24,28,0.92);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:36px 32px;max-width:460px;width:90%;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.5);animation:scaleIn 0.3s cubic-bezier(0.25,0.8,0.25,1)}.modal-close{position:absolute;top:16px;left:20px;font-size:26px;cursor:pointer;color:var(--text-muted);background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.modal-close:hover{background:rgba(255,255,255,0.08);color:var(--text)}.modal-box h3{font-size:20px;font-weight:800;margin-bottom:24px}.report-reasons label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.report-reasons label:hover{background:rgba(255,255,255,0.04)}.report-reasons input[type="radio"]{accent-color:var(--primary)}.playlist-create-form{display:flex;gap:12px;margin-bottom:30px;background:var(--surface);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}.playlist-create-form input{flex:1;padding:12px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:14px;outline:none}.playlist-create-form input:focus{border-color:var(--primary)}@media (max-width:1024px){.watch-layout{grid-template-columns:1fr}.watch-sidebar{margin-top:24px}}@media (max-width:550px){.header-actions .header-btn-primary{display:none !important}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}.skeleton-card{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:280px}.skeleton-thumb{width:100%;aspect-ratio:16/9;border-radius:10px}.skeleton-title{height:14px;border-radius:4px;width:85%}.skeleton-title-sm{height:14px;border-radius:4px;width:60%}.skeleton-meta{height:11px;border-radius:4px;width:50%}.skeleton-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skeleton-row{display:flex;gap:10px;align-items:center}.ripple-container{position:relative;overflow:hidden}.ripple-wave{position:absolute;border-radius:50%;background:rgba(255,255,255,0.2);transform:none;animation:ripple-expand 0.5s linear;pointer-events:none}@keyframes ripple-expand{to{opacity:0}}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:16px}.empty-state-box--compact{padding:28px 20px 24px;gap:10px;margin-bottom:8px}.empty-state-box--compact .empty-state-icon{width:56px;height:56px;margin-bottom:0}.empty-state-box--compact .empty-state-title{font-size:16px}.empty-state-box--compact .empty-state-desc{font-size:13px}.empty-state-box--compact .empty-state-btn{margin-top:4px;padding:10px 22px;font-size:13px}.empty-state-icon{width:80px;height:80px;background:rgba(124,77,255,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-state-title{font-size:18px;font-weight:700;color:#fff;margin:0}.empty-state-desc{font-size:14px;color:var(--text-muted);max-width:320px;line-height:1.6;margin:0}.empty-state-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--primary);color:#fff;border-radius:30px;font-weight:700;font-size:14px;font-family:var(--font);border:none;cursor:pointer;transition:background 0.2s,transform 0.15s;text-decoration:none;margin-top:8px}.empty-state-btn:hover{background:var(--primary-hover);transform:translateY(-1px);color:#fff}.empty-state-btn-secondary{background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text)}.empty-state-btn-secondary:hover{background:rgba(255,255,255,0.1);color:#fff}.search-suggestions-box{background:rgba(15,15,15,0.98);border:1px solid var(--border);border-radius:16px;padding:20px;max-width:600px;margin:0 auto 28px;backdrop-filter:blur(20px)}.search-suggestions-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px}.search-history-list{display:flex;flex-wrap:wrap;gap:8px}.search-history-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s;text-decoration:none}.search-history-chip:hover{background:rgba(124,77,255,0.1);border-color:var(--primary);color:#fff}.search-trending-list{display:flex;flex-direction:column;gap:4px}.search-trending-item{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:8px;cursor:pointer;transition:background 0.2s;text-decoration:none;color:var(--text-secondary);font-size:14px}.search-trending-item:hover{background:rgba(255,255,255,0.04);color:#fff}.search-trending-rank{font-size:13px;font-weight:700;color:var(--primary);width:20px;text-align:center}.channel-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px}.channel-stat-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:8px 12px;text-align:center;transition:background 0.2s}.channel-stat-card:hover{background:rgba(255,255,255,0.05)}.channel-stat-value{font-size:16px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:2px}.channel-stat-label{font-size:11px;color:var(--text-muted)}@media (max-width:600px){.channel-stats-cards{grid-template-columns:repeat(4,1fr);gap:6px}.channel-stat-card{padding:6px 4px}.channel-stat-value{font-size:14px}.channel-stat-label{font-size:9.5px}}.suggested-channels-section{margin-top:16px;padding-top:20px;border-top:1px solid var(--border)}.suggested-channels-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:14px}.suggested-channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.suggested-channel-card{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:16px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:background 0.2s,transform 0.2s;color:#fff}.suggested-channel-card:hover{background:rgba(255,255,255,0.06);transform:translateY(-2px)}.suggested-channel-main{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-decoration:none;color:inherit;min-width:0}.suggested-channel-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.suggested-channel-name{font-size:13.5px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.suggested-channel-subs{font-size:12px;color:var(--text-muted)}.suggested-subscribe-btn{width:100%;min-height:34px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;border:none;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:var(--rank-gradient,var(--primary));color:#fff;transition:filter 0.2s ease,background 0.2s ease}.suggested-subscribe-btn:hover{filter:brightness(1.06);color:#fff}.suggested-subscribe-btn.subscribed{background:rgba(255,255,255,0.06);color:var(--text-muted);border:1px solid rgba(255,255,255,0.1);filter:none}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#181818 !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:12px !important;padding:10px 36px 10px 16px !important;font-family:inherit !important;font-size:14px !important;cursor:pointer !important;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 12px center !important;background-size:16px !important;transition:border-color 0.2s ease,box-shadow 0.2s ease !important}select:hover{border-color:rgba(255,255,255,0.2) !important;background-color:#202020 !important}select:focus{border-color:var(--primary) !important;box-shadow:0 0 0 2px rgba(124,77,255,0.2) !important;outline:none !important}select option{background-color:#181818 !important;color:#ffffff !important}.custom-select-hidden{display:none !important}.custom-select-wrapper{position:relative;width:100%;font-family:inherit;user-select:none;text-align:right}[dir="ltr"] .custom-select-wrapper{text-align:left}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;background-color:#181818;color:#ffffff;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:12px 16px;font-size:14px;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s,background-color 0.2s;min-height:44px}.custom-select-trigger:hover{background-color:#202020;border-color:rgba(255,255,255,0.25)}.custom-select-wrapper.open .custom-select-trigger{border-color:var(--primary);box-shadow:0 0 0 2px rgba(124,77,255,0.25)}.custom-select-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ffffff;margin-right:8px;transition:transform 0.2s ease}[dir="ltr"] .custom-select-arrow{margin-right:0;margin-left:8px}.custom-select-wrapper.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#181818;border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:9999;max-height:240px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.2s,transform 0.2s,visibility 0.2s}.custom-select-wrapper.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-option{padding:12px 16px;font-size:14px;color:#ffffff;cursor:pointer;transition:background-color 0.2s,color 0.2s;text-align:right}[dir="ltr"] .custom-select-option{text-align:left}.custom-select-option:hover{background-color:var(--primary-dim);color:var(--primary)}.custom-select-option.selected{background-color:rgba(124,77,255,0.15);color:var(--primary);font-weight:700}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:transparent}.custom-select-options::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}.custom-select-options::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:9999;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 250ms cubic-bezier(0.4,0,0.2,1)}.bottom-sheet-overlay.active{opacity:1;pointer-events:auto}.bottom-sheet-container{width:100%;max-width:600px;background-color:#1c1c1e;border-top-left-radius:24px;border-top-right-radius:24px;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0));transform:translateY(100%);transition:transform 250ms cubic-bezier(0.4,0,0.2,1);box-shadow:0 -8px 32px rgba(0,0,0,0.5);display:flex;flex-direction:column}.bottom-sheet-drag-handle{width:40px;height:4px;background-color:rgba(255,255,255,0.2);border-radius:2px;margin:12px auto 8px;cursor:grab}.bottom-sheet-drag-handle:active{cursor:grabbing}.bottom-sheet-header{padding:12px 24px 8px;border-bottom:1px solid rgba(255,255,255,0.08)}.bottom-sheet-title{margin:0;font-size:16px;font-weight:700;color:#ffffff;text-align:right}[dir="ltr"] .bottom-sheet-title{text-align:left}.bottom-sheet-content{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto}.bottom-sheet-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 24px;background:none;border:none;cursor:pointer;outline:none;font-family:inherit;color:#ffffff;font-size:15px;font-weight:500;text-align:right;transition:background-color 150ms;position:relative;overflow:hidden}[dir="ltr"] .bottom-sheet-row{text-align:left;flex-direction:row-reverse}.bottom-sheet-row span{flex:1}.bottom-sheet-row-icon{display:flex;align-items:center;justify-content:center;color:#ffffff;margin-left:16px}[dir="ltr"] .bottom-sheet-row-icon{margin-left:0;margin-right:16px}.bottom-sheet-row:hover,.bottom-sheet-row:active{background-color:rgba(255,255,255,0.08)}.bottom-sheet-row.danger{color:#ff3b30}.bottom-sheet-row.danger .bottom-sheet-row-icon{color:#ff3b30}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,0.15);transform:none;animation:ripple 600ms linear;pointer-events:none}@keyframes ripple{to{opacity:0}}.ambient-glow-canvas{position:absolute;top:-5%;left:-5%;width:110%;height:110%;filter:blur(80px);opacity:0;z-index:1;pointer-events:none;transition:opacity 1s cubic-bezier(0.4,0,0.2,1);border-radius:var(--radius-sm)}.header{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),background 0.3s ease !important}.watch-channel-avatar{border:2px solid rgba(124,77,255,0.4) !important;box-shadow:0 0 12px rgba(124,77,255,0.25);transition:border-color 0.3s ease,box-shadow 0.3s ease}.watch-channel-avatar:hover{border-color:var(--primary) !important;box-shadow:0 0 18px rgba(124,77,255,0.55)}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity 280ms ease,visibility 280ms ease;z-index:var(--z-drawer-backdrop,10000);visibility:hidden}.drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.drawer-close-btn{position:absolute;top:16px;left:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:var(--text-secondary);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10;padding:0}[dir="ltr"] .drawer-close-btn{left:auto;right:16px}.drawer-close-btn:hover{background:var(--primary-dim);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.drawer-profile-header{background:linear-gradient(180deg,var(--primary-dim) 0%,rgba(0,0,0,0) 100%);position:relative;padding-top:32px !important}.drawer-profile-header .badge{background:linear-gradient(135deg,#F5C542 0%,#D4AF37 100%) !important;color:#111113 !important;box-shadow:0 0 10px rgba(245,197,66,0.2)}.drawer-avatar{width:68px;height:68px;object-fit:cover;border:2.5px solid var(--primary);padding:2px;background:#000;box-shadow:0 0 16px var(--primary-glow);transition:transform 0.3s ease}.drawer-avatar:hover{transform:rotate(5deg)}.drawer-username{font-size:16px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.drawer-stats{background:rgba(255,255,255,0.015) !important;border:1px solid var(--border) !important;margin:12px 16px;border-radius:16px;padding:12px 6px !important}.drawer-stats div{flex:1;position:relative}.drawer-stats div:not (:last-child)::after{content:'';position:absolute;top:20%;left:0;height:60%;width:1px;background:rgba(255,255,255,0.08)}[dir="ltr"] .drawer-stats div:not (:last-child)::after{left:auto;right:0}.drawer-section{margin:12px 16px;padding:0 0 16px 0 !important}.drawer-section-title{font-weight:700;color:var(--text) !important}.drawer-history-item{padding:6px 8px !important;border-radius:12px !important;border:1px solid transparent;transition:all 0.2s ease}.drawer-history-item:hover{background:var(--surface2) !important;border-color:var(--border);transform:translateY(-1px)}.drawer-history-item img{border-radius:8px !important;transition:transform 0.3s ease}.drawer-history-item:hover img{transform:translateY(-1px)}.user-dropdown-menu-list{flex:1;overflow-y:auto;padding:8px 12px}.user-dropdown-menu-list::-webkit-scrollbar{width:4px}.user-dropdown-menu-list::-webkit-scrollbar-track{background:transparent}.user-dropdown-menu-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.user-dropdown-menu-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.user-dropdown .dropdown-divider{border-top:1px solid var(--border) !important;margin:8px 16px;opacity:0.4}.user-dropdown .dropdown-item{transition:all 0.2s cubic-bezier(0.25,0.8,0.25,1) !important}.user-dropdown .dropdown-item:hover{background:var(--primary-dim) !important;color:var(--primary) !important;transform:translateX(-4px)}[dir="ltr"] .user-dropdown .dropdown-item:hover{transform:translateX(4px)}[dir="ltr"] .user-dropdown .dropdown-item{text-align:left !important;justify-content:flex-start !important}[dir="ltr"] .user-dropdown .dropdown-item-danger{text-align:left !important;justify-content:flex-start !important}.header-upload-btn{background:linear-gradient(135deg,#7C4DFF 0%,#6A3DF0 100%) !important;border-radius:30px !important;padding:8px 18px !important;display:flex !important;align-items:center !important;gap:8px !important;color:#fff !important;font-weight:750 !important;font-size:13px !important;box-shadow:0 4px 15px rgba(124,77,255,0.35) !important;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1) !important;border:1px solid rgba(255,255,255,0.1) !important;text-decoration:none !important}.header-upload-btn:hover{transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(124,77,255,0.55) !important;border-color:rgba(255,255,255,0.25) !important;color:#fff !important}.header-upload-btn i{color:#fff !important}.skeleton-card{background:rgba(255,255,255,0.02);border-radius:12px;overflow:hidden;height:100%}.skeleton-thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite}.skeleton-info{padding:12px;display:flex;gap:12px}.skeleton-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;flex-shrink:0}.skeleton-text-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-text{height:12px;background:linear-gradient(90deg,rgba(255,255,255,0.03) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.03) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;border-radius:4px}.skeleton-text.title{width:80%;height:14px}.skeleton-text.subtitle{width:50%}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.settings-premium-card{background:rgba(24,24,28,0.95);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.settings-toggle-group{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.05)}.settings-toggle-group:last-child{border-bottom:none}.switch-control{position:relative;display:inline-block;width:46px;height:24px}.switch-control input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.15);transition:.3s;border-radius:24px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}.switch-control input:checked+.switch-slider{background-color:var(--primary)}.switch-control input:checked+.switch-slider:before{transform:translateX(22px)}[dir="rtl"] .switch-slider:before{left:auto;right:3px}[dir="rtl"] .switch-control input:checked+.switch-slider:before{transform:translateX(-22px)}.settings-select-custom{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#fff;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:600;outline:none;cursor:pointer;transition:border-color 0.25s ease}.settings-select-custom:focus{border-color:var(--primary)}.premium-card-gradient{background:linear-gradient(135deg,rgba(31,26,11,0.8) 0%,rgba(17,14,6,0.95) 100%) !important;border:1.5px solid rgba(212,175,55,0.2) !important;box-shadow:0 4px 15px rgba(0,0,0,0.4);transition:all 0.35s cubic-bezier(0.25,0.8,0.25,1) !important}.premium-card-gradient:hover{transform:translateY(-5px);border-color:rgba(212,175,55,0.6) !important;box-shadow:0 10px 30px rgba(212,175,55,0.15)}.premium-icon-gold{background:linear-gradient(135deg,#d4af37 0%,#aa841c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2rem !important;display:inline-block}.switch-ui{position:relative;display:inline-block;width:44px;height:22px;background:rgba(255,255,255,0.15);border-radius:22px;cursor:pointer;transition:background 0.3s ease}.switch-ui span{position:absolute;top:2px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left 0.3s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 2px 4px rgba(0,0,0,0.3)}:root{--shadow-lg:var(--shadow-lg,0 18px 44px rgba(0,0,0,0.32));--shadow-xl:var(--shadow-xl,0 24px 60px rgba(0,0,0,0.42));--transition-fast:0.14s ease}html{color-scheme:dark}body{background:linear-gradient(180deg,#121316 0%,#0f1012 44%,#101113 100%);color:var(--text);letter-spacing:0}body,button,input,select,textarea{letter-spacing:0}::selection{background:var(--primary-dim)}::-webkit-scrollbar-thumb{background:#343a43}::-webkit-scrollbar-thumb:hover{background:#4a515d}.header{background:rgba(16,17,19,0.9);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 1px 0 rgba(255,255,255,0.03)}.header-inner{gap:22px}.brand-logo{gap:10px}.brand-logo img{width:34px;height:34px;border-radius:8px}.brand-logo span{font-size:22px;font-weight:800;letter-spacing:0}.search-bar{max-width:560px;box-shadow:none}.search-bar input{height:auto;background:transparent;border:none;border-radius:0}.search-bar input:focus{background:transparent;border-color:transparent;box-shadow:none}.search-bar button.search-submit-btn{height:36px;border-radius:999px;background:var(--stream-accent)}.search-bar button.search-submit-btn:hover{background:var(--stream-accent-hover);border-color:transparent}.user-dropdown,.modal-box,.bottom-sheet-container{background:rgba(23,25,29,0.97) !important;border-color:var(--border-light) !important;border-radius:8px !important;box-shadow:var(--shadow-lg) !important}.header-icon-btn,.user-dropdown-trigger{border-radius:8px;background:#171a1f;border-color:var(--border)}.header-icon-btn:hover,.user-dropdown-trigger:hover{background:#20242a;color:var(--text);border-color:color-mix(in srgb,var(--primary) 50%,transparent);transform:none}.header-btn,.header-upload-btn,.btn,.btn-primary,.btn-secondary,.upload-btn-primary,.upload-btn-draft,.empty-state-btn,.subscribe-btn,.comment-submit-btn{border-radius:8px !important;min-height:40px;box-shadow:none !important}.header-btn-primary,.header-upload-btn,.btn-primary,.upload-btn-primary,.empty-state-btn,.subscribe-btn.subscribe{background:var(--primary) !important;border-color:var(--primary) !important;color:#fff !important}.header-btn-primary:hover,.header-upload-btn:hover,.btn-primary:hover,.upload-btn-primary:hover,.empty-state-btn:hover,.subscribe-btn.subscribe:hover{background:var(--primary-hover) !important;border-color:var(--primary-hover) !important;transform:translateY(-1px) !important}.btn-secondary,.upload-btn-draft{background:#1b1f25 !important;color:var(--text) !important;border:1px solid var(--border) !important}.btn-secondary:hover,.upload-btn-draft:hover{background:#252a32 !important;border-color:rgba(255,255,255,0.16) !important;transform:translateY(-1px)}.main-content{max-width:1500px;padding:30px 32px}.category-filters{gap:8px;margin-bottom:28px}.category-filter,.filter-tab{border-radius:8px;padding:9px 16px;background:#171a1f;border-color:var(--border)}.category-filter:hover,.filter-tab:hover{background:#21262d;transform:none}.category-filter.active,.filter-tab.active{background:var(--primary);border-color:var(--primary);box-shadow:none}.hero-featured{min-height:420px;padding:42px;gap:42px;background:#17191d;border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow)}.hero-bg{filter:blur(36px) brightness(0.18) saturate(0.8);opacity:0.8}.hero-overlay{background:linear-gradient(90deg,rgba(16,17,19,0.94),rgba(16,17,19,0.74)),linear-gradient(180deg,transparent,rgba(0,0,0,0.22))}.hero-badge{background:var(--primary-dim);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:6px;box-shadow:none;letter-spacing:0}.hero-title{font-size:34px;letter-spacing:0;text-shadow:none}.hero-desc{color:var(--text-secondary);max-width:620px}.hero-play-btn{border-radius:8px;background:var(--primary);color:#fff;box-shadow:none}.hero-play-btn:hover{background:var(--primary-hover);box-shadow:none}.hero-thumb-wrapper,.video-card-thumb-link,.sidebar-video-thumb,.upload-thumb-preview,.watch-player,.watch-player video{border-radius:8px !important}.hero-thumb-wrapper{border-color:rgba(255,255,255,0.1);box-shadow:var(--shadow-lg)}.hero-play-badge{background:var(--primary);box-shadow:none}.section{margin-bottom:42px}.section-header{margin-bottom:16px}.section-title{font-size:19px;letter-spacing:0}.section-link{color:var(--text-secondary)}.section-link:hover{color:var(--primary-hover)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.scroll-row{gap:18px}.video-card{gap:10px}.video-card:hover{transform:translateY(-3px)}.video-card-thumb-link{border:1px solid rgba(255,255,255,0.08);box-shadow:none}.video-card-thumb::after{background:rgba(0,0,0,0.28)}.video-card-title{font-size:14.5px;line-height:1.45}.video-card-title a:hover,.video-card-channel:hover{color:var(--primary-hover)}.video-card-channel,.video-card-meta{color:var(--text-muted)}.video-card-avatar,.hero-channel-avatar,.comment-avatar,.comment-form-avatar,.watch-channel-avatar,.header-avatar,.drawer-avatar{border-radius:8px !important}.watch-layout{gap:28px}.watch-player{background:#050607 !important;border:1px solid rgba(255,255,255,0.08);box-shadow:var(--shadow-lg)}.ambient-glow-canvas{display:none}.watch-info,.comments-section,.watch-sidebar .ad-block,.form-container,.auth-card,.upload-section,.empty-state-box,.settings-premium-card,.premium-card-gradient{background:var(--surface) !important;border:1px solid var(--border-light) !important;border-radius:8px !important;box-shadow:none !important}.watch-info{padding:22px}.watch-title{font-size:25px;letter-spacing:0}.watch-meta,.watch-channel-subs,.sidebar-video-meta,.comment-date{color:var(--text-muted)}.like-dislike-pill,.watch-action-btn,.comment-action-btn,.comment-image-btn{border-radius:8px !important;background:#1b1f25;border:1px solid var(--border)}.watch-action-btn:hover,.comment-action-btn:hover,.comment-image-btn:hover{background:#252a32;border-color:rgba(255,255,255,0.16);transform:none}.like-btn.liked,.dislike-btn.disliked,.watch-action-btn.saved{color:var(--primary) !important}.watch-channel-row,.watch-description-wrapper,.watch-rating{border-color:var(--border-light) !important}.stars .star,.video-card-rating{color:var(--accent) !important}.comments-section{padding:22px}.comment,.comment-form{border-color:var(--border-light) !important}.comment-form textarea,.reply-form textarea,.form-control,.upload-form-control,.tags-text-input,.settings-select-custom,.custom-select-trigger{background:#121417 !important;border:1px solid var(--border) !important;border-radius:8px !important;color:var(--text) !important}.comment-form textarea:focus,.reply-form textarea:focus,.form-control:focus,.upload-form-control:focus,.tags-text-input:focus,.settings-select-custom:focus,.custom-select-wrapper.open .custom-select-trigger{border-color:color-mix(in srgb,var(--primary) 68%,transparent) !important;box-shadow:0 0 0 3px var(--primary-dim) !important;outline:none}.sidebar-title{color:var(--text)}.sidebar-video{background:transparent;border:1px solid transparent;border-radius:8px;padding:6px}.sidebar-video:hover{background:var(--surface);border-color:var(--border-light);transform:none}.auth-layout{min-height:calc(100vh - var(--header-h) - 110px);display:flex;align-items:center;justify-content:center}.auth-card{width:min(430px, 100%);padding:30px}.auth-logo{color:var(--primary);text-shadow:none}.auth-subtitle,.auth-link{color:var(--text-secondary)}.auth-link a{color:var(--primary-hover)}.pagination{gap:10px}.pagination-page,.pagination-current,.pagination-dots{border-radius:8px}.pagination-page{background:#171a1f;border:1px solid var(--border)}.pagination-current{background:var(--primary);border:1px solid var(--primary)}.flash-message{border-radius:8px;box-shadow:none}.bottom-sheet-overlay{background-color:rgba(0,0,0,0.64)}.bottom-sheet-row{height:54px}.bottom-sheet-row:hover,.bottom-sheet-row:active{background-color:rgba(255,255,255,0.07)}.drawer-backdrop{background:rgba(0,0,0,0.58)}.user-dropdown{border-radius:12px !important}@media (max-width:768px){.user-dropdown{border-radius:20px 0 0 20px !important}html[dir="ltr"] .user-dropdown{border-radius:0 20px 20px 0 !important}}.drawer-profile-header{background:linear-gradient(180deg,var(--primary-dim),rgba(0,0,0,0)) !important}.drawer-stats{border-radius:8px}.drawer-history-item{border-radius:8px !important}.drawer-close-btn{border-radius:8px}.premium-card-gradient{background:linear-gradient(135deg,rgba(217,164,65,0.12),rgba(23,25,29,0.96)) !important}@media (max-width:1024px){.hero-featured{padding:28px;gap:28px}.hero-title{font-size:29px}.watch-layout{gap:20px}}.user-dropdown,.user-dropdown *{box-sizing:border-box}.user-dropdown .d-flex{display:flex !important}.user-dropdown .flex-column{flex-direction:column !important}.user-dropdown .align-items-center{align-items:center !important}.user-dropdown .justify-content-center{justify-content:center !important}.user-dropdown .justify-content-around{justify-content:space-around !important}.user-dropdown .gap-2{gap:0.5rem !important}.user-dropdown .text-center{text-align:center !important}.user-dropdown .text-truncate{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-dropdown .rounded-circle{border-radius:999px !important}.drawer-profile-header{position:relative !important;flex:0 0 auto !important;min-height:auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:0.55rem !important;padding:1.25rem 1.15rem 1rem !important;border-bottom:1px solid var(--border-soft) !important;background:radial-gradient(circle at 50% 0%,rgba(255,183,77,0.14),transparent 36%),rgba(255,255,255,0.025) !important}.drawer-close-btn{position:absolute !important;top:0.85rem !important;inset-inline-end:0.85rem !important;width:2.25rem !important;height:2.25rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;border-radius:8px !important;background:rgba(255,255,255,0.08) !important;color:var(--text-main) !important;border:1px solid var(--border-soft) !important;line-height:1 !important}.drawer-close-btn:hover{background:rgba(238,54,64,0.16) !important;color:#fff !important}.drawer-avatar{width:78px !important;height:78px !important;max-width:78px !important;max-height:78px !important;display:block !important;object-fit:cover !important;border-radius:14px !important;border:2px solid rgba(255,183,77,0.9) !important;background:var(--surface-3) !important;box-shadow:0 12px 28px rgba(0,0,0,0.32) !important}.drawer-username{width:100% !important;max-width:260px !important;margin:0.1rem auto 0 !important;color:var(--text-main) !important;font-size:1.2rem !important;font-weight:850 !important;line-height:1.25 !important;overflow:hidden !important;text-align:center !important;text-overflow:ellipsis !important;white-space:nowrap !important}.drawer-profile-header .badge{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.35rem !important;max-width:100% !important;padding:0.35rem 0.75rem !important;border-radius:999px !important;font-size:0.75rem !important;line-height:1.2 !important;white-space:nowrap !important}.drawer-stats{width:100% !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:0.55rem !important;margin:0.65rem 0 0 !important;padding:0 !important}.drawer-stat-item{min-width:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:0.18rem !important;padding:0.55rem 0.35rem !important;border-radius:8px !important;background:rgba(255,255,255,0.055) !important;border:1px solid rgba(255,255,255,0.075) !important;text-align:center !important}.drawer-stat-item .stat-val{width:100% !important;color:var(--text-main) !important;font-size:1rem !important;font-weight:850 !important;line-height:1.15 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.drawer-stat-item .stat-label{width:100% !important;color:var(--text-muted) !important;font-size:0.74rem !important;font-weight:700 !important;line-height:1.15 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-dropdown-menu-list{flex:1 1 auto !important;min-height:0 !important;display:flex !important;flex-direction:column !important;gap:0.35rem !important;overflow-x:hidden !important;overflow-y:auto !important;padding:0.85rem 0.85rem 1rem !important;scrollbar-width:thin !important;scrollbar-color:rgba(148,163,184,0.6) transparent !important}.drawer-section{width:100% !important;margin:0 0 0.45rem !important;padding:0.35rem 0 0.65rem !important;border-top:0 !important;border-bottom:1px solid var(--border-soft) !important}.drawer-section-title{display:flex !important;align-items:center !important;gap:0.45rem !important;margin:0 0 0.45rem !important;color:var(--text-muted) !important;font-size:0.82rem !important;font-weight:850 !important;line-height:1.2 !important;text-align:inherit !important}.drawer-section-title i{flex:0 0 auto !important;color:var(--accent-gold) !important}.drawer-history-list{display:flex !important;flex-direction:column !important;gap:0.45rem !important}.drawer-history-item{width:100% !important;min-height:58px !important;display:grid !important;grid-template-columns:74px minmax(0,1fr) !important;align-items:center !important;gap:0.65rem !important;padding:0.45rem !important;border-radius:8px !important;color:var(--text-main) !important;text-decoration:none !important;background:rgba(255,255,255,0.04) !important;border:1px solid transparent !important}.drawer-history-item:hover{background:rgba(255,255,255,0.075) !important;border-color:var(--border-soft) !important;color:#fff !important}.drawer-history-item img{width:74px !important;height:44px !important;display:block !important;object-fit:cover !important;border-radius:7px !important;background:var(--surface-3) !important}.history-item-info{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:0.16rem !important}.history-item-title,.history-item-channel{width:100% !important;min-width:0 !important;overflow:hidden !important;text-align:inherit !important;text-overflow:ellipsis !important;white-space:nowrap !important}.history-item-title{color:var(--text-main) !important;font-size:0.84rem !important;font-weight:800 !important;line-height:1.25 !important}.history-item-channel{color:var(--text-muted) !important;font-size:0.74rem !important;font-weight:700 !important;line-height:1.2 !important}.user-dropdown-menu-list>.d-flex{width:100% !important;justify-content:center !important;margin:0.15rem 0 0.45rem !important;padding:0.25rem 0 !important}.user-dropdown .dropdown-item,.user-dropdown .logout-button{width:100% !important;min-height:46px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:0.75rem !important;margin:0 !important;padding:0.68rem 0.8rem !important;border-radius:8px !important;color:var(--text-main) !important;background:transparent !important;border:1px solid transparent !important;font-size:0.92rem !important;font-weight:800 !important;line-height:1.25 !important;text-align:inherit !important;text-decoration:none !important;white-space:nowrap !important}.user-dropdown .dropdown-item:hover,.user-dropdown .dropdown-item:focus,.user-dropdown .logout-button:hover,.user-dropdown .logout-button:focus{color:#fff !important;background:rgba(255,255,255,0.075) !important;border-color:var(--border-soft) !important}.user-dropdown .dropdown-item i,.user-dropdown .logout-button i{flex:0 0 1.25rem !important;width:1.25rem !important;color:var(--text-muted) !important;font-size:1.05rem !important;text-align:center !important}.user-dropdown .dropdown-item span,.user-dropdown .logout-button span{min-width:0 !important;flex:1 1 auto !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-dropdown .dropdown-divider{flex:0 0 auto !important;width:100% !important;height:1px !important;margin:0.45rem 0 !important;padding:0 !important;overflow:hidden !important;background:var(--border-soft) !important;border:0 !important}.drawer-footer{flex:0 0 auto !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:0.35rem 0.55rem !important;padding:0.8rem 1rem calc(0.85rem + env(safe-area-inset-bottom)) !important;color:var(--text-muted) !important;background:rgba(0,0,0,0.16) !important;border-top:1px solid var(--border-soft) !important;font-size:0.74rem !important;line-height:1.35 !important;text-align:center !important}.drawer-footer a{color:var(--text-muted) !important;font-weight:750 !important;text-decoration:none !important;white-space:nowrap !important}.drawer-footer a:hover{color:var(--text-main) !important}:root{--icon-xs:var(--icon-size-xs,14px);--icon-sm:var(--icon-size-sm,18px);--icon-md:var(--icon-size-md,22px);--icon-lg:var(--icon-size-lg,28px);--icon-xl:var(--icon-size-xl,36px);--tap-sm:40px;--tap-md:46px;--tap-lg:56px}body{background:radial-gradient(circle at 18% 0%,rgba(0,194,255,0.09),transparent 32%),radial-gradient(circle at 82% 4%,rgba(255,183,77,0.1),transparent 30%),linear-gradient(180deg,#071018 0%,#0b111b 42%,#080b11 100%) !important}.main-content{background:linear-gradient(180deg,rgba(255,255,255,0.015),transparent 260px),transparent !important}[data-lucide]{flex:0 0 auto;line-height:1}.header-icon-btn,.user-dropdown-trigger{width:var(--tap-md) !important;height:var(--tap-md) !important;min-width:var(--tap-md) !important;border-radius:8px !important;background:linear-gradient(180deg,rgba(255,255,255,0.11),rgba(255,255,255,0.035)) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 10px 24px rgba(0,0,0,0.24) !important}.header-icon-btn [data-lucide],.header-icon-btn svg{width:var(--icon-md) !important;height:var(--icon-md) !important;stroke-width:var(--icon-stroke,2) !important}.header-icon-btn:hover,.user-dropdown-trigger:hover{background:linear-gradient(180deg,rgba(0,194,255,0.18),rgba(255,183,77,0.08)) !important;border-color:rgba(0,194,255,0.32) !important;transform:translateY(-1px) !important}.header-avatar{width:36px !important;height:36px !important;border-radius:8px !important;border:1px solid rgba(255,183,77,0.7) !important;box-shadow:0 0 0 3px rgba(255,183,77,0.08) !important}.dropdown-chevron{width:var(--icon-xs) !important;height:var(--icon-xs) !important;margin-inline-start:-2px !important}.header-upload-btn{min-height:var(--tap-md) !important;padding:0 1.05rem !important;border-radius:8px !important;background:linear-gradient(135deg,#ee3640 0%,#ff7a45 55%,#ffb74d 100%) !important;box-shadow:0 14px 32px rgba(238,54,64,0.28) !important}.header-upload-btn [data-lucide],.header-upload-btn svg,.header-upload-btn i{width:var(--icon-sm) !important;height:var(--icon-sm) !important;font-size:var(--icon-sm) !important}.search-bar{min-height:44px !important;border-radius:999px !important;background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03)) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04) !important}.search-bar:focus-within{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant)) !important;box-shadow:var(--focus-ring) !important}.search-bar button.search-submit-btn [data-lucide],.search-bar button.search-submit-btn svg{width:18px !important;height:18px !important}.brand-logo img{width:42px !important;height:42px !important;border-radius:10px !important;box-shadow:0 10px 24px rgba(0,0,0,0.26) !important}.video-card{background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.025)) !important;border:1px solid rgba(255,255,255,0.085) !important;box-shadow:0 18px 44px rgba(0,0,0,0.24) !important}.video-card:hover{border-color:rgba(0,194,255,0.24) !important;box-shadow:0 26px 60px rgba(0,0,0,0.34),0 0 0 1px rgba(255,183,77,0.06) !important}.video-thumb-wrapper::after,.hero-thumb-wrapper::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,0.46)),radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,0,0,0.16));opacity:0.8}.play-badge,.hero-play-badge{width:var(--tap-lg) !important;height:var(--tap-lg) !important;border-radius:999px !important;background:linear-gradient(135deg,rgba(238,54,64,0.98),rgba(255,183,77,0.95)) !important;box-shadow:0 16px 36px rgba(238,54,64,0.32) !important}.play-badge [data-lucide],.play-badge svg,.play-badge i,.hero-play-badge [data-lucide],.hero-play-badge svg,.hero-play-badge i{width:var(--icon-lg) !important;height:var(--icon-lg) !important;font-size:var(--icon-lg) !important}.watch-action-btn,.comment-image-btn,.comment-action-btn,.sort-btn{border-radius:8px !important}.watch-action-btn [data-lucide],.watch-action-btn svg,.comment-action-btn [data-lucide],.comment-action-btn svg{width:var(--icon-sm) !important;height:var(--icon-sm) !important}.drawer-avatar{width:88px !important;height:88px !important;max-width:88px !important;max-height:88px !important;border-radius:18px !important}.drawer-close-btn{width:var(--tap-sm) !important;height:var(--tap-sm) !important}.drawer-close-btn [data-lucide],.drawer-close-btn svg{width:var(--icon-sm) !important;height:var(--icon-sm) !important}.user-dropdown .dropdown-item,.user-dropdown .logout-button{min-height:52px !important;padding:0.75rem 0.9rem !important;gap:0.85rem !important;background:rgba(255,255,255,0.025) !important}.user-dropdown .dropdown-item i,.user-dropdown .dropdown-item [data-lucide],.user-dropdown .dropdown-item svg,.user-dropdown .logout-button i,.user-dropdown .logout-button [data-lucide],.user-dropdown .logout-button svg{width:20px !important;height:20px !important;flex-basis:20px !important;font-size:20px !important;margin-inline-start:0 !important;margin-inline-end:0 !important}.drawer-section-title [data-lucide],.drawer-section-title svg,.drawer-section-title i{width:var(--icon-sm) !important;height:var(--icon-sm) !important;font-size:var(--icon-sm) !important}.drawer-profile-header .badge [data-lucide],.drawer-profile-header .badge svg,.drawer-profile-header .badge i{width:var(--icon-xs) !important;height:var(--icon-xs) !important;font-size:var(--icon-xs) !important}.drawer-stat-item{min-height:68px !important;background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03)) !important}@media (min-width:769px){.mobile-search-trigger{display:none !important}}@media (hover:none) and (pointer:coarse){.bottom-nav-item,.category-filter,.nav-item,.header-icon-btn,.btn,button,.watch-action-btn,.mini-btn,a.header-btn,a.btn-primary-studio,.toggle,.settings-row .toggle{min-height:44px !important;min-width:44px !important}}#homeSkeletonContainer{contain:content;display:none}.scroll-row{will-change:transform;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.video-card-thumb{aspect-ratio:16 / 9;background:var(--surface)}.brand-logo .brand-level-badge{display:inline-flex !important;align-items:center !important;max-width:none !important;min-height:44px !important;padding:0 !important;border-radius:0 !important;background:none !important}.rank-unlock-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.25s ease}.rank-unlock-modal.show{opacity:1}.rank-unlock-card{width:min(360px, 92vw);padding:24px;text-align:center;border-radius:18px;background:radial-gradient(circle at top,var(--rank-glow),rgba(12,14,18,0.98) 46%);border:1px solid var(--rank-color);box-shadow:0 24px 70px var(--rank-glow);transform:translateY(18px);transition:transform 0.28s ease}.rank-unlock-modal.show .rank-unlock-card{transform:translateY(0)}.rank-unlock-badge{width:78px;height:78px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;font-size:36px;background:color-mix(in srgb,var(--rank-color) 24%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 70%,#fff)}.rank-unlock-card h3,.rank-unlock-card p{margin:0 0 8px}.rank-unlock-card strong{display:block;color:var(--rank-color);font-size:24px;margin-bottom:12px}.rank-unlock-card small{color:var(--text-secondary)}.xp-rank-card{position:relative;overflow:hidden;padding:16px;margin:12px 14px;border-radius:16px;background:radial-gradient(circle at top right,var(--rank-glow),rgba(255,255,255,0.035) 42%);border:1px solid color-mix(in srgb,var(--rank-color) 45%,rgba(255,255,255,0.08))}a.xp-rank-card.xp-drawer-nano{display:block;text-decoration:none;color:inherit;padding:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--rank-color) 18%,#12122A),#151829 72%);border:1px solid var(--rank-glow);transition:border-color .2s ease,transform .2s ease}a.xp-rank-card.xp-drawer-nano:hover{border-color:color-mix(in srgb,var(--rank-color) 70%,rgba(255,255,255,0.2))}.xp-drawer-badge-wrap{position:relative;width:42px;height:42px;flex-shrink:0}.xp-drawer-badge-ring{position:absolute;inset:0;border-radius:12px;padding:2px;opacity:1}.xp-drawer-badge-wrap .badge-aura{inset:-22%}.xp-drawer-badge-wrap .badge-orbit{display:none}.xp-drawer-nano .xp-rank-badge{position:absolute;inset:3px;width:auto;height:auto;border-radius:10px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rank-color) 18%,transparent),transparent 60%),#100C22;border:1px solid color-mix(in srgb,var(--rank-color) 22%,transparent)}.xp-drawer-nano .xp-rank-title strong{font-size:15px;font-weight:900;background:linear-gradient(90deg,#fff,var(--rank-secondary) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.xp-drawer-nano .xp-rank-title span{direction:ltr;unicode-bidi:isolate;font-size:11px;color:rgba(255,255,255,0.55)}.xp-drawer-cta{flex-shrink:0;align-self:center;padding:6px 10px;border-radius:999px;background:rgba(34,211,238,0.12);color:#22D3EE;font-size:11px;font-weight:800;white-space:nowrap}.xp-drawer-nano .xp-rank-progress{height:6px;margin-top:12px;background:rgba(255,255,255,0.07)}.xp-drawer-nano .xp-rank-progress span{background:linear-gradient(90deg,var(--rank-secondary),#22D3EE);box-shadow:0 0 8px rgba(34,211,238,0.35)}.xp-rank-top{display:flex;align-items:center;gap:10px}.xp-rank-badge{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:22px;background:color-mix(in srgb,var(--rank-color) 18%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 54%,transparent)}.xp-rank-title{min-width:0;flex:1}.xp-rank-title strong{display:block;color:#fff;font-size:14px}.xp-rank-title span{color:var(--text-secondary);font-size:11.5px}.xp-rank-progress{height:8px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,0.08);overflow:hidden}.xp-rank-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--rank-color),#fff);transition:width 0.45s ease}.xp-rank-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--text-secondary);font-size:11px}.channel-rank-strip{width:max-content;max-width:100%;display:flex;align-items:center;gap:8px;margin-top:10px;padding:7px 11px;border-radius:999px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--rank-color) 22%,rgba(255,255,255,0.04)),rgba(255,255,255,0.035));border:1px solid color-mix(in srgb,var(--rank-color) 54%,rgba(255,255,255,0.08));box-shadow:0 10px 28px var(--rank-glow);font-size:12px;font-weight:800}.channel-rank-badge{font-size:16px;line-height:1}@media (max-width:520px){.channel-rank-strip{flex-wrap:wrap;justify-content:center;margin-inline:auto;font-size:11px}}@media (min-width:1025px) and (max-width:1366px){:root{--header-h:58px;--radius:14px;--radius-lg:20px}body{font-size:14px;line-height:1.5}.header{padding-inline:22px !important}.header-inner{max-width:1180px !important;gap:18px !important}.brand-logo img{width:30px !important;height:30px !important}.brand-level-badge{min-height:44px !important;padding:0 !important;gap:9px !important}.brand-level-badge .brand-level-emblem.xp-drawer-badge-wrap{width:44px !important;height:44px !important;flex-basis:44px !important}.brand-level-name,.brand-level-badge [data-rank-label]{font-size:14.5px !important}.search-bar{max-width:480px !important}.search-bar input,.search-btn{height:38px !important;font-size:13px !important}.header-icon-btn,.user-dropdown-trigger{width:36px !important;height:36px !important;min-width:36px !important}.header-avatar{width:30px !important;height:30px !important}.main-content{max-width:1180px !important;padding:24px !important}.hero-featured{min-height:340px !important;padding:34px !important;gap:34px !important;margin-bottom:30px !important;border-radius:18px !important}.hero-title{font-size:30px !important;margin-bottom:12px !important}.hero-desc{font-size:14px !important;margin-bottom:18px !important}.hero-badge{margin-bottom:12px !important;padding:4px 12px !important}.hero-meta{gap:10px !important;margin-bottom:20px !important}.hero-play-btn{padding:11px 26px !important;font-size:14px !important}.hero-play-badge{width:50px !important;height:50px !important}.section-title{font-size:22px !important;margin-bottom:16px !important}.video-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important;gap:18px !important}.scroll-row .video-card{width:240px !important}.video-card{gap:9px !important;border-radius:14px !important}.video-card-thumb-link{border-radius:13px !important;box-shadow:0 4px 18px rgba(0,0,0,0.45) !important}.video-card-details{gap:9px !important}.video-card-avatar{width:34px !important;height:34px !important}.video-card-title{font-size:14px !important;line-height:1.35 !important}.video-card-channel,.video-card-meta{font-size:11.5px !important}.watch-layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px) !important;gap:24px !important}.watch-info{padding:18px !important;margin-top:10px !important}.watch-title{font-size:18px !important;margin-bottom:10px !important}.channel-banner{height:180px !important}.channel-head{max-width:1180px !important;padding-inline:24px !important;gap:18px !important}.channel-avatar-large{width:112px !important;height:112px !important}.channel-details h1{font-size:28px !important}.settings-container,.leaderboard-page{max-width:760px !important;margin-top:24px !important}}html[data-color-mode="light"]{color-scheme:light !important;--bg:#f4f6f9;--surface:#ffffff;--surface-hover:#f1f4f8;--surface-raised:#ffffff;--surface2:#eef2f6;--text:#1d2939;--text-secondary:#526176;--text-muted:#718096;--border:#d9e1ea;--border-light:rgba(31,48,72,.11);--shadow:0 4px 16px rgba(32,48,71,.08);--shadow-lg:0 12px 32px rgba(32,48,71,.12);--shadow-xl:0 20px 50px rgba(32,48,71,.16)}html[data-color-mode="light"] body{color:var(--text) !important;background:#f4f6f9 !important}html[data-color-mode="light"] .header,html[data-color-mode="light"] .bottom-nav,html[data-color-mode="light"] .footer,html[data-color-mode="light"] .user-dropdown,html[data-color-mode="light"] .settings-sidebar-nav,html[data-color-mode="light"] .settings-content-area,html[data-color-mode="light"] .settings-section,html[data-color-mode="light"] .rank-details-panel{color:var(--text) !important;background:#ffffff !important;border-color:var(--border) !important;box-shadow:var(--shadow) !important}html[data-color-mode="light"] .main-content,html[data-color-mode="light"] .settings-container,html[data-color-mode="light"] .settings-layout-wrapper{color:var(--text) !important;background:transparent !important}html[data-color-mode="light"] .header svg,html[data-color-mode="light"] .bottom-nav svg,html[data-color-mode="light"] .header-icon-btn,html[data-color-mode="light"] .bottom-nav-item,html[data-color-mode="light"] .settings-title,html[data-color-mode="light"] .settings-section-title,html[data-color-mode="light"] .settings-row-title,html[data-color-mode="light"] .settings-username,html[data-color-mode="light"] .rank-details-panel,html[data-color-mode="light"] .rank-details-panel p{color:var(--text) !important}html[data-color-mode="light"] .settings-tab-btn,html[data-color-mode="light"] .settings-row-item,html[data-color-mode="light"] .settings-stat-chip,html[data-color-mode="light"] .settings-xp-history,html[data-color-mode="light"] .drawer-profile-header,html[data-color-mode="light"] .rank-details-stats>div,html[data-color-mode="light"] .video-card,html[data-color-mode="light"] .content-card{color:var(--text) !important;background:#fff !important;border-color:var(--border) !important}html[data-color-mode="light"] .settings-tab-btn:hover,html[data-color-mode="light"] .settings-tab-btn.active,html[data-color-mode="light"] .settings-row-item:hover{background:#eef3f8 !important}html[data-color-mode="light"] .settings-section-desc,html[data-color-mode="light"] .settings-row-desc,html[data-color-mode="light"] .settings-email,html[data-color-mode="light"] .text-muted,html[data-color-mode="light"] .rank-details-kicker,html[data-color-mode="light"] .rank-details-progress-label,html[data-color-mode="light"] .rank-details-stats span{color:var(--text-muted) !important}html[data-color-mode="light"] input,html[data-color-mode="light"] textarea,html[data-color-mode="light"] select,html[data-color-mode="light"] .search-bar input,html[data-color-mode="light"] .settings-form-control,html[data-color-mode="light"] .settings-select{color:var(--text) !important;background:#fff !important;border-color:var(--border) !important}html[data-color-mode="light"] .category-filters{background:#ffffff !important;border-block:1px solid var(--border) !important;box-shadow:0 2px 10px rgba(32,48,71,.05) !important}html[data-color-mode="light"] .category-filter,html[data-color-mode="light"] .category-btn,html[data-color-mode="light"] .filter-chip{color:#475569 !important;background:#f1f5f9 !important;border:1px solid #dde5ee !important}html[data-color-mode="light"] .category-filter.active,html[data-color-mode="light"] .category-btn.active,html[data-color-mode="light"] .filter-chip.active{color:#ffffff !important;background:var(--primary) !important;border-color:var(--primary) !important;box-shadow:0 4px 12px var(--primary-glow) !important}html[data-color-mode="light"] .video-card{box-shadow:0 4px 16px rgba(32,48,71,.08) !important}@media (max-width:768px){html,body{width:100%;max-width:100%;overflow-x:hidden}body{padding-bottom:0;touch-action:pan-x pan-y}.header{height:calc(56px + env(safe-area-inset-top, 0px));min-height:calc(56px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top,0px) 10px 0}.header-inner{height:56px;gap:6px}.brand-logo{min-width:0;gap:6px}.brand-logo img{width:30px;height:30px;border-radius:6px}.brand-logo span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.header-actions{flex:0 0 auto;gap:5px}.header-upload-btn{display:none}.mobile-search-trigger{display:inline-flex}.header-icon-btn,.user-dropdown-trigger{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:10px}.header-icon-btn svg,.header-icon-btn i{width:20px;height:20px}.header-avatar{width:30px;height:30px;border-radius:50%}.dropdown-chevron{display:none}.header-btn{padding:6px 10px;font-size:12px;min-height:32px}.search-bar{display:none}.main-content{width:100%;max-width:100%;padding:12px 10px calc(84px + env(safe-area-inset-bottom, 0px));overflow-x:clip;touch-action:pan-x pan-y}.category-filters{top:calc(56px + env(safe-area-inset-top, 0px));margin-inline:calc(var(--mobile-gutter, 12px) * -1);padding:8px var(--mobile-gutter,12px);gap:7px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.category-filter{flex-shrink:0;padding:6px 12px;font-size:12px;min-height:34px;height:34px}.hero-featured{flex-direction:column;padding:14px;margin-bottom:18px;border-radius:10px}.hero-thumb-wrapper{width:100%;max-width:100%}.hero-content{padding:14px}.hero-title{font-size:20px;line-height:1.25}.hero-desc{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%}.video-card{min-width:0;max-width:100%}.video-card-thumb-link,.video-card-thumb{width:100%;max-width:100%;aspect-ratio:16/9;border-radius:10px}.video-card-details{min-width:0;gap:6px}.video-card-avatar{width:30px;height:30px;min-width:30px}.video-card-title{font-size:13px;line-height:1.35}.video-card-channel,.video-card-meta{font-size:11px}.section-title{font-size:16px}.scroll-row{margin-inline:calc(var(--mobile-gutter, 12px) * -1);padding-inline:var(--mobile-gutter,12px);gap:12px}.scroll-row .video-card{width:calc((100% - 12px) / 2);flex:0 0 calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2);min-width:0}.creators-scroll{gap:12px}.creator-avatar-wrap{width:52px;height:52px}.creator-name{font-size:11px}.page-header{flex-wrap:wrap;gap:10px;margin-bottom:16px}.page-header h1{font-size:20px}.watch-layout{grid-template-columns:1fr}.watch-player{border-radius:0;margin-inline:calc(var(--mobile-gutter, 12px) * -1);width:calc(100% + (var(--mobile-gutter, 12px) * 2));max-width:calc(100% + (var(--mobile-gutter, 12px) * 2))}.watch-info,.comments-section,.upload-section{padding:14px;border-radius:8px}.watch-title{font-size:18px}.watch-actions{max-width:100%;overflow-x:auto}.watch-action-btn{min-height:36px;font-size:13px}.comment{gap:8px}.comment-avatar{width:30px;height:30px}.channel-banner{aspect-ratio:3/1;margin-inline:calc(var(--mobile-gutter, 12px) * -1);width:calc(100% + (var(--mobile-gutter, 12px) * 2));max-width:none;border-radius:0}.channel-head{flex-direction:column;align-items:center;text-align:center;padding:0 10px;margin:6px 0 8px}.channel-avatar-large{width:72px;height:72px;margin-top:-36px}.channel-stats{justify-content:center}.channel-stats-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 10px 12px}.channel-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-card-sm{border-radius:11px;box-shadow:0 6px 18px rgba(0,0,0,0.18)}.video-card-sm-body{min-height:70px;padding:8px 9px 9px;gap:5px}.video-card-sm-title{font-size:12.5px;line-height:1.4}.video-card-sm-meta{font-size:10.5px}.playlist-channel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-card{width:100%;margin:0 8px;padding:24px 16px;border-radius:8px}.auth-layout{padding:20px 0}.search-filters-bar{flex-direction:column;align-items:flex-start;gap:10px}.sort-options{width:100%;justify-content:flex-start;gap:6px;overflow-x:auto;flex-wrap:nowrap}.sort-options a,.sort-options span{font-size:12px;padding:4px 10px;flex-shrink:0}.search-result-item{flex-direction:column;gap:10px;padding:12px}.search-result-thumb{width:100%;aspect-ratio:16/9;border-radius:8px}.search-result-desc{display:none}.history-item-thumb,.watch-later-item-thumb{width:100px;min-width:100px;height:56px;border-radius:6px}.notification-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.notification-info{width:100%}.notification-title{font-size:14px}.rank-details-panel{top:calc(var(--header-height, 56px) + 8px);inset-inline:10px;bottom:auto;width:calc(100vw - 20px);padding:16px}.empty-state-box{padding:40px 16px;border-radius:8px}.empty-state-box--compact{padding:22px 14px 18px;border-radius:14px}.footer{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}button,.btn,.bottom-nav-item,.category-filter,.nav-item,.header-btn{min-height:44px}input,select,textarea{font-size:16px;max-width:100%}img,video,iframe{max-width:100%;height:auto}table{display:block;overflow-x:auto;max-width:100%}.channel-cats{padding:0 10px}.channel-about-section{margin:0 10px}.pagination{flex-wrap:wrap;gap:8px}}@media (max-width:420px){.video-grid,.channel-video-grid,.playlist-channel-list{gap:10px}.video-card-avatar{display:none}.video-card-details{gap:0}.brand-logo span{max-width:90px;font-size:15px}}@media (max-width:380px){.video-grid{gap:8px}.scroll-row .video-card{width:calc((100% - 8px) / 2);flex:0 0 calc((100% - 8px) / 2);max-width:calc((100% - 8px) / 2);min-width:0}.channel-avatar-large{width:56px;height:56px;margin-top:-28px}.channel-video-grid,.playlist-channel-list{gap:8px}.hero-title{font-size:17px}.video-card-title{font-size:12px}.search-result-thumb{aspect-ratio:16/9}.page-header h1{font-size:17px}.header{padding-inline:6px}}.header-upload-btn{display:none !important}@media (max-width:768px){html,body{height:auto !important;min-height:100dvh !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior-x:none !important;overscroll-behavior-y:auto !important;touch-action:pan-x pan-y pinch-zoom !important;-webkit-overflow-scrolling:touch !important}body{position:static !important;padding-bottom:0 !important}.main-content{overflow:visible !important;touch-action:pan-x pan-y pinch-zoom !important}.scroll-row,.creators-scroll,.channel-continue-rail,.category-filters{touch-action:pan-x pan-y !important}.header-upload-btn{display:none !important;visibility:hidden !important;pointer-events:none !important}}@media (max-width:768px){.header-actions{align-items:center !important;gap:8px !important}.header-icon-btn,.user-dropdown-trigger{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;max-width:42px !important;max-height:42px !important;padding:0 !important;border-radius:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 42px !important;line-height:1 !important}.header-icon-btn svg,.header-icon-btn i,.header-icon-btn [data-lucide]{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;max-width:22px !important;max-height:22px !important;display:block !important;margin:0 !important;flex:0 0 22px !important}.header-avatar{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;max-width:32px !important;max-height:32px !important;display:block !important;margin:0 !important;border-radius:50% !important;object-fit:cover !important}.user-dropdown-trigger .dropdown-chevron,.user-dropdown-trigger .dropdown-chevron svg{display:none !important}#notif-count-badge{top:-3px !important;right:-3px !important;width:15px !important;height:15px !important;font-size:9px !important}}.search-voice-btn{position:relative}.voice-listening-label{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px;white-space:nowrap;z-index:100;direction:rtl}.search-voice-btn.listening .voice-listening-label{display:block}.search-voice-btn.listening{color:var(--primary) !important;animation:voice-pulse 1.2s ease-in-out infinite !important}@keyframes voice-pulse{0%,100%{opacity:1}50%{opacity:0.8}}#searchPageVoiceBtn.listening{color:var(--primary) !important;animation:voice-pulse 1.2s ease-in-out infinite !important}.yt-mobile-channel-surface{display:none}@media (max-width:768px){.yt-mobile-channel-surface{display:block;position:relative;overflow:hidden;margin:0 0 16px;padding:12px;border-radius:24px;color:var(--text);background:linear-gradient(145deg,rgba(7,13,22,.92),rgba(10,28,45,.82)),color-mix(in srgb,var(--rank-color,var(--primary)) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--rank-color,var(--primary)) 32%,rgba(255,255,255,.08));box-shadow:0 18px 50px rgba(0,0,0,.26),0 0 26px color-mix(in srgb,var(--rank-glow,transparent) 70%,transparent)}.yt-mobile-channel-surface::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%);pointer-events:none}.yt-mobile-channel-surface>*{position:relative;z-index:1}.yt-mobile-channel-bg{position:absolute;inset:0;z-index:0;opacity:.28;filter:blur(1px) saturate(1.15)}.yt-mobile-channel-bg img{width:100%;height:100%;object-fit:cover}.yt-mobile-channel-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,14,.86),rgba(4,8,14,.34),rgba(4,8,14,.86))}.yt-mobile-account-actions{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:16px;position:relative;z-index:10090}.yt-mobile-icon-action{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:14px;color:var(--text);background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);text-decoration:none}.yt-mobile-icon-action svg,.yt-mobile-icon-action [data-lucide],.yt-mobile-account-pill svg,.yt-mobile-library-row svg,.yt-mobile-library-row [data-lucide]{width:26px;height:26px;stroke-width:var(--icon-stroke,2)}.yt-mobile-account-pill{margin-inline-start:auto;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--text);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);text-decoration:none;font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit}.yt-mobile-account-pill[aria-expanded="true"]{background:color-mix(in srgb,var(--rank-color,var(--primary)) 20%,rgba(255,255,255,.1));border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 45%,rgba(255,255,255,.18));box-shadow:0 10px 26px var(--rank-glow,rgba(0,0,0,.24))}.yt-mobile-account-menu{position:fixed;top:max(82px, env(safe-area-inset-top, 0px) + 70px);right:50%;width:min(88vw, 380px);max-height:min(70vh, 620px);z-index:100000;display:none;padding:14px;border-radius:22px;color:#fff;background:#0b111c !important;border:1px solid color-mix(in srgb,var(--rank-color,var(--primary)) 34%,rgba(255,255,255,.12));box-shadow:0 22px 54px rgba(0,0,0,.42),0 0 24px var(--rank-glow,transparent);backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;transform:translateX(50%);isolation:isolate}.yt-mobile-account-menu::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#0b111c}.yt-mobile-account-menu.open{display:grid;gap:7px;animation:account-menu-pop .18s ease-out}body.channel-account-menu-open .yt-mobile-library{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.user-dropdown.open~.drawer-backdrop+.yt-mobile-account-menu,.user-dropdown.open .yt-mobile-account-menu{display:none !important}@keyframes account-menu-pop{from{opacity:0;transform:translateX(50%) translateY(-6px)}to{opacity:1;transform:translateX(50%) translateY(0)}}.yt-mobile-account-menu-head{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:4px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.yt-mobile-account-menu-title{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;color:#fff;font-size:18px;font-weight:900}.yt-mobile-account-menu-title form{margin:0}.yt-mobile-account-menu-title button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.yt-mobile-account-menu-title svg,.yt-mobile-account-menu-title [data-lucide]{width:21px;height:21px}.yt-mobile-account-check{width:22px !important;height:22px !important;color:#4ea0ff;flex:0 0 22px}.yt-mobile-account-menu-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--rank-color,var(--primary)) 55%,rgba(255,255,255,.12))}.yt-mobile-account-menu-head div{min-width:0;display:grid;gap:2px;text-align:right}.yt-mobile-account-menu-head strong{overflow:hidden;color:#fff;font-size:13.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.yt-mobile-account-menu-head span{overflow:hidden;color:rgba(255,255,255,.62);font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.yt-mobile-account-menu-head small{overflow:hidden;color:rgba(255,255,255,.72);font-size:10.5px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.yt-mobile-account-menu-section{margin:8px -10px 4px;padding:11px 16px 7px;border-top:1px solid rgba(255,255,255,.09);color:#fff;font-size:15px;font-weight:900}.yt-mobile-account-list{display:grid;gap:5px;max-height:260px;overflow-y:auto;padding-left:2px}.yt-mobile-account-loading,.yt-mobile-account-empty{padding:10px;border-radius:12px;color:rgba(255,255,255,.68);background:rgba(255,255,255,.045);font-size:12px;font-weight:750;text-align:center}.yt-mobile-account-switch-form{margin:0}.yt-mobile-account-switch-row{width:100%;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:0;border-radius:15px;color:#fff;background:transparent;font-family:inherit;text-align:right;cursor:pointer}.yt-mobile-account-switch-row:hover,.yt-mobile-account-switch-row:focus{background:rgba(255,255,255,.075);outline:none}.yt-mobile-account-switch-row img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.08)}.yt-mobile-account-switch-row span{min-width:0;display:grid;gap:1px}.yt-mobile-account-switch-row strong,.yt-mobile-account-switch-row small,.yt-mobile-account-switch-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-mobile-account-switch-row strong{color:#fff;font-size:13.5px;font-weight:900}.yt-mobile-account-switch-row small{color:rgba(255,255,255,.62);font-size:11.5px;font-weight:700}.yt-mobile-account-switch-row em{color:rgba(255,255,255,.74);font-size:10.5px;font-style:normal;font-weight:750}.yt-mobile-account-menu-form{margin:0}.yt-mobile-account-menu-item{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:14px;color:rgba(255,255,255,.92);background:transparent;text-decoration:none;font-family:inherit;font-size:13px;font-weight:800;text-align:right;cursor:pointer}.yt-mobile-account-menu-item:hover,.yt-mobile-account-menu-item:focus{background:rgba(255,255,255,.075);outline:none}.yt-mobile-account-menu-item.danger{color:#ff8f99}.yt-mobile-account-menu-item svg,.yt-mobile-account-menu-item [data-lucide]{width:18px;height:18px;flex:0 0 18px;stroke-width:var(--icon-stroke,2)}.yt-mobile-profile-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;direction:ltr;margin-bottom:14px;padding:12px;border-radius:22px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.yt-mobile-profile-info{direction:rtl;text-align:right;min-width:0}.yt-mobile-profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--primary) 26%,var(--border));box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 24px var(--rank-glow,transparent)}.yt-mobile-profile-info h1{margin:0 0 4px;font-size:clamp(24px, 8vw, 34px);line-height:1.05;font-weight:900;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-mobile-handle{color:var(--text-secondary);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.yt-mobile-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;color:rgba(255,255,255,.78);font-size:11.5px;font-weight:700}.yt-mobile-meta span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}.yt-mobile-prime{display:inline-flex;margin-inline-start:8px;padding:2px 7px;border-radius:999px;color:#101010;background:linear-gradient(135deg,#d4af37,#f7e9a6);font-size:11px;vertical-align:middle}.yt-mobile-rank-pill{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:6px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,rgba(0,0,0,.3),color-mix(in srgb,var(--rank-color) 20%,rgba(255,255,255,.08)));border:1px solid color-mix(in srgb,var(--rank-color) 46%,rgba(255,255,255,.12));box-shadow:0 8px 22px var(--rank-glow);font-size:11px;font-weight:900}.yt-mobile-rank-pill small{color:rgba(255,255,255,.78);font-size:10px;font-weight:800}.yt-mobile-library{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.yt-mobile-library-row{min-height:50px;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:12px;color:var(--text);text-decoration:none;border-radius:16px;padding:0 12px;font-size:15.5px;font-weight:800;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.yt-mobile-library-row:hover,.yt-mobile-library-row:active{background:color-mix(in srgb,var(--rank-color,var(--primary)) 12%,rgba(255,255,255,.09));border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 38%,rgba(255,255,255,.1));transform:translateY(-1px)}.yt-mobile-library-row>i:last-child,.yt-mobile-library-row>svg:last-child{color:var(--text-muted)}.channel-banner,.channel-head,.channel-stats-cards{display:none !important}.channel-tabs{margin-top:8px}}@media (max-width:430px){#homeActualContent .hero-featured.hero-featured-premium{width:100% !important;max-width:100% !important;gap:10px !important;padding:12px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-title{font-size:clamp(20px, 6.8vw, 26px) !important;line-height:1.2 !important}#homeActualContent .hero-featured.hero-featured-premium .hero-desc{font-size:12.5px !important;line-height:1.45 !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta{gap:6px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta span{font-size:11px !important;padding:4px 8px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-meta{margin-top:8px !important;padding:10px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn{min-height:46px !important;margin-top:10px !important}}@media (max-width:430px){.yt-mobile-channel-surface{margin-inline:-2px;padding:10px;border-radius:20px}.yt-mobile-account-actions{gap:8px}.yt-mobile-icon-action{width:38px;height:38px;flex-basis:38px;border-radius:13px}.yt-mobile-icon-action svg,.yt-mobile-icon-action [data-lucide],.yt-mobile-account-pill svg,.yt-mobile-library-row svg,.yt-mobile-library-row [data-lucide]{width:22px;height:22px}.yt-mobile-account-pill{min-height:38px;padding:0 11px;font-size:12.5px}.yt-mobile-profile-card{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:10px;border-radius:18px}.yt-mobile-profile-avatar{width:76px;height:76px}.yt-mobile-profile-info h1{font-size:clamp(22px, 7vw, 30px)}.yt-mobile-handle{font-size:12.5px}.yt-mobile-meta span{min-height:22px;padding:2px 7px;font-size:10.5px}.yt-mobile-library-row{min-height:48px;font-size:14.5px;border-radius:14px}}@media (max-width:768px){.yt-mobile-channel-surface{margin:0 0 18px !important;padding:14px !important;border-radius:24px !important;background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--rank-color,var(--primary)) 20%,transparent),transparent 34%),linear-gradient(145deg,rgba(7,12,21,.97),rgba(12,23,36,.94)) !important;border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 38%,rgba(255,255,255,.08)) !important;box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08),0 0 24px color-mix(in srgb,var(--rank-glow,transparent) 58%,transparent) !important}.yt-mobile-channel-bg{opacity:.14 !important;filter:blur(2px) saturate(1.05) !important}.yt-mobile-account-actions{margin-bottom:14px !important}.yt-mobile-icon-action,.yt-mobile-account-pill{min-height:40px !important;height:40px !important;border-radius:13px !important;background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.15) !important}.yt-mobile-icon-action{width:40px !important;flex-basis:40px !important}.yt-mobile-account-pill{padding:0 13px !important}.yt-mobile-profile-card{grid-template-columns:82px minmax(0,1fr) !important;gap:13px !important;margin-bottom:12px !important;padding:14px !important;border-radius:22px !important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(3,8,15,.68) !important;border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 28%,rgba(255,255,255,.11)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.24) !important}.yt-mobile-profile-avatar{width:82px !important;height:82px !important;border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 72%,rgba(255,255,255,.18)) !important;box-shadow:0 14px 30px rgba(0,0,0,.32),0 0 22px var(--rank-glow,transparent) !important}.yt-mobile-profile-info h1{font-size:clamp(22px, 7.2vw, 30px) !important;line-height:1.1 !important;margin-bottom:3px !important}.yt-mobile-handle{font-size:12.5px !important;color:rgba(226,232,240,.72) !important}.yt-mobile-meta{gap:5px !important;margin-top:7px !important}.yt-mobile-meta span{min-height:23px !important;padding:3px 8px !important;background:rgba(255,255,255,.085) !important;border-color:rgba(255,255,255,.1) !important}.yt-mobile-prime{padding:2px 8px !important;font-size:10.5px !important;font-weight:900 !important}.yt-mobile-rank-pill{width:fit-content !important;padding:7px 11px !important;background:linear-gradient(135deg,rgba(0,0,0,.42),color-mix(in srgb,var(--rank-color) 28%,rgba(255,255,255,.1))) !important;border-color:color-mix(in srgb,var(--rank-color) 55%,rgba(255,255,255,.14)) !important;box-shadow:0 10px 24px color-mix(in srgb,var(--rank-glow) 70%,rgba(0,0,0,.12)) !important}.yt-mobile-library{gap:9px !important;margin-top:12px !important}.yt-mobile-library-row{min-height:48px !important;grid-template-columns:36px minmax(0,1fr) 22px !important;gap:11px !important;border-radius:15px !important;font-size:15px !important;background:rgba(9,16,26,.76) !important;border-color:rgba(255,255,255,.095) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 18px rgba(0,0,0,.14) !important;transition:transform .18s ease,border-color .18s ease,background .18s ease !important}.yt-mobile-library-row>i:first-child,.yt-mobile-library-row>svg:first-child{width:30px !important;height:30px !important;padding:5px !important;border-radius:10px !important;color:color-mix(in srgb,var(--rank-color,var(--primary)) 70%,#fff) !important;background:color-mix(in srgb,var(--rank-color,var(--primary)) 13%,rgba(255,255,255,.06)) !important;border:1px solid color-mix(in srgb,var(--rank-color,var(--primary)) 22%,rgba(255,255,255,.08)) !important}.yt-mobile-library-row>i:last-child,.yt-mobile-library-row>svg:last-child{color:rgba(226,232,240,.58) !important}}@media (max-width:430px){.yt-mobile-channel-surface{padding:12px !important;border-radius:22px !important}.yt-mobile-profile-card{grid-template-columns:74px minmax(0,1fr) !important;gap:11px !important;padding:12px !important}.yt-mobile-profile-avatar{width:74px !important;height:74px !important}.yt-mobile-profile-info h1{font-size:clamp(21px, 7vw, 28px) !important}}@media (max-width:768px){body.channel-account-menu-open{overflow:hidden}body.channel-account-menu-open::before{content:none}.yt-mobile-account-backdrop{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;opacity:0;transition:opacity .18s ease}.yt-mobile-account-backdrop.open{display:block;opacity:1}body.channel-account-menu-open .header,body.channel-account-menu-open .bottom-nav{z-index:10040 !important}body.channel-account-menu-open .yt-mobile-account-actions{position:relative !important;z-index:10055 !important}.yt-mobile-account-menu{position:fixed !important;top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;width:min(88vw, 360px) !important;max-height:min(78vh, calc(100vh - 120px)) !important;transform:translate(-50%,-50%) !important;z-index:10060 !important;isolation:isolate !important;padding:18px !important;border-radius:22px !important;background:#0f1117 !important;box-shadow:0 28px 70px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.08),0 0 30px var(--rank-glow,rgba(124,77,255,.25)) !important}.yt-mobile-account-menu.open{display:grid !important}@keyframes account-menu-pop{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}@media (max-width:768px){.yt-mobile-channel-surface{padding:12px !important;border-radius:26px !important;background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--rank-color,var(--primary)) 34%,transparent),transparent 36%),linear-gradient(180deg,rgba(14,19,31,.98),rgba(7,12,21,.98)) !important}.yt-mobile-account-actions{min-height:46px !important;padding:5px !important;margin-bottom:12px !important;border-radius:18px !important;background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.08) !important}.yt-mobile-icon-action,.yt-mobile-account-pill{background:rgba(10,16,26,.86) !important;border-color:rgba(255,255,255,.1) !important}.yt-mobile-profile-card{display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;padding:18px 14px 14px !important;margin-bottom:12px !important;text-align:center !important;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--rank-color,var(--primary)) 18%,transparent),transparent 42%),rgba(8,13,23,.84) !important;border-radius:24px !important}.yt-mobile-profile-avatar{width:92px !important;height:92px !important;margin:0 auto !important}.yt-mobile-profile-info{width:100% !important;text-align:center !important}.yt-mobile-profile-info h1{display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;margin:2px auto 0 !important;font-size:clamp(24px, 7.8vw, 32px) !important}.yt-mobile-handle{margin-top:2px !important;text-align:center !important}.yt-mobile-meta{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;width:100% !important;margin-top:12px !important}.yt-mobile-meta span{justify-content:center !important;min-width:0 !important;min-height:42px !important;padding:7px 6px !important;border-radius:14px !important;font-size:11px !important;line-height:1.15 !important;white-space:normal !important;background:rgba(255,255,255,.07) !important}.yt-mobile-rank-pill{margin:12px auto 0 !important;min-height:38px !important;padding:8px 13px !important;border-radius:16px !important}.yt-mobile-library{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;margin-top:12px !important}.yt-mobile-library-row{min-height:92px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:9px !important;padding:12px 8px !important;border-radius:18px !important;text-align:center !important;font-size:13.5px !important;line-height:1.25 !important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),rgba(8,14,24,.78) !important}.yt-mobile-library-row>i:first-child,.yt-mobile-library-row>svg:first-child{width:34px !important;height:34px !important;padding:7px !important;border-radius:13px !important}.yt-mobile-library-row>i:last-child,.yt-mobile-library-row>svg:last-child{display:none !important}.yt-mobile-library-row:last-child{grid-column:1 / -1 !important;min-height:58px !important;flex-direction:row !important;border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 44%,rgba(255,255,255,.14)) !important;background:linear-gradient(135deg,color-mix(in srgb,var(--rank-color,var(--primary)) 28%,rgba(255,255,255,.08)),rgba(255,255,255,.055)),rgba(8,14,24,.86) !important}}@media (max-width:768px){.yt-mobile-owner-dashboard{width:100% !important;margin:0 0 16px !important;padding:14px !important;border:1px solid rgba(177,113,255,.18) !important;border-radius:20px !important;background:radial-gradient(circle at 50% -8%,rgba(168,85,247,.12),transparent 34%),linear-gradient(180deg,#0d1018 0%,#090c13 100%) !important;box-shadow:0 18px 46px rgba(0,0,0,.3) !important}.yt-mobile-owner-dashboard::after{background:linear-gradient(180deg,rgba(168,85,247,.035),transparent 24%) !important}.yt-mobile-owner-dashboard .yt-mobile-channel-bg,.yt-mobile-owner-dashboard .yt-mobile-account-actions{display:none !important}.account-mobile-profile{width:100% !important;display:grid !important;grid-template-columns:90px minmax(0,1fr) !important;align-items:center !important;gap:14px !important;margin:0 !important;padding:18px !important;direction:rtl !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:20px !important;background:rgba(255,255,255,.035) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;text-align:right !important}.account-mobile-avatar{width:90px !important;height:90px !important;border:2px solid rgba(180,110,255,.72) !important;box-shadow:0 10px 26px rgba(0,0,0,.34),0 0 18px rgba(168,85,247,.2) !important}.account-mobile-identity{width:100% !important;margin:0 !important;direction:rtl !important;text-align:right !important}.account-mobile-name-row{justify-content:flex-start !important;gap:6px !important}.account-mobile-name-row h1{font-size:clamp(20px, 6.4vw, 28px) !important;letter-spacing:-.02em !important}.account-mobile-prime{color:#1a1408 !important;background:linear-gradient(135deg,#d4af37,#f0e0b0) !important}.account-mobile-handle{margin-top:4px !important;color:var(--text-muted) !important;font-size:11px !important}.account-mobile-rank{margin-top:8px !important;border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 28%,transparent) !important;background:color-mix(in srgb,var(--rank-color,var(--primary)) 10%,transparent) !important;box-shadow:none !important}.account-mobile-xp-head{margin-top:10px !important}.account-mobile-xp{height:6px !important;background:rgba(255,255,255,.075) !important}.account-mobile-xp>span,.account-mobile-watch-progress>span{background:var(--rank-gradient,var(--brand-gradient,var(--primary))) !important;box-shadow:0 0 10px var(--rank-glow,var(--primary-glow)) !important}.account-mobile-edit{grid-column:1 / -1;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;border:1px solid rgba(177,113,255,.25);border-radius:20px;color:#f3e8ff;background:rgba(168,85,247,.1);font-size:12px;font-weight:850}.account-mobile-edit svg{width:16px;height:16px}.account-mobile-stats{width:100% !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;margin:12px 0 0 !important}.account-mobile-stats>div{height:85px !important;min-height:85px !important;align-content:center !important;gap:6px !important;padding:8px 2px !important;border-color:rgba(177,113,255,.13) !important;border-radius:20px !important;background:rgba(255,255,255,.032) !important}.account-mobile-stats svg{width:19px !important;height:19px !important;color:#b877ff !important}.account-mobile-stats strong{font-size:14px !important}.account-mobile-stats span{color:rgba(226,232,240,.58) !important;font-size:8px !important}.account-mobile-divider{width:100% !important;margin:16px 0 !important;background:linear-gradient(90deg,transparent,rgba(177,113,255,.18),transparent) !important}.account-mobile-continue,.account-mobile-upload,.account-mobile-links{width:100% !important}.account-mobile-continue-card,.account-mobile-continue-empty,.account-mobile-upload,.account-mobile-links a{border-radius:20px !important;border-color:rgba(177,113,255,.16) !important;background:rgba(255,255,255,.032) !important;box-shadow:none !important}.account-mobile-continue h2 svg,.account-mobile-continue-empty svg,.account-mobile-upload svg{color:#b877ff !important}.account-mobile-upload{background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(192,132,252,.07)) !important}.account-mobile-links{gap:8px !important}.account-mobile-links a,.account-mobile-links .is-blue,.account-mobile-links .is-orange,.account-mobile-links .is-green,.account-mobile-links .is-red,.account-mobile-links .is-neutral{--link-color:#b877ff !important;min-height:54px !important}}@media (max-width:350px){.account-mobile-profile{grid-template-columns:78px minmax(0,1fr) !important;gap:11px !important;padding:14px !important}.account-mobile-avatar{width:78px !important;height:78px !important}.account-mobile-name-row h1{font-size:19px !important}}/*! === components/custom-select.css === */ .custom-select-trigger{width:100%;font-family:inherit;text-align:inherit;appearance:none;-webkit-appearance:none}.custom-select-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{display:inline-flex !important;align-items:center;justify-content:center;flex-shrink:0;width:auto !important;height:auto !important;margin:0 !important;margin-inline-start:8px !important;border:none !important;color:rgba(255,255,255,0.55);transition:transform 0.2s ease,color 0.2s ease}.custom-select-arrow i,.custom-select-arrow svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.custom-select-wrapper.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-option{display:block;width:100%;border:0;background:transparent;font-family:inherit;text-align:inherit;cursor:pointer}.custom-select-wrapper.open .custom-select-options{transform:none !important}.custom-select-wrapper.open .custom-select-trigger{border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 45%,transparent) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rank-color,var(--primary)) 18%,transparent) !important}.custom-select-option.selected{background:color-mix(in srgb,var(--rank-color,var(--primary)) 16%,transparent) !important;color:#fff !important}.custom-select-options{background:#151829 !important;border:1px solid rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.1) !important}.custom-select-layer{position:fixed;inset:0;z-index:10100;pointer-events:none}.custom-select-options.is-portal{position:fixed !important;z-index:10101 !important;pointer-events:auto !important;opacity:1 !important;visibility:visible !important;transform:none !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;box-shadow:0 16px 40px rgba(0,0,0,0.5) !important;border-radius:14px !important;padding:6px !important}.upload-page .custom-select-options.is-portal{background:#151829 !important}/*! === components/header.css === */ .header{position:sticky;top:0;z-index:800;height:var(--header-height);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--stream-border)}.header-inner{display:flex;align-items:center;gap:var(--ds-space-2);height:100%;max-width:var(--content-max);margin-inline:auto;padding:0 clamp(12px, 3vw, 24px)}.brand-logo,.brand-level-trigger{flex-shrink:0;text-decoration:none;color:var(--stream-text);font-family:var(--font-display);font-weight:800;font-size:1.1rem}.brand-level-badge{display:inline-flex;align-items:center;gap:10px;padding:0;border-radius:0;font-size:15px;font-weight:850;border:none;cursor:pointer;background:transparent;color:#fff}.search-bar{display:none;flex:1;align-items:center;gap:2px;min-width:0;max-width:560px;margin-inline:auto;padding:4px 4px 4px 6px;height:44px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}html[dir="ltr"] .search-bar{padding:4px 6px 4px 4px}.search-bar:hover{border-color:rgba(255,255,255,0.16);background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04))}.search-bar:focus-within{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-shadow:var(--focus-ring),inset 0 1px 0 color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent)}.search-leading-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;color:var(--stream-text-secondary);pointer-events:none}.search-leading-icon svg,.search-leading-icon [data-lucide]{width:18px;height:18px;stroke:currentColor}.search-bar input,.search-bar input[type="search"]{flex:1;min-width:0;height:100%;border:none;background:transparent;color:var(--stream-text);outline:none;font-size:14px;font-weight:500;line-height:1.3;padding:0 4px;box-shadow:none;-webkit-appearance:none;appearance:none}.search-bar input::-webkit-search-decoration,.search-bar input::-webkit-search-cancel-button,.search-bar input::-webkit-search-results-button{display:none}.search-bar input::placeholder{color:var(--stream-text-secondary);opacity:0.85;font-weight:500}.search-back-btn,.search-voice-btn,.search-submit-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;padding:0;border:none;cursor:pointer;font:inherit;transition:background 0.18s ease,color 0.18s ease,transform 0.15s ease}.search-back-btn{display:none !important}.search-voice-btn{position:relative;width:36px;height:36px;border-radius:50%;background:transparent;color:var(--stream-text-secondary)}.search-voice-btn:hover{color:var(--stream-text);background:rgba(255,255,255,0.06)}.search-voice-btn.listening{color:var(--stream-accent);background:var(--state-selected)}.search-submit-btn{width:38px;height:36px;border-radius:999px;background:var(--stream-accent);color:var(--md-sys-color-on-primary);box-shadow:0 4px 14px var(--md-sys-color-shadow)}.search-submit-btn:hover{background:var(--stream-accent-hover);color:var(--md-sys-color-on-primary)}.search-submit-btn:active,.search-voice-btn:active,.search-back-btn:active{transform:scale(0.96)}.search-back-btn svg,.search-back-btn [data-lucide],.search-voice-btn svg,.search-voice-btn [data-lucide],.search-submit-btn svg,.search-submit-btn [data-lucide]{width:18px;height:18px;stroke:currentColor;fill:none}.voice-listening-label{display:none;position:absolute;inset-inline-end:calc(100% + 6px);top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:8px;background:rgba(0,0,0,0.75);color:var(--stream-accent);font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.search-voice-btn.listening .voice-listening-label{display:block}html[data-color-mode="light"] .search-bar{background:#fff;border-color:rgba(15,23,42,0.12);box-shadow:0 1px 2px rgba(15,23,42,0.04)}html[data-color-mode="light"] .search-bar:focus-within{border-color:rgba(0,166,126,0.55);box-shadow:0 0 0 3px rgba(0,166,126,0.12)}html[data-color-mode="light"] .search-bar input{color:#0f172a}.header-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.header-icon-btn,.mobile-search-trigger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--stream-border);background:var(--stream-bg-secondary);color:var(--stream-text-secondary);cursor:pointer;text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition)}.header-icon-btn:hover,.mobile-search-trigger:hover{color:var(--stream-text);border-color:color-mix(in srgb,var(--md-sys-color-primary) 22%,var(--md-sys-color-outline-variant))}.mobile-search-trigger .search-eye-icon{width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important;display:block;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 4px rgba(255,255,255,0.18));transition:filter 0.22s ease,transform 0.22s ease}.mobile-search-trigger:hover .search-eye-icon,.mobile-search-trigger:focus-visible .search-eye-icon{filter:drop-shadow(0 0 7px rgba(255,255,255,0.32));transform:scale(1.04)}html[data-color-mode="light"] .mobile-search-trigger .search-eye-icon{filter:drop-shadow(0 0 3px rgba(0,0,0,0.18))}.header-notif-btn{position:relative}.header-notif-btn .notif-bell-icon{width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important;display:block;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 4px rgba(255,255,255,0.18));transition:filter 0.22s ease,transform 0.22s ease}.header-notif-btn:hover .notif-bell-icon,.header-notif-btn:focus-visible .notif-bell-icon{filter:drop-shadow(0 0 7px rgba(255,255,255,0.32));transform:scale(1.04)}.header-notif-btn .notif-bell-dot[hidden]{display:none !important}html[data-color-mode="light"] .header-notif-btn .notif-bell-icon{filter:drop-shadow(0 0 3px rgba(0,0,0,0.18))}.header-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--stream-border);background:transparent;color:var(--stream-text);text-decoration:none;font-size:13px;font-weight:700}.header-btn-primary{background:var(--stream-accent);color:var(--md-sys-color-on-primary);border-color:transparent}.header-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid color-mix(in srgb,var(--rank-color,#fff) 45%,rgba(255,255,255,0.25));box-shadow:0 0 0 2px rgba(0,0,0,0.25),0 0 10px color-mix(in srgb,var(--rank-color,transparent) 28%,transparent)}.user-dropdown-trigger{display:inline-flex;align-items:center;gap:4px;padding:4px;border:none;background:transparent;cursor:pointer;color:var(--stream-text)}.mobile-search-trigger{display:inline-flex}@media (max-width:768px){body.page-watch .app-shell{grid-template-rows:0fr 1fr auto auto !important}body.page-watch .app-shell>.header{position:fixed !important;inset-inline:0;top:0;width:100%;height:calc(var(--header-h, 56px) + env(safe-area-inset-top, 0px)) !important;min-height:0 !important;margin:0 !important;padding:0 !important;padding-top:env(safe-area-inset-top,0px) !important;box-sizing:border-box !important;z-index:900;transform:translate3d(0,-110%,0);transition:transform 0.22s ease,visibility 0.22s ease,box-shadow 0.22s ease;visibility:hidden;pointer-events:none;will-change:transform;border-bottom-color:transparent !important;background:color-mix(in srgb,var(--md-sys-color-surface-container-low,#12141f) 94%,transparent) !important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}body.page-watch .app-shell>.header .header-inner{height:var(--header-h,56px);min-height:var(--header-h,56px)}}@media (min-width:769px){.search-bar{display:flex}.mobile-search-trigger{display:none}}/*! === components/search-overlay.css === */ .mol-search-overlay{--mol-search-pad:16px;--mol-search-chrome-h:64px;--mol-search-accent:var(--rank-color,var(--md-sys-color-primary,var(--primary)));--mol-search-surface:var(--md-sys-color-surface-container-low,var(--bg,#0f1216));--mol-search-raised:var(--md-sys-color-surface-container-high,var(--surface-raised,#1a1e24));--mol-search-hairline:color-mix(in srgb,var(--md-sys-color-outline-variant,var(--border)) 70%,transparent);position:fixed;inset:0;z-index:13000;display:flex;flex-direction:column;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.24s ease,visibility 0.24s ease}.mol-search-overlay.is-open{pointer-events:auto;opacity:1;visibility:visible}.mol-search-overlay[hidden]{display:none !important}.mol-search-overlay.is-open[hidden]{display:flex !important}.mol-search-overlay__backdrop{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% -5%,color-mix(in srgb,var(--mol-search-accent) 16%,transparent),transparent 58%),color-mix(in srgb,var(--bg,#0f1216) 35%,rgba(0,0,0,0.82));backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);opacity:0;transition:opacity 0.3s ease}.mol-search-overlay.is-open .mol-search-overlay__backdrop{opacity:1}.mol-search-overlay__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;max-height:100dvh;background:linear-gradient(180deg,color-mix(in srgb,var(--mol-search-accent) 9%,transparent) 0%,transparent 160px),var(--mol-search-surface);color:var(--text);transform:translate3d(0,-12px,0);opacity:0;transition:transform 0.34s cubic-bezier(0.22,1,0.36,1),opacity 0.26s ease;will-change:transform,opacity}.mol-search-overlay.is-open .mol-search-overlay__panel{transform:translate3d(0,0,0);opacity:1}.mol-search-overlay__chrome{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:calc(var(--mol-search-chrome-h) + env(safe-area-inset-top, 0px));padding:calc(10px + env(safe-area-inset-top, 0px)) var(--mol-search-pad) 12px;border-bottom:1px solid rgba(255,255,255,0.06);background:transparent}.mol-search-overlay__field-wrap{position:relative;display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mol-search-overlay__field-wrap:focus-within{background:transparent;box-shadow:none}.mol-search-overlay__input{flex:1 1 auto;min-width:0;height:100%;border:0;border-bottom:1px solid rgba(255,255,255,0.14);border-radius:0;outline:none;background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:600;letter-spacing:0.01em;caret-color:var(--mol-search-accent);-webkit-appearance:none;appearance:none;padding:0 4px;transition:border-color 0.18s ease}.mol-search-overlay__input::-webkit-search-cancel-button,.mol-search-overlay__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.mol-search-overlay__input:focus{border-bottom-color:color-mix(in srgb,var(--mol-search-accent) 70%,rgba(255,255,255,0.2))}.mol-search-overlay__input::placeholder{color:rgba(148,151,176,0.9);font-weight:500}.mol-search-overlay__voice{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,0.72);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background 0.18s ease,color 0.18s ease,transform 0.15s ease}.mol-search-overlay__voice:hover{color:#fff;background:rgba(255,255,255,0.08)}.mol-search-overlay__voice:active{transform:scale(0.96)}.mol-search-overlay__voice.listening{color:var(--mol-search-accent);background:color-mix(in srgb,var(--mol-search-accent) 18%,transparent)}.mol-search-overlay__voice svg,.mol-search-overlay__voice [data-lucide]{width:20px;height:20px;stroke:currentColor;fill:none}.mol-search-overlay__voice-label{display:none;position:absolute;inset-inline-end:calc(100% + 6px);top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:8px;background:rgba(0,0,0,0.75);color:var(--mol-search-accent);font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.mol-search-overlay__voice.listening .mol-search-overlay__voice-label{display:block}.mol-search-overlay__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 0 calc(28px + env(safe-area-inset-bottom, 0px));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 18%,transparent) transparent}.mol-search-idle,.mol-search-live{animation:molSearchFade 0.32s cubic-bezier(0.22,1,0.36,1)}@keyframes molSearchFade{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}html.mol-search-open,body.mol-search-open{overflow:hidden;width:100%}body.mol-search-open{position:fixed;left:0;right:0}body.mol-search-open .header{pointer-events:none;opacity:0;transition:opacity 0.2s ease}.mol-search-section{padding:12px 0 6px}.mol-search-section+.mol-search-section{border-top:1px solid var(--mol-search-hairline);margin-top:2px;padding-top:14px}.mol-search-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--mol-search-pad) 10px}.mol-search-section__head h3{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;letter-spacing:0.02em;color:var(--text-muted)}.mol-search-section__icon{display:inline-flex;color:var(--text-muted);opacity:0.85}.mol-search-section__icon--hot{color:color-mix(in srgb,#f97316 80%,var(--mol-search-accent))}.mol-search-section__action{border:0;background:color-mix(in srgb,var(--mol-search-accent) 12%,transparent);color:var(--mol-search-accent);font:inherit;font-size:11.5px;font-weight:750;cursor:pointer;padding:6px 11px;border-radius:999px;transition:background 0.15s ease,transform 0.12s ease}.mol-search-section__action:active{transform:scale(0.97)}.mol-search-dropdown{animation:molSearchDrop 0.28s cubic-bezier(0.22,1,0.36,1)}.mol-search-dropdown--live{margin:0 var(--mol-search-pad) 8px;border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--mol-search-raised) 78%,transparent);border:1px solid var(--mol-search-hairline);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,0.28)}@keyframes molSearchDrop{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.mol-search-suggest-list{list-style:none;margin:0;padding:0}.mol-search-suggest{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:8px var(--mol-search-pad);border:0;background:transparent;color:var(--text);text-align:start;text-decoration:none;font:inherit;font-size:14.5px;font-weight:650;cursor:pointer;transition:background 0.14s ease,transform 0.1s ease;-webkit-tap-highlight-color:transparent}.mol-search-suggest:active{transform:scale(0.995);background:color-mix(in srgb,var(--mol-search-accent) 12%,var(--mol-search-raised) 40%,transparent)}.mol-search-suggest:hover,.mol-search-suggest.is-active{background:color-mix(in srgb,var(--mol-search-accent) 9%,var(--mol-search-raised) 35%,transparent)}.mol-search-suggest__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--mol-search-raised) 80%,#000 10%);border:1px solid var(--mol-search-hairline);color:var(--text-muted);flex-shrink:0}.mol-search-suggest__icon--history{color:color-mix(in srgb,var(--text) 55%,var(--text-muted))}.mol-search-suggest__icon--trending{color:color-mix(in srgb,#fb923c 85%,var(--mol-search-accent));background:color-mix(in srgb,#f97316 12%,var(--mol-search-raised));border-color:color-mix(in srgb,#f97316 24%,transparent)}.mol-search-suggest__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.mol-search-mark{background:transparent;color:var(--mol-search-accent);font-weight:850;padding:0}.mol-search-filters{display:flex;gap:8px;padding:10px var(--mol-search-pad) 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--mol-search-surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--mol-search-hairline)}.mol-search-filters::-webkit-scrollbar{display:none}.mol-search-filter{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--mol-search-hairline);background:color-mix(in srgb,var(--mol-search-raised) 85%,transparent);color:var(--text-secondary,var(--text));font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease,transform 0.12s ease,box-shadow 0.18s ease;-webkit-tap-highlight-color:transparent}.mol-search-filter:active{transform:scale(0.96)}.mol-search-filter.is-active{background:var(--mol-search-accent);border-color:color-mix(in srgb,var(--mol-search-accent) 80%,#fff 20%);color:#0a0f14;box-shadow:0 6px 18px color-mix(in srgb,var(--mol-search-accent) 35%,transparent)}.mol-search-filter__count{font-size:11px;font-weight:800;opacity:0.75}.mol-search-filters--skeleton .mol-search-filter-pill{display:inline-block;width:72px;height:36px;border-radius:999px;background:linear-gradient(90deg,var(--mol-search-raised) 0%,color-mix(in srgb,var(--text) 8%,var(--mol-search-raised)) 50%,var(--mol-search-raised) 100%);background-size:200% 100%;animation:molSearchShimmer 1.2s ease-in-out infinite}.mol-search-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:8px var(--mol-search-pad) 16px}@media (min-width:560px){.mol-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (min-width:900px){.mol-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin-inline:auto}}.mol-search-result.video-card{margin:0;width:100%}.mol-search-result .video-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mol-search-result:hover,.mol-search-result:focus-within{transform:translateY(-2px)}.mol-search-grid--skeleton{pointer-events:none}.mol-search-skeleton-card{display:flex;flex-direction:column;gap:10px}.mol-search-skeleton-card__thumb{width:100%;aspect-ratio:16 / 9;border-radius:14px;background:linear-gradient(90deg,var(--mol-search-raised) 0%,color-mix(in srgb,var(--text) 7%,var(--mol-search-raised)) 50%,var(--mol-search-raised) 100%);background-size:200% 100%;animation:molSearchShimmer 1.2s ease-in-out infinite}.mol-search-skeleton-card__lines{display:flex;flex-direction:column;gap:8px;padding-inline:4px}.mol-search-skeleton-card__lines span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--mol-search-raised) 0%,color-mix(in srgb,var(--text) 7%,var(--mol-search-raised)) 50%,var(--mol-search-raised) 100%);background-size:200% 100%;animation:molSearchShimmer 1.2s ease-in-out infinite}.mol-search-skeleton-card__lines span:first-child{width:92%}.mol-search-skeleton-card__lines span:nth-child(2){width:68%}.mol-search-skeleton-card__short{width:42% !important}@keyframes molSearchShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mol-search-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px var(--mol-search-pad) 28px;animation:molSearchFade 0.32s ease}.mol-search-empty-state--compact{padding:20px var(--mol-search-pad)}.mol-search-empty-state__art{display:grid;place-items:center;width:72px;height:72px;margin-bottom:16px;border-radius:22px;background:color-mix(in srgb,var(--mol-search-accent) 12%,var(--mol-search-raised));border:1px solid color-mix(in srgb,var(--mol-search-accent) 22%,transparent);color:var(--mol-search-accent);box-shadow:0 12px 28px rgba(0,0,0,0.22)}.mol-search-empty-state__art svg{width:34px;height:34px;opacity:0.9}.mol-search-empty-state__title{margin:0 0 8px;font-size:17px;font-weight:850;color:var(--text)}.mol-search-empty-state__desc{margin:0;max-width:320px;font-size:13.5px;line-height:1.55;font-weight:550;color:var(--text-muted)}.mol-search-empty{padding:16px 24px 32px;text-align:center;color:var(--text-muted);font-size:14px;font-weight:600}.mol-search-empty--error{color:color-mix(in srgb,#f87171 80%,var(--text-muted))}.mol-search-nano{--nano-violet:#7a6ff0;--nano-cyan:#2ad9ff;position:relative;display:flex;align-items:center;gap:12px;margin:12px var(--mol-search-pad) 10px;padding:14px 14px 14px 12px;border-radius:18px;text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;border:1px solid rgba(122,111,240,0.32);background:radial-gradient(120% 140% at 100% 0%,rgba(42,217,255,0.14),transparent 46%),radial-gradient(90% 120% at 0% 100%,rgba(122,111,240,0.22),transparent 50%),linear-gradient(180deg,rgba(21,24,41,0.98) 0%,rgba(14,16,32,0.98) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 12px 28px rgba(8,10,24,0.45);transition:transform 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease;-webkit-tap-highlight-color:transparent}.mol-search-nano::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,0.04) 50%,transparent 60%);transform:translateX(-40%);pointer-events:none;z-index:0}.mol-search-nano:hover,.mol-search-nano:focus-visible,.mol-search-nano.is-active{outline:none;border-color:rgba(42,217,255,0.42);box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 14px 32px rgba(8,10,24,0.5),0 0 0 1px rgba(122,111,240,0.12)}.mol-search-nano:active{transform:scale(0.99)}.mol-search-nano__orb{position:relative;z-index:1;width:42px;height:42px;flex-shrink:0}.mol-search-nano__copy{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.mol-search-nano__kicker{font-size:10.5px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:color-mix(in srgb,var(--nano-cyan) 70%,#fff)}.mol-search-nano__title{font-size:15px;font-weight:900;color:#fff;line-height:1.25}.mol-search-nano__desc{margin-top:2px;font-size:12px;line-height:1.45;font-weight:550;color:#9497b0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mol-search-nano__cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;color:#0b0f19;background:linear-gradient(135deg,#9b8cff 0%,var(--nano-violet) 45%,var(--nano-cyan) 100%);box-shadow:0 8px 18px rgba(122,111,240,0.28);white-space:nowrap}.mol-search-nano__cta svg{width:14px;height:14px;transform:scaleX(-1)}html[dir="ltr"] .mol-search-nano__cta svg{transform:none}.mol-search-nano--empty{margin-top:8px}@media (max-width:380px){.mol-search-nano__cta span{display:none}.mol-search-nano__cta{width:36px;height:36px;min-height:36px;padding:0;justify-content:center}}.search-clear-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0}.search-clear-btn:not ([hidden]){display:inline-flex}@media (max-width:480px){.mol-search-overlay{--mol-search-pad:14px}}html[data-color-mode="light"] .mol-search-overlay__panel{background:linear-gradient(180deg,color-mix(in srgb,var(--mol-search-accent) 10%,transparent) 0%,transparent 120px),var(--mol-search-surface)}html[data-color-mode="light"] .mol-search-overlay__field-wrap{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.08)}html[data-color-mode="light"] .mol-search-filter.is-active{color:#fff}html[data-color-mode="light"] .mol-search-suggest:active,html[data-color-mode="light"] .mol-search-suggest:hover{background:color-mix(in srgb,var(--mol-search-accent) 8%,#f2f4f6)}/*! === components/search-page.css === */ .search-page{max-width:1100px;margin:0 auto;padding:16px var(--mobile-gutter,16px) calc(var(--nav-height, 72px) + 24px)}.search-page-hero{margin-bottom:20px}.search-page-form{position:relative;display:flex;align-items:center;max-width:680px;width:100%;margin:0 auto;min-height:52px;padding:0 8px 0 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-raised,#1a1e24) 88%,#000 12%);border:1px solid color-mix(in srgb,var(--rank-color,var(--primary)) 22%,var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent),0 8px 24px rgba(0,0,0,0.22);transition:border-color 0.22s ease,box-shadow 0.22s ease}.search-page-form:focus-within{border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color,var(--primary)) 20%,transparent),0 0 22px color-mix(in srgb,var(--rank-color,var(--primary)) 16%,transparent)}.search-page-form input{flex:1;min-width:0;height:48px;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-size:16px;font-weight:650;caret-color:var(--rank-color,var(--primary))}.search-page-form input::placeholder{color:var(--text-muted);font-weight:500}.search-page-form .search-voice-btn,.search-page-form .search-page-submit{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary,var(--text));cursor:pointer;flex-shrink:0;transition:background 0.15s ease,color 0.15s ease,transform 0.12s ease}.search-page-form .search-page-submit{background:color-mix(in srgb,var(--rank-color,var(--primary)) 18%,transparent);color:var(--rank-color,var(--primary))}.search-page-form .search-voice-btn:active,.search-page-form .search-page-submit:active{transform:scale(0.94)}.search-page-idle{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.5}.search-suggestions-box{margin-bottom:20px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface-raised,#1a1e24) 82%,transparent);border:1px solid var(--border)}.search-suggestions-title{margin-bottom:12px;font-size:13px;font-weight:800;color:var(--text-muted)}.search-history-list{display:flex;flex-wrap:wrap;gap:8px}.search-history-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--surface,#12161c) 90%,transparent);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:13px;font-weight:700;transition:background 0.15s ease,border-color 0.15s ease,transform 0.12s ease}.search-history-chip:active{transform:scale(0.97);background:color-mix(in srgb,var(--rank-color,var(--primary)) 12%,var(--surface));border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 35%,var(--border))}.search-filters-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-light,var(--border))}.search-results-info{margin-bottom:14px;font-size:13px;font-weight:650;color:var(--text-muted)}.search-results-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.search-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.search-page .video-card{width:100%;margin:0}.search-mark{background:transparent;color:var(--rank-color,var(--primary));font-weight:850;padding:0}.search-page .empty-state-box{margin-top:24px;padding:36px 20px;border-radius:20px;background:color-mix(in srgb,var(--surface-raised) 80%,transparent);border:1px solid var(--border)}.search-page .search-result-item{display:none}@media (max-width:719px){.search-page{padding-top:8px}.search-filters-bar{flex-direction:column;align-items:stretch}.search-filters-bar .category-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:4px}.search-filters-bar .category-filters::-webkit-scrollbar{display:none}}/*! === components/app-nav.css === */ .mol-nav{--mol-bar-h:64px;--mol-muted:#8b90a8;--mol-surface-top:#171a28;--mol-surface-bottom:#0b0d14;--mol-playhead:var(--rank-color-base,var(--rank-color,var(--stream-accent)));position:fixed;inset-inline:0;bottom:0;z-index:var(--z-nav,1000);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;justify-items:stretch;gap:0;min-height:calc(var(--mol-bar-h) + env(safe-area-inset-bottom, 0px));padding:0 env(safe-area-inset-bottom,0px) env(safe-area-inset-bottom,0px);background:linear-gradient( 180deg,color-mix(in srgb,var(--mol-surface-top) 94%,transparent) 0%,var(--mol-surface-bottom) 100% );backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-top:1px solid rgba(255,255,255,0.07);border-radius:0;box-shadow:0 -6px 28px rgba(0,0,0,0.42);overflow:visible;isolation:isolate}.mol-nav-marquee{display:none}.mol-nav-perfs{display:none}.mol-nav .app-nav-item,.mol-nav .bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:var(--mol-bar-h);padding:8px 4px 6px;border:0;border-radius:0;background:transparent;color:var(--mol-muted);text-decoration:none;font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:0;transition:color 0.2s ease,background 0.2s ease;-webkit-tap-highlight-color:transparent}.mol-nav .app-nav-item::before,.mol-nav .app-nav-item::after{display:none !important}.mol-nav .app-nav-item:hover{color:#e8eaf2}.mol-nav .app-nav-item.active:not (.upload){color:var(--mol-playhead)}.mol-nav .app-nav-item:active{transform:scale(0.97)}.mol-nav .app-nav-item svg,.mol-nav .app-nav-item [data-lucide],.mol-nav .app-nav-icon{width:24px;height:24px;stroke:currentColor;color:currentColor;flex-shrink:0;stroke-width:var(--icon-stroke-emphasis);stroke-linecap:round;stroke-linejoin:round;transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),opacity 0.18s ease,filter 0.22s ease}.mol-nav .app-nav-label,.mol-nav .bottom-nav-label{display:block;line-height:1.35;padding-block:1px 2px;text-align:center;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:100%;opacity:0.88;font-size:10px;font-weight:700;transition:opacity 0.18s ease,color 0.2s ease,transform 0.22s cubic-bezier(0.22,1,0.36,1)}.mol-nav .app-nav-item.active:not (.upload) .app-nav-label,.mol-nav .app-nav-item.active:not (.upload) .bottom-nav-label{opacity:1;font-weight:800;color:var(--mol-playhead)}.mol-nav .app-nav-item:not (.upload):active .app-nav-label{opacity:0.7;transform:translateY(1px)}.mol-nav .app-nav-item.upload,.mol-nav .bottom-nav-item.upload{color:var(--mol-playhead);align-items:center;justify-content:flex-end;gap:2px;padding:0 2px 8px;z-index:4;overflow:visible}.mol-nav .app-nav-item.upload::before{display:block !important;content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:72px;height:34px;border-radius:0 0 36px 36px;background:var(--mol-surface-bottom);box-shadow:inset 0 6px 12px rgba(0,0,0,0.28),0 -1px 0 color-mix(in srgb,var(--mol-playhead) 22%,transparent);border:none;pointer-events:none;z-index:0}.mol-nav .app-nav-item.upload.ripple-container,.mol-nav .bottom-nav-item.upload.ripple-container{overflow:visible}.mol-nav .app-nav-item.upload:active,.mol-nav .bottom-nav-item.upload:active{transform:none}.mol-nav .mol-upload-fab{position:relative;z-index:1;top:0;transform:translateY(-15px);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:none;background:transparent;color:#fff;overflow:visible;flex-shrink:0;transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),filter 0.22s ease,opacity 0.18s ease}.mol-nav .mol-upload-fab::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient( circle,color-mix(in srgb,var(--rank-color-base,var(--mol-playhead)) 8%,transparent) 0%,color-mix(in srgb,var(--rank-color-base,var(--mol-playhead)) 2%,transparent) 42%,transparent 68% );opacity:0.22;pointer-events:none;z-index:0;transition:opacity 0.25s ease,transform 0.3s cubic-bezier(0.22,1,0.36,1)}.mol-nav .mol-upload-fab::after{display:none}.mol-nav .mol-upload-fab-core{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:3px solid var(--mol-surface-bottom);background:var(--rank-color-base,var(--stream-accent));background-image:var( --rank-gradient,linear-gradient( 145deg,var(--rank-color-base,var(--stream-accent)),var(--rank-secondary,var(--md-sys-color-secondary)) ) );box-shadow:0 3px 8px color-mix(in srgb,var(--rank-color-base,var(--mol-playhead)) 8%,transparent),0 1px 3px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.12);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.22s ease,opacity 0.18s ease,border-color 0.22s ease}.mol-nav .mol-upload-fab-core::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,0.16) 0%,transparent 42%);pointer-events:none}.mol-nav .mol-upload-fab-core::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,0.14);pointer-events:none}.mol-nav .app-nav-item.upload:hover .mol-upload-fab,.mol-nav .bottom-nav-item.upload:hover .mol-upload-fab{transform:translateY(-17px)}.mol-nav .app-nav-item.upload:hover .mol-upload-fab::before,.mol-nav .bottom-nav-item.upload:hover .mol-upload-fab::before{opacity:0.32;transform:scale(1.02)}.mol-nav .app-nav-item.upload:hover .mol-upload-fab-core,.mol-nav .bottom-nav-item.upload:hover .mol-upload-fab-core{box-shadow:0 4px 10px color-mix(in srgb,var(--rank-color-base,var(--mol-playhead)) 12%,transparent),0 1px 4px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.14)}.mol-nav .app-nav-item.upload:active .mol-upload-fab,.mol-nav .bottom-nav-item.upload:active .mol-upload-fab{transform:translateY(-11px) scale(0.95);opacity:0.94}.mol-nav .app-nav-item.upload:active .mol-upload-fab-core,.mol-nav .bottom-nav-item.upload:active .mol-upload-fab-core{transform:scale(0.97)}.mol-nav .app-nav-item.upload.active .mol-upload-fab-core,.mol-nav .bottom-nav-item.upload.active .mol-upload-fab-core{box-shadow:0 3px 8px color-mix(in srgb,var(--rank-color-base,var(--mol-playhead)) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--rank-color-base,var(--mol-playhead)) 14%,transparent),inset 0 1px 0 rgba(255,255,255,0.12)}.mol-nav .mol-upload-fab .app-nav-icon,.mol-nav .mol-upload-fab [data-lucide],.mol-nav .mol-upload-fab svg{position:relative;z-index:1;width:22px !important;height:22px !important;padding:0;margin:0;border-radius:0;background:none;background-image:none;color:#fff;stroke:#fff;stroke-width:var(--icon-stroke-emphasis) !important;stroke-linecap:round;stroke-linejoin:round;box-shadow:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.22));transition:transform 0.22s ease,opacity 0.18s ease}.mol-nav .app-nav-item.upload:active .mol-upload-fab .app-nav-icon,.mol-nav .app-nav-item.upload:active .mol-upload-fab [data-lucide],.mol-nav .app-nav-item.upload:active .mol-upload-fab svg{transform:scale(0.92);opacity:0.9}.mol-nav .app-nav-item.upload .app-nav-label,.mol-nav .app-nav-item.upload .bottom-nav-label{position:relative;z-index:2;display:block;font-weight:800;font-size:10px;letter-spacing:0.01em;color:var(--mol-playhead);margin-top:0;line-height:1.1;opacity:1;height:auto;overflow:visible;pointer-events:none;transform:translateY(-5px)}.mol-nav .app-nav-item.upload.active .app-nav-label,.mol-nav .app-nav-item.upload.active .bottom-nav-label{color:var(--mol-playhead)}.app-nav:not (.mol-nav){position:fixed;inset-inline:0;bottom:0;z-index:var(--z-nav,1000);display:flex;align-items:stretch;justify-content:space-around;min-height:var(--nav-height);padding:6px 8px calc(6px + env(safe-area-inset-bottom, 0px));background:rgba(12,14,24,0.88);border-top:1px solid rgba(255,255,255,0.08)}@media (min-width:769px){.mol-nav{position:static;inset:auto;display:flex;align-items:stretch;justify-content:flex-start;gap:2px;min-height:var(--nav-height);max-width:var(--content-max);margin-inline:auto;padding:0 clamp(12px, 3vw, 24px);background:transparent;border:none;border-bottom:1px solid var(--stream-border);border-radius:0;box-shadow:none;overflow:visible}.mol-nav-marquee{display:none}.mol-nav .app-nav-item,.mol-nav .bottom-nav-item{flex:0 0 auto;flex-direction:row;gap:8px;width:auto;min-height:var(--nav-height);padding:0 14px;font-size:13px;border-bottom:2px solid transparent}.mol-nav .app-nav-item.active:not (.upload),.mol-nav .bottom-nav-item.active:not (.upload){border-bottom-color:var(--mol-playhead);color:var(--mol-playhead)}.mol-nav .app-nav-label,.mol-nav .bottom-nav-label{opacity:1;font-size:13px}.mol-nav .app-nav-item svg,.mol-nav .app-nav-item [data-lucide],.mol-nav .app-nav-icon{width:18px;height:18px}.mol-nav .app-nav-item.upload::before{display:none !important}.mol-nav .mol-upload-fab{top:0;transform:none;width:18px;height:18px;border-radius:0;background:none;background-image:none;box-shadow:none}.mol-nav .mol-upload-fab::after,.mol-nav .mol-upload-fab::before{display:none}.mol-nav .mol-upload-fab-core{width:18px;height:18px;border:none;border-radius:0;background:none;background-image:none;box-shadow:none}.mol-nav .mol-upload-fab-core::before{display:none}.mol-nav .mol-upload-fab .app-nav-icon,.mol-nav .mol-upload-fab [data-lucide],.mol-nav .mol-upload-fab svg{width:18px !important;height:18px !important;margin-top:0;color:#fff;stroke:#fff;stroke-width:var(--icon-stroke-emphasis) !important;filter:none}.mol-nav .app-nav-item.upload:hover .mol-upload-fab,.mol-nav .app-nav-item.upload:active .mol-upload-fab{transform:none;opacity:1;filter:none}.mol-nav .app-nav-item.upload:hover .mol-upload-fab-core,.mol-nav .app-nav-item.upload:active .mol-upload-fab-core{transform:none;box-shadow:none}.mol-nav .app-nav-item.upload,.mol-nav .bottom-nav-item.upload{margin-inline-start:auto;padding:0 16px;border-radius:var(--radius-pill,999px);background:var(--rank-gradient);background-image:var(--rank-gradient);color:#fff;justify-content:center;padding-bottom:0}.mol-nav .app-nav-item.upload .app-nav-label,.mol-nav .app-nav-item.upload .bottom-nav-label{margin-top:0}.mol-nav .app-nav-item.upload .app-nav-label,.mol-nav .app-nav-item.upload .bottom-nav-label{color:#fff}.mol-nav .app-nav-item.upload svg,.mol-nav .app-nav-item.upload [data-lucide]{color:#fff;stroke:#fff}}@media (max-width:380px){.mol-nav .app-nav-label,.mol-nav .bottom-nav-label{font-size:9.5px;letter-spacing:0}.mol-nav .app-nav-item svg,.mol-nav .app-nav-item [data-lucide],.mol-nav .app-nav-icon{width:22px;height:22px}.mol-nav .app-nav-icon-wrap{width:26px;height:26px}}/*! === components/channel.css === */  .channel-page{display:flex;flex-direction:column;gap:var(--ds-space-4);margin:calc(var(--ds-space-2) * -1) calc(var(--ds-space-2) * -1) 0}.channel-page.rank-themed{--ch-surface:rgba(255,255,255,0.04);--ch-surface-deep:var(--md-sys-color-surface-container-lowest,#0a0c0f);--ch-border:rgba(var(--level-rgb),0.16);--ch-muted:var(--md-sys-color-on-surface-variant,var(--nano-text-dim,#9497b0));--ch-tint:rgba(var(--level-rgb),0.12);--ch-tint-strong:rgba(var(--level-rgb),0.22);background:radial-gradient(120% 70% at 50% -10%,rgba(var(--level-rgb),0.16),transparent 55%),radial-gradient(80% 50% at 100% 20%,rgba(var(--level-rgb),0.07),transparent 45%),linear-gradient( 180deg,var(--md-sys-color-surface-container-low,#161a20) 0%,var(--md-sys-color-surface-container-lowest,#0a0c0f) 48%,var(--md-sys-color-background,#0f1216) 100% );padding-bottom:20px}.channel-cover{position:relative;width:100%;aspect-ratio:16 / 7;min-height:118px;max-height:280px;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(var(--level-rgb),0.16),transparent 55%),linear-gradient( 180deg,var(--md-sys-color-surface-container,#1a1e24) 0%,var(--md-sys-color-surface-container-lowest,#0a0c0f) 100% );box-shadow:inset 0 -1px 0 rgba(255,255,255,0.04)}.channel-cover img{width:100%;height:100%;object-fit:cover;display:block}.channel-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.25) 40%,rgba(7,11,18,0.92) 100%),linear-gradient(90deg,rgba(var(--level-rgb),0.12),transparent 40%);pointer-events:none}.channel-profile{display:grid;gap:var(--ds-space-4);padding-inline:clamp(12px, 3vw, 20px);padding-top:8px;margin-top:-44px;position:relative;z-index:2;overflow:visible}.channel-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:0;box-shadow:0 0 0 1.5px var(--md-sys-color-surface-container-lowest,#0a0c0f),0 0 0 3px color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback))) 70%,transparent),0 0 0 4.5px color-mix(in srgb,var(--rank-secondary,var(--rank-color-base,var(--rank-color))) 45%,transparent),0 10px 28px rgba(0,0,0,0.45);display:block;margin-top:0;align-self:start}.channel-info h1{margin:0 0 4px;font-size:clamp(1.25rem, 4vw, 1.75rem);font-weight:900;letter-spacing:-0.02em;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#f8fafc}.channel-handle{color:rgba(226,232,240,0.55);font-size:13.5px;font-weight:650;margin-bottom:8px}.channel-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--stream-text-secondary);font-weight:700;margin-bottom:12px}.channel-prime-star{color:var(--stream-warning,#ffc857);font-size:16px}.channel-rank-strip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-pill);background:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color) 12%,var(--ch-surface)),color-mix(in srgb,var(--rank-color) 5%,var(--ch-surface-deep)) );border:1px solid color-mix(in srgb,var(--rank-color) 28%,var(--ch-border));box-shadow:none;font-size:12px;font-weight:700;margin-bottom:12px;max-width:100%}.channel-rank-strip strong{color:var(--rank-secondary,#fff);font-weight:800}.channel-rank-strip span:not (.channel-rank-badge){color:color-mix(in srgb,var(--rank-secondary,#fff) 78%,var(--ch-muted))}.channel-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex-shrink:0;background:var(--rank-gradient,var(--stream-accent));background-image:var(--rank-gradient)}.channel-rank-badge i,.channel-rank-badge svg,.channel-rank-badge [data-lucide]{width:16px;height:16px;color:#101010 !important;stroke:#101010 !important}.channel-xp-head b{color:var(--rank-color);font-weight:800}.channel-xp-head{display:flex;justify-content:space-between;font-size:12px;color:var(--ch-muted);margin-bottom:6px}.channel-rank-block{display:flex;flex-direction:column;gap:8px;min-width:0}.channel-xp-card{padding:6px 8px;border-radius:10px;background:var(--md-sys-color-surface-container,var(--ch-surface));border:1px solid color-mix(in srgb,var(--rank-color) 14%,var(--ch-border))}.channel-xp-track{position:relative;display:flex;align-items:center;min-height:18px;height:18px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--rank-color) 10%,rgba(255,255,255,0.06));border:1px solid color-mix(in srgb,var(--rank-color) 12%,var(--ch-border));overflow:hidden}.channel-xp-fill{position:absolute;inset-block:0;inset-inline-start:0;height:100%;background:var(--rank-gradient,linear-gradient(90deg,var(--rank-color),var(--rank-secondary)));background-image:var(--rank-gradient);border-radius:inherit;pointer-events:none}.channel-xp-pct{position:relative;z-index:1;margin-inline:auto 8px;font-size:10.5px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.45);font-variant-numeric:tabular-nums}.channel-bio{color:var(--stream-text-secondary);font-size:14px;line-height:1.6;margin:0}.channel-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;width:100%}.channel-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px 0 10px;border-radius:14px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,filter 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease;box-shadow:none;font-family:inherit;line-height:1;border:1px solid transparent;flex:1 1 auto}.channel-action-btn:active{transform:scale(0.98)}.channel-action-btn__icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--rank-color) 14%,var(--ch-surface-deep));border:1px solid color-mix(in srgb,var(--rank-color) 28%,var(--ch-border))}.channel-action-btn__icon i,.channel-action-btn__icon svg,.channel-action-btn__icon [data-lucide]{width:16px;height:16px;color:var(--rank-color);stroke:var(--rank-color)}.channel-action-btn--edit .channel-action-btn__icon{background:var(--ch-tint,color-mix(in srgb,var(--rank-color) 14%,transparent));border-color:color-mix(in srgb,var(--rank-color) 24%,var(--ch-border))}.channel-action-btn__label{white-space:nowrap}.channel-action-btn--edit{background:transparent;border-color:color-mix(in srgb,var(--rank-color) 42%,rgba(255,255,255,0.12));color:color-mix(in srgb,var(--rank-color) 75%,#fff);border-radius:999px;min-height:44px}.channel-action-btn--edit .channel-action-btn__icon{background:color-mix(in srgb,var(--rank-color) 14%,transparent);border-color:color-mix(in srgb,var(--rank-color) 28%,transparent);border-radius:999px}.channel-action-btn--edit:hover{background:color-mix(in srgb,var(--rank-color) 12%,transparent);border-color:color-mix(in srgb,var(--rank-color) 55%,rgba(255,255,255,0.16));color:#fff}.channel-action-btn--primary{padding-inline:16px 14px;background:var(--rank-gradient,var(--stream-accent));background-image:var(--rank-gradient,none);border-color:color-mix(in srgb,var(--rank-color) 38%,transparent);color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--rank-color) 22%,transparent)}.channel-action-btn--primary .channel-action-btn__icon--solid{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.22)}.channel-action-btn--primary .channel-action-btn__icon i,.channel-action-btn--primary .channel-action-btn__icon svg,.channel-action-btn--primary .channel-action-btn__icon [data-lucide]{color:#fff;stroke:#fff}.channel-action-btn--primary:hover{filter:brightness(1.07)}.channel-page .channel-actions .btn-secondary{all:unset;box-sizing:border-box}@media (max-width:768px){.channel-page--owner .channel-actions{display:flex;width:100%}.channel-page--owner .channel-action-btn{width:100%;min-width:0;min-height:46px;padding:0 14px;font-size:13px;justify-content:center;flex:1 1 auto}.channel-page--owner .channel-action-btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-page--owner .channel-action-btn__icon{width:32px;height:32px;border-radius:10px;flex-shrink:0}}@media (max-width:480px){.channel-actions{width:100%}.channel-action-btn{flex:1 1 calc(50% - 5px);min-width:0;padding-inline:10px 12px;font-size:12px}.channel-action-btn__label{overflow:hidden;text-overflow:ellipsis}.channel-action-btn__icon{width:30px;height:30px;border-radius:9px}}.channel-stats-card{margin-inline:clamp(12px, 3vw, 20px);padding:0;border-radius:18px;background:linear-gradient(165deg,rgba(255,255,255,0.04),transparent 50%),color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 6%,rgba(12,12,14,0.78));border:1px solid color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 24%,rgba(255,255,255,0.08));box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 12px 28px rgba(0,0,0,0.22);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.channel-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-inline:0}.channel-stat-cell,.channel-page .channel-stat-card{padding:18px 12px 16px;text-align:center;border-radius:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;position:relative;transition:background 0.18s ease}.channel-stat-cell:hover{background:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 8%,transparent) !important}.channel-stats-grid>.channel-stat-cell:nth-child(odd),.channel-stats-grid>.channel-stat-card:nth-child(odd){border-inline-end:1px solid color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 20%,rgba(255,255,255,0.06)) !important}.channel-stats-grid>.channel-stat-cell:nth-child(-n+2),.channel-stats-grid>.channel-stat-card:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 20%,rgba(255,255,255,0.06)) !important}.channel-stat-value{font-size:1.35rem;font-weight:900;color:#f8fafc;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.channel-stat-label{font-size:11.5px;color:rgba(226,232,240,0.58);margin-top:5px;font-weight:700}.channel-owner-panel{display:flex;flex-direction:column;gap:var(--ds-space-4)}.channel-xp-bar{height:8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--rank-color) 10%,rgba(255,255,255,0.06));border:1px solid color-mix(in srgb,var(--rank-color) 12%,var(--ch-border));overflow:hidden}.channel-xp-bar span,.channel-xp-fill{display:block;height:100%;background:var(--rank-gradient,linear-gradient(90deg,var(--rank-color),var(--rank-secondary)));background-image:var(--rank-gradient);border-radius:inherit}.channel-continue{padding-inline:clamp(12px, 3vw, 20px)}.channel-continue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.channel-continue-title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;color:var(--stream-text)}.channel-continue-title i,.channel-continue-title svg,.channel-continue-title [data-lucide]{width:18px;height:18px;color:var(--rank-color,var(--stream-accent));stroke:var(--rank-color,var(--stream-accent))}.channel-continue-history-link{flex-shrink:0;font-size:13px;font-weight:700;color:var(--stream-text-secondary);text-decoration:none;transition:color 0.15s ease}.channel-continue-history-link:hover{color:var(--rank-color,var(--stream-accent))}.channel-continue-rail{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-inline:-2px;padding-inline:2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none}.channel-continue-rail::-webkit-scrollbar{display:none}.cw-card{flex:0 0 168px;flex-shrink:0;width:168px;min-width:168px;max-width:168px;display:flex;flex-direction:column;gap:7px;color:inherit;text-decoration:none;cursor:pointer;scroll-snap-align:start;transition:transform 0.18s ease}.cw-card:active{transform:scale(0.98)}.cw-card-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0c0e16;box-shadow:0 8px 20px rgba(0,0,0,0.28)}.cw-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}.cw-card-duration{position:absolute;inset-inline-end:8px;bottom:8px;z-index:2;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,0.8);color:#fff;font-size:10px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;pointer-events:none}.cw-card-progress{position:absolute;inset-inline:0;bottom:0;z-index:2;width:100%;height:3px;background:rgba(55,65,81,0.6);overflow:hidden}.cw-card-progress-fill{display:block;height:100%;width:0;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,0.45)}.cw-card-title{margin:0;font-size:12px;font-weight:600;line-height:1.35;color:rgba(229,231,235,0.95);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cw-card:hover .cw-card-thumb{outline:1px solid color-mix(in srgb,var(--rank-color,#10b981) 35%,transparent)}.channel-continue-empty{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--rank-color,#10b981) 6%,var(--ch-surface,#151829));border:1px solid color-mix(in srgb,var(--rank-color,#10b981) 12%,var(--ch-border,rgba(255,255,255,0.08)));color:var(--stream-text-secondary);font-size:12.5px;font-weight:600}.channel-continue-empty i,.channel-continue-empty svg,.channel-continue-empty [data-lucide]{width:18px;height:18px;flex-shrink:0;opacity:0.7}.channel-shortcut{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient( 165deg,color-mix(in srgb,var(--rank-color) 5%,var(--ch-surface)),var(--ch-surface-deep) );border:1px solid color-mix(in srgb,var(--rank-color) 14%,var(--ch-border));color:inherit;text-decoration:none;transition:border-color 0.2s ease,background 0.2s ease}.channel-shortcut:hover{border-color:color-mix(in srgb,var(--rank-color) 32%,var(--ch-border));background:color-mix(in srgb,var(--rank-color) 8%,var(--ch-surface))}.channel-shortcut>i:last-child,.channel-shortcut>svg:last-child{opacity:0.45;flex-shrink:0}.channel-shortcut i:first-child,.channel-shortcut svg:first-child{width:18px;height:18px;color:var(--rank-color,var(--stream-accent));stroke:var(--rank-color,var(--stream-accent))}.channel-shortcuts{display:grid;gap:8px;padding-inline:clamp(12px, 3vw, 20px)}.channel-upload-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-inline:clamp(12px, 3vw, 20px);border-radius:var(--radius-lg);background:var(--rank-gradient,var(--stream-accent));background-image:var(--rank-gradient);color:#fff;font-weight:800;text-decoration:none}.channel-account-backdrop{position:fixed;inset:0;z-index:950;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.2s ease}.channel-account-backdrop.open{opacity:1;visibility:visible}.channel-account-menu{position:fixed;inset-inline:12px;bottom:calc(var(--nav-height) + 12px);z-index:960;max-height:min(70vh, 520px);overflow:auto;border-radius:var(--radius-lg);background:var(--stream-card);border:1px solid var(--stream-border);box-shadow:var(--shadow);transform:translateY(16px);opacity:0;visibility:hidden;transition:transform 0.25s var(--ease),opacity 0.25s var(--ease)}.channel-account-menu.open{transform:none;opacity:1;visibility:visible}@media (min-width:769px){.channel-page{margin:0}.channel-cover{aspect-ratio:4 / 1;max-height:220px;border-radius:var(--radius-lg)}.channel-profile{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"avatar info actions" "avatar rank rank";align-items:end;gap:20px;margin-top:-48px;padding-top:12px}.channel-avatar{grid-area:avatar;width:110px;height:110px;align-self:end}.channel-stats-card{grid-column:1 / -1}.channel-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-info{grid-area:info}.channel-rank-block{grid-area:rank}.channel-actions{grid-area:actions;align-self:end;width:auto;flex-wrap:nowrap}.channel-owner-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-5);padding-inline:clamp(12px, 3vw, 20px)}.channel-owner-panel>.channel-stats-card{margin-inline:0}.channel-shortcuts{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.channel-account-menu{inset-inline:auto;left:50%;transform:translateX(-50%) translateY(16px);width:min(420px, 92vw)}.channel-account-menu.open{transform:translateX(-50%)}}.channel-page .channel-tabs,.channel-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;margin:8px clamp(12px, 3vw, 20px) 16px;padding:5px;border-radius:16px;background:linear-gradient( 180deg,color-mix(in srgb,var(--rank-color,#7dd3fc) 10%,rgba(255,255,255,0.04)),rgba(255,255,255,0.02) );border:1px solid color-mix(in srgb,var(--rank-color,#7dd3fc) 18%,rgba(255,255,255,0.08));box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 8px 24px rgba(0,0,0,0.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-snap-type:x proximity}.channel-page .channel-tabs::-webkit-scrollbar,.channel-tabs::-webkit-scrollbar{display:none}.channel-page .channel-tab,.channel-tabs .channel-tab{display:inline-flex !important;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:38px;padding:0 14px !important;border-radius:12px !important;border:1px solid transparent !important;margin:0 !important;font-size:12.5px !important;font-weight:700 !important;font-family:inherit;letter-spacing:0;text-decoration:none;white-space:nowrap;color:var(--ch-muted,#9497b0) !important;background:transparent !important;background-image:none !important;box-shadow:none !important;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color 0.18s ease,background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.channel-page .channel-tab i,.channel-page .channel-tab svg,.channel-page .channel-tab [data-lucide],.channel-tabs .channel-tab i,.channel-tabs .channel-tab svg,.channel-tabs .channel-tab [data-lucide]{width:15px;height:15px;flex-shrink:0;opacity:0.9;color:inherit;stroke:currentColor}.channel-page .channel-tab:hover,.channel-tabs .channel-tab:hover{color:#fff !important;background:color-mix(in srgb,var(--rank-color,#7dd3fc) 12%,rgba(255,255,255,0.04)) !important;border-color:color-mix(in srgb,var(--rank-color,#7dd3fc) 20%,transparent) !important}.channel-page .channel-tab:hover i,.channel-page .channel-tab:hover svg,.channel-page .channel-tab:hover [data-lucide],.channel-tabs .channel-tab:hover i,.channel-tabs .channel-tab:hover svg,.channel-tabs .channel-tab:hover [data-lucide]{color:var(--rank-color,#7dd3fc);stroke:var(--rank-color,#7dd3fc);opacity:1}.channel-page .channel-tab.active,.channel-tabs .channel-tab.active{color:#0a0c12 !important;background:linear-gradient( 135deg,var(--rank-color,#7dd3fc),color-mix(in srgb,var(--rank-secondary,var(--rank-color,#7dd3fc)) 70%,#fff) ) !important;border-color:transparent !important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rank-color,#7dd3fc) 35%,transparent),0 6px 16px color-mix(in srgb,var(--rank-color,#7dd3fc) 28%,transparent) !important}.channel-page .channel-tab.active i,.channel-page .channel-tab.active svg,.channel-page .channel-tab.active [data-lucide],.channel-tabs .channel-tab.active i,.channel-tabs .channel-tab.active svg,.channel-tabs .channel-tab.active [data-lucide]{opacity:1;color:#0a0c12;stroke:#0a0c12}.channel-page .channel-tab:active,.channel-tabs .channel-tab:active{transform:scale(0.97)}.channel-tab--accounts{margin-inline-start:auto;color:color-mix(in srgb,var(--rank-secondary,#fff) 70%,var(--ch-muted,#9497b0)) !important;border-style:dashed !important;border-color:color-mix(in srgb,var(--rank-color,#7dd3fc) 22%,transparent) !important;background:color-mix(in srgb,var(--rank-color,#7dd3fc) 6%,transparent) !important}.channel-tab--accounts:hover{color:#fff !important;background:color-mix(in srgb,var(--rank-color,#7dd3fc) 14%,rgba(255,255,255,0.04)) !important;border-color:color-mix(in srgb,var(--rank-color,#7dd3fc) 36%,transparent) !important;border-style:solid !important}.channel-tab--accounts[aria-expanded="true"]{color:#0a0c12 !important;background:linear-gradient( 135deg,var(--rank-color,#7dd3fc),color-mix(in srgb,var(--rank-secondary,var(--rank-color,#7dd3fc)) 70%,#fff) ) !important;border-color:transparent !important;border-style:solid !important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rank-color,#7dd3fc) 35%,transparent),0 6px 16px color-mix(in srgb,var(--rank-color,#7dd3fc) 28%,transparent) !important}.channel-tab--accounts[aria-expanded="true"] i,.channel-tab--accounts[aria-expanded="true"] svg,.channel-tab--accounts[aria-expanded="true"] [data-lucide]{color:#0a0c12;stroke:#0a0c12}@media (max-width:768px){.channel-page{margin:0;gap:0}.channel-cover{border-radius:0;max-height:140px;aspect-ratio:16 / 5.5}.channel-profile{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"avatar info" "rank rank" "actions actions";column-gap:14px;row-gap:12px;margin-top:-36px;padding-top:6px;padding-inline:var(--mobile-gutter,14px);padding-bottom:8px}.channel-avatar{grid-area:avatar;width:76px;height:76px;border-width:3px;align-self:start}.channel-info{grid-area:info;min-width:0;align-self:end}.channel-rank-block{grid-area:rank;width:100%}.channel-rank-strip{width:100%;box-sizing:border-box}.channel-info h1{font-size:1.1rem;line-height:1.25;margin-bottom:4px}.channel-handle{font-size:12px;margin-bottom:0}.channel-meta{gap:8px;font-size:11px;margin-bottom:0;margin-top:6px}.channel-page--owner .channel-meta{display:none}.channel-bio{display:none}.channel-rank-strip{font-size:11px;padding:7px 10px;gap:6px;margin-bottom:0}.channel-xp-card{padding:5px 7px}.channel-xp-track{min-height:16px;height:16px}.channel-xp-pct{font-size:10px;margin-inline-end:7px}.channel-actions{grid-area:actions;width:100%}.channel-page--owner .channel-actions{display:flex}.channel-page .channel-tabs,.channel-tabs{margin:10px var(--mobile-gutter,14px) 14px;padding:4px;border-radius:14px;gap:4px}.channel-page--owner .channel-owner-panel{gap:14px;padding-top:4px;padding-bottom:8px}.channel-page--owner .channel-tabs,.channel-page .channel-tabs,.channel-tabs{margin-top:4px}.channel-page .channel-tab,.channel-tabs .channel-tab{min-height:36px;padding:0 11px !important;font-size:12px !important;border-radius:11px !important;gap:6px}.channel-tab--accounts{margin-inline-start:2px}.channel-stats-card{margin-inline:var(--mobile-gutter,14px)}.channel-stat-cell,.channel-stat-card{padding:14px 8px}.channel-stat-value{font-size:1.1rem}.channel-continue,.channel-shortcuts{padding-inline:var(--mobile-gutter,14px)}}@media (max-width:480px){.channel-page .channel-tabs,.channel-tabs{margin-inline:var(--mobile-gutter,12px);padding:4px;gap:4px}.channel-page .channel-tab,.channel-tabs .channel-tab{min-height:34px;padding:0 10px !important;font-size:11.5px !important}.channel-page .channel-tab i,.channel-page .channel-tab svg,.channel-page .channel-tab [data-lucide],.channel-tabs .channel-tab i,.channel-tabs .channel-tab svg,.channel-tabs .channel-tab [data-lucide]{width:14px;height:14px}.channel-page .channel-tab[href="?tab=popular"] span{max-width:7.5em;overflow:hidden;text-overflow:ellipsis}}.channel-tab-content{display:flex;flex-direction:column;gap:12px;padding-inline:clamp(12px, 3vw, 20px);padding-bottom:24px}.channel-filter-bar{margin:0}.channel-page .channel-cats{display:flex;align-items:center;gap:8px;margin:0;padding:5px;border-radius:14px;background:color-mix(in srgb,var(--rank-color) 6%,var(--ch-surface-deep,#12122a));border:1px solid color-mix(in srgb,var(--rank-color) 12%,var(--ch-border,rgba(255,255,255,0.07)));overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.channel-page .channel-cats::-webkit-scrollbar{display:none}.channel-page .channel-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--rank-color);cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.channel-page .channel-search-toggle i,.channel-page .channel-search-toggle svg,.channel-page .channel-search-toggle [data-lucide]{width:16px;height:16px}.channel-page .channel-search-toggle:hover,.channel-page .channel-search-toggle.is-active{background:color-mix(in srgb,var(--rank-color) 14%,transparent);border-color:color-mix(in srgb,var(--rank-color) 22%,transparent);color:var(--rank-secondary,#fff)}.channel-page .channel-chip-search{display:none;align-items:center;gap:6px;flex:1 1 auto;min-width:0;max-width:min(220px, 52vw);height:36px;padding:0 8px 0 10px;border-radius:11px;background:color-mix(in srgb,var(--rank-color) 8%,var(--ch-surface));border:1px solid color-mix(in srgb,var(--rank-color) 18%,var(--ch-border))}.channel-page .channel-chip-search.is-open{display:inline-flex}.channel-page .channel-chip-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--stream-text);font:inherit;font-size:13px;font-weight:600}.channel-page .channel-chip-search input::placeholder{color:var(--stream-text-secondary);opacity:0.85}.channel-page .channel-chip-search-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--stream-text-secondary);text-decoration:none;cursor:pointer;flex-shrink:0;transition:background 0.15s ease,color 0.15s ease}.channel-page .channel-chip-search-clear:hover{background:rgba(255,255,255,0.08);color:#fff}.channel-page .channel-chip-search-clear i,.channel-page .channel-chip-search-clear svg{width:14px;height:14px}.channel-page .channel-cats--search-open .channel-cat{opacity:0.92}.channel-page .channel-cat{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:11px;background:transparent;border:1px solid transparent;color:var(--ch-muted,#9497b0);font-size:12.5px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.channel-page .channel-cat i,.channel-page .channel-cat svg,.channel-page .channel-cat [data-lucide]{width:14px;height:14px;flex-shrink:0;opacity:0.85}.channel-page .channel-cat:hover{color:var(--rank-secondary,#fff);background:var(--ch-tint)}.channel-page .channel-cat.active{color:#fff;background:var(--rank-gradient,linear-gradient(135deg,var(--rank-color),var(--rank-secondary)));background-image:var(--rank-gradient);border-color:color-mix(in srgb,var(--rank-color) 35%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--rank-color) 18%,transparent)}.channel-page .channel-cat.active i,.channel-page .channel-cat.active svg,.channel-page .channel-cat.active [data-lucide]{opacity:1;color:#fff;stroke:#fff}.channel-page .channel-inline-search{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;margin:0;padding:0 14px;border-radius:14px;background:linear-gradient( 165deg,color-mix(in srgb,var(--rank-color) 5%,var(--ch-surface)),var(--ch-surface-deep) );border:1px solid color-mix(in srgb,var(--rank-color) 14%,var(--ch-border));box-shadow:none}.channel-page .channel-inline-search>i,.channel-page .channel-inline-search>svg,.channel-page .channel-inline-search>[data-lucide]{width:18px;height:18px;flex-shrink:0;color:var(--rank-color);stroke:var(--rank-color);opacity:0.75}.channel-page .channel-inline-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--stream-text);font:inherit;font-size:14px;font-weight:600}.channel-page .channel-inline-search input::placeholder{color:var(--stream-text-secondary);opacity:0.85}.channel-page .channel-inline-search a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--stream-text-secondary);text-decoration:none;transition:background 0.2s ease,color 0.2s ease}.channel-page .channel-inline-search a:hover{background:rgba(255,255,255,0.08);color:#fff}.channel-page .channel-inline-search a i,.channel-page .channel-inline-search a svg{width:16px;height:16px}.channel-page .channel-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0}.channel-page .empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:8px 0 0;padding:36px 20px;text-align:center;border-radius:16px;background:linear-gradient( 165deg,color-mix(in srgb,var(--rank-color) 5%,var(--ch-surface)),var(--ch-surface-deep) );border:1px solid color-mix(in srgb,var(--rank-color) 14%,var(--ch-border))}.channel-page .empty-state-icon{width:72px;height:72px;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--rank-color) 14%,var(--ch-surface-deep));border:1px solid color-mix(in srgb,var(--rank-color) 28%,var(--ch-border))}.channel-page .empty-state-icon i,.channel-page .empty-state-icon svg,.channel-page .empty-state-icon [data-lucide]{width:32px !important;height:32px !important;color:var(--rank-color,var(--stream-accent)) !important;stroke:var(--rank-color,var(--stream-accent)) !important;opacity:1 !important}.channel-page .empty-state-title{margin:0;font-size:16px;font-weight:800;color:var(--stream-text)}.channel-page .empty-state-desc{margin:0;max-width:280px;font-size:13px;line-height:1.55;color:var(--stream-text-secondary)}.channel-page .empty-state-btn{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:12px 22px;border-radius:14px;background:var(--rank-gradient,var(--stream-accent));background-image:var(--rank-gradient);border:1px solid color-mix(in srgb,var(--rank-color,var(--stream-accent)) 38%,transparent);color:#fff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:none;transition:filter 0.2s ease,transform 0.15s ease}.channel-page .empty-state-btn:hover{filter:brightness(1.07);transform:none;color:#fff}.channel-page .empty-state-btn i,.channel-page .empty-state-btn svg{width:16px;height:16px}@media (max-width:768px){.channel-tab-content{padding-inline:14px;gap:10px}.channel-page .channel-video-grid{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){.channel-page .channel-cats{padding:4px;gap:6px}.channel-page .channel-search-toggle,.channel-page .channel-chip-search{width:34px;height:34px}.channel-page .channel-chip-search{width:auto;height:34px;max-width:min(160px, 46vw)}.channel-page .channel-cat{min-height:34px;padding:0 12px;font-size:11.5px}.channel-page .empty-state-box{padding:28px 16px}}.channel-about-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:4px;padding:20px;border-radius:18px;background:linear-gradient(165deg,rgba(255,255,255,0.04),transparent 48%),color-mix(in srgb,var(--rank-color) 6%,rgba(10,14,22,0.7));border:1px solid color-mix(in srgb,var(--rank-color) 18%,rgba(255,255,255,0.07));box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}.channel-about-block{min-width:0}.channel-about-block--stats{display:flex;flex-direction:column;gap:12px;padding-inline-start:18px;border-inline-start:1px solid color-mix(in srgb,var(--rank-color) 16%,rgba(255,255,255,0.08))}.channel-about-heading{margin:0 0 10px;font-size:15px;font-weight:900;color:#fff}.channel-about-text{margin:0;color:rgba(241,245,249,0.68);font-size:14px;line-height:1.7;white-space:pre-line}.channel-about-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.channel-about-stats li{display:flex;align-items:center;gap:10px;color:rgba(241,245,249,0.72);font-size:13.5px;font-weight:650}.channel-about-stats i,.channel-about-stats svg,.channel-about-stats [data-lucide]{width:16px;height:16px;flex-shrink:0;color:var(--rank-color);opacity:0.85}.channel-page .channel-tabs,.channel-tabs{background:color-mix(in srgb,var(--rank-color) 7%,rgba(10,14,22,0.65)) !important;border:1px solid color-mix(in srgb,var(--rank-color) 16%,rgba(255,255,255,0.07)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.channel-page .channel-cats{background:color-mix(in srgb,var(--rank-color) 5%,rgba(10,14,22,0.55));border-color:color-mix(in srgb,var(--rank-color) 14%,rgba(255,255,255,0.07));box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}.channel-continue-title{font-size:15.5px;letter-spacing:-0.01em}.channel-continue-history-link{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}.channel-continue-history-link:hover{background:color-mix(in srgb,var(--rank-color) 12%,transparent);border-color:color-mix(in srgb,var(--rank-color) 28%,transparent)}.cw-card-title{font-weight:700;color:rgba(248,250,252,0.92)}.cw-card-duration{border-radius:6px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.channel-page--owner .channel-action-btn--edit{width:100%;justify-content:center}@media (max-width:768px){.channel-cover{max-height:148px;aspect-ratio:16 / 5.2}.channel-profile{margin-top:-40px;row-gap:10px}.channel-avatar{width:80px;height:80px;box-shadow:0 0 0 2px color-mix(in srgb,var(--rank-color) 50%,transparent),0 8px 22px rgba(0,0,0,0.4)}.channel-info h1{font-size:1.15rem}.channel-stats-card{border-radius:16px}.channel-stat-cell,.channel-stat-card{padding:15px 8px 14px}.channel-stat-value{font-size:1.2rem}.channel-about-section{grid-template-columns:1fr;gap:16px;padding:16px;border-radius:16px}.channel-about-block--stats{padding-inline-start:0;padding-top:14px;border-inline-start:none;border-top:1px solid color-mix(in srgb,var(--rank-color) 16%,rgba(255,255,255,0.08))}.cw-card{flex-basis:156px;width:156px;min-width:156px;max-width:156px}}.account-hub{display:flex;flex-direction:column;gap:22px;padding:4px clamp(12px, 3vw, 20px) 28px}.account-hub .channel-stats-card{margin:0}.ah-shelf{display:flex;flex-direction:column;gap:12px}.ah-shelf-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ah-shelf-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:850;color:#fff;letter-spacing:-0.01em}.ah-shelf-title i,.ah-shelf-title svg,.ah-shelf-title [data-lucide]{width:18px;height:18px;color:var(--rank-color,var(--stream-accent,var(--primary)));stroke:var(--rank-color,var(--stream-accent,var(--primary)));flex-shrink:0}.ah-shelf-link{flex-shrink:0;font-size:12.5px;font-weight:750;color:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback))) 72%,#fff);text-decoration:none;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback,var(--primary)))) 12%,transparent);border:1px solid color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback,var(--primary)))) 28%,transparent);transition:background 0.15s ease,color 0.15s ease}.ah-shelf-link:hover{color:#fff;background:color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 22%,transparent)}.ah-shelf-rail{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;margin-inline:calc(clamp(12px, 3vw, 20px) * -1);padding-inline:clamp(12px, 3vw, 20px)}.ah-shelf-rail::-webkit-scrollbar{display:none}.ah-card{flex:0 0 min(78vw, 280px);width:min(78vw, 280px);max-width:min(78vw, 280px);min-width:0;scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px}.ah-card-thumb{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#0a0c14;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 28px rgba(0,0,0,0.35)}.ah-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ah-card-duration{position:absolute;inset-inline-end:8px;bottom:8px;z-index:2;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,0.78);color:#fff;font-size:11px;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums}.ah-card-progress{position:absolute;inset-inline:0;bottom:0;height:3px;background:rgba(255,255,255,0.16);z-index:3;overflow:hidden}.ah-card-progress-fill{display:block;height:100%;background:var(--rank-color,var(--stream-accent,var(--primary)));box-shadow:0 0 10px color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 50%,transparent)}.ah-card-title{margin:0;padding:0 2px;font-size:13.5px;font-weight:750;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ah-shelf-empty{display:flex;align-items:center;gap:10px;padding:16px 14px;border-radius:14px;background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.1);color:rgba(220,224,236,0.65);font-size:13px;font-weight:650}.ah-shelf-empty i,.ah-shelf-empty svg,.ah-shelf-empty [data-lucide]{width:18px;height:18px;opacity:0.7;flex-shrink:0}.ah-studio-link-wrap{padding-top:4px}.ah-studio-link-wrap--under-profile{padding:0 clamp(12px, 3vw, 20px) 8px}.ah-studio-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:12px 16px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:800;color:#fff;background:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback,var(--primary)))) 16%,rgba(255,255,255,0.04));border:1px solid color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback,var(--primary)))) 38%,rgba(255,255,255,0.08));transition:background 0.15s ease,transform 0.12s ease}.ah-studio-link:hover{background:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--rank-fallback,var(--primary)))) 26%,rgba(255,255,255,0.06))}.ah-studio-link:active{transform:scale(0.98)}.ah-studio-link i,.ah-studio-link svg,.ah-studio-link [data-lucide]{width:18px;height:18px}@media (min-width:769px){.ah-card{flex-basis:260px;width:260px;max-width:260px}.ah-card-title{font-size:14px}}.channel-page--owner .channel-profile{background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}@media (max-width:768px){.channel-page--owner .channel-profile{grid-template-columns:88px minmax(0,1fr);column-gap:10px;row-gap:8px;margin-top:-44px;padding-top:4px;padding-bottom:4px;align-items:end}.channel-page--owner .channel-avatar{width:88px;height:88px;align-self:end;box-shadow:0 0 0 3px #0a0e16,0 0 0 5px color-mix(in srgb,var(--rank-color) 70%,transparent),0 10px 24px rgba(0,0,0,0.45)}.channel-page--owner .channel-info{justify-self:start;width:max-content;max-width:100%;align-self:center;text-align:start;padding-bottom:2px}.channel-page--owner .channel-info h1{font-size:1.2rem;font-weight:900;letter-spacing:-0.025em;margin:0 0 2px;line-height:1.2}.channel-page--owner .channel-handle{font-size:12.5px;font-weight:650;color:rgba(226,232,240,0.62);margin:0}.channel-page--owner .ah-studio-link-wrap--under-profile{padding-top:6px;padding-bottom:10px}.channel-page--owner .ah-studio-link{min-height:44px;border-radius:14px;font-size:13.5px;background:linear-gradient(165deg,rgba(255,255,255,0.06),transparent 55%),color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 14%,rgba(10,14,22,0.55));border:1px solid color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 40%,rgba(255,255,255,0.1));box-shadow:0 6px 18px rgba(0,0,0,0.2)}.channel-page--owner .account-hub{gap:18px;padding-top:2px}.channel-page--owner .account-hub .channel-stats-card{border-radius:16px;border-color:color-mix(in srgb,var(--rank-color) 28%,rgba(255,255,255,0.1));box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 10px 24px rgba(0,0,0,0.2)}.channel-page--owner .channel-stat-value{font-size:1.28rem;font-weight:900}.channel-page--owner .channel-stat-label{font-size:11px;letter-spacing:0.01em}.channel-page--owner .ah-shelf-title{font-size:15px}.channel-page--owner .ah-shelf-link{padding:5px 10px;font-size:12px}.channel-page--owner .ah-card-thumb{border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,0.32)}}/*! === components/drawer.css === */ .drawer-backdrop{position:fixed;inset:0;z-index:var(--z-drawer-backdrop,10000);background:rgba(0,0,0,0.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none !important;transition:opacity 280ms ease,visibility 280ms ease;isolation:isolate;transform:translateZ(0);will-change:opacity}.drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto !important}.user-dropdown{--drawer-bg:#12141f;--drawer-surface:#181b2a;--drawer-border:rgba(255,255,255,0.08);--drawer-text:#f1f2f8;--drawer-muted:#8b8fa8;position:fixed;top:calc(58px + env(safe-area-inset-top, 0px));inset-inline-start:12px;inset-inline-end:auto;bottom:auto;z-index:var(--z-drawer,10001);display:flex;flex-direction:column;width:min(300px, calc(100vw - 20px));max-width:300px;height:auto;max-height:min(640px, calc(100dvh - 72px - env(safe-area-inset-top, 0px)));margin:0;padding:0;background:var(--drawer-bg);background-color:#12141f;border:1px solid var(--drawer-border);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,0.5);overflow:hidden;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transform-origin:top start;transition:opacity 280ms ease,transform 280ms cubic-bezier(0.4,0,0.2,1),visibility 280ms ease}html[dir="ltr"] .user-dropdown{inset-inline-start:auto;inset-inline-end:12px;transform-origin:top end}.user-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.user-dropdown .drawer-close-btn{display:none !important}.user-dropdown .drawer-hero{position:relative;flex:0 0 auto;margin:0;padding:8px 8px 10px 12px;border-bottom:1px solid var(--drawer-border);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--rank-color,#65d887) 16%,transparent),transparent 55%),var(--drawer-surface)}.user-dropdown .drawer-profile-header{position:relative !important;display:grid !important;grid-template-columns:minmax(0,1fr) 64px !important;align-items:center !important;gap:12px !important;flex-direction:unset !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-bottom:0 !important;background:transparent !important;box-shadow:none !important;direction:ltr !important;justify-content:start !important}.user-dropdown .drawer-profile-header .drawer-avatar,.user-dropdown .drawer-avatar{width:64px !important;height:64px !important;max-width:64px !important;max-height:64px !important;border-radius:50% !important;object-fit:cover !important;border:2px solid color-mix(in srgb,var(--rank-color,#fff) 45%,rgba(255,255,255,0.15)) !important;background:#0c0e16 !important;box-shadow:none !important;padding:0 !important;display:block !important;justify-self:end !important;order:2}.user-dropdown .drawer-profile-copy{min-width:0;width:max-content;max-width:100%;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:4px !important;text-align:start !important;direction:rtl !important;justify-self:end !important;order:1}.user-dropdown .drawer-username{width:auto !important;max-width:100% !important;margin:0 !important;color:#fff !important;font-size:15px !important;font-weight:800 !important;line-height:1.25 !important;text-align:start !important;text-shadow:none !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.user-dropdown .drawer-profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.user-dropdown .drawer-view-channel{width:fit-content;color:#22d3ee;font-size:11.5px;font-weight:700;text-decoration:none;text-align:start}.user-dropdown .drawer-view-channel:hover{text-decoration:underline}.user-dropdown .drawer-prime-pill{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin:0;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#c9a227 0%,#f3e5ab 50%,#d4af37 100%) !important;border:1px solid rgba(255,220,140,0.65) !important;color:#1a1200 !important;font-size:10px;font-weight:850;letter-spacing:0.02em;box-shadow:0 2px 10px rgba(212,175,55,0.38),inset 0 1px 0 rgba(255,255,255,0.38);text-shadow:none !important}.user-dropdown .drawer-hero.rank-themed .drawer-prime-pill{color:#1a1200 !important;background:linear-gradient(135deg,#c9a227 0%,#f3e5ab 50%,#d4af37 100%) !important}.user-dropdown .drawer-prime-pill svg,.user-dropdown .drawer-prime-pill i,.user-dropdown .drawer-prime-pill [data-lucide]{width:11px;height:11px;color:#1a1200 !important;stroke:#1a1200 !important}.user-dropdown .drawer-hero .xp-rank-card.xp-drawer-nano{display:block !important;margin:10px 0 0 !important;padding:12px 12px 11px !important;border-radius:14px !important;border:1px solid color-mix(in srgb,var(--rank-color) 28%,rgba(255,255,255,0.08)) !important;background:color-mix(in srgb,var(--rank-color) 10%,rgba(0,0,0,0.28)) !important;box-shadow:none !important;text-decoration:none;color:inherit}.user-dropdown .xp-drawer-badge-wrap{width:38px;height:38px}.user-dropdown .xp-drawer-nano .xp-rank-title strong{font-size:15px;line-height:1.2}.user-dropdown .xp-drawer-nano .xp-rank-title span{font-size:11.5px;line-height:1.25;margin-top:1px}.user-dropdown .xp-drawer-cta{padding:5px 10px;font-size:11px}.user-dropdown .xp-drawer-nano .xp-rank-progress{height:5px;margin-top:10px}.user-dropdown .drawer-hero .drawer-stats{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;margin:8px 0 0 !important;padding:0 !important;width:100% !important;background:transparent !important;border:0 !important}.user-dropdown .drawer-hero .drawer-stat{display:flex !important;flex-direction:column !important;align-items:center !important;gap:2px !important;padding:8px 4px !important;border-radius:10px !important;background:rgba(0,0,0,0.22) !important;border:1px solid rgba(255,255,255,0.06) !important;text-align:center !important}.user-dropdown .drawer-hero .drawer-stat strong{color:#fff !important;font-size:13px !important;font-weight:800 !important;direction:ltr;line-height:1.1 !important}.user-dropdown .drawer-hero .drawer-stat span{color:var(--drawer-muted) !important;font-size:10px !important;font-weight:700 !important}.user-dropdown .drawer-section{display:block;margin:8px 10px 0;padding:8px;border-radius:12px;background:var(--drawer-surface);border:1px solid var(--drawer-border)}.user-dropdown .drawer-section-title{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:#fff;font-size:11px;font-weight:800}.user-dropdown .drawer-section-title svg{width:12px;height:12px;color:#22d3ee}.user-dropdown .drawer-history-list{display:flex;flex-direction:column;gap:6px}.user-dropdown .drawer-history-item{display:flex;align-items:center;gap:8px;padding:4px;border-radius:8px;text-decoration:none;transition:background 0.15s ease}.user-dropdown .drawer-history-item:hover{background:rgba(255,255,255,0.04)}.user-dropdown .drawer-history-item img{width:44px;height:26px;object-fit:cover;border-radius:5px;border:1px solid rgba(255,255,255,0.06);flex-shrink:0}.user-dropdown .history-item-info{min-width:0;flex:1}.user-dropdown .history-item-title{color:#fff;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown .history-item-channel{color:var(--drawer-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-menu-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;margin-top:6px;padding:4px 6px 6px;background:transparent;-webkit-overflow-scrolling:touch}.user-dropdown-menu-list::-webkit-scrollbar{width:4px}.user-dropdown-menu-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.14);border-radius:999px}.user-dropdown .drawer-form{display:block;width:100%;margin:0}.user-dropdown .dropdown-item,.user-dropdown .logout-button,.user-dropdown button.dropdown-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:36px;padding:0 10px;border-radius:10px;border:0;background:transparent;color:var(--drawer-text);text-decoration:none;text-align:start;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background 0.15s ease}.user-dropdown .dropdown-item:hover,.user-dropdown .logout-button:hover{background:rgba(255,255,255,0.05);color:#fff}.user-dropdown .dropdown-icon,.user-dropdown .dropdown-item [data-lucide],.user-dropdown .dropdown-item svg,.user-dropdown .logout-button [data-lucide],.user-dropdown .logout-button svg{width:16px;height:16px;margin:0;flex:0 0 16px;color:var(--drawer-muted);stroke:currentColor;fill:none;stroke-width:var(--icon-stroke)}.user-dropdown .dropdown-item:hover .dropdown-icon,.user-dropdown .dropdown-item:hover svg{color:#22d3ee}.user-dropdown .dropdown-item-prime,.user-dropdown .dropdown-item-prime .dropdown-icon,.user-dropdown .dropdown-item-prime svg{color:#f3e5ab}.user-dropdown .dropdown-item-danger,.user-dropdown .dropdown-item-danger .dropdown-icon,.user-dropdown .dropdown-item-danger svg{color:#fb7185}.user-dropdown .dropdown-item span,.user-dropdown .logout-button span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown .dropdown-divider{height:1px;margin:5px 8px;background:var(--drawer-border);border:0}.user-dropdown .drawer-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;flex-shrink:0;padding:8px 10px 10px;border-top:1px solid var(--drawer-border);background:rgba(0,0,0,0.18);color:var(--drawer-muted);font-size:10.5px;font-weight:700}.user-dropdown .drawer-footer a{color:var(--drawer-muted);text-decoration:none}.user-dropdown .drawer-footer a:hover{color:#fff}body.drawer-open,body.sidebar-open{overflow:hidden}body.drawer-open .header,body.sidebar-open .header,body.drawer-open .footer,body.sidebar-open .footer,body.drawer-open nav.app-nav,body.sidebar-open nav.app-nav,body.drawer-open nav.app-nav.bottom-nav,body.sidebar-open nav.app-nav.bottom-nav,body.drawer-open .app-nav.bottom-nav,body.sidebar-open .app-nav.bottom-nav,body.drawer-open #appNav,body.sidebar-open #appNav,body.drawer-open .mp-dock,body.sidebar-open .mp-dock{z-index:calc(var(--z-drawer-backdrop, 10000) - 20) !important}@media (max-width:768px){.drawer-backdrop{background:rgba(0,0,0,0.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity 280ms ease,visibility 280ms ease}.drawer-backdrop.open{background:rgba(0,0,0,0.96)}.user-dropdown{top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:min(260px, 78vw);max-width:min(260px, 78vw);height:100dvh;max-height:100dvh;margin:0;border:none;border-inline-end:1px solid var(--drawer-border);border-radius:16px 0 0 16px;box-shadow:-8px 0 28px rgba(0,0,0,0.55);background:#12141f;background-color:#12141f;opacity:1;visibility:hidden;pointer-events:none;transform:translateX(100%);transform-origin:center;transition:transform 280ms cubic-bezier(0.4,0,0.2,1),visibility 280ms ease;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html[dir="ltr"] .user-dropdown{inset-inline-start:0;inset-inline-end:auto;border-radius:0 16px 16px 0;border-inline-end:none;border-inline-start:1px solid var(--drawer-border);box-shadow:8px 0 28px rgba(0,0,0,0.35);transform:translateX(-100%)}.user-dropdown.open,html[dir="ltr"] .user-dropdown.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.user-dropdown .drawer-close-btn{display:inline-flex !important;position:absolute !important;top:10px !important;inset-inline-end:10px !important;inset-inline-start:auto !important;width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;aspect-ratio:1 / 1 !important;align-items:center !important;justify-content:center !important;flex:0 0 36px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,0.14) !important;background:rgba(12,14,22,0.55) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f3f4fa !important;box-shadow:0 4px 14px rgba(0,0,0,0.28);cursor:pointer;z-index:6;padding:0 !important;margin:0 !important;line-height:0 !important;transform:none !important;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease,transform 0.15s ease}.user-dropdown .drawer-close-btn:hover,.user-dropdown .drawer-close-btn:focus-visible{background:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.28) !important;color:#fff !important;outline:none}.user-dropdown .drawer-close-btn:active{transform:scale(0.94) !important}.user-dropdown .drawer-close-btn svg,.user-dropdown .drawer-close-btn [data-lucide]{width:18px !important;height:18px !important;flex:0 0 auto;display:block}.user-dropdown .drawer-hero{padding-top:10px}.user-dropdown .drawer-profile-header{padding:0 !important}.user-dropdown-menu-list{flex:0 0 auto;max-height:none;overflow:visible}.user-dropdown .drawer-history{display:none}.user-dropdown .drawer-footer{margin-top:auto}}.user-dropdown{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important}.user-dropdown .drawer-profile-header{position:relative !important;z-index:2 !important;flex:0 0 auto !important;flex-shrink:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) 64px !important;grid-auto-rows:auto !important;align-items:center !important;column-gap:10px !important;row-gap:4px !important;min-height:0 !important;padding:0 !important;text-align:right !important;background:transparent !important;border-bottom:0 !important;direction:ltr !important;justify-content:end !important}.user-dropdown .drawer-profile-header>.drawer-avatar,.user-dropdown .drawer-avatar{grid-column:2 !important;grid-row:1 / -1 !important;align-self:center !important;justify-self:end !important;width:64px !important;height:64px !important;max-width:64px !important;max-height:64px !important;margin:0 !important;border-radius:50% !important;border:2px solid color-mix(in srgb,var(--rank-color,#fff) 45%,rgba(255,255,255,0.15)) !important;box-shadow:none !important;object-fit:cover !important}.user-dropdown .drawer-profile-copy{grid-column:1 !important;grid-row:1 / -1 !important;min-width:0 !important;width:max-content !important;max-width:100% !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:4px !important;direction:rtl !important;text-align:start !important;justify-self:end !important}.user-dropdown .drawer-profile-header>.drawer-username{grid-column:1 !important;grid-row:1 !important}.user-dropdown .drawer-profile-header>.drawer-view-channel{grid-column:1 !important;grid-row:2 !important}.user-dropdown .drawer-profile-header>.drawer-prime-pill{grid-column:1 !important;grid-row:3 !important}.user-dropdown .drawer-username{width:auto !important;max-width:100% !important;margin:0 !important;font-size:15px !important;font-weight:800 !important;line-height:1.25 !important;text-align:start !important;text-shadow:none !important}.user-dropdown .drawer-close-btn{top:10px !important;inset-inline-end:10px !important;inset-inline-start:auto !important;width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;aspect-ratio:1 / 1 !important;padding:0 !important;margin:0 !important;line-height:0 !important;z-index:6 !important}.user-dropdown>a.xp-rank-card,.user-dropdown>.xp-rank-card{position:relative !important;z-index:1 !important;flex:0 0 auto !important;flex-shrink:0 !important;display:block !important;margin:8px 10px 0 !important;padding:10px !important;overflow:hidden !important;isolation:isolate !important}.user-dropdown .xp-rank-top{display:flex !important;align-items:center !important;gap:10px !important;min-width:0 !important;min-height:38px !important}.user-dropdown .xp-rank-title{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important}.user-dropdown .xp-rank-title strong,.user-dropdown .xp-rank-title span{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-dropdown .xp-drawer-cta{flex:0 0 auto !important;align-self:center !important;max-width:42% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.user-dropdown .drawer-stats,.user-dropdown .drawer-section{flex-shrink:0 !important}@media (max-width:768px){.user-dropdown .drawer-hero{padding:10px 8px 10px 12px !important}.user-dropdown .drawer-profile-header{padding:0 0 0 40px !important}html[dir="ltr"] .user-dropdown .drawer-profile-header{padding:0 28px 0 0 !important}}/*! === components/mobile-fixes.css === */ @media (max-width:768px){.app-shell{display:grid;min-height:100dvh}.app-shell .footer{display:none}.app-shell .main-content,.app-shell .main-content-studio{width:100%;max-width:100%;overflow-x:clip}.hero-featured,.hero-featured-premium{min-height:unset !important;flex-direction:column !important}.hero-thumb-wrapper{position:relative !important;width:100% !important;max-width:100% !important;min-height:0 !important;aspect-ratio:16 / 9 !important;overflow:hidden !important;opacity:1 !important}.hero-thumb-wrapper .hero-thumb{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important}.video-card:hover{transform:none !important}.channel-page{margin:0;gap:0}.channel-profile{margin-top:-36px;padding-top:6px;padding-inline:var(--mobile-gutter,14px)}.channel-owner-panel{gap:14px}.header-icon-btn,.mobile-search-trigger,.user-dropdown-trigger,.search-back-btn{color:var(--stream-text-secondary) !important}.header-icon-btn svg,.header-icon-btn [data-lucide],.mobile-search-trigger svg,.mobile-search-trigger [data-lucide],.user-dropdown-trigger svg,.user-dropdown-trigger [data-lucide],.search-back-btn svg,.search-back-btn [data-lucide]{color:currentColor !important;stroke:currentColor !important;fill:none !important}body[data-rank-theme] .bottom-nav-item,body[data-rank-theme] .app-nav-item{color:var(--stream-text-secondary) !important;text-shadow:none !important}.app-nav.bottom-nav .bottom-nav-item.active:not (.upload),.app-nav.bottom-nav .app-nav-item.active:not (.upload){color:var(--rank-color,var(--stream-accent)) !important;background:transparent !important}.app-nav.bottom-nav .bottom-nav-item.active [data-lucide],.app-nav.bottom-nav .bottom-nav-item.active svg,.app-nav.bottom-nav .app-nav-item.active [data-lucide],.app-nav.bottom-nav .app-nav-item.active svg{color:var(--rank-color,var(--stream-accent)) !important;stroke:var(--rank-color,var(--stream-accent)) !important}}/*! === cinema-ui.css === */:root{--cinema-radius:12px;--cinema-radius-lg:16px;--cinema-radius-pill:999px;--cinema-ease:cubic-bezier(0.22,1,0.36,1);--cinema-ease-out:cubic-bezier(0.16,1,0.3,1);--cinema-shadow:var(--shadow);--cinema-font-display:var(--font-display);--radius:var(--cinema-radius);--radius-sm:8px;--radius-lg:var(--cinema-radius-lg);--premium-bg:var(--md-sys-color-background)}html{background:var(--stream-bg)}body.cinema-app{position:relative;background:var(--stream-bg);color:var(--stream-text);min-height:100dvh}.btn-primary,.header-btn-primary,.header-upload-btn,.btn-gold,.hero-play-btn,.watch-now-btn,.empty-state-btn,.subscribe-btn.subscribe,.comment-submit-btn,.settings-save-btn,.upload-btn-primary{background:var(--stream-accent) !important;background-image:none !important;color:var(--md-sys-color-on-primary) !important;border:none !important;border-radius:var(--cinema-radius) !important;font-family:var(--cinema-font-display);font-weight:700 !important;letter-spacing:0.01em;box-shadow:0 2px 8px rgba(0,0,0,0.28) !important;transition:background-color 0.22s var(--cinema-ease),transform 0.22s var(--cinema-ease),box-shadow 0.22s var(--cinema-ease) !important}.btn-primary:hover,.header-btn-primary:hover,.header-upload-btn:hover,.btn-gold:hover,.hero-play-btn:hover,.watch-now-btn:hover,.empty-state-btn:hover,.subscribe-btn.subscribe:hover,.comment-submit-btn:hover,.settings-save-btn:hover,.upload-btn-primary:hover{background:var(--stream-accent-hover) !important;transform:translateY(-1px) !important;box-shadow:0 6px 20px rgba(0,0,0,0.32) !important}.btn-primary:active,.header-upload-btn:active,.btn-gold:active,.hero-play-btn:active,.watch-now-btn:active{transform:translateY(0) !important;box-shadow:0 2px 6px rgba(0,0,0,0.24) !important}.btn-secondary,.btn-gold-outline,.upload-btn-draft,.header-btn-secondary{background:transparent !important;background-image:none !important;color:var(--stream-text) !important;border:1px solid var(--stream-border) !important;box-shadow:none !important;transition:background-color 0.22s var(--cinema-ease),border-color 0.22s var(--cinema-ease),transform 0.22s var(--cinema-ease) !important}.btn-secondary:hover,.btn-gold-outline:hover,.upload-btn-draft:hover{background:rgba(255,255,255,0.04) !important;border-color:rgba(255,255,255,0.16) !important;transform:translateY(-1px) !important}.btn-ghost,.header-icon-btn,.user-dropdown-trigger{background:rgba(255,255,255,0.04) !important;border:1px solid var(--stream-border) !important;color:var(--stream-text-secondary) !important;box-shadow:none !important;transition:background-color 0.22s var(--cinema-ease),color 0.22s var(--cinema-ease),transform 0.22s var(--cinema-ease) !important}.btn-ghost:hover,.header-icon-btn:hover,.user-dropdown-trigger:hover{background:rgba(255,255,255,0.08) !important;color:var(--stream-text) !important;transform:translateY(-1px);box-shadow:none !important}.header{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 90%,transparent) !important;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--stream-border) !important;box-shadow:0 4px 24px rgba(0,0,0,0.35) !important}.brand-logo span,.brand-logo{font-family:var(--cinema-font-display) !important;font-weight:800 !important;letter-spacing:-0.02em;color:var(--stream-text) !important;background:none !important;-webkit-text-fill-color:var(--stream-text) !important}.search-bar{background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03)) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:999px !important;overflow:visible;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04) !important;transition:border-color 0.2s ease,box-shadow 0.2s ease !important}.search-bar:focus-within{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant)) !important;box-shadow:var(--focus-ring) !important}.search-bar input{background:transparent !important;border:none !important;color:var(--stream-text) !important;box-shadow:none !important}.search-bar .search-submit-btn{background:var(--stream-accent) !important;background-image:none !important;color:var(--md-sys-color-on-primary) !important;border-radius:999px !important;margin:0 !important;min-height:36px !important;width:38px !important;box-shadow:0 4px 14px var(--md-sys-color-shadow) !important}.search-bar .search-submit-btn:hover{background:var(--stream-accent-hover) !important;transform:none !important}.search-bar .search-voice-btn,.search-bar .search-back-btn{background:transparent !important;color:var(--stream-text-secondary) !important;box-shadow:none !important;margin:0 !important;min-height:36px !important;border-radius:50% !important}.search-bar .search-voice-btn:hover,.search-bar .search-back-btn:hover{background:rgba(255,255,255,0.06) !important;color:var(--stream-text) !important;transform:none !important}@media (min-width:769px){.header-inner{gap:10px !important}.search-bar{flex:1;min-width:0;max-width:520px}.header-inner>.header-actions .header-upload-btn{display:none !important}}.category-filters{background:transparent !important;border:none !important;gap:8px}.category-filter,.filter-tab,.filter-chip,.channel-cat{background:var(--stream-bg-secondary) !important;border:1px solid var(--stream-border) !important;border-radius:var(--cinema-radius-pill) !important;color:var(--stream-text-secondary) !important;font-family:var(--cinema-font-display);font-weight:600 !important;box-shadow:none !important;transition:background-color 0.25s var(--cinema-ease),color 0.25s var(--cinema-ease),border-color 0.25s var(--cinema-ease)}.category-filter:hover,.filter-tab:hover,.filter-chip:hover{background:rgba(255,255,255,0.06) !important;color:var(--stream-text) !important;transform:none}.category-filter.active,.filter-tab.active,.filter-chip.active,.channel-cat.active{background:var(--stream-accent) !important;background-image:none !important;border-color:transparent !important;color:var(--md-sys-color-on-primary) !important;box-shadow:none !important}.hero-featured,.hero-featured-premium{position:relative;min-height:clamp(280px, 52vw, 480px) !important;border-radius:var(--cinema-radius-lg) !important;overflow:hidden;border:1px solid var(--stream-border) !important;background:var(--stream-card) !important;box-shadow:var(--cinema-shadow) !important}.hero-overlay{background:linear-gradient(0deg,rgba(9,11,16,0.96) 0%,rgba(9,11,16,0.35) 50%,rgba(9,11,16,0.1) 100%),linear-gradient(90deg,rgba(9,11,16,0.88) 0%,transparent 55%) !important}.hero-badge,.hero-badge-floating{background:var(--stream-accent) !important;background-image:none !important;color:var(--md-sys-color-on-primary) !important;border-radius:var(--cinema-radius-pill) !important;font-family:var(--cinema-font-display);font-weight:700;font-size:11px !important;letter-spacing:0.06em;box-shadow:none !important}.hero-badge-floating{position:absolute;top:12px;inset-inline-start:12px;z-index:4;margin:0 !important}.hero-video-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}.hero-video-meta span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2;color:var(--stream-text-secondary);background:rgba(255,255,255,0.06);border:1px solid var(--stream-border);white-space:nowrap}.hero-channel-info{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}.hero-channel-info strong{font-size:14px;font-weight:800;color:var(--stream-text)}.hero-channel-info small{font-size:12px;font-weight:600;color:var(--stream-text-secondary)}.hero-subscribe-btn{flex-shrink:0;min-height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:800}.hero-title{font-family:var(--cinema-font-display) !important;font-weight:800 !important;letter-spacing:-0.03em;color:var(--stream-text) !important;text-shadow:0 4px 24px rgba(0,0,0,0.5)}.hero-desc{color:var(--stream-text-secondary) !important}.hero-thumb-wrapper{border-radius:var(--cinema-radius) !important;border:1px solid var(--stream-border) !important;box-shadow:0 16px 48px rgba(0,0,0,0.55) !important}.hero-play-badge{background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.14) !important}.video-card,.cinema-card,.content-card,.settings-card,.channel-stat-card,.playlist-channel-card{background:var(--stream-card) !important;border:1px solid var(--stream-border) !important;border-radius:var(--cinema-radius) !important;box-shadow:0 2px 12px rgba(0,0,0,0.28) !important;transition:border-color 0.25s ease,box-shadow 0.25s ease}.video-card:hover{transform:translateY(-4px) !important;border-color:color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant)) !important;box-shadow:0 12px 32px rgba(0,0,0,0.42) !important}.video-card-gradient{background:linear-gradient(180deg,transparent 50%,rgba(9,11,16,0.92) 100%) !important}.video-card-play-btn{width:48px !important;height:48px !important;background:rgba(255,255,255,0.12) !important;border:1px solid rgba(255,255,255,0.18) !important;color:var(--icon-default) !important;box-shadow:0 4px 16px rgba(0,0,0,0.35)}.video-card:hover .video-card-play-btn{background:var(--stream-accent) !important;border-color:transparent !important;color:var(--md-sys-color-on-primary) !important}.video-card-title a{font-family:var(--cinema-font-display);font-weight:700;color:var(--stream-text)}.video-card-prime-badge,.prime-badge,.prime-mark{background:var(--stream-warning) !important;background-image:none !important;color:#1a1200 !important;border-radius:var(--cinema-radius-pill) !important;font-weight:800;filter:none !important}.section-title{font-family:var(--cinema-font-display) !important;font-weight:800 !important;letter-spacing:-0.02em;color:var(--stream-text);padding-inline-start:12px;position:relative}.section-title::before{content:"";position:absolute;inset-inline-start:0;top:0.2em;bottom:0.2em;width:3px;border-radius:3px;background:var(--stream-accent);box-shadow:none}.section-link{color:var(--stream-accent) !important}.section-link:hover{color:var(--stream-accent-hover) !important}input:not ([type="checkbox"]):not ([type="radio"]):not ([type="file"]),textarea,select,.form-control,.upload-input,.upload-select,.upload-textarea,.settings-form-control{background:var(--stream-bg-secondary) !important;border:1px solid var(--stream-border) !important;border-radius:var(--cinema-radius) !important;color:var(--stream-text) !important;box-shadow:none !important;transition:border-color 0.22s var(--cinema-ease),box-shadow 0.22s var(--cinema-ease) !important}input:focus,textarea:focus,select:focus,.upload-input:focus,.upload-select:focus,.upload-textarea:focus{border-color:color-mix(in srgb,var(--md-sys-color-primary) 50%,var(--md-sys-color-outline-variant)) !important;box-shadow:0 0 0 3px var(--primary-dim) !important;outline:none}.auth-layout{padding:24px 16px 100px}.auth-card{background:var(--stream-card) !important;border:1px solid var(--stream-border) !important;border-radius:var(--cinema-radius-lg) !important;box-shadow:var(--cinema-shadow) !important}.auth-logo{font-family:var(--cinema-font-display) !important;font-weight:900 !important;color:var(--stream-text) !important;background:none !important;-webkit-text-fill-color:var(--stream-text) !important}.auth-subtitle{color:var(--stream-text-secondary)}.watch-player{border-radius:var(--cinema-radius-lg) !important;border:1px solid var(--stream-border);box-shadow:var(--cinema-shadow)}.watch-info,.comments-section,.watch-sidebar .ad-block{background:var(--stream-card) !important;border:1px solid var(--stream-border) !important;border-radius:var(--cinema-radius) !important}.watch-title{font-family:var(--cinema-font-display) !important;font-weight:800 !important}.user-dropdown,.rank-details-panel,.modal-box{background:var(--stream-bg-secondary) !important;backdrop-filter:blur(24px);border:1px solid var(--stream-border) !important;border-radius:var(--cinema-radius-lg) !important;box-shadow:0 16px 48px rgba(0,0,0,0.55) !important}.modal-overlay{background:rgba(9,11,16,0.78) !important;backdrop-filter:blur(6px)}.upload-page .upload-card{background:var(--nano-surface,var(--stream-card)) !important;border:1px solid var(--nano-border,var(--stream-border)) !important;box-shadow:none !important}.upload-page .upload-card:focus-within{border-color:color-mix(in srgb,var(--rank-color) 28%,var(--nano-border,var(--stream-border))) !important;box-shadow:none !important}.upload-page .upload-card-header .card-num,.upload-page .drop-zone-glass .dz-browse,.upload-page .success-check{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;box-shadow:none !important}.upload-page .upload-hero-icon,.upload-page .drop-icon-wrap{background:color-mix(in srgb,var(--rank-color) 14%,transparent) !important;border-color:color-mix(in srgb,var(--rank-color) 24%,transparent) !important}.upload-page .upload-hero-icon svg,.upload-page .drop-icon-wrap svg,.upload-page .upload-field .req,.upload-page .vis-tab.active,.upload-page .btn-gold-outline{color:var(--rank-color) !important}.upload-page .drop-zone-glass{border-color:color-mix(in srgb,var(--rank-color) 22%,transparent) !important}.upload-page .drop-zone-glass:hover,.upload-page .drop-zone-glass.dragover{border-color:var(--rank-color) !important;background:color-mix(in srgb,var(--rank-color) 6%,transparent) !important;box-shadow:none !important}.upload-page .vis-tab.active{background:color-mix(in srgb,var(--rank-color) 16%,transparent) !important;border-color:color-mix(in srgb,var(--rank-color) 30%,transparent) !important;color:var(--rank-color) !important}.upload-page .toggle-switch.on{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important}.footer{background:transparent !important;border-top:1px solid var(--stream-border) !important;color:var(--stream-text-secondary)}.flash-message.success{border-color:color-mix(in srgb,var(--md-sys-color-success) 30%,transparent) !important}.flash-message.error{border-color:rgba(255,77,77,0.35) !important}.channel-banner{border-radius:var(--cinema-radius-lg) !important;border:1px solid var(--stream-border)}[class*="gradient"]:not (.video-card-gradient):not (.hero-overlay){background-image:none}.search-result-item{background:var(--stream-card) !important;border:1px solid var(--stream-border) !important}.search-result-item:hover{border-color:color-mix(in srgb,var(--md-sys-color-primary) 25%,var(--md-sys-color-outline-variant)) !important;transform:translateX(-2px)}@media (max-width:768px){html,body{overflow-x:hidden;max-width:100%}.main-content{max-width:100%;overflow-x:clip;box-sizing:border-box}img,video,iframe,.watch-player{max-width:100%}.hero-featured,.hero-featured-premium{min-height:unset !important;flex-direction:column}.hero-thumb-wrapper{position:relative;inset:auto;width:100%;max-width:100%;min-height:0;aspect-ratio:16 / 9;overflow:hidden;opacity:1}.hero-thumb-wrapper .hero-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-card:hover,body.cinema-app .video-card:hover{transform:none !important}.user-dropdown .drawer-stats{display:flex !important}.user-dropdown .drawer-section,.user-dropdown .drawer-footer{display:block !important}.mobile-search-trigger{display:flex}}@media (min-width:769px){.main-content{padding-bottom:48px !important}}@media (prefers-reduced-motion:reduce){.hero-featured,.video-card,.auth-card{animation:none !important}}.creator-badge,.prime-badge-gold,.prime-badge,.drawer-prime-pill,[class*="prime-badge"]{background:linear-gradient(135deg,#c9a227 0%,#f3e5ab 50%,#d4af37 100%) !important;background-image:linear-gradient(135deg,#c9a227 0%,#f3e5ab 50%,#d4af37 100%) !important;color:#1a1200 !important;border-color:rgba(255,200,87,0.55) !important}.dropdown-item[style*="d4af37"],a[href*="premium"] .dropdown-icon{color:var(--stream-warning) !important}#bgUploadProgress{background:var(--stream-accent) !important;background-image:none !important}.is-purple,a.is-purple{color:var(--stream-text-secondary) !important;background:var(--stream-card) !important;border-color:var(--stream-border) !important}.is-purple:hover,a.is-purple:hover{color:var(--stream-accent) !important;background:var(--state-selected) !important}.is-purple i,a.is-purple svg{color:var(--stream-accent) !important}body.cinema-app .subscribe-btn,body.cinema-app .comment-submit-btn,body.cinema-app .settings-save-btn,body.cinema-app .empty-state-btn{box-shadow:0 2px 8px rgba(0,0,0,0.28) !important}body.cinema-app input:focus,body.cinema-app textarea:focus,body.cinema-app select:focus,body.cinema-app .form-control:focus{box-shadow:0 0 0 3px var(--primary-dim) !important;border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant)) !important}body.cinema-app .video-card:hover,body.cinema-app .content-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.42) !important}body.cinema-app .impersonation-banner{background:var(--stream-bg-secondary) !important;border-bottom:1px solid var(--stream-border);box-shadow:none !important}body.cinema-app .skeleton-thumb,body.cinema-app .skeleton-avatar,body.cinema-app .skeleton-text{background:#171D29 !important}body.cinema-app .auth-card,body.cinema-app .settings-card,body.cinema-app .watch-info,body.cinema-app .comments-section{background:var(--stream-card) !important;border-color:var(--stream-border) !important}body.cinema-app .xp-rank-card,body.cinema-app .settings-premium-card{background:var(--stream-card) !important;border:1px solid var(--stream-border) !important;box-shadow:0 2px 12px rgba(0,0,0,0.28) !important}body.cinema-app .settings-premium-card{border-color:rgba(255,200,87,0.22) !important}body.cinema-app .premium-card-gradient{background:var(--stream-card) !important;background-image:none !important}body.cinema-app .login-page,body.cinema-app .register-page{background:var(--stream-bg) !important}@media (max-width:768px){.header-icon-btn,.mobile-search-trigger,.user-dropdown-trigger,.search-back-btn{color:var(--stream-text-secondary) !important;background:var(--stream-bg-secondary) !important;border:1px solid var(--stream-border) !important;box-shadow:none !important}.header-icon-btn:hover,.mobile-search-trigger:hover,.user-dropdown-trigger:hover,.search-back-btn:hover{color:var(--stream-text) !important;background:rgba(255,255,255,0.06) !important;border-color:color-mix(in srgb,var(--md-sys-color-primary) 22%,var(--md-sys-color-outline-variant)) !important}.header-icon-btn svg,.header-icon-btn [data-lucide],.header-icon-btn i,.mobile-search-trigger svg,.mobile-search-trigger [data-lucide],.user-dropdown-trigger svg,.user-dropdown-trigger [data-lucide],.search-back-btn svg,.search-back-btn [data-lucide]{color:currentColor !important;stroke:currentColor !important;fill:none !important;stroke-width:var(--icon-stroke) !important}body[data-rank-theme] .header-icon-btn:hover{color:var(--stream-text) !important;background:rgba(255,255,255,0.06) !important}.user-dropdown .dropdown-item i,.user-dropdown .dropdown-item svg,.user-dropdown .dropdown-item [data-lucide],.user-dropdown .logout-button i,.user-dropdown .logout-button svg,.user-dropdown .logout-button [data-lucide]{color:var(--stream-text-secondary) !important;stroke:currentColor !important;fill:none !important;stroke-width:var(--icon-stroke) !important}.user-dropdown .dropdown-item:hover i,.user-dropdown .dropdown-item:hover svg,.user-dropdown .dropdown-item:hover [data-lucide],.user-dropdown .logout-button:hover i,.user-dropdown .logout-button:hover svg,.user-dropdown .logout-button:hover [data-lucide]{color:var(--stream-text) !important}.user-dropdown .dropdown-item-danger i,.user-dropdown .dropdown-item-danger svg,.user-dropdown .dropdown-item-danger [data-lucide]{color:var(--stream-danger) !important}.category-filter [data-lucide],.category-filter svg{color:currentColor !important;stroke:currentColor !important;stroke-width:var(--icon-stroke) !important}#notif-count-badge{background:var(--stream-accent) !important;color:var(--md-sys-color-on-primary) !important;border:1px solid rgba(0,0,0,0.18) !important}.settings-tab-btn [data-lucide],.settings-tab-btn svg,.settings-stat-icon [data-lucide],.settings-stat-icon svg,.yt-cover-edit-btn [data-lucide],.yt-cover-edit-btn svg,.yt-avatar-edit-btn [data-lucide],.yt-avatar-edit-btn svg,.yt-edit-icon [data-lucide],.yt-edit-icon svg,.settings-save-btn [data-lucide],.settings-save-btn svg,.settings-row-title [data-lucide],.settings-row-title svg{color:currentColor !important;stroke:currentColor !important;fill:none !important;stroke-width:var(--icon-stroke) !important;width:var(--icon-size-sm);height:var(--icon-size-sm)}.yt-cover-edit-btn [data-lucide],.yt-cover-edit-btn svg,.yt-avatar-edit-btn [data-lucide],.yt-avatar-edit-btn svg{width:20px;height:20px;color:#fff !important;stroke:#fff !important}.settings-tab-btn.active [data-lucide],.settings-tab-btn.active svg{color:var(--stream-accent) !important;stroke:var(--stream-accent) !important}}/*! === components/mobile-overrides.css === */ #homeActualContent .hero-featured.hero-featured-premium{opacity:1 !important;visibility:visible !important;animation:none !important;transform:none !important}@media (min-width:769px){nav.app-nav.bottom-nav,.app-nav.bottom-nav{display:flex !important;position:static !important;inset:auto !important;left:auto !important;right:auto !important;bottom:auto !important;width:100% !important;max-width:var(--content-max) !important;height:auto !important;min-height:var(--nav-height) !important;max-height:none !important;margin-inline:auto !important;padding:0 clamp(12px, 3vw, 24px) !important;background:transparent !important;border:none !important;border-bottom:1px solid var(--stream-border) !important;border-radius:0 !important;box-shadow:none !important;grid-template-columns:unset !important;overflow:hidden !important;transform:none !important}.app-nav.bottom-nav .bottom-nav-item,.app-nav.bottom-nav .app-nav-item{flex:0 0 auto !important;flex-direction:row !important;width:auto !important;height:auto !important;min-height:var(--nav-height) !important;max-height:none !important;padding:0 16px !important;gap:8px !important;transform:none !important}.app-nav.bottom-nav .bottom-nav-label,.app-nav.bottom-nav .app-nav-label{height:auto !important;max-height:none !important;font-size:13px !important}}@media (max-width:768px){.premium-page-skeleton{display:none !important}.premium-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:var(--mobile-gap) !important;width:100% !important}nav.app-nav.mol-nav.bottom-nav,.app-nav.mol-nav.bottom-nav{position:fixed !important;inset-inline:0 !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;z-index:var(--z-nav,1000) !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;align-items:stretch !important;justify-items:stretch !important;width:100% !important;max-width:none !important;height:calc(64px + env(safe-area-inset-bottom, 0px)) !important;min-height:calc(64px + env(safe-area-inset-bottom, 0px)) !important;max-height:none !important;padding:0 0 env(safe-area-inset-bottom,0px) !important;overflow:visible !important;border-radius:0 !important;border:none !important;border-top:1px solid rgba(255,255,255,0.07) !important;background:linear-gradient( 180deg,color-mix(in srgb,var(--mol-surface-top,#171a28) 94%,transparent) 0%,var(--mol-surface-bottom,#0b0d14) 100% ) !important;box-shadow:0 -6px 28px rgba(0,0,0,0.42) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;transform:none !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item,.app-nav.mol-nav.bottom-nav .app-nav-item{width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:64px !important;max-height:none !important;margin:0 !important;padding:8px 4px 6px !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;color:#8b90a8 !important;background:transparent !important;border:0 !important;box-shadow:none !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item::before,.app-nav.mol-nav.bottom-nav .bottom-nav-item::after,.app-nav.mol-nav.bottom-nav .app-nav-item::before,.app-nav.mol-nav.bottom-nav .app-nav-item::after{display:none !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item:hover,.app-nav.mol-nav.bottom-nav .app-nav-item:hover{color:#e8eaf2 !important;background:transparent !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload),.app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload){color:var(--rank-color,var(--stream-accent)) !important;background:transparent !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload,.app-nav.mol-nav.bottom-nav .app-nav-item.upload{width:100% !important;height:auto !important;min-height:64px !important;max-height:none !important;max-width:none !important;margin:0 !important;padding:0 2px 8px !important;gap:2px !important;border-radius:0 !important;align-self:stretch !important;align-items:center !important;justify-content:flex-end !important;color:var(--rank-color,var(--stream-accent)) !important;background:transparent !important;border:0 !important;box-shadow:none !important;z-index:4 !important;overflow:visible !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload.ripple-container,.app-nav.mol-nav.bottom-nav .app-nav-item.upload.ripple-container{overflow:visible !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload .bottom-nav-label,.app-nav.mol-nav.bottom-nav .app-nav-item.upload .app-nav-label{position:relative !important;z-index:2 !important;display:block !important;visibility:visible !important;opacity:1 !important;height:auto !important;overflow:visible !important;pointer-events:none !important;font-weight:800 !important;font-size:10px !important;letter-spacing:0.01em !important;color:var(--rank-color,var(--stream-accent)) !important;margin-top:0 !important;line-height:1.1 !important;transform:translateY(-5px) !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload::before,.app-nav.mol-nav.bottom-nav .app-nav-item.upload::before{display:block !important;content:"" !important;position:absolute !important;top:-2px !important;left:50% !important;transform:translateX(-50%) !important;width:72px !important;height:34px !important;border-radius:0 0 36px 36px !important;background:var(--mol-surface-bottom,#0b0d14) !important;border:none !important;box-shadow:inset 0 6px 12px rgba(0,0,0,0.28) !important,0 -1px 0 color-mix(in srgb,var(--rank-color,var(--stream-accent)) 22%,transparent) !important;pointer-events:none !important;z-index:0 !important}.app-nav.mol-nav.bottom-nav .mol-upload-fab{position:relative !important;z-index:1 !important;top:0 !important;transform:translateY(-15px) !important;display:grid !important;place-items:center !important;width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;margin:0 !important;padding:0 !important;border-radius:50% !important;border:none !important;box-sizing:border-box !important;background:transparent !important;background-image:none !important;box-shadow:none !important;overflow:visible !important}.app-nav.mol-nav.bottom-nav .mol-upload-fab::before{display:block !important;content:"" !important;position:absolute !important;inset:-4px !important;border-radius:50% !important;background:radial-gradient( circle,color-mix(in srgb,var(--rank-color-base,var(--stream-accent)) 8%,transparent) 0%,color-mix(in srgb,var(--rank-color-base,var(--stream-accent)) 2%,transparent) 42%,transparent 68% ) !important;opacity:0.22 !important;border:0 !important;box-shadow:none !important;pointer-events:none !important;z-index:0 !important}.app-nav.mol-nav.bottom-nav .mol-upload-fab-core{position:relative !important;z-index:1 !important;display:grid !important;place-items:center !important;width:52px !important;height:52px !important;border-radius:50% !important;border:3px solid var(--mol-surface-bottom,#0b0d14) !important;background:var(--rank-color-base,var(--stream-accent)) !important;background-image:var(--rank-gradient,linear-gradient(145deg,var(--rank-color-base,var(--stream-accent)),var(--rank-secondary,var(--md-sys-color-secondary)))) !important;box-shadow:0 3px 8px color-mix(in srgb,var(--rank-color-base,var(--stream-accent)) 8%,transparent) !important,0 1px 3px rgba(0,0,0,0.28) !important,inset 0 1px 0 rgba(255,255,255,0.12) !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload.active .mol-upload-fab-core,.app-nav.mol-nav.bottom-nav .app-nav-item.upload.active .mol-upload-fab-core{box-shadow:0 3px 8px color-mix(in srgb,var(--rank-color-base,var(--stream-accent)) 10%,transparent) !important,0 0 0 1px color-mix(in srgb,var(--rank-color-base,var(--stream-accent)) 14%,transparent) !important,inset 0 1px 0 rgba(255,255,255,0.12) !important}.app-nav.mol-nav.bottom-nav .mol-upload-fab .bottom-nav-icon,.app-nav.mol-nav.bottom-nav .mol-upload-fab [data-lucide],.app-nav.mol-nav.bottom-nav .mol-upload-fab svg,.app-nav.mol-nav.bottom-nav .mol-upload-fab .app-nav-icon{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;padding:0 !important;margin:0 !important;border-radius:0 !important;background:none !important;background-image:none !important;color:#fff !important;stroke:#fff !important;stroke-width:var(--icon-stroke-emphasis) !important;box-shadow:none !important;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.22)) !important}.app-nav.mol-nav.bottom-nav .bottom-nav-icon,.app-nav.mol-nav.bottom-nav .bottom-nav-item [data-lucide],.app-nav.mol-nav.bottom-nav .bottom-nav-item svg,.app-nav.mol-nav.bottom-nav .app-nav-icon,.app-nav.mol-nav.bottom-nav .app-nav-item [data-lucide],.app-nav.mol-nav.bottom-nav .app-nav-item svg{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;color:currentColor !important;stroke:currentColor !important;fill:none !important;stroke-width:var(--icon-stroke) !important}.app-nav.mol-nav.bottom-nav .bottom-nav-label,.app-nav.mol-nav.bottom-nav .app-nav-label{display:block !important;width:100% !important;max-height:none !important;opacity:0.88 !important;font-size:10px !important;line-height:1.35 !important;padding-block:1px 2px !important;text-align:center !important;color:currentColor !important;transform:none !important;overflow:visible !important;text-overflow:clip !important}.app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload) .bottom-nav-label,.app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload) .app-nav-label{opacity:1 !important;font-weight:800 !important;color:var(--rank-color,var(--stream-accent)) !important}body.cinema-app{padding-bottom:0 !important}.main-content>.flash-message{margin:0 0 var(--mobile-space-sm) !important;padding:10px var(--mobile-space-sm) !important;font-size:13px !important;line-height:1.4 !important;border-radius:var(--mobile-radius) !important;gap:8px !important}#homeSkeletonContainer,#homeSkeletonContainer.video-grid{display:none !important;margin:0 !important;visibility:hidden !important;height:0 !important;overflow:hidden !important;pointer-events:none !important}#homeActualContent{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;overflow-x:clip !important}.main-content>.section,.main-content>.section-creators,.main-content>#homeActualContent{margin-bottom:var(--mobile-space-md) !important}.section-header{margin-bottom:var(--mobile-space-xs) !important}.section{margin-bottom:var(--mobile-space-md) !important}.app-shell .main-content,.app-shell .main-content-studio{padding:var(--mobile-content-pt) var(--mobile-gutter) var(--mobile-shell-bottom) !important;width:100% !important;max-width:100% !important}.header{height:calc(56px + env(safe-area-inset-top, 0px)) !important;min-height:calc(56px + env(safe-area-inset-top, 0px)) !important;padding-top:env(safe-area-inset-top,0px) !important;padding-inline:var(--mobile-gutter) !important}.header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;height:56px !important;gap:8px !important;padding:0 !important}.brand-level-trigger,.brand-logo{flex-shrink:0 !important;min-width:0 !important}.brand-level-badge{min-height:44px !important;padding:0 !important;gap:9px !important;background:none !important;box-shadow:none !important}.brand-level-badge .brand-level-emblem.xp-drawer-badge-wrap{width:44px !important;height:44px !important;flex-basis:44px !important}.brand-level-kicker{font-size:8px !important}.brand-level-name,.brand-level-badge [data-rank-label]{font-size:14.5px !important}body[data-rank-theme] .header::after{display:none !important;content:none !important;height:0 !important;opacity:0 !important;box-shadow:none !important}.header-actions{display:flex !important;align-items:center !important;gap:6px !important;margin-inline-start:0 !important;flex-shrink:0 !important}.header-icon-btn,.mobile-search-trigger,.user-dropdown-trigger{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;padding:0 !important;border-radius:12px !important;border:1px solid var(--stream-border) !important;background:var(--stream-bg-secondary) !important;color:var(--stream-text-secondary) !important}.user-dropdown-trigger{justify-content:center !important;gap:0 !important}.user-dropdown-trigger .dropdown-chevron{display:none !important}.header-avatar{width:28px !important;height:28px !important;border-radius:50% !important;object-fit:cover !important}body[data-rank-theme] .header-avatar{border:2px solid var(--stream-border) !important;box-shadow:none !important}.mobile-search-trigger{display:inline-flex !important}.search-bar{display:none !important}.category-filters{position:static !important;top:auto !important;z-index:auto !important;display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overscroll-behavior-x:contain !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;margin:0 calc(var(--mobile-gutter) * -1) var(--mobile-space-sm) !important;padding:0 var(--mobile-gutter) 4px !important;gap:8px !important;background:transparent !important;border:none !important;box-shadow:none !important}.category-filters::-webkit-scrollbar{display:none !important}.drawer-backdrop{z-index:var(--z-drawer-backdrop,10000) !important;background:rgba(0,0,0,0.96) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity 280ms ease,visibility 280ms ease !important;isolation:isolate !important}.drawer-backdrop.open{background:rgba(0,0,0,0.96) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important}.user-dropdown:not (.open){visibility:hidden !important;pointer-events:none !important;transform:translateX(100%) !important}.user-dropdown{position:fixed !important;top:0 !important;bottom:0 !important;left:auto !important;right:0 !important;inset-inline-start:0 !important;inset-inline-end:auto !important;width:min(260px, 78vw) !important;max-width:min(260px, 78vw) !important;height:100dvh !important;max-height:100dvh !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;border:none !important;border-inline-end:1px solid rgba(255,255,255,0.08) !important;border-inline-start:none !important;border-radius:16px 0 0 16px !important;box-shadow:-8px 0 28px rgba(0,0,0,0.35) !important;background:#12141f !important;background-color:#12141f !important;opacity:1 !important;visibility:hidden !important;pointer-events:none !important;z-index:var(--z-drawer,10001) !important;isolation:isolate !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;transform:translateX(100%) !important;transform-origin:center !important;transition:transform 280ms cubic-bezier(0.4,0,0.2,1),visibility 280ms ease !important}html[dir="ltr"] .user-dropdown{left:0 !important;right:auto !important;inset-inline-start:0 !important;inset-inline-end:auto !important;border-radius:0 16px 16px 0 !important;border-inline-end:none !important;border-inline-start:1px solid rgba(255,255,255,0.08) !important;box-shadow:8px 0 28px rgba(0,0,0,0.35) !important;transform:translateX(-100%) !important}html[dir="ltr"] .user-dropdown:not (.open){transform:translateX(-100%) !important}.user-dropdown.open,html[dir="ltr"] .user-dropdown.open{visibility:visible !important;pointer-events:auto !important;transform:translateX(0) !important}.user-dropdown .drawer-close-btn,.drawer-close-btn{display:inline-flex !important;position:absolute !important;top:10px !important;inset-inline-end:10px !important;inset-inline-start:auto !important;width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;aspect-ratio:1 / 1 !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;border:1px solid rgba(255,255,255,0.14) !important;background:rgba(12,14,22,0.55) !important;color:#f3f4fa !important;cursor:pointer !important;z-index:6 !important;padding:0 !important;margin:0 !important;line-height:0 !important;transform:none !important}.user-dropdown .drawer-close-btn svg,.user-dropdown .drawer-close-btn [data-lucide],.drawer-close-btn svg,.drawer-close-btn [data-lucide]{width:18px !important;height:18px !important}.drawer-profile-header{position:relative !important;top:auto !important;z-index:4 !important;flex-shrink:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) 64px !important;grid-template-areas:none !important;align-items:center !important;gap:10px !important;min-height:0 !important;padding:0 0 0 28px !important;text-align:right !important;background:transparent !important;border-bottom:0 !important;direction:ltr !important;justify-content:end !important}html[dir="ltr"] .drawer-profile-header{padding:0 28px 0 0 !important}.drawer-profile-header .drawer-avatar,.user-dropdown .drawer-avatar{grid-area:auto !important;grid-column:2 !important;justify-self:end !important;width:64px !important;height:64px !important;max-width:64px !important;max-height:64px !important;border-radius:50% !important;border:2px solid color-mix(in srgb,var(--rank-color,#fff) 45%,rgba(255,255,255,0.15)) !important}.user-dropdown .drawer-profile-copy{grid-column:1 !important;width:max-content !important;max-width:100% !important;align-items:flex-start !important;text-align:start !important;justify-self:end !important;direction:rtl !important}.drawer-username{grid-area:auto !important;width:auto !important;margin:0 !important;font-size:15px !important;font-weight:800 !important;color:#fff !important;text-align:start !important}.drawer-view-channel{grid-area:auto !important;font-size:11.5px !important;color:#22d3ee !important}.user-dropdown .drawer-stats{display:grid !important;grid-template-columns:repeat(3,1fr) !important;flex-shrink:0 !important}.user-dropdown .drawer-history{display:none !important}.user-dropdown .drawer-footer{display:flex !important;flex-shrink:0 !important;margin-top:auto !important}.user-dropdown-menu-list{flex:0 0 auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;margin-top:6px !important;padding:4px 6px 6px !important;background:transparent !important}.user-dropdown .dropdown-item,.user-dropdown .logout-button,.user-dropdown button.dropdown-item{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;width:100% !important;min-height:36px !important;height:auto !important;padding:0 10px !important;border-radius:10px !important;font-size:12.5px !important;font-weight:700 !important;color:#f1f2f8 !important;transform:none !important}.user-dropdown .dropdown-item span,.user-dropdown .logout-button span{flex:0 1 auto !important;min-width:0 !important}.user-dropdown .dropdown-item i,.user-dropdown .dropdown-item svg,.user-dropdown .dropdown-item [data-lucide],.user-dropdown .logout-button i,.user-dropdown .logout-button svg,.user-dropdown .logout-button [data-lucide]{flex:0 0 16px !important;width:16px !important;height:16px !important;min-width:16px !important;margin:0 !important;color:#8b8fa8 !important;stroke:currentColor !important;fill:none !important}.user-dropdown .dropdown-divider{height:1px !important;margin:5px 8px !important;background:rgba(255,255,255,0.08) !important}.header svg.lucide,.header [data-lucide],.app-nav svg.lucide,.app-nav [data-lucide],.bottom-nav svg.lucide,.bottom-nav [data-lucide],.category-filter svg.lucide,.category-filter [data-lucide],.user-dropdown svg.lucide,.user-dropdown [data-lucide]{display:inline-block !important;vertical-align:middle !important;color:currentColor !important;stroke:currentColor !important;fill:none !important;stroke-width:var(--icon-stroke) !important;stroke-linecap:round !important;stroke-linejoin:round !important}.header-icon-btn,.mobile-search-trigger,.user-dropdown-trigger{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;border:1px solid var(--stream-border) !important;background:var(--stream-bg-secondary) !important;background-image:none !important;box-shadow:none !important;color:var(--stream-text-secondary) !important;transform:none !important}.header-icon-btn:active,.mobile-search-trigger:active,.user-dropdown-trigger:active,.header-icon-btn:hover,.mobile-search-trigger:hover,.user-dropdown-trigger:hover{color:var(--stream-text) !important;background:rgba(255,255,255,0.06) !important;background-image:none !important;border-color:color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant)) !important;box-shadow:none !important;transform:none !important}.header-icon-btn svg,.header-icon-btn [data-lucide],.mobile-search-trigger svg,.mobile-search-trigger [data-lucide]{width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important}.mobile-search-trigger .search-eye-icon,.header-notif-btn .notif-bell-icon{width:26px !important;height:26px !important}.header-avatar{width:28px !important;height:28px !important;border-radius:50% !important;border:1.5px solid var(--stream-border) !important;box-shadow:none !important}body[data-rank-theme] .header-avatar{border-color:color-mix(in srgb,var(--rank-color) 55%,var(--stream-border)) !important;box-shadow:none !important}.brand-level-badge{color:#fff !important;background:none !important;border:none !important;box-shadow:none !important}.brand-level-badge .brand-level-kicker{color:rgba(255,255,255,0.45) !important}.brand-level-badge .brand-level-name,.brand-level-badge [data-rank-label]{color:#fff !important}.brand-level-badge .xp-rank-badge i,.brand-level-badge .xp-rank-badge svg,.brand-level-badge .xp-rank-badge [data-lucide]{color:var(--rank-color) !important;stroke:var(--rank-color) !important;fill:none !important}body[data-rank-theme] .header::after{display:none !important;content:none !important;height:0 !important;opacity:0 !important;box-shadow:none !important}.app-nav.bottom-nav .app-nav-item svg,.app-nav.bottom-nav .app-nav-item [data-lucide],.app-nav.bottom-nav .bottom-nav-item svg,.app-nav.bottom-nav .bottom-nav-item [data-lucide]{width:22px !important;height:22px !important;fill:none !important;stroke-width:var(--icon-stroke) !important}body[data-rank-theme] .app-nav.mol-nav .app-nav-item:hover,body[data-rank-theme] .app-nav.mol-nav .bottom-nav-item:hover{background:transparent !important;color:#e8eaf2 !important}body[data-rank-theme] .app-nav.mol-nav .app-nav-item.active:not (.upload),body[data-rank-theme] .app-nav.mol-nav .bottom-nav-item.active:not (.upload){background:transparent !important}body[data-rank-theme] .app-nav.mol-nav .app-nav-item::before,body[data-rank-theme] .app-nav.mol-nav .app-nav-item::after,body[data-rank-theme] .app-nav.mol-nav .bottom-nav-item::before,body[data-rank-theme] .app-nav.mol-nav .bottom-nav-item::after{display:none !important}body[data-rank-theme] .app-nav:not (.mol-nav) .bottom-nav-item.active::after,body[data-rank-theme] .app-nav:not (.mol-nav) .app-nav-item.active::after{display:none !important}body[data-rank-theme] .app-nav.mol-nav .app-nav-item.active:not (.upload)::before,body[data-rank-theme] .app-nav.mol-nav .bottom-nav-item.active:not (.upload)::before{display:none !important}body[data-rank-theme] .app-nav:not (.mol-nav) .app-nav-item.active:not (.upload)::before,body[data-rank-theme] .app-nav:not (.mol-nav) .bottom-nav-item.active:not (.upload)::before{display:block !important;background:color-mix(in srgb,var(--rank-color) 16%,transparent) !important;box-shadow:none !important}.category-filter{color:var(--stream-text-secondary) !important;background:var(--stream-bg-secondary) !important;border:1px solid var(--stream-border) !important;box-shadow:none !important}.category-filter.active{color:var(--md-sys-color-on-primary) !important;background:var(--stream-accent) !important;border-color:transparent !important}.category-filter svg,.category-filter [data-lucide]{width:14px !important;height:14px !important;color:currentColor !important;stroke:currentColor !important;fill:none !important}.user-dropdown .dropdown-item,.user-dropdown .logout-button{color:#f1f2f8 !important}.user-dropdown .dropdown-item svg,.user-dropdown .dropdown-item [data-lucide],.user-dropdown .logout-button svg,.user-dropdown .logout-button [data-lucide]{width:16px !important;height:16px !important;color:#8b8fa8 !important;stroke:#8b8fa8 !important;fill:none !important;stroke-width:var(--icon-stroke) !important}.user-dropdown .dropdown-item-danger,.user-dropdown .dropdown-item-danger span{color:#fb7185 !important}.user-dropdown .dropdown-item-danger svg,.user-dropdown .dropdown-item-danger [data-lucide]{color:#fb7185 !important;stroke:#fb7185 !important}.user-dropdown a[href*="premium"],.user-dropdown a[href*="premium"] span{color:#f3e5ab !important}.user-dropdown a[href*="premium"] svg,.user-dropdown a[href*="premium"] [data-lucide]{color:#f3e5ab !important;stroke:#f3e5ab !important}#notif-count-badge{background:var(--stream-accent) !important;color:var(--md-sys-color-on-primary) !important}.category-filter,.filter-tab{min-height:40px !important;height:40px !important;padding:0 14px !important;border-radius:999px !important;font-size:12px !important;font-weight:700 !important;gap:6px !important;display:inline-flex !important;align-items:center !important}.category-filter .category-icon,.category-filter [data-lucide],.category-filter svg{width:14px !important;height:14px !important;margin:0 !important;margin-inline-end:0 !important}.hero-featured,.hero-featured-premium,#homeActualContent .hero-featured.hero-featured-premium{width:100% !important;max-width:100% !important;min-height:auto !important;margin:0 0 var(--mobile-space-md) !important;padding:var(--mobile-space-sm) !important;border-radius:var(--mobile-radius-lg) !important;border:1px solid var(--stream-border) !important;box-shadow:0 12px 28px rgba(0,0,0,0.28) !important;background:var(--stream-card) !important;gap:var(--mobile-space-sm) !important;flex-direction:column !important;align-items:stretch !important;opacity:1 !important;transform:none !important;animation:none !important;display:flex !important;visibility:visible !important}main{opacity:1 !important;transform:none !important;animation:none !important}.video-card,.section-creators,.section{opacity:1 !important;transform:none !important;animation:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-bg,#homeActualContent .hero-featured.hero-featured-premium .hero-overlay{display:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-thumb-wrapper{order:1 !important;position:relative !important;display:block !important;width:100% !important;max-width:100% !important;flex:0 0 auto !important;min-height:0 !important;height:auto !important;aspect-ratio:16 / 9 !important;margin:0 !important;border-radius:var(--mobile-radius) !important;box-shadow:none !important;overflow:hidden !important}#homeActualContent .hero-featured.hero-featured-premium .hero-thumb{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;object-position:center !important;display:block !important}#homeActualContent .hero-featured.hero-featured-premium .hero-content{order:2 !important;width:100% !important;max-width:100% !important;min-width:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;overflow:hidden !important}#homeActualContent .hero-featured.hero-featured-premium .hero-badge-floating{top:10px !important;inset-inline-start:10px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge{width:52px !important;height:52px !important;background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:2px solid rgba(255,255,255,0.22) !important;box-shadow:0 8px 22px color-mix(in srgb,var(--rank-color) 35%,transparent) !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge svg,#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge [data-lucide]{color:#fff !important;stroke:#fff !important;fill:#fff !important}#homeActualContent .hero-featured.hero-featured-premium .hero-content,#homeActualContent .hero-featured.hero-featured-premium .hero-channel-info{text-align:start !important}#homeActualContent .hero-featured.hero-featured-premium .hero-title{font-size:clamp(18px, 5.6vw, 22px) !important;line-height:1.35 !important;margin:0 0 var(--mobile-space-xs) !important;max-width:100% !important;overflow-wrap:anywhere !important;word-break:break-word !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}#homeActualContent .hero-featured.hero-featured-premium .hero-desc{margin:0 0 var(--mobile-space-sm) !important;font-size:13px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta{display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin:0 0 var(--mobile-space-sm) !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta span,#homeActualContent .hero-featured.hero-featured-premium .hero-stats{border-radius:999px !important;background:color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface-deep,#12122a)) !important;border:1px solid color-mix(in srgb,var(--rank-color) 22%,var(--nano-border,rgba(255,255,255,0.08))) !important;color:var(--nano-text-dim,var(--stream-text-secondary)) !important;white-space:nowrap !important}#homeActualContent .hero-featured.hero-featured-premium .hero-meta{display:flex !important;align-items:center !important;justify-content:flex-start !important;flex-wrap:wrap !important;gap:10px !important;width:100% !important;border-radius:var(--mobile-radius) !important;margin:0 0 var(--mobile-space-sm) !important;padding:10px !important;background:var(--nano-surface-deep,#12122a) !important;border:1px solid var(--nano-border,rgba(255,255,255,0.08)) !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel{min-width:0 !important;flex:1 1 auto !important;max-width:100% !important;overflow:hidden !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel-info{min-width:0 !important;overflow:hidden !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel-info strong,#homeActualContent .hero-featured.hero-featured-premium .hero-channel-info small{display:block !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#homeActualContent .hero-featured.hero-featured-premium .hero-subscribe-btn{margin:0 !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn{width:100% !important;max-width:none !important;min-height:46px !important;margin:0 !important;border-radius:var(--mobile-radius) !important;background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:1px solid color-mix(in srgb,var(--rank-color) 35%,transparent) !important;box-shadow:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn svg,#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn [data-lucide]{fill:currentColor !important;stroke:currentColor !important}.main-content .video-grid:not (#homeSkeletonContainer){display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:var(--mobile-gap) !important;width:100% !important;max-width:100% !important;margin:0 !important}.video-card{border-radius:var(--mobile-radius) !important;box-shadow:none !important;background:transparent !important;border:0 !important}.video-card-thumb-link,.video-card-thumb{border-radius:var(--mobile-radius) !important}.video-card-title{font-size:13px !important;line-height:1.35 !important}.video-card-avatar{width:32px !important;height:32px !important;min-width:32px !important;display:block !important;border-radius:50% !important}.scroll-row,.creators-scroll{margin-inline:calc(var(--mobile-gutter) * -1) !important;padding-inline:var(--mobile-gutter) !important;gap:var(--mobile-gap) !important}.section-creators,.section-header{margin-inline:0 !important}.section-title{font-size:16px !important;display:flex !important;align-items:center !important;gap:8px !important}.section-title [data-lucide],.section-title svg{width:16px !important;height:16px !important;margin:0 !important;color:var(--rank-color,var(--stream-accent)) !important;stroke:var(--rank-color,var(--stream-accent)) !important}.section-link{color:var(--xp-cyan,var(--stream-accent)) !important;font-size:12px !important}.creator-avatar-wrap,.creator-avatar{border-radius:50% !important}.skeleton-card .skeleton-thumb{border-radius:var(--mobile-radius) !important}.main-content{padding-inline:var(--mobile-gutter) !important}.app-shell{display:grid !important;grid-template-rows:auto 1fr auto !important;grid-template-areas:"header" "main" "footer" !important;min-height:100dvh !important}.app-shell>.header{grid-area:header !important}.app-shell>.main-content,.app-shell>.main-content-studio{grid-area:main !important}.app-shell>.app-nav{grid-area:unset !important}.app-shell>.footer{grid-area:footer !important}.header .header-inner>.search-bar{display:none !important;flex:0 0 0 !important;width:0 !important;min-width:0 !important;height:0 !important;overflow:hidden !important;padding:0 !important;margin:0 !important;border:0 !important;pointer-events:none !important}nav.app-nav.mol-nav.bottom-nav,.app-nav.mol-nav.bottom-nav{position:fixed !important;top:auto !important;inset-inline:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:none !important;margin:0 !important;border-radius:0 !important;overflow:visible !important;transform:none !important}.app-nav.mol-nav.bottom-nav .app-nav-item,.app-nav.mol-nav.bottom-nav .bottom-nav-item{flex-direction:column !important;min-height:54px !important}.channel-cats,.channel-about-section,.channel-head,.channel-stats-cards,.auth-layout,.search-filters-bar,.page-header{padding-inline:var(--mobile-gutter) !important;margin-inline:0 !important}.channel-video-grid,.playlist-channel-list{gap:var(--mobile-gap) !important}.watch-player,.channel-banner{margin-inline:calc(var(--mobile-gutter) * -1) !important;width:calc(100% + (var(--mobile-gutter) * 2)) !important;max-width:calc(100% + (var(--mobile-gutter) * 2)) !important;border-radius:0 !important}.watch-info,.comments-section,.upload-section,.auth-card{padding-inline:var(--mobile-gutter) !important}@media (max-width:420px){.app-shell .main-content,.app-shell .main-content-studio,.main-content,.main-content-studio,.header,.channel-cats,.channel-about-section,.channel-head{padding-inline:var(--mobile-gutter) !important}.video-grid,.channel-video-grid,.playlist-channel-list{gap:var(--mobile-gap) !important}.video-card-avatar{display:block !important}}@media (max-width:380px){.app-shell .main-content,.app-shell .main-content-studio,.main-content,.main-content-studio,.header{padding-inline:var(--mobile-gutter) !important}.video-grid,.channel-video-grid,.playlist-channel-list{gap:var(--mobile-gap) !important}}}/*! === components/mobile-scale-fix.css === */ *,*::before,*::after{box-sizing:border-box}html{zoom:1 !important;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}body.cinema-app{zoom:1 !important;transform:none !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important}img{max-width:100%;height:auto;object-fit:cover;box-sizing:border-box}@media (max-width:768px){html,body,body.cinema-app,.app-shell,.main-content,.main-content-studio,.header,.header-inner,#homeActualContent,.hero-featured,.hero-featured-premium,.video-grid,.section,.section-creators{zoom:1 !important;scale:none !important}.user-dropdown:not (.open){transform:translateX(100%) !important;visibility:hidden !important;pointer-events:none !important}html[dir="ltr"] .user-dropdown:not (.open){transform:translateX(-100%) !important;visibility:hidden !important;pointer-events:none !important}.user-dropdown.open,html[dir="ltr"] .user-dropdown.open{transform:translateX(0) !important;visibility:visible !important;pointer-events:auto !important}.app-shell,.main-content,.main-content-studio,.header,.header-inner,#homeActualContent,.hero-featured,.hero-featured-premium,.video-card,.cinema-card,.content-card,.video-grid,.section,.category-filters,.creators-scroll,.hero-thumb-wrapper,.video-card-thumb,.video-card-thumb-link{width:100% !important;max-width:100% !important;box-sizing:border-box !important}.auth-card,.auth-layout,.upload-section,.settings-card,.empty-state,.empty-state-desc,.premium-card,.form-card,.form-container,.search-bar,.flash-message,.modal-content,.bottom-sheet{width:100% !important;max-width:100% !important;box-sizing:border-box !important}.user-dropdown{width:min(280px, 80vw) !important;max-width:min(280px, 80vw) !important}.video-card,.cinema-card,.content-card,.settings-card,.channel-stat-card,.playlist-channel-card,.video-card-sm,.skeleton-card,.hero-featured,.hero-featured-premium{box-sizing:border-box !important}img{max-width:100% !important;box-sizing:border-box !important}.hero-thumb-wrapper .hero-thumb,.video-card-thumb img,.video-card-sm-thumb img,.sidebar-video-thumb img,.channel-avatar img,.watch-channel-avatar,.comment-avatar img{width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important}.video-card-avatar-link{width:36px !important;height:36px !important;min-width:36px !important;flex-shrink:0 !important;overflow:hidden !important;border-radius:50% !important}.video-card-avatar{width:36px !important;height:36px !important;max-width:36px !important;object-fit:cover !important}.header-avatar{width:34px !important;height:34px !important;max-width:34px !important;object-fit:cover !important}.hero-channel-avatar{width:28px !important;height:28px !important;max-width:28px !important;object-fit:cover !important}#homeActualContent,.hero-featured,.hero-featured-premium,.hero-thumb-wrapper,.video-card-thumb,.video-card-thumb-link,.video-card-sm-thumb,.video-grid,.section,.section-creators,.creators-scroll,.skeleton-card,.skeleton-thumb{overflow:hidden !important}.video-card:not (.cinema-card),.video-card-sm{overflow:visible !important}.video-card.cinema-card{overflow:hidden !important}.main-content,.main-content-studio{overflow-x:hidden !important;overflow-y:visible !important}.video-card:hover,.video-card-sm:hover,.video-card:hover .video-card-thumb img,.video-card-sm:hover .video-card-sm-thumb img,.sidebar-video:hover .sidebar-video-thumb img,.search-bar button,.search-bar button:hover,.btn-primary:active,.header-upload-btn:active,.btn-gold:active,.hero-play-btn:active,.watch-now-btn:active,.video-card-wrapper{transform:none !important}.hero-bg,.hero-overlay{transform:none !important;animation:none !important}.main-content,.main-content-studio{min-width:0 !important;padding-inline:max(12px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)) !important}.category-filters{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch;max-width:100% !important}.hero-thumb-wrapper{position:relative !important;min-height:0 !important;aspect-ratio:16 / 9 !important}.hero-thumb-wrapper .hero-thumb{position:absolute !important;inset:0 !important}.video-card-thumb-link,.video-card-thumb{position:relative !important;aspect-ratio:3 / 2 !important;min-height:0 !important}.video-card.cinema-card .video-card-thumb-link{aspect-ratio:3 / 2 !important}.video-card.cinema-card .video-card-play-btn{width:42px;height:42px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}.scroll-row .video-card,#homeActualContent .scroll-row .video-card{width:calc((100% - 8px) / 2) !important;flex:0 0 calc((100% - 8px) / 2) !important;max-width:calc((100% - 8px) / 2) !important;min-width:0 !important}.scroll-row{gap:8px !important}.auth-card,.auth-layout,.form-container,.settings-card,.upload-section{padding-inline:max(12px, var(--mobile-gutter, 14px)) !important}.auth-card h1,.auth-card .auth-title,.form-container h1{font-size:clamp(1.25rem, 5.5vw, 1.6rem) !important;line-height:1.3 !important}input,select,textarea,.form-control,.custom-select-trigger{max-width:100% !important;font-size:16px !important}.comment-composer--bar{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important;width:100% !important;max-width:none !important;transform:none !important;scale:none !important}.comment-composer--bar .comment-composer-field{flex:1 1 0 !important;min-width:0 !important;max-width:none !important}.comment-composer--bar .comment-composer-input{font-size:16px !important;max-width:100% !important;width:100% !important}.bottom-sheet,.modal-content{max-height:min(88dvh, 100%) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.bs-item,.bottom-sheet .bs-item{max-width:100% !important;box-sizing:border-box !important}}@media (max-width:480px){.app-shell,.main-content,.main-content-studio,#homeActualContent,.hero-featured,.hero-featured-premium,.video-grid{width:100% !important;max-width:100% !important;min-width:0 !important}.video-grid .video-card{width:100% !important;max-width:100% !important;min-width:0 !important}.hero-title{font-size:clamp(16px, 5vw, 20px) !important}.video-card-title{font-size:12.5px !important}}@media (max-width:320px){.main-content,.main-content-studio,.header{padding-inline:10px !important}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}.scroll-row .video-card,#homeActualContent .scroll-row .video-card{width:calc((100% - 8px) / 2) !important;flex:0 0 calc((100% - 8px) / 2) !important;max-width:calc((100% - 8px) / 2) !important;min-width:0 !important}}/*! === components/stability.css === */ html{overflow-x:clip;scroll-behavior:auto}body.cinema-app{overflow-x:clip;max-width:100vw}.app-shell,.main-content,.main-content-studio,.header,.header-inner,#homeActualContent,.video-grid,.section,.section-creators,.hero-featured,.hero-featured-premium,.channel-page,.watch-page,.auth-layout{max-width:100%;min-width:0;box-sizing:border-box}main,body.page-leaving main,body.app-preparing main{animation:none !important;opacity:1 !important;transform:none !important}.video-card-thumb-link,.hero-thumb-wrapper,.video-card-sm-thumb,.sidebar-video-thumb,.skeleton-thumb,.search-result-thumb{aspect-ratio:16 / 9;overflow:hidden;background:var(--stream-bg-secondary,#111722)}.video-card-thumb-link{position:relative}.video-card-thumb{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:var(--stream-bg-secondary,#111722)}.video-card-thumb img,.hero-thumb-wrapper .hero-thumb,.video-card-sm-thumb img,.sidebar-video-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}img{max-width:100%}.video-card-thumb img,.hero-thumb,.sidebar-video-thumb img,.channel-avatar img{height:100%;max-width:none;object-fit:cover}.video-card-avatar-link{width:36px;height:36px;min-width:36px;overflow:hidden;border-radius:50%}.video-card-avatar,.header-avatar,.drawer-avatar{width:36px;height:36px;max-width:36px;object-fit:cover}.header-avatar{width:34px;height:34px;max-width:34px}.drawer-avatar{width:42px;height:42px;max-width:42px}.video-card,.video-card:nth-child(n),.cinema-card,.content-card,.auth-card,.hero-featured,.hero-featured-premium,.section-creators,.flash-message{animation:none !important}.video-card-play-btn::after{animation:none !important}.premium-skeleton-hero::after,.premium-skeleton-card::after,.skeleton-thumb::after{animation:none !important}.category-filters,.creators-scroll,.scroll-row{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.category-filters{flex-shrink:0}.flash-message{max-width:100%;overflow:hidden;word-break:break-word}@media (hover:none),(max-width:768px){.video-card:hover,.cinema-card:hover,.content-card:hover,.sidebar-video:hover,.settings-card:hover{transform:none !important}.video-card:hover .video-card-thumb img,.video-card-sm:hover .video-card-sm-thumb img,.sidebar-video:hover .sidebar-video-thumb img{transform:none !important}.btn-primary:hover,.header-upload-btn:hover,.hero-play-btn:hover,.btn-gold:hover,.header-icon-btn:hover,.user-dropdown-trigger:hover{transform:none !important}[data-rank-theme] .brand-level-badge,.rank-themed,.xp-rank-card,.yt-mobile-owner-dashboard .yt-mobile-channel-bg img{animation:none !important}}/*! === components/ui-audit.css === */ .header{z-index:var(--z-header) !important}nav.app-nav.bottom-nav,.app-nav.bottom-nav{z-index:var(--z-nav) !important}.modal-overlay{z-index:var(--z-modal) !important}.rank-details-backdrop{z-index:var(--z-rank) !important}.rank-details-panel{z-index:calc(var(--z-rank) + 1) !important}.toast-container,#toast-container{position:fixed;display:flex;flex-direction:column;gap:8px;z-index:var(--z-toast) !important;bottom:calc(var(--nav-height) + 12px) !important;left:16px !important;right:auto !important;max-width:min(360px, calc(100vw - 32px)) !important;pointer-events:none !important}.bg-upload-bar,#bgUploadBar{position:fixed;z-index:var(--z-upload-bar) !important;bottom:calc(var(--nav-height) + 12px) !important;left:50%;right:auto;transform:translateX(-50%);width:min(420px, calc(100vw - 24px));padding:0;direction:rtl;font-family:inherit;pointer-events:none;background:transparent;border:none;backdrop-filter:none}#bgUploadBar .bg-upload-card{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 10px;border-radius:16px;background:linear-gradient(180deg,rgba(28,28,36,0.96),rgba(14,14,20,0.96));border:1px solid rgba(255,255,255,0.08);box-shadow:0 12px 40px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#bgUploadBar .bg-upload-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(212,175,55,0.12);color:#d4af37}#bgUploadBar .bg-upload-icon svg,#bgUploadBar .bg-upload-icon [data-lucide]{width:18px;height:18px}#bgUploadBar .bg-upload-body{flex:1;min-width:0}#bgUploadBar .bg-upload-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}#bgUploadBar .bg-upload-title{font-size:12.5px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bgUploadBar .bg-upload-pct{flex-shrink:0;font-size:11px;font-weight:800;color:#d4af37;font-variant-numeric:tabular-nums}#bgUploadBar .bg-upload-filename{font-size:11px;color:rgba(241,242,248,0.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}#bgUploadBar .bg-upload-track{height:5px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden}#bgUploadBar .bg-upload-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(135deg,#d4af37,#f3e5ab);transition:width 0.35s ease}#bgUploadBar .bg-upload-status{margin-top:6px;font-size:10.5px;color:rgba(241,242,248,0.5)}#bgUploadBar .bg-upload-link{color:#d4af37;font-weight:800;text-decoration:none}#bgUploadBar .bg-upload-link:hover{text-decoration:underline}#bgUploadBar .bg-upload-actions{flex-shrink:0;display:flex;flex-direction:column;gap:4px}#bgUploadBar .bg-upload-btn{border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;padding:4px 6px;border-radius:8px;line-height:1.2}#bgUploadBar .bg-upload-btn--cancel{color:#fb7185}#bgUploadBar .bg-upload-btn--cancel:hover{background:rgba(251,113,133,0.12)}#bgUploadBar .bg-upload-btn--close{color:rgba(241,242,248,0.55)}#bgUploadBar .bg-upload-btn--close:hover{color:#fff;background:rgba(255,255,255,0.06)}#bgUploadBar.is-processing .bg-upload-fill{background:linear-gradient(90deg,#d4af37,#7dd3fc,#d4af37);background-size:200% 100%;animation:bg-upload-shimmer 1.4s linear infinite}#bgUploadBar.is-error .bg-upload-fill{background:#fb7185}#bgUploadBar.is-done .bg-upload-fill{background:#34d399}@keyframes bg-upload-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.drawer-backdrop{z-index:var(--z-drawer-backdrop) !important;background:rgba(0,0,0,0.96) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important}.drawer-backdrop:not (.open){opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.drawer-backdrop.open{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}.user-dropdown{z-index:var(--z-drawer) !important;background-color:#12141f !important;isolation:isolate}.yt-mobile-account-backdrop{z-index:var(--z-account-backdrop) !important}.yt-mobile-account-menu{z-index:var(--z-account-menu) !important}body.channel-account-menu-open .header,body.channel-account-menu-open .bottom-nav,body.channel-account-menu-open .app-nav{z-index:calc(var(--z-account-backdrop) - 10) !important}body.channel-account-menu-open .yt-mobile-account-actions{z-index:calc(var(--z-account-menu) - 1) !important}.camera-studio{z-index:var(--z-fullscreen) !important}.premium-pull-indicator{z-index:calc(var(--z-nav) - 5) !important}@media (max-width:768px){body,body.cinema-app{padding-bottom:0 !important}.app-shell{grid-template-rows:auto 1fr auto !important;grid-template-areas:"header" "main" "footer" !important}.app-shell>.app-nav{grid-area:unset !important}.app-shell .main-content,.app-shell .main-content-studio,.main-content,.main-content-studio{padding-bottom:var(--mobile-shell-bottom) !important;min-width:0 !important;max-width:100% !important;overflow-x:clip !important}.footer{padding-bottom:var(--mobile-shell-bottom) !important}}@media (min-width:769px){#toast-container,.toast-container{bottom:24px !important}#bgUploadBar{bottom:24px !important;left:auto !important;right:24px !important;transform:none !important}}.watch-layout{grid-template-columns:minmax(0,1fr) minmax(0,380px) !important;max-width:100% !important}.watch-primary,.watch-sidebar,.watch-layout{min-width:0 !important}.rank-details-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.channel-stats-cards,.channel-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.earnings-metrics,.studio-metrics,.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(0,1fr)) !important}.video-grid:not (#homeSkeletonContainer),.channel-video-grid,.playlist-channel-list{min-width:0 !important;max-width:100% !important}.video-card,.cinema-card,.video-card-text,.video-card-details,.hero-content,.hero-channel-info{min-width:0 !important}.header-inner,.header-actions,.brand-level-trigger,.search-bar{min-width:0 !important}.video-card:not (.cinema-card),.cinema-card:not (.video-card){overflow:visible !important}.video-card.cinema-card{overflow:hidden !important}.video-card-thumb,.video-card-thumb-link,.hero-thumb-wrapper,.video-card-sm-thumb{overflow:hidden !important;position:relative !important}@media (max-width:768px){.category-filters,.channel-banner{margin-inline:calc(var(--mobile-gutter) * -1) !important;width:calc(100% + (var(--mobile-gutter) * 2)) !important;max-width:calc(100% + (var(--mobile-gutter) * 2)) !important}.main-content:has(.watch-layout),.main-content-studio:has(.watch-layout){padding-inline:0 !important}.watch-layout{padding:0 !important;gap:var(--mobile-gap) !important;width:100% !important;max-width:100% !important}.watch-player,.watch-player-wrap{margin-inline:0 !important;width:100% !important;max-width:100% !important;border-radius:0 !important}.app-shell .footer,.footer{display:none !important}.upload-actions{bottom:var(--nav-height) !important;z-index:var(--z-sticky-cta) !important}.auto-save-toast{bottom:calc(var(--nav-height) + 12px) !important;z-index:var(--z-toast) !important}.channel-profile{margin-top:-32px !important;background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.channel-avatar-large{margin-top:0 !important}.search-bar{width:auto !important;max-width:100% !important}.form-container,.auth-card,.settings-card,.upload-section,.empty-state{width:100% !important;max-width:100% !important;box-sizing:border-box !important}.empty-state-desc{max-width:100% !important}}@media (max-width:1000px){.watch-layout{grid-template-columns:minmax(0,1fr) !important}}body:has(.impersonation-banner) .header{top:44px !important}body:has(.impersonation-banner){--header-height:calc(56px + 44px)}html,body.cinema-app{overflow-x:clip !important;max-width:100vw !important}.app-shell,.main-content,#homeActualContent{max-width:100% !important}body .category-filter,body .ah-shelf-link,body .lb-hub-link,body .rank-details-link,body .btn-gold{min-height:40px;box-sizing:border-box}body .ah-shelf-link,body .lb-hub-link,body .btn-gold{display:inline-flex;align-items:center;justify-content:center}.open-in-app{position:fixed;inset-inline:10px;bottom:calc(var(--nav-height, 72px) + 12px + var(--mp-dock-clearance, 0px));z-index:12040;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--md-sys-color-surface,#161a20) 94%,transparent);border:1px solid var(--rank-border,rgba(255,255,255,0.12));box-shadow:0 10px 30px rgba(0,0,0,0.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.open-in-app__text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}.open-in-app__text strong{font-size:13.5px;font-weight:800;color:var(--rank-color,var(--primary))}.open-in-app__text span{font-size:12px;color:var(--icon-muted,rgba(255,255,255,0.62))}.open-in-app__cta{flex-shrink:0;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--rank-gradient,var(--primary));color:var(--md-sys-color-on-primary,#0c1814);font-family:inherit;font-size:13.5px;font-weight:800;cursor:pointer}.open-in-app__close{flex-shrink:0;width:40px;min-height:40px;border:0;background:none;color:var(--icon-muted,rgba(255,255,255,0.62));font-size:22px;line-height:1;cursor:pointer}/*! === components/color-harmony.css === */:root{--rank-fallback:var(--md-sys-color-primary,var(--primary))}.muted,.text-muted,.topbar-sub,.form-text.muted{color:var(--text-muted) !important}.card,.video-card,.settings-card-list>*,.channel-stat-card,.panel,.content-card{box-shadow:var(--ds-card-shadow,var(--shadow-md))}.btn-primary,.header-btn-primary,.settings-save-btn,.empty-state-btn,.upload-btn-primary{box-shadow:var(--shadow-sm)}.level-glass,.glass-panel{background:var(--glass-bg);border-color:var(--glass-border)}.rank-themed.rank-silver .rank-username,[data-rank-key="silver"] .rank-username{color:color-mix(in srgb,var(--rank-color) 70%,#fff);text-shadow:0 1px 0 rgba(0,0,0,0.35)}.rank-themed.rank-immortal .rank-username,[data-rank-key="immortal"] .rank-username{color:color-mix(in srgb,var(--rank-secondary,#f5c84c) 55%,#fff)}/*! === components/studio-dashboard.css === */ .app-shell--bare{min-height:100dvh;background:#0a0b12}.app-shell--bare .main-content-studio{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;min-height:100dvh;overflow-x:clip}.studio-body{--studio-bg:#0a0b12;--studio-panel:#12122a;--studio-elevated:#151829;--studio-border:rgba(255,255,255,0.08);--studio-text:#edeff5;--studio-muted:#9497b0;--studio-dim:#5c5f78;--studio-cyan:#22d3ee;width:100%;min-height:100dvh}.studio-body .sidebar-backdrop{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}.studio-body .sidebar-backdrop.open{opacity:1;visibility:visible}.studio-body .btn-primary-studio{background:var(--rank-gradient,linear-gradient(135deg,var(--primary),var(--primary-hover))) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:1px solid color-mix(in srgb,var(--rank-color,var(--primary)) 35%,transparent);border-radius:12px;box-shadow:none !important}.studio-body .btn-primary-studio.btn-ghost-studio{background:color-mix(in srgb,var(--rank-color,var(--primary)) 10%,var(--studio-panel)) !important;background-image:none !important;color:var(--studio-text) !important;border:1px solid var(--studio-border)}.studio-body .btn-primary-studio:hover{filter:brightness(1.06)}.studio-body .nav-item.active{background:color-mix(in srgb,var(--rank-color,var(--primary)) 14%,transparent) !important;color:#fff !important}.studio-body .nav-item.active::before{background:var(--rank-gradient,linear-gradient(180deg,var(--primary),var(--primary-hover))) !important}.studio-body .brand-mark{background:var(--rank-gradient) !important;box-shadow:none !important;color:#101010 !important}.studio-body .card{background:var(--studio-elevated) !important;border:1px solid var(--studio-border) !important;border-radius:18px !important;box-shadow:none !important;backdrop-filter:none !important}.studio-body .deck{background:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color,#7c5cff) 10%,var(--studio-panel)),var(--studio-bg) 78% ) !important;border:1px solid color-mix(in srgb,var(--rank-color,#7c5cff) 22%,var(--studio-border)) !important;border-radius:20px !important;backdrop-filter:none !important}.studio-body .topbar{background:color-mix(in srgb,var(--studio-bg) 92%,var(--rank-color,#7c5cff) 8%) !important;border-bottom:1px solid var(--studio-border) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.studio-body .sidebar{background:var(--studio-panel) !important;border-left:1px solid var(--studio-border) !important;box-shadow:none !important}.studio-body .meta-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);font-size:11.5px;color:var(--studio-muted);white-space:nowrap}.studio-body .meta-chip i,.studio-body .meta-chip svg{width:13px;height:13px;opacity:0.85}.studio-body .stat-icon{border-radius:12px !important}.studio-body .chart-bar{background:linear-gradient( 180deg,var(--rank-color,var(--primary)),color-mix(in srgb,var(--rank-color,var(--primary)) 25%,transparent) ) !important}.studio-body .studio-content{width:100%}.studio-body .grid-4{gap:12px}.studio-body .stat-value{letter-spacing:-0.02em}.studio-body .panel-title{border-bottom-color:var(--studio-border) !important}.studio-body .tab-pill.active{background:color-mix(in srgb,var(--rank-color,var(--primary)) 16%,var(--studio-elevated)) !important;color:#fff !important}@media (max-width:1000px){.studio-body .sidebar{background:var(--studio-panel) !important;border-left:1px solid var(--studio-border) !important}}@media (max-width:768px){.app-shell--bare .main-content-studio{padding:0 !important}.studio-body .topbar{flex-direction:row !important;align-items:center !important;gap:10px !important;padding:10px 12px !important;min-height:48px !important}.studio-body .topbar-start{align-items:center !important}.studio-body .page-title{font-size:15px !important}.studio-body .page-desc{display:block !important;font-size:10.5px !important;margin-top:1px !important}.studio-body .topbar-menu{display:inline-flex !important;width:38px !important;height:38px !important;border-radius:12px !important;background:rgba(255,255,255,0.05) !important;border:1px solid var(--studio-border) !important}.studio-body .top-actions{width:auto !important}.studio-body .top-actions .btn-primary-studio{width:auto !important;min-height:38px;padding:8px 14px !important;font-size:12px !important}.studio-body .studio-content{padding:14px 12px calc(72px + env(safe-area-inset-bottom, 0px)) !important}.studio-body .grid-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}.studio-body .card{padding:14px !important;border-radius:16px !important}.studio-body .stat-value{font-size:1.35rem !important}.studio-body .stat-label{font-size:11px !important;margin-top:10px !important}.studio-body .deck{padding:16px !important;border-radius:18px !important}}@media (max-width:480px){.studio-body .grid-4{grid-template-columns:1fr !important}.studio-body .page-title{font-size:14px !important}.studio-body .topbar{padding:8px 10px !important}.studio-body .studio-content{padding-inline:10px !important}}/*! === components/nano-rank-theme.css === */:root,html,body{--xp:var(--md-sys-color-secondary);--xp-cyan:var(--md-sys-color-secondary);--xp-success:var(--md-sys-color-success);--nano-surface:var(--md-sys-color-surface-container);--nano-surface-deep:var(--md-sys-color-surface-container-low);--nano-plate:var(--md-sys-color-surface-container-high);--nano-border:var(--md-sys-color-outline-variant);--nano-border-strong:var(--md-sys-color-outline);--nano-text-dim:var(--md-sys-color-on-surface-variant);--nano-text-faint:var(--text-muted)}body[data-rank-theme]{--level-color:var(--rank-color-base,var(--rank-color));--primary:var(--rank-color-base,var(--rank-color)) !important;--primary-hover:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 82%,#ffffff) !important;--primary-glow:var(--rank-glow,rgba(var(--level-rgb),0.18)) !important;--primary-dim:rgba(var(--level-rgb),0.12) !important;--stream-accent:var(--rank-color-base,var(--rank-color)) !important;--stream-accent-hover:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 82%,#ffffff) !important;--accent:var(--md-sys-color-tertiary) !important;--success:var(--md-sys-color-success) !important;--rank-tint:rgba(var(--level-rgb),0.12);--rank-tint-strong:rgba(var(--level-rgb),0.20);--rank-border:rgba(var(--level-rgb),0.28);--rank-glow-soft:rgba(var(--level-rgb),0.14);--surface:var(--md-sys-color-surface-container) !important;--stream-card:var(--md-sys-color-surface-container) !important;--stream-bg-secondary:var(--md-sys-color-surface-container-low) !important;--stream-border:rgba(var(--level-rgb),0.15) !important}body.rank-static .avatar-ring{animation:none !important}[data-rank-symbol] i,[data-rank-symbol] svg,[data-rank-icon],.brand-level-badge i,.brand-level-badge svg,.rank-details-emblem i,.rank-details-emblem svg,.rank-unlock-badge i,.rank-unlock-badge svg,.leader-rank-pill i,.leader-rank-pill svg,.channel-rank-badge i,.channel-rank-badge svg{color:#101010 !important;stroke:#101010 !important}.xp-nano .badge i,.xp-nano .badge svg,.xp-drawer-nano .xp-rank-badge i,.xp-drawer-nano .xp-rank-badge svg{color:var(--rank-color) !important;stroke:var(--rank-color) !important}.rank-badge-icon{display:none !important}body[data-rank-theme] .video-card,body[data-rank-theme] .hero-featured,body[data-rank-theme] .hero-featured-premium,body[data-rank-theme] .creator-card,body[data-rank-theme] .leaderboard-row,body[data-rank-theme] .settings-section,body[data-rank-theme] .settings-row-item,body[data-rank-theme] .watch-info,body[data-rank-theme] .comments-section,body[data-rank-theme] .channel-head,body[data-rank-theme] .upload-section,body[data-rank-theme] .auth-card,body[data-rank-theme] .modal-content{background:var(--nano-surface) !important;border-color:var(--nano-border) !important;box-shadow:none !important}body[data-rank-theme] .watch-info-card[data-creator-rank] .creator-card{background:color-mix(in srgb,var(--wic-accent,var(--rank-color-base,var(--rank-color))) 7%,rgba(255,255,255,0.02)) !important;border-color:color-mix(in srgb,var(--wic-accent,var(--rank-color-base,var(--rank-color))) 20%,rgba(255,255,255,0.06)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04) !important}body[data-rank-theme] .watch-info-card .level-badge.rank-themed,body[data-rank-theme] .level-badge.rank-themed{background-image:none !important;animation:none !important}body.theme-switching .mol-upload-fab,body.theme-switching .brand-level-badge,body.theme-switching .btn-primary,body.theme-switching .header-upload-btn{transition:background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,color 0.18s ease}body[data-rank-theme] .main-content,body[data-rank-theme] .cinema-app{background:var(--nano-surface-deep) !important}body[data-rank-theme] .brand-level-badge.rank-themed{background:none !important;background-image:none !important;border:none !important;box-shadow:none !important;color:#fff !important}body[data-rank-theme] .rank-details-emblem{background:var(--rank-gradient) !important;box-shadow:0 2px 10px rgba(0,0,0,0.25) !important}body[data-rank-theme] .rank-details-link{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;box-shadow:none !important;border:1px solid var(--rank-border) !important}body[data-rank-theme] .rank-details-progress>span,body[data-rank-theme] .rank-progress-fill,body[data-rank-theme] .xp-drawer-nano .xp-rank-progress span,body[data-rank-theme] .xp-bar-fill,body[data-rank-theme] .xp-nano .xp-bar-fill,body[data-rank-theme] [data-xp-progress]{background:linear-gradient( 90deg,var(--rank-color),color-mix(in srgb,var(--xp-cyan) 85%,var(--rank-secondary)) ) !important;box-shadow:none !important}body[data-rank-theme] .category-filter.active,body[data-rank-theme] .filter-tab.active,body[data-rank-theme] .cat-pill.active,body[data-rank-theme] .filter-chip.active,body[data-rank-theme] .sort-btn.active{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;border-color:transparent !important;color:#fff !important;box-shadow:none !important}body[data-rank-theme] .category-filter:not (.active),body[data-rank-theme] .filter-tab:not (.active){background:var(--nano-surface-deep) !important;border-color:var(--nano-border) !important;color:var(--nano-text-dim) !important}body[data-rank-theme] .subscribe-btn-premium:not (.subscribed),body[data-rank-theme] .hero-subscribe-btn,body[data-rank-theme] .subscribe-full,body[data-rank-theme] .follow-btn,body[data-rank-theme] .subscribe-btn.subscribe,body[data-rank-theme] .btn-primary,body[data-rank-theme] .header-upload-btn,body[data-rank-theme] .hero-play-btn,body[data-rank-theme] .watch-now-btn,body[data-rank-theme] .settings-save-btn,body[data-rank-theme] .subscribe-btn,body[data-rank-theme] .btn-submit,body[data-rank-theme] .upload-submit-btn,body[data-rank-theme] .comment-submit-btn,body[data-rank-theme] .hub-claim{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;box-shadow:none !important;border:1px solid var(--rank-border) !important}body[data-rank-theme] .subscribe-btn-premium.subscribed,body[data-rank-theme] .subscribe-btn.subscribed{background:rgba(255,255,255,0.06) !important;background-image:none !important;color:var(--nano-text-dim) !important;border:1px solid var(--nano-border-strong) !important}body[data-rank-theme] .btn-primary:hover,body[data-rank-theme] .header-upload-btn:hover,body[data-rank-theme] .hero-play-btn:hover,body[data-rank-theme] .watch-now-btn:hover,body[data-rank-theme] .settings-save-btn:hover,body[data-rank-theme] .subscribe-btn:hover,body[data-rank-theme] .btn-submit:hover,body[data-rank-theme] .upload-submit-btn:hover,body[data-rank-theme] .comment-submit-btn:hover,body[data-rank-theme] .hub-claim:hover:not (:disabled){filter:brightness(1.06);box-shadow:none !important}body[data-rank-theme] .app-nav.bottom-nav .app-nav-item.active,body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item.active,body[data-rank-theme] nav.app-nav.bottom-nav .app-nav-item.active,body[data-rank-theme] nav.app-nav.bottom-nav .bottom-nav-item.active,body[data-rank-theme] .bottom-nav-item.active,body[data-rank-theme] .settings-tab-btn.active{color:var(--rank-color) !important;background:transparent !important}body[data-rank-theme] .app-nav.mol-nav.bottom-nav .app-nav-item:hover,body[data-rank-theme] .app-nav.mol-nav.bottom-nav .bottom-nav-item:hover,body[data-rank-theme] .app-nav.mol-nav.bottom-nav .app-nav-item.active,body[data-rank-theme] .app-nav.mol-nav.bottom-nav .bottom-nav-item.active{background:transparent !important;box-shadow:none !important}body[data-rank-theme] .app-nav.bottom-nav .app-nav-item.active svg,body[data-rank-theme] .app-nav.bottom-nav .app-nav-item.active [data-lucide],body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item.active svg,body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item.active [data-lucide],body[data-rank-theme] .bottom-nav-item.active svg,body[data-rank-theme] .bottom-nav-item.active [data-lucide]{color:var(--rank-color) !important;stroke:var(--rank-color) !important}body[data-rank-theme] .app-nav.bottom-nav .app-nav-item,body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item,body[data-rank-theme] .bottom-nav-item:not (.active){color:var(--nano-text-dim) !important}body[data-rank-theme] .app-nav:not (.mol-nav) .app-nav-item.upload,body[data-rank-theme] .app-nav:not (.mol-nav) .bottom-nav-item.upload{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;box-shadow:none !important}body[data-rank-theme] .app-nav.mol-nav .app-nav-item.upload,body[data-rank-theme] .app-nav.mol-nav .bottom-nav-item.upload{background:transparent !important;background-image:none !important;box-shadow:none !important}body[data-rank-theme] .app-nav-item.upload svg,body[data-rank-theme] .app-nav-item.upload [data-lucide],body[data-rank-theme] .bottom-nav-item.upload svg,body[data-rank-theme] .bottom-nav-item.upload [data-lucide]{color:#fff !important;stroke:#fff !important}body[data-rank-theme] .rank-tag,body[data-rank-theme] .leader-rank-pill,body[data-rank-theme] .channel-rank-badge{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;box-shadow:none !important}body[data-rank-theme] .rank-tag{color:#fff !important}body[data-rank-theme] .leader-rank-pill,body[data-rank-theme] .channel-rank-badge{color:#101010 !important}body[data-rank-theme] .channel-page .channel-tab.active,body[data-rank-theme] .channel-tabs .channel-tab.active{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;border-color:color-mix(in srgb,var(--rank-color) 35%,transparent) !important;color:#fff !important;box-shadow:none !important}body[data-rank-theme] .channel-page .channel-tabs,body[data-rank-theme] .channel-tabs{background:color-mix(in srgb,var(--rank-color) 6%,var(--nano-surface-deep,#12122a)) !important;border-color:var(--rank-border,rgba(255,255,255,0.07)) !important}body[data-rank-theme] .pc-fill,body[data-rank-theme] .player-controls .pc-progress .pc-fill,body[data-rank-theme] .watch-player-wrap .pc-progress .pc-fill,body[data-rank-theme] .channel-xp-bar span,body[data-rank-theme] .channel-xp-fill{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important}body[data-rank-theme] .pc-thumb{background:var(--rank-color) !important}@keyframes xpBadgeSpin{to{transform:rotate(360deg)}}@keyframes xpBadgeOrbit{to{transform:rotate(-360deg)}}@keyframes xpBadgeAura{0%,100%{opacity:0.45;transform:scale(0.92)}50%{opacity:0.85;transform:scale(1.08)}}@keyframes xpBadgeSpark{0%,100%{opacity:0.15;transform:rotate(var(--spark-rot,0deg)) translateY(-46%) scale(0.7)}40%{opacity:1;transform:rotate(var(--spark-rot,0deg)) translateY(-52%) scale(1.15)}70%{opacity:0.35;transform:rotate(var(--spark-rot,0deg)) translateY(-48%) scale(0.85)}}@keyframes xpBadgeIconPulse{0%,100%{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--rank-color) 35%,transparent))}50%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rank-color) 70%,transparent))}}.badge-wrap--fx,.xp-drawer-badge-wrap.badge-wrap--fx{position:relative;isolation:isolate}.badge-wrap--fx .badge-aura,.xp-drawer-badge-wrap.badge-wrap--fx .badge-aura{position:absolute;inset:-18%;border-radius:32%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rank-color) 55%,transparent) 0%,color-mix(in srgb,var(--rank-secondary) 22%,transparent) 42%,transparent 72%);pointer-events:none;z-index:0;animation:xpBadgeAura 3.2s ease-in-out infinite;filter:blur(2px)}.badge-wrap--fx .badge-orbit{position:absolute;inset:-6px;border-radius:28px;pointer-events:none;z-index:1;background:conic-gradient( from 90deg,transparent 0deg 40deg,color-mix(in srgb,var(--rank-secondary) 80%,#fff) 55deg,transparent 75deg 200deg,color-mix(in srgb,var(--rank-color) 90%,#fff) 220deg,transparent 240deg 360deg );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:2px;opacity:0.85;animation:xpBadgeOrbit 10s linear infinite}.badge-wrap--fx .badge-spark{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px color-mix(in srgb,var(--rank-color) 80%,#fff),0 0 14px color-mix(in srgb,var(--rank-secondary) 70%,transparent);pointer-events:none;z-index:3;animation:xpBadgeSpark 2.8s ease-in-out infinite}.badge-wrap--fx .badge-spark--a{--spark-rot:18deg}.badge-wrap--fx .badge-spark--b{--spark-rot:210deg;animation-delay:1.2s;width:5px;height:5px;margin:-2.5px}.badge-wrap--fx .badge-ring,.xp-drawer-badge-wrap.badge-wrap--fx .badge-ring,.xp-drawer-badge-wrap.badge-wrap--fx .xp-drawer-badge-ring{z-index:2;animation:xpBadgeSpin 5.5s linear infinite}.badge-wrap--fx .badge,.badge-wrap--fx .xp-rank-badge{z-index:4}.badge-wrap--fx .badge svg,.badge-wrap--fx .badge [data-lucide],.badge-wrap--fx .xp-rank-badge svg,.badge-wrap--fx .xp-rank-badge [data-lucide]{animation:xpBadgeIconPulse 2.6s ease-in-out infinite}.rank-animated .badge-wrap--fx .badge-aura,.rank-themed.rank-animated .badge-wrap--fx .badge-aura{inset:-26%;animation-duration:2.4s;filter:blur(3px)}.rank-animated .badge-wrap--fx .badge-orbit{inset:-8px;opacity:1;animation-duration:7s}body[data-rank-theme] .avatar-ring.ring-anim,body[data-rank-theme] .xp-drawer-badge-ring,body[data-rank-theme] .xp-nano .badge-ring,.badge-wrap--fx .badge-ring{background:conic-gradient( from 0deg,var(--rank-color),transparent 12%,var(--rank-secondary) 28%,var(--rank-color) 48%,color-mix(in srgb,var(--rank-secondary) 70%,#fff) 62%,transparent 78%,var(--rank-color) ) !important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rank-color) 45%,transparent)) drop-shadow(0 0 14px color-mix(in srgb,var(--rank-secondary) 30%,transparent)) !important}body[data-rank-theme] .creator-avatar-ring{display:none !important;background:none !important;filter:none !important;animation:none !important}body[data-rank-theme] .creator-avatar-link{overflow:hidden;border-radius:50%}body[data-rank-theme] .creator-avatar{box-shadow:none !important;border:0 !important;filter:none !important}body[data-rank-theme] .avatar-ring.ring-anim,body[data-rank-theme] .xp-drawer-badge-wrap .xp-drawer-badge-ring,body[data-rank-theme] .xp-nano .badge-ring,.badge-wrap--fx .badge-ring{-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}body[data-rank-theme] .avatar-ring.ring-anim{padding:2.5px;border-radius:50%;box-sizing:border-box}body[data-rank-theme] .xp-drawer-badge-wrap .xp-drawer-badge-ring{padding:2px;border-radius:12px}body[data-rank-theme] .rank-avatar,body[data-rank-theme] .channel-avatar-large{box-shadow:0 0 0 2px color-mix(in srgb,var(--rank-color) 22%,transparent) !important}@media (prefers-reduced-motion:reduce){.badge-wrap--fx .badge-aura,.badge-wrap--fx .badge-orbit,.badge-wrap--fx .badge-spark,.badge-wrap--fx .badge-ring,.badge-wrap--fx .xp-drawer-badge-ring,.badge-wrap--fx .badge svg,.badge-wrap--fx .badge [data-lucide],.badge-wrap--fx .xp-rank-badge svg,.badge-wrap--fx .xp-rank-badge [data-lucide]{animation:none !important}}body[data-rank-theme] .xp-drawer-nano{border-color:var(--rank-border) !important;box-shadow:none !important;background:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface-deep)),var(--nano-surface-deep) 72% ) !important}body[data-rank-theme] .xp-drawer-cta{color:var(--xp-cyan) !important;background:rgba(34,211,238,0.1) !important}body[data-rank-theme] .section-link,body[data-rank-theme] .hub-link{color:var(--xp-cyan) !important}body[data-rank-theme] .section-title-icon,body[data-rank-theme] .section-title [data-lucide],body[data-rank-theme] .section-title svg{color:var(--rank-color) !important;stroke:var(--rank-color) !important}body[data-rank-theme] .section-title::before{background:var(--rank-gradient) !important;box-shadow:none !important}body[data-rank-theme] .mono,.mono{font-family:var(--font-mono,"Space Mono",ui-monospace,monospace);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}body[data-rank-theme] .header,body[data-rank-theme] .bottom-nav:not (.mol-nav),body[data-rank-theme] .footer,body[data-rank-theme] .user-dropdown{background:color-mix(in srgb,var(--nano-surface-deep) 92%,var(--rank-color) 8%) !important;border-color:var(--nano-border) !important;box-shadow:none !important}body[data-rank-theme] .header::after{display:none !important;content:none !important;background:none !important;box-shadow:none !important;opacity:0 !important;height:0 !important}body[data-rank-theme] .rank-details-panel{background:var(--nano-surface) !important;border-color:var(--rank-border) !important;box-shadow:0 12px 40px rgba(0,0,0,0.45) !important}body[data-rank-theme] .app-nav.bottom-nav:not (.mol-nav) .app-nav-item.active:not (.upload)::before,body[data-rank-theme] .app-nav.bottom-nav:not (.mol-nav) .bottom-nav-item.active:not (.upload)::before{display:block !important;background:color-mix(in srgb,var(--rank-color) 16%,transparent) !important;box-shadow:none !important}body[data-rank-theme] .app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload)::before,body[data-rank-theme] .app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload)::before{display:none !important}body[data-rank-theme] .app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload)::after,body[data-rank-theme] .app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload)::after{display:none !important}body[data-rank-theme] .app-nav.bottom-nav:not (.mol-nav) .app-nav-item.active::after,body[data-rank-theme] .app-nav.bottom-nav:not (.mol-nav) .bottom-nav-item.active::after,body[data-rank-theme] .bottom-nav-item.active:not (.mol-nav .bottom-nav-item)::after{display:none !important}body[data-rank-theme] .header-icon-btn:hover{color:#fff !important;background:var(--rank-tint) !important}body[data-rank-theme] .header-avatar,body[data-rank-theme] .drawer-avatar,body[data-rank-theme] .video-card-avatar,body[data-rank-theme] .comment-avatar{box-shadow:none !important;border-color:color-mix(in srgb,var(--rank-color) 35%,var(--nano-border)) !important}body[data-rank-theme] .video-card:hover,body[data-rank-theme] .leaderboard-row:hover,body[data-rank-theme] .settings-row-item:hover{border-color:var(--rank-border) !important;box-shadow:0 6px 18px rgba(0,0,0,0.22) !important}body[data-rank-theme] .rank-progress-fill,body[data-rank-theme] .progress-bar,body[data-rank-theme] .xp-progress-fill{box-shadow:none !important}body[data-rank-theme] .rank-details-stats>div i,body[data-rank-theme] .rank-username{color:var(--rank-color) !important;text-shadow:none !important}body[data-rank-theme] .rank-current-theme{background-size:auto !important;animation:none !important}body[data-rank-theme] .user-dropdown a.xp-rank-card.xp-drawer-nano.rank-current-theme,.user-dropdown a.xp-rank-card.xp-drawer-nano.rank-themed.rank-current-theme{background-image:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface-deep,#12122a)),var(--nano-surface-deep,#151829) 72% ) !important;background-size:auto !important;animation:none !important;box-shadow:none !important}body[data-rank-theme] .user-dropdown .drawer-avatar.rank-avatar{box-shadow:none !important}body[data-rank-theme] .xp-nano .rank-hero.rank-themed.rank-current-theme{background:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface-deep)),var(--nano-surface-deep) 78% ) !important;background-image:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface-deep)),var(--nano-surface-deep) 78% ) !important;background-size:auto !important;animation:none !important;box-shadow:none !important}#settings-xp.rank-themed,#settings-xp.rank-animated,#settings-xp.rank-current-theme{background:transparent !important;background-image:none !important;animation:none !important;box-shadow:none !important}body[data-rank-theme] .xp-nano .rank-hero::before{opacity:0.35 !important}body[data-rank-theme] .xp-nano .hub-card,body[data-rank-theme] .xp-nano .stat-card{background:var(--nano-surface) !important;border-color:var(--nano-border) !important}@media (max-width:768px){body[data-rank-theme] .category-filters .category-filter.active{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border-color:transparent !important;box-shadow:none !important}body[data-rank-theme] .section-title-icon,body[data-rank-theme] .section-title [data-lucide],body[data-rank-theme] .section-title svg{color:var(--rank-color) !important;stroke:var(--rank-color) !important}body[data-rank-theme] .section-link{color:var(--xp-cyan) !important}body[data-rank-theme] #homeActualContent .hero-featured.hero-featured-premium .hero-subscribe-btn.subscribe-btn-premium:not (.subscribed),body[data-rank-theme] #homeActualContent .hero-featured.hero-featured-premium .hero-play-btn{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:1px solid var(--rank-border) !important;box-shadow:none !important}body[data-rank-theme] .app-nav.bottom-nav .app-nav-item.active:not (.upload),body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item.active:not (.upload){color:var(--rank-color) !important;background:transparent !important}body[data-rank-theme] .app-nav.bottom-nav .app-nav-item.active svg,body[data-rank-theme] .app-nav.bottom-nav .app-nav-item.active [data-lucide],body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item.active svg,body[data-rank-theme] .app-nav.bottom-nav .bottom-nav-item.active [data-lucide]{color:var(--rank-color) !important;stroke:var(--rank-color) !important}}body[data-rank-theme] .channel-page .channel-rank-strip{box-shadow:none !important;background:linear-gradient( 160deg,color-mix(in srgb,var(--rank-color) 12%,var(--nano-surface,#151829)),color-mix(in srgb,var(--rank-color) 5%,var(--nano-surface-deep,#12122a)) ) !important;border-color:var(--rank-border,color-mix(in srgb,var(--rank-color) 28%,rgba(255,255,255,0.08))) !important}body[data-rank-theme] .channel-page.rank-themed .channel-stats-card,body[data-rank-theme] .channel-page.rank-themed .channel-stat-card,body[data-rank-theme] .channel-page.rank-themed .channel-continue-card,body[data-rank-theme] .channel-page.rank-themed .channel-shortcut,body[data-rank-theme] .channel-page.rank-themed .channel-inline-search,body[data-rank-theme] .channel-page.rank-themed .empty-state-box{border-color:var(--rank-border) !important}body[data-rank-theme] .channel-page.rank-themed .channel-stat-value{color:var(--rank-secondary) !important}body[data-rank-theme] .channel-page.rank-themed .channel-xp-head b{color:var(--rank-color) !important}body[data-rank-theme] .channel-page.rank-themed .channel-tabs,body[data-rank-theme] .channel-page.rank-themed .channel-cats{background:color-mix(in srgb,var(--rank-color) 6%,var(--nano-surface-deep,#12122a)) !important;border-color:var(--rank-border) !important}body[data-rank-theme] .channel-page.rank-themed .channel-action-btn--edit{border-color:var(--rank-border) !important}body[data-rank-theme] .channel-page.rank-themed .channel-action-btn--edit .channel-action-btn__icon [data-lucide],body[data-rank-theme] .channel-page.rank-themed .channel-action-btn--edit .channel-action-btn__icon svg{color:var(--rank-color) !important;stroke:var(--rank-color) !important}body[data-rank-theme] .channel-page.rank-themed .channel-action-btn--primary{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;box-shadow:0 6px 20px color-mix(in srgb,var(--rank-color) 22%,transparent) !important}@media (max-width:768px){.main-content:has(.channel-page),.main-content:has(>.channel-page){padding-inline:0 !important;padding-top:0 !important;padding-bottom:var(--mobile-shell-bottom,calc(var(--nav-height) + 10px)) !important;overflow-x:clip}.main-content:has(.upload-page),.main-content:has(>.upload-page){padding-inline:0 !important;padding-top:0 !important;padding-bottom:calc(var(--mobile-shell-bottom, 80px) + 88px) !important;overflow-x:clip}.upload-page .upload-card{padding-inline:var(--mobile-gutter) !important}.upload-page .upload-hero{padding-inline:var(--mobile-gutter) !important}.upload-page .upload-actions{padding-inline:var(--mobile-gutter) !important;bottom:var(--nav-height) !important;z-index:calc(var(--z-nav, 1000) - 1) !important}.channel-page .channel-cats{padding-inline:5px !important;margin-inline:0 !important}.channel-page .channel-inline-search{margin-inline:0 !important}.channel-page .channel-chip-search{max-width:min(180px, 48vw)}}@media (max-width:768px){body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav,body[data-rank-theme] .app-nav.mol-nav.bottom-nav{background:linear-gradient( 180deg,color-mix(in srgb,var(--nano-surface-top,#171a28) 94%,transparent) 0%,var(--mol-surface-bottom,#0b0d14) 100% ) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-top:1px solid rgba(255,255,255,0.07) !important;box-shadow:0 -10px 36px rgba(0,0,0,0.5) !important}body[data-rank-theme] .mol-nav-marquee{display:none !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item:not (.upload):not (.active),body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item:not (.upload):not (.active){color:var(--md-sys-color-on-surface-variant,var(--text-secondary)) !important;background:transparent !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload),body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload){color:var(--rank-color) !important;background:transparent !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload) svg,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.active:not (.upload) [data-lucide],body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload) svg,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.active:not (.upload) [data-lucide]{color:var(--rank-color) !important;stroke:var(--rank-color) !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload{background:transparent !important;background-image:none !important;color:var(--rank-color) !important;border:0 !important;box-shadow:none !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload .mol-upload-fab,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload .mol-upload-fab{background:transparent !important;background-image:none !important;border:0 !important;box-shadow:none !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload .mol-upload-fab-core,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload .mol-upload-fab-core{background:var(--rank-color-base,var(--rank-color)) !important;background-image:var(--rank-gradient) !important;border:3px solid var(--mol-surface-bottom,#0b0d14) !important;box-shadow:0 3px 8px color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 8%,transparent) !important,0 1px 3px rgba(0,0,0,0.28) !important,inset 0 1px 0 rgba(255,255,255,0.12) !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload.active .mol-upload-fab-core,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload.active .mol-upload-fab-core{box-shadow:0 3px 8px color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 10%,transparent) !important,0 0 0 1px color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 14%,transparent) !important,inset 0 1px 0 rgba(255,255,255,0.12) !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload .app-nav-label,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload .bottom-nav-label{color:var(--rank-color) !important;opacity:1 !important;visibility:visible !important;height:auto !important;overflow:visible !important}body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload .mol-upload-fab [data-lucide],body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .app-nav-item.upload .mol-upload-fab svg,body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload .mol-upload-fab [data-lucide],body[data-rank-theme] nav.app-nav.mol-nav.bottom-nav .bottom-nav-item.upload .mol-upload-fab svg{color:#fff !important;stroke:#fff !important}}body[data-rank-theme] .watch-info-card:not ([data-creator-rank]),body[data-rank-theme] .watch-sidebar .sidebar-video:hover{background:var(--nano-surface) !important;border-color:var(--nano-border) !important}body[data-rank-theme] .watch-page .bottom-sheet,body[data-rank-theme] .watch-page .ai-summary-sheet{background:#12122a !important;border-color:var(--nano-border) !important}body[data-rank-theme] .watch-page .react-btn.like-btn.liked,body[data-rank-theme] .watch-page .watch-reactions .react-vote-segment .react-btn.like-btn.liked,body[data-rank-theme] .watch-page .comment-action-btn.liked,body[data-rank-theme] .watch-page .comment-action-btn.disliked{color:var(--rank-color) !important}body[data-rank-theme] .watch-page .comments-title i,body[data-rank-theme] .watch-page .comments-title svg,body[data-rank-theme] .watch-page .comments-title [data-lucide]{color:var(--rank-color) !important;stroke:var(--rank-color) !important}body[data-rank-theme] .settings-tab-btn.active{background:color-mix(in srgb,var(--rank-color) 10%,transparent) !important;color:var(--rank-color) !important;border-right-color:var(--rank-color) !important}body[data-rank-theme] .comment-card.rank-themed .comment-username .rank-tag,body[data-rank-theme] .channel-page.rank-themed .channel-rank-badge,body[data-rank-theme] .rank-themed .rank-tag{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border-color:color-mix(in srgb,var(--rank-color) 35%,transparent) !important}body[data-rank-theme] .comment-card.rank-themed .rank-username,body[data-rank-theme] .channel-page.rank-themed .channel-rank-name{color:var(--rank-secondary) !important}body[data-rank-theme] .comment-card.rank-themed .comment-avatar{border-color:var(--rank-color) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rank-color) 22%,transparent) !important}body[data-rank-theme] .channel-page.rank-themed .channel-avatar{border:0 !important;box-shadow:0 0 0 1.5px var(--md-sys-color-surface-container-lowest,#0a0c0f),0 0 0 3px color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 75%,transparent),0 0 0 4.5px color-mix(in srgb,var(--rank-secondary,var(--rank-color-base,var(--rank-color))) 50%,transparent),0 10px 28px rgba(0,0,0,0.45) !important}body[data-rank-theme] .xp-nano.rank-themed .rank-hero,body[data-rank-theme] .xp-nano.rank-themed .reward-pill.unlocked,body[data-rank-theme] .xp-nano.rank-themed .stat-card{border-color:var(--rank-border) !important}body[data-rank-theme] .xp-nano.rank-themed .reward-pill.unlocked{background:var(--rank-tint) !important;color:var(--rank-secondary) !important}/*! === components/m3-theme.css === */ html{background:var(--md-sys-color-background)}body.cinema-app{background:radial-gradient(ellipse 130% 70% at 50% -15%,color-mix(in srgb,var(--md-sys-color-primary) 5%,transparent),transparent 58%),linear-gradient(180deg,var(--md-sys-color-surface-container-lowest) 0%,var(--md-sys-color-background) 38%,var(--md-sys-color-background) 100%);color:var(--md-sys-color-on-surface)}body[data-rank-theme]{--md-sys-color-primary:var(--rank-color-base,var(--rank-color));--md-sys-color-on-primary:var(--md-ref-neutral-4);--md-sys-color-primary-container:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 22%,var(--md-sys-color-surface-container-high));--md-sys-color-on-primary-container:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 55%,var(--md-ref-neutral-90));--md-sys-color-secondary:var(--rank-secondary,var(--rank-color));--md-sys-color-secondary-container:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 14%,var(--md-sys-color-surface-container));--stream-accent:var(--rank-color-base,var(--rank-color));--stream-accent-hover:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 82%,#ffffff);--primary:var(--rank-color-base,var(--rank-color));--primary-hover:var(--stream-accent-hover);--primary-glow:var(--rank-glow,color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 18%,transparent));--primary-dim:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 12%,transparent);--focus-ring-color:color-mix(in srgb,var(--rank-color-base,var(--rank-color)) 28%,transparent)}.header{background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 90%,transparent) !important;border-bottom-color:var(--md-sys-color-outline-variant) !important;box-shadow:0 2px 16px var(--md-sys-color-shadow) !important}.mol-nav{--mol-muted:var(--md-sys-color-on-surface-variant);--mol-surface-top:var(--md-sys-color-surface-container);--mol-surface-bottom:var(--md-sys-color-surface-container-lowest);border-top-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,var(--mol-playhead) 20%) !important;box-shadow:0 -4px 20px var(--md-sys-color-shadow) !important}.footer{background:var(--md-sys-color-surface-container-lowest);border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant)}.card,.settings-card-list>*,.video-card,.channel-stat-card,.content-card,.settings-card,.settings-row-item,.xp-rank-card,.drawer-profile-header,.flash-message,.nano-ai-shell,.studio-stat-card{background:var(--md-sys-color-surface-container) !important;border-color:var(--md-sys-color-outline-variant) !important;box-shadow:var(--ds-card-shadow) !important}.video-card:hover,.content-card:hover{background:var(--md-sys-color-surface-container-high) !important;border-color:color-mix(in srgb,var(--md-sys-color-outline) 60%,var(--md-sys-color-primary) 40%) !important}.btn-primary,.header-btn-primary,.header-upload-btn,.btn-gold,.hero-play-btn,.watch-now-btn,.empty-state-btn,.subscribe-btn.subscribe,.comment-submit-btn,.settings-save-btn,.upload-btn-primary,.search-bar .search-submit-btn{background:var(--md-sys-color-primary) !important;color:var(--md-sys-color-on-primary) !important;box-shadow:0 2px 8px var(--md-sys-color-shadow) !important}.btn-primary:hover,.header-btn-primary:hover,.header-upload-btn:hover,.btn-gold:hover,.hero-play-btn:hover,.watch-now-btn:hover,.empty-state-btn:hover,.subscribe-btn.subscribe:hover,.comment-submit-btn:hover,.settings-save-btn:hover,.upload-btn-primary:hover,.search-bar .search-submit-btn:hover{background:var(--stream-accent-hover) !important;box-shadow:0 4px 16px var(--md-sys-color-shadow) !important}.btn-secondary,.btn-gold-outline,.upload-btn-draft,.header-btn-secondary,.subscribe-btn.subscribed{background:var(--md-sys-color-surface-container-high) !important;color:var(--md-sys-color-on-surface) !important;border-color:var(--md-sys-color-outline-variant) !important}.btn-secondary:hover,.btn-gold-outline:hover,.upload-btn-draft:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,var(--md-sys-color-surface-container-high)) !important;border-color:var(--md-sys-color-outline) !important}.btn-ghost,.header-icon-btn,.user-dropdown-trigger{background:var(--state-hover) !important;border-color:var(--md-sys-color-outline-variant) !important;color:var(--md-sys-color-on-surface-variant) !important}.btn-ghost:hover,.header-icon-btn:hover,.user-dropdown-trigger:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent) !important;color:var(--md-sys-color-on-surface) !important}.search-bar{background:linear-gradient( 180deg,color-mix(in srgb,var(--md-sys-color-on-surface) 5%,transparent),color-mix(in srgb,var(--md-sys-color-on-surface) 2%,transparent) ) !important;border-color:var(--md-sys-color-outline-variant) !important}.search-bar:focus-within{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-outline-variant)) !important;box-shadow:var(--focus-ring) !important}input,textarea,select,.search-bar input{color:var(--md-sys-color-on-surface) !important;background:transparent;border-color:var(--md-sys-color-outline-variant)}input::placeholder,textarea::placeholder{color:var(--md-sys-color-on-surface-variant)}input:focus,textarea:focus,select:focus,.search-bar input:focus{border-color:color-mix(in srgb,var(--md-sys-color-primary) 50%,var(--md-sys-color-outline-variant)) !important;box-shadow:var(--focus-ring) !important}svg[data-lucide],.lucide,.header-icon-btn svg,.app-nav-item svg,.mol-nav svg{color:var(--icon-color)}.app-nav-item.active svg,.mol-nav .app-nav-item.active svg,.header-icon-btn:hover svg{color:var(--icon-color-active)}.flash-message.success{background:var(--md-sys-color-success-container) !important;color:var(--md-sys-color-on-success-container) !important;border-color:color-mix(in srgb,var(--md-sys-color-success) 30%,transparent) !important}.flash-message.error,.flash-message.danger{background:var(--md-sys-color-error-container) !important;color:var(--md-sys-color-on-error-container) !important;border-color:color-mix(in srgb,var(--md-sys-color-error) 30%,transparent) !important}.flash-message.warning{background:var(--md-sys-color-warning-container) !important;color:var(--md-sys-color-on-warning-container) !important;border-color:color-mix(in srgb,var(--md-sys-color-warning) 30%,transparent) !important}.badge-success,.status-success{background:var(--md-sys-color-success-container);color:var(--md-sys-color-on-success-container)}.badge-error,.status-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge-warning,.status-warning{background:var(--md-sys-color-warning-container);color:var(--md-sys-color-on-warning-container)}:root,body{--xp:color-mix(in srgb,var(--md-ref-secondary-80) 85%,var(--md-ref-primary-80));--xp-cyan:var(--xp);--xp-success:var(--md-sys-color-success);--nano-surface:var(--md-sys-color-surface-container);--nano-surface-deep:var(--md-sys-color-surface-container-low);--nano-plate:var(--md-sys-color-surface-container-high);--nano-border:var(--md-sys-color-outline-variant);--nano-border-strong:var(--md-sys-color-outline);--nano-text-dim:var(--md-sys-color-on-surface-variant);--nano-text-faint:var(--text-muted)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--focus-ring-color)}.premium-pull-indicator{color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline-variant);box-shadow:var(--ds-card-shadow)}.channel-page.rank-themed .channel-xp-card{background:var(--md-sys-color-surface-container) !important;border-color:var(--md-sys-color-outline-variant) !important;box-shadow:none !important}.channel-page.rank-themed .channel-shortcut,.channel-page.rank-themed .channel-continue-empty{background:var(--md-sys-color-surface-container) !important;box-shadow:var(--ds-card-shadow) !important}.channel-page.rank-themed .channel-shortcut:hover{background:var(--md-sys-color-surface-container-high) !important}@media (max-width:768px){.main-content:has(>.channel-page){padding:0 0 var(--mobile-shell-bottom,calc(var(--nav-height) + 10px)) !important;overflow-x:clip}}/*! === components/home-hero.css === */ #homeActualContent .hero-featured.hero-featured-premium{background:var(--nano-surface,#151829) !important;border:1px solid var(--nano-border,rgba(255,255,255,0.08)) !important;box-shadow:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-thumb-wrapper{border:1px solid var(--nano-border,rgba(255,255,255,0.08)) !important;box-shadow:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-thumb-wrapper:hover{border-color:color-mix(in srgb,var(--rank-color) 40%,rgba(255,255,255,0.12)) !important;transform:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-thumb{filter:none !important}#homeActualContent .hero-featured.hero-featured-premium .hero-badge-floating{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:1px solid color-mix(in srgb,var(--rank-color) 38%,transparent) !important;box-shadow:none !important;font-size:10px !important;font-weight:800 !important;padding:5px 11px !important;letter-spacing:0.04em;text-transform:none}#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:2px solid rgba(255,255,255,0.22) !important;box-shadow:0 8px 22px color-mix(in srgb,var(--rank-color) 35%,transparent) !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge i,#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge svg,#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge [data-lucide]{width:20px;height:20px;color:#fff !important;stroke:#fff !important;fill:#fff !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta span{background:color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface-deep,#12122a));border:1px solid color-mix(in srgb,var(--rank-color) 24%,var(--nano-border,rgba(255,255,255,0.08)));color:var(--nano-text-dim,var(--stream-text-secondary));font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;border:1px solid color-mix(in srgb,var(--rank-color) 35%,transparent) !important;box-shadow:none !important;text-decoration:none}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn:hover{filter:brightness(1.07);transform:none;color:#fff}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn i,#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn svg,#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn [data-lucide]{width:16px;height:16px;color:#fff !important;stroke:#fff !important;fill:#fff !important}#homeActualContent .hero-footer{display:flex;flex-direction:column;gap:10px;width:100%}#homeActualContent .hero-featured.hero-featured-premium .hero-meta{background:var(--nano-surface-deep,#12122a);border:1px solid var(--nano-border,rgba(255,255,255,0.08));border-radius:14px}#homeActualContent .hero-subscribe-btn.subscribe-btn-premium:not (.subscribed){background:color-mix(in srgb,var(--rank-color) 12%,#12122a) !important;border:1px solid color-mix(in srgb,var(--rank-color) 32%,rgba(255,255,255,0.1)) !important;color:#fff !important;box-shadow:none !important}#homeActualContent .hero-subscribe-btn.subscribe-btn-premium.subscribed{background:rgba(255,255,255,0.08) !important;color:var(--stream-text-secondary) !important}@media (max-width:768px){#homeActualContent .hero-featured.hero-featured-premium{padding:10px !important;margin:0 0 12px !important;gap:10px !important;border-radius:16px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-thumb-wrapper{border-radius:12px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-title{font-size:17px !important;line-height:1.3 !important;margin:0 0 6px !important;-webkit-line-clamp:2 !important}#homeActualContent .hero-featured.hero-featured-premium .hero-desc{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;font-size:12.5px !important;line-height:1.45 !important;margin:0 0 8px !important;color:var(--stream-text-secondary) !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta{margin:0 0 8px !important;gap:5px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-video-meta span{font-size:10.5px !important;padding:3px 8px !important}#homeActualContent .hero-footer{gap:8px}#homeActualContent .hero-featured.hero-featured-premium .hero-meta{margin:0 !important;padding:8px 10px !important;border-radius:12px !important;gap:8px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel-avatar{width:34px !important;height:34px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel-info strong{font-size:13px !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel-info small{font-size:11px !important}#homeActualContent .hero-subscribe-btn{min-height:40px !important;padding:0 12px !important;font-size:11.5px !important;border-radius:10px !important;flex-shrink:0}#homeActualContent .hero-featured.hero-featured-premium .hero-play-btn{width:100% !important;min-height:42px !important;margin:0 !important;border-radius:12px !important;font-size:13px !important;font-weight:800 !important}#homeActualContent .hero-featured.hero-featured-premium .hero-play-badge{width:44px !important;height:44px !important}}@media (max-width:420px){#homeActualContent .hero-featured.hero-featured-premium .hero-meta{flex-wrap:nowrap !important}#homeActualContent .hero-featured.hero-featured-premium .hero-channel{min-width:0}}.main-content:has(#homeActualContent){background:var(--nano-surface-deep,#12122a)}.main-content:has(#homeActualContent) .category-filters{margin-bottom:12px}.main-content:has(#homeActualContent) .section-title{color:#fff;padding-inline-start:0 !important;gap:8px}.main-content:has(#homeActualContent) .section-title::before{display:none !important}.main-content:has(#homeActualContent) .section-title-icon,.main-content:has(#homeActualContent) .section-title [data-lucide],.main-content:has(#homeActualContent) .section-title svg{width:18px !important;height:18px !important;margin:0 !important;flex-shrink:0;color:var(--rank-color) !important;stroke:var(--rank-color) !important}.main-content:has(#homeActualContent) .section-header{margin-bottom:14px}.main-content:has(#homeActualContent) .section-link{color:rgba(148,163,184,0.92) !important;font-size:12.5px !important;font-weight:700 !important;opacity:1}.main-content:has(#homeActualContent) .section-link:hover{color:var(--xp-cyan,#22d3ee) !important}.main-content:has(#homeActualContent) .video-card-thumb-link{aspect-ratio:16 / 9 !important}.main-content:has(#homeActualContent) .video-card-thumb{position:absolute;inset:0;width:100%;height:100%}.main-content:has(#homeActualContent) .video-card-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.main-content:has(#homeActualContent) .category-filter:not (.active) [data-lucide],.main-content:has(#homeActualContent) .category-filter:not (.active) .category-icon{color:var(--nano-text-dim,#9497b0) !important;stroke:currentColor !important}.main-content:has(#homeActualContent) .category-filter.active [data-lucide],.main-content:has(#homeActualContent) .category-filter.active .category-icon{color:#fff !important;stroke:#fff !important}.main-content:has(#homeActualContent) .empty-state-icon{width:36px !important;height:36px !important;opacity:0.75;color:var(--rank-color) !important;stroke:var(--rank-color) !important}@media (max-width:768px){.main-content:has(#homeActualContent) .section-title-icon,.main-content:has(#homeActualContent) .section-title [data-lucide],.main-content:has(#homeActualContent) .section-title svg{width:16px !important;height:16px !important}}/*! === components/account-switcher.css === */ .account-switcher-overlay{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity 0.22s ease}.account-switcher-overlay.open{opacity:1;pointer-events:auto}body.account-switcher-open{overflow:hidden}.account-switcher-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,110%);width:min(420px, 100%);max-height:min(88vh, 680px);display:flex;flex-direction:column;background:#12122a;border:1px solid rgba(255,255,255,0.1);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -24px 60px rgba(0,0,0,0.5);transition:transform 0.28s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.account-switcher-overlay.open .account-switcher-sheet{transform:translate(-50%,0)}.account-switcher-handle{width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--rank-color,#7c5cff) 45%,rgba(255,255,255,0.22));margin:10px auto 4px;flex:0 0 auto}.account-switcher-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 12px;border-bottom:1px solid rgba(255,255,255,0.07)}.account-switcher-head h3{margin:0;font-size:16px;font-weight:900;color:#fff}.account-switcher-close{width:36px;height:36px;border:0;border-radius:12px;background:rgba(255,255,255,0.06);color:#c9cbe0;display:grid;place-items:center;cursor:pointer;transition:background 0.2s ease,color 0.2s ease}.account-switcher-close:hover{background:rgba(255,255,255,0.1);color:#fff}.account-switcher-body{overflow-y:auto;padding:10px 10px calc(18px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}.account-switcher-current,.account-switcher-row{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border:1px solid transparent;border-radius:16px;background:transparent;color:#fff;text-align:start;font-family:inherit;cursor:default}.account-switcher-row{cursor:pointer}.account-switcher-row:hover,.account-switcher-row:focus-visible{background:rgba(255,255,255,0.07);outline:none}.account-switcher-current{background:color-mix(in srgb,var(--rank-color,#7c5cff) 8%,#151829);border-color:color-mix(in srgb,var(--rank-color,#7c5cff) 28%,rgba(255,255,255,0.08));margin-bottom:4px}.account-switcher-current img,.account-switcher-row img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,0.08);border:2px solid color-mix(in srgb,var(--rank-color,#7c5cff) 35%,rgba(255,255,255,0.12))}.account-switcher-meta{min-width:0;display:grid;gap:2px}.account-switcher-meta strong,.account-switcher-meta small,.account-switcher-meta em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switcher-meta strong{font-size:14px;font-weight:900}.account-switcher-meta small{font-size:12px;color:rgba(255,255,255,0.62);font-weight:700;direction:ltr;unicode-bidi:isolate}.account-switcher-meta em{font-style:normal;font-size:11.5px;color:rgba(255,255,255,0.48);font-weight:700}.account-switcher-check{color:var(--rank-color,#22d3ee);display:grid;place-items:center}.account-switcher-check i,.account-switcher-check svg{width:18px;height:18px;stroke:var(--rank-color,#22d3ee)}.account-switcher-section{margin:10px 8px 6px;font-size:11.5px;font-weight:800;color:rgba(255,255,255,0.45);letter-spacing:0.02em}.account-switcher-empty,.account-switcher-loading{margin:4px 8px 10px;padding:14px 12px;border-radius:14px;background:#151829;border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.62);font-size:12.5px;font-weight:750;line-height:1.5;text-align:center}.account-switcher-actions{margin-top:8px;border-top:1px solid rgba(255,255,255,0.07);padding-top:8px;display:grid;gap:2px}.account-switcher-action{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:14px;background:transparent;color:#fff;font-size:14px;font-weight:800;font-family:inherit;text-decoration:none;cursor:pointer;text-align:start;transition:background 0.2s ease}.account-switcher-action:hover,.account-switcher-action:focus-visible{background:rgba(255,255,255,0.07);outline:none}.account-switcher-action i,.account-switcher-action svg{width:20px;height:20px;color:rgba(255,255,255,0.72);flex:0 0 20px}.account-switcher-action.danger{color:#fb7185}.account-switcher-action.danger i,.account-switcher-action.danger svg{color:#fb7185}.account-switcher-confirm{display:none;padding:8px 8px 4px}.account-switcher-sheet.is-confirming .account-switcher-main{display:none}.account-switcher-sheet.is-confirming .account-switcher-confirm{display:block}.account-switcher-confirm p{margin:8px 8px 16px;color:rgba(255,255,255,0.72);font-size:13.5px;line-height:1.55;font-weight:650}.account-switcher-confirm-actions{display:grid;gap:8px}.account-switcher-confirm-btn{min-height:46px;border:0;border-radius:14px;font-family:inherit;font-size:14px;font-weight:850;cursor:pointer}.account-switcher-confirm-btn.no{background:rgba(255,255,255,0.08);color:#fff}.account-switcher-confirm-btn.yes{background:#fb7185;color:#1a0508}.channel-cover>.channel-account-menu,.channel-cover>.yt-mobile-account-menu,.channel-cover>.channel-account-backdrop,.channel-cover>.yt-mobile-account-backdrop{display:none !important;pointer-events:none !important}@media (min-width:768px){.account-switcher-sheet{bottom:auto;top:50%;transform:translate(-50%,-46%) scale(0.96);border-radius:20px;border-bottom:1px solid rgba(255,255,255,0.1);max-height:min(78vh, 640px)}.account-switcher-overlay.open .account-switcher-sheet{transform:translate(-50%,-50%) scale(1)}.account-switcher-handle{display:none}}@media (max-width:767px){.account-switcher-sheet{width:100%;max-height:min(92vh, 720px);border-radius:20px 20px 0 0}}/*! === components/watch-together-ui.css === */ .wt-hub-overlay{position:fixed;inset:0;z-index:12150;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.22s ease,visibility 0.22s ease}body.wt-hub-open{overflow:hidden}body.wt-hub-open .mp-dock,body.wt-hub-open .user-dropdown,body.wt-hub-open .drawer-backdrop,body.wt-hub-open nav.app-nav,body.wt-hub-open nav.app-nav.bottom-nav,body.wt-hub-open .app-nav.bottom-nav,body.wt-hub-open #appNav{visibility:hidden !important;pointer-events:none !important;opacity:0 !important}.wt-hub-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.wt-hub-sheet{position:relative;width:100%;max-width:100%;max-height:min(88dvh, 42.5rem);margin:0;display:flex;flex-direction:column;box-sizing:border-box;background:#12141f;border:1px solid rgba(255,255,255,0.1);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -18px 48px rgba(0,0,0,0.5);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);isolation:isolate;transform:translate3d(0,110%,0);transition:transform 0.32s cubic-bezier(0.32,0.72,0,1);will-change:transform}.wt-hub-overlay.open .wt-hub-sheet{transform:translate3d(0,0,0)}.wt-hub-handle{width:42px;height:4px;border-radius:999px;background:rgba(255,255,255,0.22);margin:10px auto 4px;flex-shrink:0}.wt-hub-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 12px;border-bottom:1px solid rgba(255,255,255,0.07);flex-shrink:0}.wt-hub-head h3{margin:0;font-size:16px;font-weight:900;color:#fff;min-width:0}.wt-hub-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,0.06);color:#c9cbe0;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.wt-hub-close svg,.wt-hub-close [data-lucide]{width:18px;height:18px}.wt-hub-body{padding:16px;padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px));display:grid;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;flex:1 1 auto}.wt-hub-field{display:grid;gap:8px}.wt-hub-field label{display:block;margin:0;font-size:12px;font-weight:800;color:rgba(255,255,255,0.72)}.wt-hub-field input{width:100%;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);color:#fff;font-size:18px;font-weight:900;letter-spacing:0.18em;text-align:center;text-transform:uppercase;outline:none;box-sizing:border-box;font-family:"Space Mono",ui-monospace,monospace}.wt-hub-field input:focus{border-color:color-mix(in srgb,var(--rank-secondary,#22d3ee) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color,#22d3ee) 16%,transparent)}.wt-hub-actions{display:grid;gap:10px}.wt-hub-btn{min-height:46px;border:0;border-radius:14px;font-family:inherit;font-size:14px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.wt-hub-btn.primary{background:color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 75%,#161a2e);color:#fff;box-shadow:none;border:1px solid color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 35%,rgba(255,255,255,0.1))}.wt-hub-btn.secondary{background:rgba(255,255,255,0.07);color:#fff;border:1px solid rgba(255,255,255,0.1)}.wt-hub-btn:disabled{opacity:0.55;cursor:not-allowed}.wt-hub-divider{height:1px;background:rgba(255,255,255,0.07);margin:2px 0}.wt-hub-btn span{text-align:center;line-height:1.35}@media (min-width:900px){.wt-hub-overlay{align-items:center}.wt-hub-sheet{width:min(420px, calc(100% - 48px));max-width:min(420px, calc(100% - 48px));max-height:min(78vh, 640px);border-radius:20px;border:1px solid rgba(255,255,255,0.1);padding-bottom:0;box-shadow:0 24px 64px rgba(0,0,0,0.55);transform:translate3d(0,18px,0) scale(0.96)}.wt-hub-overlay.open .wt-hub-sheet{transform:translate3d(0,0,0) scale(1)}.wt-hub-handle{display:none}.wt-hub-body{padding-bottom:16px}}.level-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(16,185,129,0.3);color:#34d399;background:rgba(16,185,129,0.1);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.25;letter-spacing:0.01em;white-space:nowrap;vertical-align:middle;box-shadow:0 0 12px rgba(16,185,129,0.12)}.level-badge .level-badge-lv{opacity:0.9;font-variant-numeric:tabular-nums}.wt-action-cluster{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.react-btn--together{position:relative;border:1px solid rgba(16,185,129,0.45) !important;background:rgba(16,185,129,0.14) !important;color:#6ee7b7 !important;box-shadow:0 0 18px rgba(16,185,129,0.22)}.react-btn--together:hover{background:rgba(16,185,129,0.22) !important;border-color:rgba(16,185,129,0.65) !important}.react-btn--together .wt-live-count{position:absolute;top:-5px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#10b981;color:#04140e;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0b0d14,0 0 12px rgba(16,185,129,0.55)}.react-btn--together .wt-live-count[hidden]{display:none !important}.wt-invite-friends-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(18,20,31,0.92);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:border-color 0.18s ease,background 0.18s ease,transform 0.15s ease,color 0.15s ease}.wt-invite-friends-btn:hover{border-color:rgba(0,200,150,0.42);background:rgba(0,200,150,0.12);color:#e8f7f2;transform:translateY(-1px)}.wt-invite-friends-btn svg{width:15px;height:15px;flex:0 0 auto}.wt-party-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(5.5rem,8.25rem);gap:8px;align-items:stretch;width:100%;min-width:0;box-sizing:border-box}.wt-party-main{min-width:0}.wt-party-rail{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:min(70vh, 560px);overflow:auto;padding:2px;scrollbar-width:thin}.wt-party-tile{position:relative;flex:0 0 clamp(4.5rem, 22vw, 6.5rem);width:auto;max-width:100%;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;border:1px solid rgba(16,185,129,0.22);background:radial-gradient(circle at 30% 20%,rgba(16,185,129,0.18),transparent 55%),#10131c;box-shadow:0 10px 24px rgba(0,0,0,0.35);box-sizing:border-box}.wt-party-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}.wt-party-tile-meta{position:absolute;inset-inline:0;bottom:0;padding:22px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,0.82));display:grid;gap:3px}.wt-party-tile-name{font-size:11px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wt-party-tile-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#34d399}.wt-party-tile-status.is-offline{color:rgba(255,255,255,0.45)}.wt-online-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,0.8);flex:0 0 auto}.wt-party-tile-status.is-offline .wt-online-dot{background:rgba(255,255,255,0.35);box-shadow:none}.wt-party-tile-host{position:absolute;top:6px;inset-inline-start:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(16,185,129,0.2);border:1px solid rgba(16,185,129,0.45);color:#6ee7b7}.wt-party-tile-host i,.wt-party-tile-host svg{width:12px;height:12px}.wt-float-dock{position:absolute;left:10px;bottom:64px;z-index:14;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(260px, 72%);pointer-events:none}.wt-float-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:999px;background:rgba(10,12,18,0.72);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(0,0,0,0.35);animation:wt-float-in 0.28s ease}.wt-float-pill img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(16,185,129,0.55)}.wt-float-pill-copy{display:grid;gap:1px;min-width:0}.wt-float-pill-name{font-size:11px;font-weight:800;color:#fff;display:flex;align-items:center;gap:5px;min-width:0}.wt-float-pill-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(8rem, 42vw)}.wt-float-pill .level-badge{font-size:9px;padding:1px 6px}.wt-float-pill-status{font-size:10px;font-weight:700;color:#34d399;display:inline-flex;align-items:center;gap:4px}.wt-float-typing{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(10,12,18,0.65);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.72);font-size:11px;font-weight:700}.wt-float-typing[hidden]{display:none !important}.wt-party-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.wt-info .wt-party-bar{margin-top:0}.wt-together-live-pill{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(16,185,129,0.5);background:rgba(16,185,129,0.16);color:#6ee7b7;font-size:13px;font-weight:900;box-shadow:0 0 20px rgba(16,185,129,0.25)}.wt-together-live-pill .wt-live-count{position:absolute;top:-6px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#10b981;color:#04140e;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0b0d14}@keyframes wt-float-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.wt-party-stage{grid-template-columns:1fr;gap:10px}.wt-party-rail{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.wt-party-tile{width:auto;flex:0 0 clamp(4.5rem, 26vw, 6rem);aspect-ratio:3 / 4}.wt-float-dock{bottom:58px;left:8px}}body:has(.wt-page) .header,body:has(.wt-page) .footer,body:has(.wt-page) nav.app-nav,body:has(.wt-page) nav.app-nav.bottom-nav,body:has(.wt-page) nav.app-nav.mol-nav.bottom-nav,body:has(.wt-page) .app-nav.bottom-nav,body:has(.wt-page) .app-nav.mol-nav.bottom-nav,body:has(.wt-page) #appNav{display:none !important;visibility:hidden !important;pointer-events:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important}body:has(.wt-page) .app-shell{grid-template-rows:1fr !important;grid-template-areas:"main" !important}body:has(.wt-page) .app-shell>.header,body:has(.wt-page) .app-shell>.footer,body:has(.wt-page) .app-shell>#appNav{display:none !important}body:has(.wt-page) .main-content{padding-top:0 !important;padding-bottom:max(12px, env(safe-area-inset-bottom, 0px)) !important}body:has(.wt-page) .wt-float-dock{bottom:max(12px, env(safe-area-inset-bottom, 0px))}body:has(.wt-page) .main-content,body:has(.wt-page) .main-content-studio{overflow-x:clip;max-width:100%;box-sizing:border-box}.wt-page{width:100%;max-width:1400px;margin:0 auto;padding:16px 20px 32px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:24px;align-items:start;min-width:0;transition:grid-template-columns .35s ease}.wt-main,.wt-main.watch-primary,.wt-side{min-width:0;max-width:100%}.wt-player-shell.watch-player-wrap{width:100%;max-width:100%;box-sizing:border-box;border:0}.wt-info{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.wt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;min-width:0;width:100%;box-sizing:border-box}.wt-toolbar .wt-together-live-pill,.wt-toolbar .wt-invite-friends-btn{flex:0 1 auto;min-width:0}.wt-toolbar .wt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.375rem;flex:1 1 auto;justify-content:flex-end;margin-inline-start:auto;min-width:0}.wt-host-badge strong{max-width:min(9rem, 40vw)}.wt-float-pill-name>span:first-child{max-width:min(8rem, 42vw)}.wt-chat-panel{min-height:0;max-height:min(55dvh, 32.5rem);display:grid;grid-template-rows:auto minmax(7.5rem,1fr) auto}.wt-chat{min-height:7.5rem;max-height:none;overflow:auto;-webkit-overflow-scrolling:touch}.wt-chat-form{display:grid;grid-template-columns:minmax(0,1fr) clamp(2.5rem, 10vw, 2.75rem);gap:0.5rem;min-width:0}.wt-chat-form input{width:100%;min-width:0;box-sizing:border-box}.wt-chat-form button{width:100%;min-width:0;aspect-ratio:1;height:auto;min-height:2.5rem}.wt-participants{max-height:min(40dvh, 16.25rem)}.wt-party-stage{grid-template-columns:minmax(0,1fr) minmax(5.5rem,8.25rem)}.wt-party-tile{width:auto;flex:0 0 clamp(4.5rem, 22vw, 6.5rem);max-width:100%}.wt-hub-sheet{width:100%;max-width:min(100%, 100vw);box-sizing:border-box}.wt-hub-field input{height:auto;min-height:2.875rem;font-size:clamp(1rem, 4.5vw, 1.125rem);letter-spacing:0.12em}@media (max-width:1000px){.wt-page{grid-template-columns:1fr;gap:16px}.wt-party-stage{grid-template-columns:minmax(0,1fr)}.wt-party-rail{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.wt-party-tile{flex:0 0 clamp(4.5rem, 26vw, 6rem)}.wt-chat-panel{max-height:min(50dvh, 28rem)}}@media (max-width:768px){.main-content:has(.wt-page),.main-content-studio:has(.wt-page){padding-inline:0 !important}.wt-page{padding-inline:0 !important;padding-top:0 !important;gap:12px !important;width:100% !important;max-width:100% !important}.wt-main.watch-primary{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;max-width:100% !important}.wt-info,.wt-side{margin-inline:var(--mobile-gutter,14px) !important;width:auto !important;max-width:none !important;box-sizing:border-box !important}}@media (max-width:480px){.wt-toolbar .wt-actions{flex:1 1 100%;justify-content:flex-end;margin-inline-start:0}.wt-toolbar .wt-invite-friends-btn span{display:none}.wt-toolbar .wt-invite-friends-btn{width:2.25rem;min-width:2.25rem;padding:0;border-radius:0.7rem}}@media (min-width:901px){.wt-hub-sheet{width:min(26.25rem, calc(100% - 3rem));max-width:min(26.25rem, calc(100% - 3rem))}}html.native-app .wt-hub-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,0.72)}html.native-app .wt-hub-sheet,html.native-app .wt-info,html.native-app .wt-panel,html.native-app .wt-side .wt-emoji-bar.player-emoji-bar{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}html.native-app .wt-hub-sheet{background:#12141f}html.native-app .wt-float-pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,12,18,0.92)}.wt-room .player-controls .pc-btn,body:has(#wtParticipants) .player-controls .pc-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}.wt-room-code svg,.wt-room-code [data-lucide],.wt-invite-friends-btn svg,.wt-invite-friends-btn [data-lucide],.wt-btn svg,.wt-btn [data-lucide]{width:var(--icon-size-sm) !important;height:var(--icon-size-sm) !important;flex-shrink:0}.wt-btn,.wt-invite-friends-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}.wt-toolbar{flex-wrap:nowrap !important;align-items:center;gap:8px !important}.wt-actions,.wt-room-actions{display:flex !important;flex-wrap:nowrap !important;align-items:center;justify-content:flex-start;gap:8px !important}.wt-room-code{height:40px !important;min-height:40px !important;flex-shrink:1;min-width:0}.wt-emoji-bar.player-emoji-bar{gap:8px !important}.wt-emoji-bar .player-emoji-btn{width:52px !important;height:52px !important;min-width:52px !important;min-height:52px !important;font-size:30px !important;line-height:1 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.wt-emoji-bar .player-emoji-btn:active{transform:scale(0.9)}/*! === components/share-sheet.css === */ .share-sheet-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal, 1100) + 5);display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,0.52);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.24s var(--ease,ease),visibility 0.24s ease}.share-sheet-overlay.open{opacity:1;visibility:visible;pointer-events:auto}body.share-sheet-open{overflow:hidden}.share-sheet{width:100%;max-width:560px;max-height:min(88vh, 640px);display:flex;flex-direction:column;background:#f2f2f7;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,0.35);transform:translateY(105%);transition:transform 0.28s cubic-bezier(0.22,1,0.36,1);padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));color:#111;font-family:var(--font-body,"Cairo",sans-serif)}.share-sheet-overlay.open .share-sheet{transform:translateY(0)}.share-sheet-handle{width:40px;height:4px;margin:10px auto 6px;border-radius:999px;background:rgba(0,0,0,0.18);flex-shrink:0;cursor:grab}.share-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 18px 12px;border-bottom:1px solid rgba(0,0,0,0.08)}.share-sheet-title{margin:0;font-size:17px;font-weight:800;color:#111}.share-sheet-time-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#555;cursor:pointer;user-select:none}.share-sheet-time-toggle input{width:36px;height:20px;accent-color:var(--rank-color,var(--md-sys-color-primary));cursor:pointer}.share-sheet-time-label{font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:end}.share-sheet-apps{display:flex;gap:14px;padding:16px 18px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.share-sheet-apps::-webkit-scrollbar{display:none}.share-sheet-app{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:68px;padding:0;border:0;background:transparent;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.share-sheet-app:active{transform:scale(0.96)}.share-sheet-app-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.12)}.share-sheet-app-icon svg{width:26px;height:26px}.share-sheet-app-label{font-size:11px;font-weight:700;color:#333;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-sheet-divider{height:1px;margin:4px 18px 0;background:rgba(0,0,0,0.1)}.share-sheet-actions{padding:6px 0 4px;overflow-y:auto}.share-sheet-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;padding:10px 18px;border:0;background:transparent;cursor:pointer;font-family:inherit;text-align:start;-webkit-tap-highlight-color:transparent}.share-sheet-action:hover,.share-sheet-action:focus-visible{background:rgba(0,0,0,0.04)}.share-sheet-action:active{background:rgba(0,0,0,0.07)}.share-sheet-action-label{font-size:14.5px;font-weight:700;color:#111}.share-sheet-action-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:rgba(0,0,0,0.06);color:#222}.share-sheet-action-icon svg,.share-sheet-action-icon i{width:20px;height:20px}.share-sheet-app-icon--whatsapp{background:#25d366}.share-sheet-app-icon--instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.share-sheet-app-icon--messages{background:#34c759}.share-sheet-app-icon--discord{background:#5865f2}.share-sheet-app-icon--messenger{background:linear-gradient(135deg,#00b2ff,#006aff)}.share-sheet-app-icon--telegram{background:#229ed9}.share-sheet-app-icon--twitter{background:#111}.share-sheet-app-icon--email{background:#5ac8fa}html[data-color-mode="dark"] .share-sheet{background:#1c1c1e;color:#f2f2f7}html[data-color-mode="dark"] .share-sheet-title,html[data-color-mode="dark"] .share-sheet-action-label{color:#f2f2f7}html[data-color-mode="dark"] .share-sheet-app-label{color:#d1d1d6}html[data-color-mode="dark"] .share-sheet-head{border-bottom-color:rgba(255,255,255,0.08)}html[data-color-mode="dark"] .share-sheet-divider{background:rgba(255,255,255,0.1)}html[data-color-mode="dark"] .share-sheet-action-icon{background:rgba(255,255,255,0.1);color:#f2f2f7}html[data-color-mode="dark"] .share-sheet-action:hover,html[data-color-mode="dark"] .share-sheet-action:focus-visible{background:rgba(255,255,255,0.06)}html[data-color-mode="dark"] .share-sheet-handle{background:rgba(255,255,255,0.22)}html[data-color-mode="dark"] .share-sheet-time-toggle{color:#aeaeb2}@media (min-width:769px){.share-sheet-overlay{align-items:center;padding:24px}.share-sheet{border-radius:20px;max-height:min(80vh, 580px)}.share-sheet-overlay.open .share-sheet{transform:translateY(0) scale(1)}}/*! === components/notifications-playlists.css === */ body.page-notifications .app-shell>.header{display:none !important}body.page-notifications .main-content{padding-top:8px}.nc-page{max-width:760px;margin:0 auto;padding:4px 0 48px;direction:rtl}.nc-topbar{position:sticky;top:0;z-index:20;padding:max(8px, env(safe-area-inset-top, 0px)) 0 12px;margin-bottom:8px;background:color-mix(in srgb,var(--bg,#0b0d14) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nc-topbar-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.nc-title{margin:0;display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;color:#fff}.nc-title i,.nc-title svg{width:22px;height:22px;color:var(--rank-secondary,var(--primary,#65d887))}.nc-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:800;color:#0b0d12;background:var(--rank-color,var(--primary,#65d887));box-shadow:0 0 16px color-mix(in srgb,var(--rank-color,#65d887) 35%,transparent)}.nc-mark-all{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.88);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease}.nc-mark-all:hover{background:rgba(255,255,255,0.1);border-color:color-mix(in srgb,var(--rank-color,#65d887) 40%,transparent)}.nc-mark-all i,.nc-mark-all svg{width:15px;height:15px}.nc-toolbar{display:flex;flex-direction:column;gap:10px}.nc-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04)}.nc-search i,.nc-search svg{width:16px;height:16px;color:rgba(255,255,255,0.45);flex-shrink:0}.nc-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#fff;font:inherit;font-size:14px}.nc-search input::placeholder{color:rgba(255,255,255,0.35)}.nc-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nc-filters::-webkit-scrollbar{display:none}.nc-filter{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:rgba(255,255,255,0.7);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;white-space:nowrap;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease}.nc-filter.is-active,.nc-filter[aria-selected="true"]{color:#0b0d12;background:var(--rank-color,var(--primary,#65d887));border-color:transparent}.nc-list{display:flex;flex-direction:column;gap:8px}.nc-card{position:relative;border-radius:16px;overflow:hidden;isolation:isolate}.nc-swipe-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-inline-start:18px;background:linear-gradient(90deg,rgba(239,68,68,0.85),rgba(239,68,68,0.35));color:#fff;font-size:13px;font-weight:800;z-index:0}.nc-swipe-bg i,.nc-swipe-bg svg{width:18px;height:18px}.nc-card-inner{position:relative;z-index:1;display:flex;align-items:stretch;gap:4px;background:linear-gradient(165deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02)),rgba(18,20,30,0.92);border:1px solid rgba(255,255,255,0.07);border-radius:16px;transition:transform 0.18s ease,background 0.18s ease,border-color 0.18s ease}.nc-card.is-unread .nc-card-inner{background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color,#65d887) 14%,transparent),rgba(255,255,255,0.03)),rgba(18,20,30,0.95);border-color:color-mix(in srgb,var(--rank-color,#65d887) 28%,rgba(255,255,255,0.08));box-shadow:inset 3px 0 0 var(--rank-color,var(--primary,#65d887))}.nc-card--enter{animation:ncEnter 0.35s ease}.nc-card--leave{animation:ncLeave 0.18s ease forwards}@keyframes ncEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes ncLeave{to{opacity:0;transform:translateX(-24px);max-height:0;margin:0}}.nc-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 8px 12px 14px;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer;font:inherit}.nc-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);display:grid;place-items:center}.nc-avatar img{width:100%;height:100%;object-fit:cover}.nc-avatar--icon i,.nc-avatar--icon svg{width:18px;height:18px;color:var(--rank-secondary,#fff)}.nc-body{flex:1;min-width:0}.nc-row{display:flex;align-items:center;gap:8px}.nc-card-title{margin:0;font-size:14px;font-weight:800;color:#fff;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--rank-color,var(--primary,#65d887));box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color,#65d887) 18%,transparent);animation:ncPulse 2s ease-in-out infinite}@keyframes ncPulse{0%,100%{opacity:1}50%{opacity:0.65}}.nc-card-msg{margin:4px 0 0;font-size:13px;line-height:1.45;color:rgba(255,255,255,0.62);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nc-time{display:inline-block;margin-top:5px;font-size:11.5px;font-weight:650;color:rgba(255,255,255,0.4)}.nc-thumb{width:72px;height:42px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#000;border:1px solid rgba(255,255,255,0.08)}.nc-thumb img{width:100%;height:100%;object-fit:cover}.nc-actions{position:relative;display:flex;align-items:flex-start;padding:8px 8px 8px 0}.nc-more{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,0.45);cursor:pointer;display:grid;place-items:center}.nc-more:hover{background:rgba(255,255,255,0.08);color:#fff}.nc-more i,.nc-more svg{width:16px;height:16px}.nc-menu{position:absolute;top:40px;inset-inline-end:4px;min-width:180px;padding:6px;border-radius:14px;background:#12141f;border:1px solid rgba(255,255,255,0.1);box-shadow:0 16px 40px rgba(0,0,0,0.55);z-index:30;display:none}.nc-menu.is-open{display:grid;gap:2px}.nc-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,0.9);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:start}.nc-menu-item:hover{background:rgba(255,255,255,0.06)}.nc-menu-item--danger{color:#fb7185}.nc-menu-item i,.nc-menu-item svg{width:15px;height:15px}.nc-loading,.nc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:rgba(255,255,255,0.45);text-align:center}.nc-loading[hidden],.nc-empty[hidden],.nc-sentinel[hidden]{display:none !important}.nc-empty i,.nc-empty svg{width:48px;height:48px;opacity:0.35;margin-bottom:4px}.nc-empty strong{font-size:16px;color:rgba(255,255,255,0.8)}.nc-empty p{margin:0;font-size:13.5px;max-width:280px}.nc-spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--rank-color,var(--primary,#65d887));animation:ncSpin 0.7s linear infinite}@keyframes ncSpin{to{transform:rotate(360deg)}}.nc-sentinel{height:1px}html[data-color-mode="light"] .nc-page .nc-title,html[data-color-mode="light"] .nc-card-title{color:#12141f}html[data-color-mode="light"] .nc-card-inner{background:#fff;border-color:rgba(0,0,0,0.08)}html[data-color-mode="light"] .nc-card-msg{color:rgba(0,0,0,0.6)}html[data-color-mode="light"] .nc-search{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08)}html[data-color-mode="light"] .nc-search input{color:#12141f}@media (max-width:768px){.nc-page{padding-inline:2px}.nc-topbar{top:0;margin-inline:-2px;padding-inline:2px}.nc-title{font-size:19px}.nc-mark-all span{display:none}.nc-thumb{width:64px;height:38px;border-radius:8px}.nc-avatar{width:40px;height:40px}.nc-card-main{padding:11px 6px 11px 12px;gap:10px}}.np-page{max-width:880px;margin:0 auto;padding:8px 0 40px}.np-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.07)}.np-header h1{margin:0;font-size:24px;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:10px}.np-header h1 i,.np-header h1 svg{width:var(--icon-size-lg);height:var(--icon-size-lg);color:var(--primary,#65d887)}.np-header-count{font-size:12px;font-weight:700;color:rgba(255,255,255,0.45);margin-inline-start:4px}.np-glass-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,0.88);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.15s ease}.np-glass-btn:hover{background:rgba(255,255,255,0.09);border-color:rgba(var(--level-rgb,101,216,135),0.35);color:#fff}.np-glass-btn:active{transform:scale(0.97)}.np-glass-btn i,.np-glass-btn svg{width:16px;height:16px}.pl-create{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,0.08);background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02)),rgba(12,14,22,0.55);box-shadow:0 12px 36px rgba(0,0,0,0.22)}.pl-create-row{display:flex;gap:10px;align-items:stretch}.pl-create-input{flex:1;min-width:0;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.28);color:#fff;font:inherit;font-size:14px;font-weight:600;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.pl-create-input::placeholder{color:rgba(255,255,255,0.35);font-weight:500}.pl-create-input:focus{border-color:rgba(var(--level-rgb,101,216,135),0.55);box-shadow:0 0 0 3px rgba(var(--level-rgb,101,216,135),0.16);background:rgba(0,0,0,0.38)}.pl-create-submit{min-height:46px;padding:0 22px;border:0;border-radius:14px;background:var(--primary,#65d887);color:#0a0f0c;font:inherit;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:filter 0.18s ease,transform 0.15s ease}.pl-create-submit:hover{filter:brightness(1.06)}.pl-create-submit:active{transform:scale(0.98)}.pl-create-submit i,.pl-create-submit svg{width:16px;height:16px}.pl-prime-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;width:fit-content;padding:8px 12px;border-radius:12px;border:1px solid rgba(212,175,55,0.2);background:rgba(212,175,55,0.06);transition:border-color 0.18s ease,background 0.18s ease}.pl-prime-toggle:hover{border-color:rgba(212,175,55,0.35);background:rgba(212,175,55,0.1)}.pl-prime-toggle input{width:17px;height:17px;accent-color:#d4af37;cursor:pointer}.pl-prime-toggle span{font-size:13px;font-weight:700;color:#e8c96a;display:inline-flex;align-items:center;gap:6px}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px 16px}.pl-card{display:flex;flex-direction:column;gap:10px;background:transparent;border:0;box-shadow:none}.pl-card-media{position:relative;display:block;text-decoration:none;padding-top:6px;padding-inline:6px 6px}.pl-stack{position:absolute;inset-inline:18px 18px;top:0;height:10px;border-radius:10px 10px 0 0;background:rgba(255,255,255,0.1);z-index:0}.pl-stack--2{inset-inline:12px 12px;top:3px;background:rgba(255,255,255,0.16);z-index:1}.pl-card-thumb{position:relative;z-index:2;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0f1218;display:block;isolation:isolate}.pl-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease,filter 0.25s ease}.pl-card:hover .pl-card-thumb img{transform:scale(1.03);filter:brightness(0.72)}.pl-card-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,0.06),transparent 50%),linear-gradient(145deg,#1a1f2b,#0c0f15);color:rgba(255,255,255,0.32)}.pl-card-thumb-fallback i,.pl-card-thumb-fallback svg{width:40px;height:40px}.pl-card-side{position:absolute;inset-block:0;inset-inline-end:0;width:38%;max-width:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(0,0,0,0.72);color:#fff;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pl-card-side i,.pl-card-side svg{width:22px;height:22px;opacity:0.95}.pl-card-side b{font-size:15px;font-weight:800;letter-spacing:0.02em;font-variant-numeric:tabular-nums}.pl-card-play{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,0.45);color:#fff;font-size:14px;font-weight:800;opacity:0;transition:opacity 0.2s ease;pointer-events:none}.pl-card-play i,.pl-card-play svg{width:18px;height:18px;fill:#fff}.pl-card:hover .pl-card-play{opacity:1}.pl-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0 2px}.pl-card-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.pl-card-name{margin:0;font-size:14.5px;font-weight:800;color:#fff;text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-card-name:hover{color:#fff;text-decoration:underline;text-underline-offset:2px}.pl-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,0.5)}.pl-dot{opacity:0.55}.pl-meta-prime{color:#e8c96a;display:inline-flex;align-items:center;gap:4px}.pl-meta-prime i,.pl-meta-prime svg{width:12px;height:12px}.pl-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:0.55;transition:opacity 0.18s ease}.pl-card:hover .pl-card-actions{opacity:1}.pl-icon-btn{width:34px;height:34px;border-radius:999px;border:0;background:transparent;color:rgba(255,255,255,0.75);display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:background 0.18s ease,color 0.18s ease}.pl-icon-btn i,.pl-icon-btn svg{width:16px;height:16px}.pl-icon-btn:hover{background:rgba(255,255,255,0.1);color:#fff}.pl-icon-btn--danger:hover{background:rgba(239,68,68,0.16);color:#f87171}.pl-empty{text-align:center;padding:64px 20px;color:var(--text-muted,#8b8fa8);border-radius:18px;border:1px dashed rgba(255,255,255,0.1);background:rgba(255,255,255,0.02)}.pl-empty i,.pl-empty svg{width:48px;height:48px;opacity:0.3;margin-bottom:12px}.pl-empty strong{display:block;font-size:16px;color:rgba(255,255,255,0.75)}.pl-empty p{margin:6px 0 0;font-size:13.5px}.np-pagination{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:640px){.np-header h1{font-size:20px}.pl-create-row{flex-direction:column}.pl-create-submit{width:100%;justify-content:center}.pl-grid{grid-template-columns:1fr}.notif-item{padding:12px}.notif-avatar,.notif-icon{width:42px;height:42px}}/*! === components/icons.css === */:root{--icon-xs:var(--icon-size-xs);--icon-sm:var(--icon-size-sm);--icon-md:var(--icon-size-md);--icon-lg:var(--icon-size-lg);--icon-xl:var(--icon-size-xl);--icon-gap:8px;--icon-default:rgba(255,255,255,0.92)}svg[data-lucide],i[data-lucide] svg,.lucide{width:var(--icon-size-sm);height:var(--icon-size-sm);stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle;display:inline-block;color:inherit;vector-effect:non-scaling-stroke;box-sizing:content-box}i[data-lucide]{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;width:var(--icon-size-sm);height:var(--icon-size-sm);color:inherit}i[data-lucide] svg{width:100% !important;height:100% !important}.icon-xs,.icon-xs[data-lucide],.icon-xs svg{width:var(--icon-size-xs) !important;height:var(--icon-size-xs) !important}.icon-sm,.icon-sm[data-lucide],.icon-sm svg{width:var(--icon-size-sm) !important;height:var(--icon-size-sm) !important}.icon-md,.icon-md[data-lucide],.icon-md svg{width:var(--icon-size-md) !important;height:var(--icon-size-md) !important}.icon-lg,.icon-lg[data-lucide],.icon-lg svg{width:var(--icon-size-lg) !important;height:var(--icon-size-lg) !important}.icon-xl,.icon-xl[data-lucide],.icon-xl svg{width:var(--icon-size-xl) !important;height:var(--icon-size-xl) !important}.icon-inline,.bs-item,.bs-quick,.comment-action-btn,.react-btn,.react-seg,.drawer-item,.dropdown-item,.header-upload-btn,.creator-edit-link{gap:var(--icon-gap)}.comment-action-btn,.react-btn,.react-seg,.creator-edit-link,.bs-item{display:inline-flex;align-items:center}.like-btn.liked [data-lucide],.like-btn.liked svg,.dislike-btn.disliked [data-lucide],.dislike-btn.disliked svg,.watch-later-btn.saved [data-lucide],.watch-later-btn.saved svg{fill:currentColor}.header-icon-btn [data-lucide],.header-icon-btn svg,.app-nav-icon,.app-nav-item [data-lucide],.bottom-nav-icon,.bottom-nav-item [data-lucide]{width:var(--icon-size-md) !important;height:var(--icon-size-md) !important;stroke-width:var(--icon-stroke) !important;stroke-linecap:round !important;stroke-linejoin:round !important}.mol-nav .app-nav-icon-wrap{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),opacity 0.18s ease,filter 0.22s ease}.mol-nav .app-nav-icon-wrap::after{content:"";position:absolute;inset:-6px;border-radius:14px;background:radial-gradient( circle,color-mix(in srgb,currentColor 28%,transparent) 0%,transparent 70% );opacity:0;pointer-events:none;transition:opacity 0.22s ease}.mol-nav .app-nav-item:not (.upload):active .app-nav-icon-wrap{transform:scale(0.86);opacity:0.72;filter:drop-shadow(0 0 8px color-mix(in srgb,currentColor 42%,transparent))}.mol-nav .app-nav-item:not (.upload):active .app-nav-icon-wrap::after{opacity:1}.mol-nav .app-nav-item.active:not (.upload) .app-nav-icon-wrap::after{opacity:0.55}.header-upload-btn [data-lucide],.header-upload-btn svg,.watch-action-btn [data-lucide],.comment-action-btn [data-lucide],.react-btn [data-lucide],.react-seg [data-lucide],.bs-item [data-lucide],.bs-quick-icon [data-lucide],.drawer-item [data-lucide],.dropdown-item [data-lucide],.dropdown-icon{width:var(--icon-size-sm) !important;height:var(--icon-size-sm) !important;stroke-width:var(--icon-stroke) !important}.dropdown-chevron,.drawer-profile-header .badge [data-lucide]{width:var(--icon-size-xs) !important;height:var(--icon-size-xs) !important}.play-badge [data-lucide],.hero-play-badge [data-lucide],.comments-empty [data-lucide],.comments-header h3 [data-lucide]{width:var(--icon-size-lg) !important;height:var(--icon-size-lg) !important}.mol-nav .mol-upload-fab [data-lucide],.mol-nav .mol-upload-fab .app-nav-icon,.mol-nav .mol-upload-fab svg{width:26px !important;height:26px !important;stroke-width:var(--icon-stroke-emphasis) !important;stroke-linecap:round !important;stroke-linejoin:round !important}.player-controls .pc-btn svg,.player-controls .pc-btn [data-lucide],.pc-big-play svg,.pc-big-play [data-lucide]{stroke-width:var(--icon-stroke) !important}.video-card-play-btn [data-lucide],.video-card-play-btn svg{width:var(--icon-size-md) !important;height:var(--icon-size-md) !important;fill:currentColor}.video-card-prime-badge [data-lucide]{width:12px !important;height:12px !important;fill:currentColor}.comment-send-btn [data-lucide]{width:16px !important;height:16px !important;stroke-width:var(--icon-stroke) !important}.bi::before{content:none !important}/*! === components/watch-page.css === */  .watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:24px;max-width:1400px;margin:0 auto;padding:16px 20px 32px;transition:grid-template-columns .35s ease}.watch-sidebar{transition:opacity .25s ease,display .25s allow-discrete}.watch-primary{min-width:0}.watch-sidebar{min-width:0}.watch-player-wrap{position:relative;background:#000;border-radius:12px;overflow:hidden;isolation:isolate;width:100%;aspect-ratio:16 / 9;box-shadow:0 2px 12px rgba(0,0,0,0.35);margin-bottom:16px}.watch-player-wrap video,.watch-video-el{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;background:#000;cursor:pointer;object-fit:contain;border-radius:inherit;pointer-events:none}.player-tap-backdrop{position:absolute;inset:0;z-index:4;background:transparent;pointer-events:auto;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}.watch-player-wrap.controls-locked .player-tap-backdrop{pointer-events:none}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));padding:40px 16px 12px;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;pointer-events:none}.player-controls.show{opacity:1;visibility:visible}.player-controls.show .pc-btn,.player-controls.show .pc-progress,.player-controls.show .pc-volume-wrap,.player-controls.show .pc-time{pointer-events:auto}.player-controls.show .pc-spacer{pointer-events:none}.watch-player-wrap .gesture-overlay,.watch-player-wrap .ambient-glow-canvas,.watch-player-wrap .player-emoji-layer{pointer-events:none;z-index:5}.player-controls .pc-top{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:0 4px;position:relative;direction:ltr}.player-controls .pc-progress{flex:1;height:3px;background:rgba(255,255,255,0.2);border-radius:2px;cursor:pointer;position:relative;touch-action:none}.player-controls .pc-progress::before{content:'';position:absolute;inset:-10px -4px;border-radius:inherit}.player-controls .pc-progress .pc-buffer{position:absolute;left:0;top:0;height:100%;background:rgba(255,255,255,0.35);border-radius:2px;width:0%;pointer-events:none}.player-controls .pc-progress .pc-fill{position:absolute;left:0;top:0;height:100%;background:var(--primary,#f03);border-radius:2px;width:0%;pointer-events:none}.player-controls .pc-progress .pc-thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--primary,#f03);transform:translate(-50%,-50%) scale(0);transition:transform .12s ease;box-shadow:0 1px 4px rgba(0,0,0,0.45);pointer-events:none;z-index:2}.player-controls .pc-progress:hover .pc-thumb,.player-controls .pc-progress:active .pc-thumb,.player-controls .pc-progress.scrubbing .pc-thumb{transform:translate(-50%,-50%) scale(1)}.player-controls .pc-progress:hover{height:5px}.player-controls .pc-progress:active,.player-controls .pc-progress.scrubbing{height:5px}.player-controls .pc-progress.scrubbing .pc-thumb{width:14px;height:14px}.player-controls .pc-bottom{display:flex;align-items:center;gap:4px;direction:ltr}.player-controls .pc-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease,opacity .15s ease;font-family:inherit;width:40px;height:40px;position:relative}.player-controls .pc-btn:hover{background:rgba(255,255,255,0.1)}.player-controls .pc-btn svg{width:22px;height:22px}.player-controls .pc-time{font-size:13px;color:rgba(255,255,255,0.9);font-weight:500;direction:ltr;margin-inline-start:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.player-edge-btn{position:absolute;top:50%;left:50%;z-index:18;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,0.14);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,0.92);background:rgba(12,12,16,0.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 18px rgba(0,0,0,0.18);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.28s ease,visibility 0.28s ease,background 0.18s ease,transform 0.28s ease,border-color 0.18s ease;font:inherit;direction:ltr}.player-edge-prev{transform:translate(calc(-50% - 92px),-50%)}.player-edge-next{transform:translate(calc(-50% + 92px),-50%)}.player-edge-btn svg{width:22px;height:22px;stroke-width:var(--icon-stroke-emphasis)}.watch-player-wrap.controls-visible .player-edge-btn:not (.is-disabled):not (:disabled){opacity:0.9;visibility:visible;pointer-events:auto}.watch-player-wrap.controls-visible .player-edge-btn.is-disabled,.watch-player-wrap.controls-visible .player-edge-btn:disabled{opacity:0;visibility:hidden;pointer-events:none}.watch-player-wrap.controls-visible .player-edge-btn:hover{opacity:1;background:rgba(12,12,16,0.42);border-color:rgba(255,255,255,0.22)}.watch-player-wrap.controls-visible .player-edge-prev:active{transform:translate(calc(-50% - 92px),-50%) scale(0.96)}.watch-player-wrap.controls-visible .player-edge-next:active{transform:translate(calc(-50% + 92px),-50%) scale(0.96)}.watch-player-wrap.is-speed-boost .player-edge-btn,.watch-player-wrap.has-error .player-edge-btn{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}@media (max-width:640px){.player-edge-btn{width:40px;height:40px}.player-edge-prev{transform:translate(calc(-50% - 72px),-50%)}.player-edge-next{transform:translate(calc(-50% + 72px),-50%)}.watch-player-wrap.controls-visible .player-edge-prev:active{transform:translate(calc(-50% - 72px),-50%) scale(0.96)}.watch-player-wrap.controls-visible .player-edge-next:active{transform:translate(calc(-50% + 72px),-50%) scale(0.96)}.player-edge-btn svg{width:20px;height:20px}}.player-loading-overlay,.player-error-overlay,.autoplay-next-overlay{position:absolute;inset:0;z-index:16;display:none;align-items:center;justify-content:center;pointer-events:none}.player-loading-overlay.show,.player-error-overlay.show,.autoplay-next-overlay.show{display:flex}.player-loading-overlay{flex-direction:column;gap:10px;color:#fff;background:rgba(0,0,0,0.28);font-size:13px;font-weight:600}.player-loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,0.22);border-top-color:#fff;animation:hdilSpin 0.75s linear infinite}@keyframes hdilSpin{to{transform:rotate(360deg)}}.player-error-overlay{pointer-events:auto;background:rgba(0,0,0,0.72)}.player-error-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 24px;max-width:min(360px, 88%);text-align:center;color:#fff;background:rgba(20,20,24,0.92);border:1px solid rgba(255,255,255,0.12);border-radius:16px}.player-error-card svg{width:28px;height:28px;color:#ffb4a8}.player-error-card p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,0.92)}.player-error-retry{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;color:#111;background:#fff;border-radius:999px;padding:10px 16px;font:inherit;font-size:13px;font-weight:700}.player-error-retry svg{width:16px;height:16px}.autoplay-next-overlay{pointer-events:auto;align-items:flex-end;justify-content:flex-start;padding:16px;background:linear-gradient(transparent 40%,rgba(0,0,0,0.65))}.autoplay-next-card{display:flex;align-items:center;gap:12px;width:min(100%, 420px);padding:12px;border-radius:14px;background:rgba(12,12,16,0.88);border:1px solid rgba(255,255,255,0.12);color:#fff;backdrop-filter:blur(12px)}.autoplay-next-thumb{width:96px;height:54px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#222}.autoplay-next-copy{flex:1;min-width:0}.autoplay-next-label{font-size:12px;color:rgba(255,255,255,0.7);margin-bottom:2px}.autoplay-next-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autoplay-next-actions{display:flex;flex-direction:column;gap:6px}.autoplay-next-btn{border:1px solid rgba(255,255,255,0.18);background:transparent;color:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.autoplay-next-btn.primary{background:#fff;color:#111;border-color:#fff}.watch-player-wrap.is-loading .pc-big-play{opacity:0;pointer-events:none}.watch-player-wrap.has-error .pc-big-play{opacity:0;pointer-events:none}.player-controls .pc-spacer{flex:1}.player-controls .pc-volume-wrap{position:relative;display:flex;align-items:center;gap:0;border-radius:999px;transition:background 0.28s ease,box-shadow 0.28s ease}.player-controls .pc-volume-wrap:hover,.player-controls .pc-volume-wrap:focus-within,.player-controls .pc-volume-wrap.is-open{background:rgba(255,255,255,0.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}.player-controls .pc-volume-btn{position:relative;z-index:2;flex-shrink:0}.player-controls .pc-volume-panel{display:flex;align-items:center;gap:10px;width:0;opacity:0;overflow:hidden;padding-inline:0;transition:width 0.32s cubic-bezier(0.22,1,0.36,1),opacity 0.24s ease,padding 0.32s ease}.player-controls .pc-volume-wrap:hover .pc-volume-panel,.player-controls .pc-volume-wrap:focus-within .pc-volume-panel,.player-controls .pc-volume-wrap.is-open .pc-volume-panel{width:132px;opacity:1;padding-inline:4px 10px}.player-controls .pc-volume-value{min-width:34px;font-size:10px;font-weight:800;letter-spacing:0.04em;color:rgba(255,255,255,0.82);font-variant-numeric:tabular-nums;text-align:center}.player-controls .pc-volume-track{position:relative;flex:1;height:22px;display:flex;align-items:center}.player-controls .pc-volume-track::before{content:"";position:absolute;inset:9px 0;border-radius:999px;background:rgba(255,255,255,0.14);box-shadow:inset 0 1px 2px rgba(0,0,0,0.35)}.player-controls .pc-volume-fill{position:absolute;inset-block:9px;inset-inline-start:0;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#fff));box-shadow:0 0 14px var(--primary-glow);pointer-events:none;transform-origin:left center;transition:transform 0.08s linear}[dir="rtl"] .player-controls .pc-volume-fill{transform-origin:right center}.player-controls .pc-volume-track input[type=range]{position:relative;z-index:2;width:100%;height:22px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none}.player-controls .pc-volume-track input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent;border:none}.player-controls .pc-volume-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;border:2px solid #fff;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 35%,#fff));box-shadow:0 2px 10px rgba(0,0,0,0.45),0 0 0 4px rgba(255,255,255,0.08);transition:transform 0.18s ease,box-shadow 0.18s ease}.player-controls .pc-volume-track input[type=range]:hover::-webkit-slider-thumb,.player-controls .pc-volume-track input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 4px 16px var(--primary-glow),0 0 0 5px rgba(255,255,255,0.12)}.player-controls .pc-volume-track input[type=range]::-moz-range-track{height:4px;background:transparent;border:none}.player-controls .pc-volume-track input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary) 35%,#fff));box-shadow:0 2px 10px rgba(0,0,0,0.45)}.pc-big-play{position:absolute;top:0;left:0;right:0;bottom:0;width:68px;height:68px;margin:auto;border-radius:50%;border:none;background:rgba(0,0,0,0.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;pointer-events:auto;transform:none !important;transition:background 0.15s ease,opacity 0.25s ease,visibility 0.25s ease;box-shadow:none;padding:0;inset:0}.pc-big-play:hover,.pc-big-play:focus,.pc-big-play:focus-visible,.pc-big-play:active{transform:none !important;background:rgba(0,0,0,0.65)}.pc-big-play svg,.pc-big-play i,.pc-big-play [data-lucide]{width:24px;height:24px;color:#fff !important;stroke:#fff !important;fill:#fff !important;margin-inline-start:2px;transform:none !important}.pc-big-play.is-pause svg,.pc-big-play.is-pause i,.pc-big-play.is-pause [data-lucide]{margin-inline-start:0;fill:none !important}.pc-big-play.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:none !important}.watch-video-el::-webkit-media-controls,.watch-video-el::-webkit-media-controls-enclosure,.watch-video-el::-webkit-media-controls-panel{display:none !important;-webkit-appearance:none !important}.watch-video-el{outline:none}.pc-chrome-top{position:absolute;top:0;inset-inline:0;z-index:9999;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,transparent 100%);opacity:0;pointer-events:none;transition:opacity 0.3s ease}.watch-player-wrap.controls-visible .pc-chrome-top,.watch-player-wrap:fullscreen.controls-visible .pc-chrome-top,.watch-player-wrap.mobile-fullscreen.controls-visible .pc-chrome-top{opacity:1}.watch-player-wrap.controls-visible .pc-chrome-top .pc-chrome-btn,.watch-player-wrap.controls-visible .pc-chrome-top .pc-btn{pointer-events:auto}.pc-chrome-title{min-width:0;flex:1;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,0.55)}.pc-chrome-spacer{flex:1;min-width:0}.pc-chrome-btn.pc-btn,.pc-chrome-btn{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;padding:0 !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(0,0,0,0.4) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:none !important;transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease !important}.pc-chrome-btn:hover{background:rgba(0,0,0,0.6) !important;border-color:rgba(255,255,255,0.18) !important}.pc-chrome-btn i,.pc-chrome-btn svg,.pc-chrome-btn [data-lucide]{width:18px !important;height:18px !important;color:#fff !important;stroke:#fff !important}.pc-chrome-btn.is-casting{color:var(--level-color,var(--primary));border-color:rgba(var(--level-rgb),0.4) !important;background:rgba(var(--level-rgb),0.18) !important}.pc-chrome-btn.is-casting i,.pc-chrome-btn.is-casting svg{color:var(--level-color,var(--primary)) !important;stroke:var(--level-color,var(--primary)) !important}.pc-screen-lock{position:absolute;inset:0;z-index:10050;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;background:rgba(0,0,0,0.28);color:#fff;font-family:inherit;pointer-events:auto}.player-emoji-layer{position:absolute;inset:0;z-index:9998;overflow:hidden;pointer-events:none}.player-side-rail{position:absolute;inset-inline-end:10px;bottom:72px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.watch-player-wrap:hover .player-side-rail,.watch-player-wrap.controls-visible .player-side-rail,.watch-player-wrap.show-controls .player-side-rail,.player-controls.show~.player-side-rail{opacity:1;pointer-events:auto}.watch-player-wrap.controls-locked .player-side-rail{opacity:0 !important;pointer-events:none !important;visibility:hidden}.player-emoji-bar{position:relative;inset:auto;bottom:auto;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:999px;background:rgba(0,0,0,0.38);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1;pointer-events:auto}.player-lock-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,0.12);border-radius:50%;background:rgba(0,0,0,0.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;display:grid;place-items:center;pointer-events:auto;padding:0;flex-shrink:0;transition:transform 0.18s ease,background 0.18s ease;-webkit-tap-highlight-color:transparent}.player-lock-btn:hover{background:rgba(0,0,0,0.6);transform:scale(1.06)}.player-lock-btn:active{transform:scale(0.94)}.player-lock-btn i,.player-lock-btn svg,.player-lock-btn [data-lucide]{width:18px;height:18px;color:#fff;stroke:#fff}.player-emoji-btn{width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,0.08);color:inherit;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;pointer-events:auto;transition:transform 0.18s ease,background 0.18s ease;-webkit-tap-highlight-color:transparent}.player-emoji-btn:hover{background:rgba(255,255,255,0.16);transform:scale(1.08)}.player-emoji-btn:active{transform:scale(0.92)}.player-emoji-float{position:absolute;inset-inline-end:22px;bottom:90px;font-size:28px;line-height:1;opacity:0;transform:translate(0,12px) scale(0.85);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.45));will-change:transform,opacity}.player-emoji-float.is-flying{animation:playerEmojiFloat 2s ease-out forwards}@keyframes playerEmojiFloat{0%{opacity:0;transform:translate(0,16px) scale(calc(var(--emoji-scale, 1) * 0.85))}12%{opacity:1}100%{opacity:0;transform:translate(var(--emoji-drift,0px),-140px) scale(var(--emoji-scale,1))}}@media (max-width:768px){.player-side-rail{inset-inline-end:8px;bottom:calc(58px + env(safe-area-inset-bottom, 0px));gap:6px}.player-emoji-bar{flex-direction:column;padding:5px}.player-emoji-btn{width:34px;height:34px;font-size:18px}.player-lock-btn{width:36px;height:36px}.player-lock-btn i,.player-lock-btn svg{width:16px;height:16px}.player-emoji-float{inset-inline-end:14px;bottom:120px}}.pc-screen-lock[hidden]{display:none !important}.pc-screen-lock-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(10px)}.pc-screen-lock-btn i,.pc-screen-lock-btn svg{width:22px;height:22px}.pc-screen-lock-label{font-size:12px;font-weight:700;color:rgba(255,255,255,0.78);text-shadow:0 1px 4px rgba(0,0,0,0.5)}.watch-player-wrap.controls-locked .player-controls,.watch-player-wrap.controls-locked .pc-chrome-top,.watch-player-wrap.controls-locked .pc-big-play,.watch-player-wrap.controls-locked .player-emoji-bar{opacity:0 !important;pointer-events:none !important;visibility:hidden}.watch-player-wrap.bg-audio-mode .watch-video-el{opacity:0}.watch-player-wrap.bg-audio-mode::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 55%),var(--nano-surface-deep,var(--surface,#121212));pointer-events:none}.player-sheet-overlay{position:fixed !important;inset:0 !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;z-index:12050 !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;margin:0 !important;padding:0 !important;width:100% !important;max-width:none !important;height:100% !important;background:rgba(0,0,0,0.55) !important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none !important;transition:opacity .28s ease,visibility .28s ease;transform:none !important;isolation:isolate}.player-sheet-overlay[hidden]{display:none !important}.player-sheet-overlay.open{opacity:1 !important;visibility:visible !important;pointer-events:auto !important}.watch-player-wrap>.player-sheet-overlay,.watch-player-wrap:fullscreen>.player-sheet-overlay,.player-sheet-overlay.is-fs-hosted{position:absolute !important;z-index:2147483640 !important}.player-sheet-overlay .player-sheet{position:relative !important;width:100% !important;max-width:480px !important;max-height:min(78vh, 640px) !important;margin:0 !important;background:var(--nano-surface-deep,#121212) !important;border-radius:20px 20px 0 0 !important;border:0 !important;border-top:1px solid rgba(255,255,255,0.08) !important;padding:8px 0 calc(14px + env(safe-area-inset-bottom, 0px)) !important;transform:translateY(110%) !important;transition:transform .34s cubic-bezier(.32,.72,0,1) !important;overflow-x:hidden !important;overflow-y:auto !important;direction:rtl !important;color:rgba(255,255,255,0.92) !important;box-shadow:0 -16px 48px rgba(0,0,0,0.55) !important;display:block !important}.player-sheet-overlay.open .player-sheet{transform:translateY(0) !important}.player-sheet-handle{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,0.18);margin:8px auto 10px}.cast-sheet-head,.settings-sheet-title{display:flex !important;align-items:center;justify-content:center;gap:10px;padding:4px 20px 14px !important;margin:0 !important;font-size:15px !important;font-weight:800 !important;text-align:center;width:100%;box-sizing:border-box}.cast-sheet-head h3{margin:0 !important;font-size:15px !important;font-weight:800 !important;color:#fff !important}.cast-scan-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,0.15);border-top-color:var(--primary);animation:cast-spin .7s linear infinite;flex-shrink:0}.cast-scan-spinner.is-idle{animation:none;border-color:color-mix(in srgb,var(--primary) 55%,transparent);border-top-color:var(--primary);opacity:0.7}@keyframes cast-spin{to{transform:rotate(360deg)}}.cast-device-list{display:flex !important;flex-direction:column !important;gap:4px;padding:0 12px 12px !important;min-height:56px;width:100%;box-sizing:border-box}.player-sheet-overlay .cast-device{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;padding:12px 14px !important;border:0 !important;border-radius:14px !important;background:transparent !important;color:inherit !important;font-family:inherit !important;text-align:right !important;cursor:pointer;box-shadow:none !important;position:static !important;transform:none !important}.player-sheet-overlay .cast-device:hover,.player-sheet-overlay .cast-device:focus-visible{background:color-mix(in srgb,var(--primary) 10%,transparent) !important;outline:none}.player-sheet-overlay .cast-device.is-active{background:color-mix(in srgb,var(--primary) 14%,transparent) !important}.cast-device-icon{width:40px;height:40px;border-radius:12px;display:grid !important;place-items:center;flex-shrink:0;background:color-mix(in srgb,var(--primary) 12%,rgba(255,255,255,0.04));color:var(--primary)}.cast-device-icon i,.cast-device-icon svg{width:20px;height:20px}.cast-device-meta{min-width:0;flex:1}.cast-device-name{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-device-sub{display:block;margin-top:2px;font-size:11.5px;font-weight:600;color:rgba(255,255,255,0.45)}.cast-empty{padding:18px 16px;text-align:center;font-size:13px;font-weight:600;color:rgba(255,255,255,0.5)}.player-sheet-overlay .cast-pair-btn{display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:calc(100% - 24px) !important;margin:4px 12px 0 !important;padding:13px 16px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,0.08) !important;background:rgba(255,255,255,0.03) !important;color:rgba(255,255,255,0.85) !important;font:inherit !important;font-size:13px !important;font-weight:700 !important;cursor:pointer;box-shadow:none !important;position:static !important;transform:none !important}.player-sheet-overlay .cast-pair-btn:hover{background:color-mix(in srgb,var(--primary) 10%,transparent) !important;border-color:color-mix(in srgb,var(--primary) 28%,transparent) !important}.player-sheet-overlay .cast-pair-btn i,.player-sheet-overlay .cast-pair-btn svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.cast-pair-panel{padding:12px 16px 4px}.cast-pair-panel p{margin:0 0 10px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,0.55);text-align:center}.cast-pair-row{display:flex;gap:8px}.cast-pair-row input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);color:#fff;font:inherit;font-size:16px;font-weight:700;letter-spacing:0.2em;text-align:center}.cast-pair-row input:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.cast-pair-submit{padding:0 18px;border-radius:12px;border:0;background:var(--primary) !important;color:#fff !important;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.player-sheet.settings-sheet{background:var(--nano-surface-deep,#121212) !important}.settings-sheet-panels{position:relative;width:100%}.player-sheet-overlay .settings-panel{display:flex !important;flex-direction:column !important;gap:2px;padding:0 8px 4px !important;width:100%;box-sizing:border-box}.player-sheet-overlay .settings-panel[hidden]{display:none !important}.player-sheet-overlay .settings-back{display:flex !important;align-items:center !important;gap:8px !important;width:100% !important;padding:8px 12px 14px !important;border:0 !important;background:none !important;color:#fff !important;font:inherit !important;font-size:15px !important;font-weight:800 !important;cursor:pointer;text-align:right !important;box-shadow:none !important;position:static !important;transform:none !important}.player-sheet-overlay .settings-back i,.player-sheet-overlay .settings-back svg{width:20px;height:20px;color:rgba(255,255,255,0.7)}.player-sheet-overlay .psheet-row,.player-sheet-overlay button.settings-row{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;min-height:48px;padding:12px 14px !important;margin:0 !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:rgba(255,255,255,0.9) !important;font:inherit !important;font-size:13.5px !important;font-weight:700 !important;cursor:pointer;text-align:right !important;box-shadow:none !important;position:static !important;transform:none !important;float:none !important}.player-sheet-overlay .psheet-row:hover,.player-sheet-overlay button.settings-row:hover{background:rgba(255,255,255,0.05) !important}.player-sheet-overlay .psheet-row-icon,.player-sheet-overlay .settings-row-icon{width:20px !important;height:20px !important;flex-shrink:0 !important;color:rgba(255,255,255,0.55) !important;stroke:rgba(255,255,255,0.55) !important}.player-sheet-overlay .psheet-row-label,.player-sheet-overlay .settings-row-label{flex:0 1 auto;white-space:nowrap}.player-sheet-overlay .psheet-row-val,.player-sheet-overlay .settings-row-val{margin-inline-start:auto !important;margin-inline-end:4px !important;font-size:12px !important;font-weight:700 !important;color:var(--primary) !important;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sheet-overlay .psheet-row-chevron,.player-sheet-overlay .settings-row-chevron{width:18px !important;height:18px !important;flex-shrink:0 !important;color:rgba(255,255,255,0.35) !important;stroke:rgba(255,255,255,0.35) !important}.player-sheet-overlay .settings-toggle{width:40px;height:22px;border-radius:999px;margin-inline-start:auto;background:rgba(255,255,255,0.12);position:relative;flex-shrink:0;transition:background .2s}.player-sheet-overlay .settings-toggle::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:inset-inline-start .2s,inset-inline-end .2s}.player-sheet-overlay .settings-toggle.is-on{background:var(--primary)}.player-sheet-overlay .settings-toggle.is-on::after{inset-inline-start:auto;inset-inline-end:2px}.player-sheet-overlay .settings-option{display:flex !important;align-items:center !important;gap:10px !important;width:100% !important;padding:12px 14px !important;margin:0 !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:rgba(255,255,255,0.72) !important;font:inherit !important;font-size:13.5px !important;font-weight:700 !important;cursor:pointer;text-align:right !important;box-shadow:none !important;position:static !important;transform:none !important}.player-sheet-overlay .settings-option:hover{background:rgba(255,255,255,0.04) !important;color:#fff !important}.player-sheet-overlay .settings-option.is-active{color:var(--primary) !important;background:color-mix(in srgb,var(--primary) 12%,transparent) !important}.settings-option-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--rank-gradient,var(--primary));color:var(--rank-button-text,#101720);margin-inline-start:auto}@media (max-width:768px){.pc-chrome-top{padding:8px 10px;gap:6px}.pc-chrome-btn.pc-btn,.pc-chrome-btn{width:36px !important;height:36px !important}.player-sheet-overlay .player-sheet{max-width:none !important;border-radius:18px 18px 0 0 !important}}.pc-settings-menu{position:absolute;bottom:60px;left:16px;z-index:20;background:rgba(10,10,15,0.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:8px;min-width:200px;box-shadow:0 8px 40px rgba(0,0,0,0.6);opacity:0;transform:translateY(10px) scale(0.95);pointer-events:none;transition:all .25s ease}.pc-settings-menu.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.pc-settings-menu:not (.show){visibility:hidden}.pc-settings-menu .psm-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:rgba(255,255,255,0.7);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:none;width:100%;font-family:inherit;text-align:right}.pc-settings-menu .psm-item:hover{background:rgba(255,255,255,0.04);color:#fff}.pc-settings-menu .psm-item .psm-val{margin-right:auto;color:var(--primary);font-size:12px}.pc-settings-menu .psm-item .psm-icon{width:16px;height:16px;opacity:.5}.pc-settings-menu .psm-divider{height:1px;background:rgba(255,255,255,0.04);margin:4px 0}.pc-quality-sub{position:absolute;bottom:60px;left:16px;z-index:21;background:rgba(10,10,15,0.94);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:6px;min-width:180px;box-shadow:0 8px 40px rgba(0,0,0,0.6);opacity:0;transform:translateY(10px) scale(0.95);pointer-events:none;transition:all .25s ease}.pc-quality-sub.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.pc-quality-sub:not (.show){visibility:hidden}.pc-quality-sub .pqs-item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;color:rgba(255,255,255,0.6);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:none;width:100%;font-family:inherit;text-align:right}.pc-quality-sub .pqs-item:hover{background:rgba(255,255,255,0.04);color:#fff}.pc-quality-sub .pqs-item.active{color:var(--primary);background:var(--primary-dim)}.pc-quality-sub .pqs-item .pqs-badge{font-size:8px;font-weight:800;padding:2px 6px;border-radius:6px;background:var(--rank-gradient,linear-gradient(135deg,var(--primary),var(--primary-hover)));color:var(--rank-button-text,#101720);margin-right:auto}.gesture-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.skip-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;transition:opacity 0.15s ease;pointer-events:none;z-index:6}.skip-indicator.skip-back{left:18%}.skip-indicator.skip-forward{left:82%}.skip-indicator.show{opacity:1;visibility:visible}.skip-indicator:not (.show){visibility:hidden}.skip-indicator .skip-icon{position:relative;width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.skip-indicator .skip-icon::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,0.18);transform:scale(0.35);opacity:0}.skip-indicator.show .skip-icon::before{animation:skipRipple 0.65s ease-out}.skip-indicator .skip-icon svg{width:28px;height:28px;color:#fff;fill:#fff;position:relative;z-index:1;transform:none !important}.skip-indicator .skip-text{color:#fff;font-size:14px;font-weight:800;letter-spacing:0.02em;text-shadow:0 1px 4px rgba(0,0,0,0.65);direction:ltr}@keyframes skipPop{0%{transform:scale(0.7);opacity:0}55%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes skipRipple{0%{transform:scale(0.35);opacity:0.55}100%{transform:scale(1.55);opacity:0}}.skip-indicator.show .skip-icon{animation:skipPop 0.28s ease-out}.speed-indicator{position:absolute;top:14px;left:50%;transform:translate(-50%,-6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:14;transition:opacity 0.18s ease,transform 0.18s ease}.speed-indicator.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.speed-indicator:not (.show){visibility:hidden}.speed-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:0.02em;color:#fff;background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,0.35);direction:ltr;white-space:nowrap}.speed-badge svg{width:var(--icon-size-xs);height:var(--icon-size-xs);stroke-width:var(--icon-stroke-emphasis)}.watch-player-wrap.is-speed-boost .player-controls,.watch-player-wrap.is-speed-boost .pc-big-play,.watch-player-wrap.is-speed-boost .pc-chrome-top{opacity:0 !important;pointer-events:none !important}.vert-indicator{position:absolute;top:50%;right:24px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 14px;min-width:72px;background:rgba(8,8,12,0.72);border:1px solid rgba(255,255,255,0.1);border-radius:18px;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 16px 40px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.06);opacity:0;transition:opacity 0.22s ease,transform 0.22s ease;pointer-events:none}.vert-indicator.left{right:auto;left:24px}.vert-indicator.show{opacity:1;transform:translateY(-50%) scale(1);visibility:visible}.vert-indicator:not (.show){visibility:hidden}.vert-indicator .vi-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,0.08);color:#fff;flex-shrink:0}.vert-indicator .vi-bar{width:6px;height:88px;background:rgba(255,255,255,0.12);border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,0.35)}.vert-indicator .vi-bar .vi-fill{position:absolute;inset-inline:0;bottom:0;width:100% !important;height:100%;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#fff));border-radius:999px;box-shadow:0 0 16px var(--primary-glow);transition:height 0.06s linear}.vert-indicator .vi-label{color:#fff;font-size:11px;font-weight:800;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0.03em}[dir="rtl"] .player-controls .pc-progress{direction:rtl}.watch-info-card{--wic-pad:16px;--wic-gap:14px;--wic-accent:var(--rank-color-base,var(--rank-color,var(--level-color,#7dd3fc)));--wic-accent-rgb:var(--level-rgb,125,211,252);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(120% 80% at 100% 0%,rgba(var(--wic-accent-rgb),0.12),transparent 55%),linear-gradient(165deg,rgba(255,255,255,0.04) 0%,transparent 42%),var(--md-sys-color-surface-container,#1a1e24);backdrop-filter:none;border:1px solid color-mix(in srgb,var(--wic-accent) 20%,rgba(255,255,255,0.08));border-radius:18px;padding:var(--wic-pad);margin-bottom:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 10px 28px rgba(0,0,0,0.18),0 0 0 1px rgba(var(--wic-accent-rgb),0.04)}.watch-info-card::before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient( 90deg,transparent,color-mix(in srgb,var(--wic-accent) 70%,transparent),transparent );pointer-events:none;z-index:1}.watch-title-wrap{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.watch-title{font-size:18px;font-weight:800;color:#f8fafc;margin:0;line-height:1.38;letter-spacing:-0.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-wrap:pretty}.watch-title.expanded{-webkit-line-clamp:unset;display:block}.watch-snippet{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--wic-accent,transparent) 12%,transparent);border-radius:12px;background:color-mix(in srgb,var(--wic-accent,#fff) 6%,rgba(255,255,255,0.06));color:inherit;font-family:inherit;text-align:start;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease;-webkit-tap-highlight-color:transparent}.watch-snippet:hover{background:color-mix(in srgb,var(--wic-accent,#fff) 10%,rgba(255,255,255,0.08));border-color:color-mix(in srgb,var(--wic-accent,transparent) 22%,transparent)}.watch-snippet.is-expanded{background:color-mix(in srgb,var(--wic-accent,#fff) 9%,rgba(255,255,255,0.07))}.watch-category-chip,.watch-meta-row .wm-cat{display:inline;padding:0;border:none;border-radius:0;background:none;color:inherit;font-size:inherit;font-weight:700;letter-spacing:0;margin:0;text-transform:lowercase;box-shadow:none}.watch-meta-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:rgba(241,245,249,0.88);font-weight:700;margin:0;line-height:1.35}.watch-meta-row>span:not (.wm-dot){display:inline;padding:0;border:none;border-radius:0;background:none}.watch-meta-row .wm-dot{display:inline;width:auto;height:auto;margin:0;background:none;color:rgba(241,245,249,0.55);font-weight:700}.nano-video-stats span{display:inline;color:inherit}.nano-video-stats .mono-date{font-family:var(--font-mono,ui-monospace,'Space Mono',monospace);direction:ltr;unicode-bidi:isolate;color:inherit;font-variant-numeric:tabular-nums}.watch-snippet-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.22s ease}.watch-snippet.is-expanded .watch-snippet-body{grid-template-rows:1fr}.watch-snippet-body>.watch-desc-wrap{overflow:hidden;min-height:0}.watch-snippet:not (.is-expanded) .watch-snippet-body{grid-template-rows:1fr}.watch-snippet:not (.is-expanded) .watch-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:none;overflow:hidden}.watch-snippet.is-expanded .watch-desc{display:block;-webkit-line-clamp:unset;max-height:none}.watch-snippet-more{align-self:flex-start;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--wic-accent,#fff) 55%,#fff);line-height:1.2}.watch-reactions.nano-actions,.watch-reactions.react-bar{--react-h:40px;--react-chip:rgba(255,255,255,0.08);--react-chip-hover:rgba(255,255,255,0.14);--react-accent:var(--wic-accent,var(--rank-secondary,#fff));display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 var(--wic-gap,14px);padding:0;min-width:0;width:100%;max-width:100%;height:auto;min-height:0;border-radius:0;background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.watch-reactions.react-bar::-webkit-scrollbar{display:none}.react-actions-trail{display:contents}.react-seg,.watch-reactions.react-bar>.three-dot-btn,.watch-reactions.react-bar>.react-btn--together,.watch-reactions.react-bar>.ai-summary-btn,.watch-reactions.react-bar>.react-share-btn,.watch-reactions.react-bar>.react-offline-btn,.watch-reactions.react-bar>a.react-seg{--chip-edge:color-mix(in srgb,var(--react-accent,var(--rank-color,#c9a227)) 42%,rgba(255,255,255,0.18));display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;flex:0 0 auto;width:var(--react-h);min-width:var(--react-h);height:var(--react-h);min-height:var(--react-h);max-height:var(--react-h);padding:0;margin:0;border:1px solid var(--chip-edge);border-radius:999px;background:linear-gradient(165deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.03) 42%,rgba(0,0,0,0.18) 100%),color-mix(in srgb,var(--rank-color,#9098A4) 10%,rgba(12,14,22,0.72));color:#fff;font-family:inherit;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -1px 0 rgba(0,0,0,0.28),0 6px 18px rgba(0,0,0,0.28),0 0 0 1px rgba(0,0,0,0.2);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);position:relative;isolation:isolate;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease,filter 0.18s ease,transform 0.12s ease,box-shadow 0.18s ease}.react-seg::before,.watch-reactions.react-bar>.three-dot-btn::before,.watch-reactions.react-bar>.react-btn--together::before,.watch-reactions.react-bar>.ai-summary-btn::before,.watch-reactions.react-bar>.react-share-btn::before,.watch-reactions.react-bar>.react-offline-btn::before,.watch-reactions.react-bar>a.react-seg::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--react-accent,#fff) 18%,transparent) 50%,transparent 65%);opacity:0.35;pointer-events:none;z-index:0}.react-seg>*,.watch-reactions.react-bar>.three-dot-btn>*,.watch-reactions.react-bar>.react-btn--together>*,.watch-reactions.react-bar>.ai-summary-btn>*,.watch-reactions.react-bar>.react-share-btn>*,.watch-reactions.react-bar>.react-offline-btn>*,.watch-reactions.react-bar>a.react-seg>*{position:relative;z-index:1}.react-seg+.react-seg,.react-vote-segment+.react-seg,.react-seg+.three-dot-btn{border-inline-start:1px solid var(--chip-edge)}.react-seg:hover,.watch-reactions.react-bar>.three-dot-btn:hover,.watch-reactions.react-bar>.react-btn--together:hover,.watch-reactions.react-bar>.ai-summary-btn:hover,.watch-reactions.react-bar>.react-share-btn:hover,.watch-reactions.react-bar>.react-offline-btn:hover,.watch-reactions.react-bar>a.react-seg:hover{background:linear-gradient(165deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.05) 42%,rgba(0,0,0,0.14) 100%),color-mix(in srgb,var(--react-accent,var(--rank-color,#9098A4)) 16%,rgba(12,14,22,0.72));color:#fff;border-color:color-mix(in srgb,var(--react-accent,#fff) 55%,rgba(255,255,255,0.22));box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),inset 0 -1px 0 rgba(0,0,0,0.22),0 8px 20px rgba(0,0,0,0.32),0 0 16px color-mix(in srgb,var(--react-accent,#fff) 18%,transparent);transform:none;filter:brightness(1.04)}.react-seg:active,.watch-reactions.react-bar>.three-dot-btn:active,.watch-reactions.react-bar>.react-btn--together:active,.watch-reactions.react-bar>.ai-summary-btn:active,.watch-reactions.react-bar>.react-share-btn:active,.watch-reactions.react-bar>.react-offline-btn:active{transform:scale(0.96);filter:brightness(0.98)}.react-seg .react-btn-text{display:none}.watch-reactions .react-vote-segment{--vote-edge:color-mix(in srgb,var(--react-accent,var(--rank-color,#c9a227)) 42%,rgba(255,255,255,0.18));position:relative;display:inline-flex;flex-direction:row;align-items:stretch;gap:0;flex:0 0 auto;height:var(--react-h);min-height:var(--react-h);padding:0;border-radius:999px;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.03) 42%,rgba(0,0,0,0.18) 100%),color-mix(in srgb,var(--rank-color,#9098A4) 10%,rgba(12,14,22,0.72)) !important;border:1px solid var(--vote-edge) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -1px 0 rgba(0,0,0,0.28),0 6px 18px rgba(0,0,0,0.28),0 0 0 1px rgba(0,0,0,0.2) !important;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.watch-reactions .react-vote-segment::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--react-accent,#fff) 18%,transparent) 50%,transparent 65%);opacity:0.35;pointer-events:none;z-index:0}.watch-reactions .react-vote-segment .react-btn.like-btn,.watch-reactions .react-vote-segment .react-btn.dislike-btn{position:relative;z-index:1;display:inline-flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:8px !important;flex:0 0 auto !important;width:auto !important;min-width:54px !important;max-width:none !important;height:100% !important;min-height:100% !important;margin:0 !important;padding:0 15px !important;border:none !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;color:rgba(255,255,255,0.92) !important;font-size:12.5px !important;font-weight:750 !important;font-family:inherit !important;letter-spacing:0.02em;line-height:1 !important;white-space:nowrap !important;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background 0.18s ease,color 0.18s ease,filter 0.18s ease}.watch-reactions .react-vote-segment .react-btn.like-btn:hover,.watch-reactions .react-vote-segment .react-btn.dislike-btn:hover{background:color-mix(in srgb,var(--react-accent,#fff) 12%,transparent) !important;color:#fff !important;border-color:transparent !important;box-shadow:none !important;transform:none !important;filter:brightness(1.05)}.watch-reactions .react-vote-segment .react-btn.like-btn:active,.watch-reactions .react-vote-segment .react-btn.dislike-btn:active{background:color-mix(in srgb,var(--react-accent,#fff) 18%,transparent) !important;transform:none !important;filter:brightness(0.98)}.watch-reactions .react-vote-segment .react-btn.like-btn.liked{color:#ff4d6d !important;background:color-mix(in srgb,#ff4d6d 16%,transparent) !important;text-shadow:0 0 18px color-mix(in srgb,#ff4d6d 35%,transparent)}.watch-reactions .react-vote-segment .react-btn.dislike-btn.disliked{color:#b8b8c8 !important;background:rgba(255,255,255,0.08) !important;text-shadow:none !important}.watch-reactions .react-vote-segment .react-btn.like-btn.liked svg,.watch-reactions .react-vote-segment .react-btn.like-btn.liked [data-lucide]{fill:currentColor;stroke:currentColor;color:inherit !important;filter:drop-shadow(0 0 8px color-mix(in srgb,#ff4d6d 45%,transparent))}.watch-reactions .react-vote-segment .react-btn.dislike-btn.disliked svg,.watch-reactions .react-vote-segment .react-btn.dislike-btn.disliked [data-lucide]{fill:none;stroke:currentColor;color:inherit !important}.watch-reactions .react-vote-segment .react-btn svg,.watch-reactions .react-vote-segment .react-btn [data-lucide]{width:17px !important;height:17px !important;flex-shrink:0;display:block;stroke-width:var(--icon-stroke)}.watch-reactions .react-vote-segment .like-count,.watch-reactions .react-vote-segment .dislike-count{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:800;line-height:1;letter-spacing:0.01em}.watch-reactions .react-vote-divider{display:block !important;position:relative;z-index:1;width:1px;align-self:stretch;margin:8px 0;flex-shrink:0;background:linear-gradient( 180deg,transparent 0%,color-mix(in srgb,var(--react-accent,#fff) 55%,rgba(255,255,255,0.25)) 50%,transparent 100% );box-shadow:0 0 8px color-mix(in srgb,var(--react-accent,#fff) 25%,transparent)}.react-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-width:max-content;width:auto;height:var(--react-h,40px);min-height:var(--react-h,40px);padding:0 12px;border-radius:999px;background:transparent;border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background 0.15s ease,color 0.15s ease;font-family:inherit;white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.react-btn:hover{background:rgba(255,255,255,0.08);color:#fff;box-shadow:none}.react-btn.like-btn.liked,.react-btn.dislike-btn.disliked{background:transparent;color:#fff;box-shadow:none}.react-btn.liked,.react-btn.disliked,.react-btn.saved,.react-btn.reacted{}.react-btn svg,.react-btn [data-lucide]{width:18px;height:18px;flex-shrink:0}.react-btn:active{transform:scale(0.96)}.react-btn--together{color:#fff}.react-btn--together [data-lucide],.react-btn--together svg{width:20px;height:20px;color:inherit}.watch-reactions.react-bar>.ai-summary-btn,.watch-reactions.react-bar>a.ai-summary-btn,.watch-reactions.react-bar>.react-share-btn,.watch-reactions.react-bar>.react-offline-btn,.watch-reactions.react-bar>.react-btn--together,.watch-reactions.react-bar>.three-dot-btn{color:#fff}.watch-reactions.react-bar>.ai-summary-btn:hover,.watch-reactions.react-bar>a.ai-summary-btn:hover,.watch-reactions.react-bar>.react-share-btn:hover,.watch-reactions.react-bar>.react-offline-btn:hover,.watch-reactions.react-bar>.react-btn--together:hover{color:#fff}.watch-reactions.react-bar>.ai-summary-btn [data-lucide],.watch-reactions.react-bar>.ai-summary-btn svg,.watch-reactions.react-bar>a.ai-summary-btn [data-lucide],.watch-reactions.react-bar>a.ai-summary-btn svg,.watch-reactions.react-bar>.react-share-btn [data-lucide],.watch-reactions.react-bar>.react-share-btn svg,.watch-reactions.react-bar>.react-offline-btn [data-lucide],.watch-reactions.react-bar>.react-offline-btn svg,.watch-reactions.react-bar>.react-btn--together [data-lucide],.watch-reactions.react-bar>.react-btn--together svg{width:18px;height:18px;color:inherit;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--react-accent,#fff) 22%,transparent))}.watch-reactions.react-bar>.react-offline-btn--lock{color:color-mix(in srgb,#f5c84c 78%,#fff);border-color:color-mix(in srgb,#f5c84c 45%,rgba(255,255,255,0.18))}.three-dot-wrap{position:relative;display:inline-block}.watch-reactions.react-bar>.three-dot-btn{width:var(--react-h);min-width:var(--react-h);color:#fff}.watch-reactions.react-bar>.three-dot-btn svg{width:17px;height:17px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--react-accent,#fff) 22%,transparent))}#bottomSheetOverlay,#aiSummaryOverlay{position:fixed;inset:0;z-index:10150;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none !important;visibility:hidden;transition:opacity .3s,visibility .3s;display:flex;align-items:flex-end;justify-content:center}#bottomSheetOverlay[hidden],#aiSummaryOverlay[hidden]{display:none !important}#bottomSheetOverlay.open,#aiSummaryOverlay.open{opacity:1;visibility:visible;pointer-events:auto !important}#bottomSheetOverlay .bottom-sheet,#aiSummaryOverlay .bottom-sheet{width:100%;max-width:480px;max-height:72vh;background:linear-gradient(180deg,color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 8%,#16182a) 0%,#10121f 42%,#0c0e18 100%);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:22px 22px 0 0;padding:4px 0 calc(14px + env(safe-area-inset-bottom, 0));transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);overflow-y:auto;border-top:1px solid color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 22%,rgba(255,255,255,0.08));box-shadow:0 -16px 48px rgba(0,0,0,0.45)}#bottomSheetOverlay.open .bottom-sheet,#aiSummaryOverlay.open .bottom-sheet{transform:translateY(0)}#bottomSheetOverlay .bottom-sheet-handle,#aiSummaryOverlay .bottom-sheet-handle{width:36px;height:4px;border-radius:999px;background:rgba(255,255,255,0.28);margin:10px auto 4px}#bottomSheetOverlay .bottom-sheet-head,#aiSummaryOverlay .bottom-sheet-head{display:flex;align-items:center;gap:10px;padding:4px 12px 12px;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 8%,#16182a) 0%,color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 6%,#141625) 100%)}#bottomSheetOverlay .bottom-sheet-title,#aiSummaryOverlay .bottom-sheet-title{flex:1;min-width:0;font-size:16px;font-weight:800;color:#fff;letter-spacing:-0.01em;padding:0 4px;text-align:start;line-height:1.3}#bottomSheetOverlay .bottom-sheet-close,#aiSummaryOverlay .bottom-sheet-close{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,0.1);border-radius:50%;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.82);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s}#bottomSheetOverlay .bottom-sheet-close:hover,#aiSummaryOverlay .bottom-sheet-close:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.18);color:#fff}#bottomSheetOverlay .bottom-sheet-close:active,#aiSummaryOverlay .bottom-sheet-close:active{transform:scale(0.94)}#bottomSheetOverlay .bottom-sheet-close svg,#bottomSheetOverlay .bottom-sheet-close [data-lucide],#aiSummaryOverlay .bottom-sheet-close svg,#aiSummaryOverlay .bottom-sheet-close [data-lucide]{width:18px;height:18px}.bs-list{display:flex;flex-direction:column;gap:2px;padding:0 10px 4px}.bs-list--danger{padding-bottom:4px}.bs-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 14px 10px}.bs-quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:10px 4px 8px;background:none;border:none;border-radius:14px;color:rgba(255,255,255,0.82);cursor:pointer;font-family:inherit;text-decoration:none;transition:background .15s,color .15s}.bs-quick:hover{background:rgba(255,255,255,0.05);color:#fff}.bs-quick-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.07);color:rgba(255,255,255,0.72);transition:background .15s,color .15s,border-color .15s}.bs-quick:hover .bs-quick-icon{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.12);color:var(--primary)}.bs-quick-icon svg,.bs-quick-icon i,.bs-quick-icon [data-lucide]{width:20px;height:20px;flex-shrink:0}.bs-quick-label{max-width:100%;font-size:11.5px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:14px;color:rgba(255,255,255,0.88);font-size:14px;font-weight:650;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s;text-align:right}.bs-item:hover{background:color-mix(in srgb,var(--rank-color,var(--primary)) 12%,rgba(255,255,255,0.05));border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 28%,rgba(255,255,255,0.08));color:#fff}.bs-item:active{transform:scale(0.985)}.bs-item>span:first-of-type,.bs-item>span:not (.bs-prime-badge){flex:1;min-width:0}.bs-item svg,.bs-item i,.bs-item [data-lucide]{width:20px;height:20px;flex-shrink:0;color:color-mix(in srgb,var(--rank-color,#c4b5fd) 70%,#fff)}.bs-item:hover svg,.bs-item:hover i,.bs-item:hover [data-lucide]{color:var(--rank-color,var(--primary))}.bs-item.watch-later-btn.saved,.bs-item.watch-later-btn[aria-pressed="true"]{border-color:color-mix(in srgb,var(--rank-color,var(--primary)) 35%,transparent);background:color-mix(in srgb,var(--rank-color,var(--primary)) 10%,transparent)}.bs-item--prime-lock{color:rgba(241,242,248,0.78)}.bs-item--prime-lock .bs-prime-badge{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:800;color:#f0d78c;background:linear-gradient(135deg,rgba(212,175,55,0.2),rgba(243,229,171,0.08));border:1px solid rgba(212,175,55,0.32)}.bs-item--prime-lock .bs-prime-badge svg,.bs-item--prime-lock .bs-prime-badge [data-lucide]{width:12px;height:12px;color:#f0d78c}.bs-item--danger{color:color-mix(in srgb,var(--danger,#ff5c7a) 78%,#fff);background:color-mix(in srgb,var(--danger,#ff5c7a) 6%,rgba(255,255,255,0.02));border-color:color-mix(in srgb,var(--danger,#ff5c7a) 18%,rgba(255,255,255,0.05))}.bs-item--danger svg,.bs-item--danger i,.bs-item--danger [data-lucide]{color:color-mix(in srgb,var(--danger,#ff5c7a) 82%,transparent)}.bs-item--danger:hover{background:color-mix(in srgb,var(--danger,#ff5c7a) 12%,transparent);border-color:color-mix(in srgb,var(--danger,#ff5c7a) 28%,transparent);color:color-mix(in srgb,var(--danger,#ff5c7a) 55%,#fff)}.bs-item--danger:hover svg,.bs-item--danger:hover i,.bs-item--danger:hover [data-lucide]{color:color-mix(in srgb,var(--danger,#ff5c7a) 55%,#fff)}.bs-divider{height:1px;background:rgba(255,255,255,0.07);margin:10px 18px}@media (max-width:480px){#bottomSheetOverlay .bottom-sheet-head,#aiSummaryOverlay .bottom-sheet-head{padding:2px 10px 10px}#bottomSheetOverlay .bottom-sheet-title,#aiSummaryOverlay .bottom-sheet-title{font-size:15px}#bottomSheetOverlay .bottom-sheet-close,#aiSummaryOverlay .bottom-sheet-close{width:34px;height:34px}.bs-list{padding:0 8px 2px;gap:4px}.bs-quick-actions{padding:0 10px 8px;gap:4px}.bs-quick{padding:8px 2px 6px}.bs-quick-icon{width:40px;height:40px;border-radius:12px}.bs-quick-icon svg,.bs-quick-icon i,.bs-quick-icon [data-lucide]{width:18px;height:18px}.bs-quick-label{font-size:11px}.bs-item{padding:12px 12px;font-size:13.5px;border-radius:13px}.bs-item svg,.bs-item i,.bs-item [data-lucide]{width:18px;height:18px}.bs-divider{margin:8px 14px}}.creator-card.nano-creator,.creator-card{display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:14px;flex-wrap:nowrap;background:var(--surface,#151829);border:1px solid rgba(255,255,255,0.07);border-radius:var(--radius-lg,16px);overflow:visible;position:relative;min-width:0}.watch-info-card>.creator-card.nano-creator,.watch-info-card>.creator-card{margin:0 0 10px;padding:8px 10px;gap:10px;min-height:0;max-height:none;border-radius:12px;align-items:center;flex-wrap:nowrap;background:color-mix(in srgb,var(--wic-accent,#fff) 7%,rgba(255,255,255,0.02)) !important;border:1px solid color-mix(in srgb,var(--wic-accent,#fff) 20%,rgba(255,255,255,0.06)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.watch-info-card>.creator-card .creator-avatar-link{width:40px;height:40px}.watch-info-card>.creator-card .creator-avatar{width:40px;height:40px}.watch-info-card>.creator-card .creator-name{font-size:13px;line-height:1.25;flex-wrap:nowrap;overflow:visible;align-items:center}.watch-info-card>.creator-card .creator-info>a{display:block;min-width:0;text-decoration:none}.watch-info-card>.creator-card .creator-stats{margin-top:1px;flex-wrap:nowrap;gap:6px;overflow:hidden;min-width:0}.watch-info-card>.creator-card .creator-stats>span:first-child{flex-shrink:0}.watch-info-card>.creator-card .creator-stats .level-badge{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:2px 7px;line-height:1.2}.watch-info-card>.creator-card .creator-edit-link{min-height:32px;height:32px;padding:0 11px;font-size:11.5px;gap:5px}.watch-info-card .level-badge,.watch-info-card .level-badge.rank-themed{border:1px solid color-mix(in srgb,var(--rank-color-base,var(--wic-accent)) 38%,rgba(255,255,255,0.12));color:color-mix(in srgb,var(--rank-color-base,var(--wic-accent)) 42%,#fff);background:color-mix(in srgb,var(--rank-color-base,var(--wic-accent)) 12%,rgba(255,255,255,0.03));background-image:none !important;box-shadow:none;animation:none !important}.watch-info-card .react-btn--together{border-color:color-mix(in srgb,var(--rank-color) 42%,rgba(255,255,255,0.18)) !important;background:linear-gradient(165deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.03) 42%,rgba(0,0,0,0.18) 100%),color-mix(in srgb,var(--rank-color) 14%,rgba(12,14,22,0.72)) !important;color:var(--rank-secondary,#fff) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -1px 0 rgba(0,0,0,0.28),0 6px 18px rgba(0,0,0,0.28) !important}.watch-info-card .react-btn--together:hover{background:linear-gradient(165deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.05) 42%,rgba(0,0,0,0.14) 100%),color-mix(in srgb,var(--rank-color) 22%,rgba(12,14,22,0.72)) !important;border-color:color-mix(in srgb,var(--rank-color) 55%,rgba(255,255,255,0.22)) !important}.creator-avatar-link{flex-shrink:0;position:relative;width:42px;height:42px;border-radius:50%;overflow:hidden;display:block}.creator-avatar-ring{display:none !important}.creator-avatar{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;border:0;display:block;box-shadow:none}.creator-info{flex:1;min-width:0}.creator-name{font-size:13.5px;font-weight:800;color:#fff;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0}.creator-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.creator-name:hover .creator-name-text{color:var(--rank-secondary,#22d3ee)}.creator-name .creator-badge{display:inline-flex;align-items:center;flex-shrink:0;font-size:9px;padding:2px 7px;border-radius:999px;line-height:1.2;background:linear-gradient(135deg,#d4af37,#f3e5ab);color:#1a1200;font-weight:800;white-space:nowrap;letter-spacing:0.02em}.watch-info-card .creator-name .creator-badge{border:1px solid rgba(201,162,39,0.45) !important;background:linear-gradient(135deg,#c9a227,#f5e6b8) !important;color:#1a1200 !important;box-shadow:none !important}.creator-stats{font-size:11px;color:var(--text-dim,#5C5F78);margin-top:2px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.creator-stats .level-badge,.comment-username .level-badge{font-size:10px}.creator-actions{flex-shrink:0;position:relative;z-index:2;overflow:visible;align-self:center}.watch-info-card .creator-actions .yt-sub{display:inline-flex;flex-shrink:0}.watch-info-card .creator-actions .yt-sub-btn,.watch-info-card .creator-actions .subscribe-btn-premium{position:relative;min-width:0;width:auto;max-width:100%;min-height:34px;height:auto;padding:0 12px;gap:5px;white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:0.01em;line-height:1;overflow:hidden;isolation:isolate;transition:background 0.22s ease,color 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease,filter 0.22s ease,transform 0.18s ease}.watch-info-card .creator-actions .yt-sub-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.22) 0%,transparent 48%);pointer-events:none;z-index:0;opacity:0.85}.watch-info-card .creator-actions .yt-sub-btn>*{position:relative;z-index:1}.watch-info-card .creator-actions .yt-sub-btn:not (.is-subscribed):not (.subscribed),.watch-info-card .creator-actions .subscribe-btn-premium:not (.is-subscribed):not (.subscribed){background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#0b0d12 !important;border:1px solid color-mix(in srgb,var(--rank-color,#65d887) 45%,rgba(255,255,255,0.35)) !important;box-shadow:0 1px 0 rgba(255,255,255,0.28) inset,0 6px 18px color-mix(in srgb,var(--rank-color,#65d887) 28%,transparent),0 2px 6px rgba(0,0,0,0.25) !important;text-shadow:0 1px 0 rgba(255,255,255,0.2)}.watch-info-card .creator-actions .yt-sub-btn:not (.is-subscribed):not (.subscribed):hover,.watch-info-card .creator-actions .subscribe-btn-premium:not (.is-subscribed):not (.subscribed):hover{filter:brightness(1.07) saturate(1.05);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,0.32) inset,0 10px 22px color-mix(in srgb,var(--rank-color,#65d887) 34%,transparent),0 3px 8px rgba(0,0,0,0.28) !important}.watch-info-card .creator-actions .yt-sub-btn.is-subscribed,.watch-info-card .creator-actions .yt-sub-btn.subscribed,.watch-info-card .creator-actions .subscribe-btn-premium.subscribed{background:rgba(255,255,255,0.08) !important;background-image:none !important;color:rgba(255,255,255,0.9) !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 0 0 1px rgba(0,0,0,0.18) !important;text-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.watch-info-card .creator-actions .yt-sub-btn.is-subscribed::before,.watch-info-card .creator-actions .yt-sub-btn.subscribed::before{opacity:0}.watch-info-card .creator-actions .yt-sub-btn.is-subscribed:hover,.watch-info-card .creator-actions .yt-sub-btn.subscribed:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.2) !important;color:#fff !important;transform:none;filter:none}.watch-info-card .creator-actions .yt-sub-label{font-size:inherit;font-weight:inherit}.watch-info-card .creator-actions .yt-sub-bell{display:inline-block !important;visibility:hidden;opacity:0;width:0;height:14px;margin:0;overflow:hidden;flex-shrink:0;transition:opacity 0.18s ease,visibility 0.18s ease,width 0.18s ease}.watch-info-card .creator-actions .yt-sub-btn.is-subscribed .yt-sub-bell,.watch-info-card .creator-actions .yt-sub-btn.subscribed .yt-sub-bell{visibility:visible;opacity:1;width:14px;color:rgba(255,255,255,0.72)}.subscribe-btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill,999px);font-size:12px;font-weight:800;border:none;cursor:pointer;transition:all .25s;font-family:inherit;background:var(--rank-gradient);color:#fff;box-shadow:none;min-height:36px;text-decoration:none;white-space:nowrap}.subscribe-btn-premium:hover{filter:brightness(1.08);transform:translateY(-1px)}.subscribe-btn-premium:active{transform:scale(0.96)}.subscribe-btn-premium.subscribed{background:rgba(255,255,255,0.05);color:var(--text-dim,#9497B0);box-shadow:none;border:1px solid rgba(255,255,255,0.1)}.subscribe-btn-premium.subscribed:hover{background:color-mix(in srgb,var(--rank-color) 12%,transparent);color:var(--rank-secondary);border-color:color-mix(in srgb,var(--rank-secondary) 30%,transparent)}.creator-edit-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 14px;border-radius:var(--radius-pill,999px);font-size:12px;font-weight:800;font-family:inherit;text-decoration:none;white-space:nowrap;color:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--wic-accent))) 55%,#fff);background:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--wic-accent))) 14%,rgba(255,255,255,0.04));background-image:none;border:1px solid color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--wic-accent))) 36%,rgba(255,255,255,0.1));box-shadow:none;transition:background .2s,border-color .2s,color .2s,transform .2s}.creator-edit-link:hover{color:#fff;filter:none;transform:translateY(-1px);background:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--wic-accent))) 22%,rgba(255,255,255,0.05));border-color:color-mix(in srgb,var(--rank-color-base,var(--rank-color,var(--wic-accent))) 48%,rgba(255,255,255,0.14));box-shadow:none}.creator-edit-link:active{transform:scale(0.96)}.creator-edit-link svg{width:13px;height:13px;flex-shrink:0;color:inherit;stroke:currentColor}.watch-desc-wrap{margin:0;padding:0;border-radius:0;background:transparent;border:none}.watch-desc{font-size:13px;line-height:1.65;color:rgba(241,245,249,0.86);max-height:none;overflow:hidden;position:relative;white-space:pre-wrap;text-align:start}.desc-toggle-btn{display:none}.watch-stars{display:inline-flex;align-items:center;gap:2px;background:color-mix(in srgb,var(--rank-color) 8%,rgba(255,255,255,0.03));border:1px solid color-mix(in srgb,var(--rank-color) 22%,rgba(255,255,255,0.08));border-radius:999px;padding:5px 10px 5px 8px;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;flex-shrink:0;position:relative;z-index:2;cursor:default;-webkit-tap-highlight-color:transparent}.watch-stars:hover{border-color:color-mix(in srgb,var(--rank-color) 40%,rgba(255,255,255,0.12));background:color-mix(in srgb,var(--rank-color) 12%,rgba(255,255,255,0.04));box-shadow:0 0 0 1px color-mix(in srgb,var(--rank-color) 18%,transparent)}.watch-stars .star{appearance:none;-webkit-appearance:none;border:none;background:transparent;margin:0;padding:0 1px;font-size:16px;color:rgba(255,255,255,0.28);cursor:pointer;transition:color 0.15s,transform 0.15s,text-shadow 0.15s;line-height:1;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:22px}.watch-stars .star.filled{color:var(--rank-color);text-shadow:0 0 10px color-mix(in srgb,var(--rank-color) 45%,transparent)}.watch-stars .star:hover,.watch-stars .star:focus-visible{transform:scale(1.22);color:var(--rank-secondary,var(--rank-color)) !important;outline:none}.watch-stars .star-text,.comments-rating-meta{font-size:11.5px;color:color-mix(in srgb,#fff 55%,transparent);margin-inline-start:6px;font-weight:700;white-space:nowrap;pointer-events:none}.watch-stars:hover .star-text{color:color-mix(in srgb,#fff 85%,transparent)}.comments-teaser{display:flex;flex-direction:column;gap:10px;width:100%;margin:6px 0 16px;padding:14px 16px 13px;border-radius:18px;border:0;background:color-mix(in srgb,#fff 9%,var(--nano-surface,#151829));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background 0.18s ease,transform 0.15s ease;-webkit-tap-highlight-color:transparent}.comments-teaser:hover,.comments-teaser:focus-visible{background:color-mix(in srgb,#fff 12%,var(--nano-surface,#151829));outline:none}.comments-teaser:active{transform:scale(0.995)}.comments-teaser-head{display:flex;align-items:baseline;justify-content:flex-start;gap:8px}.comments-teaser-title{font-size:14px;font-weight:800;color:color-mix(in srgb,#fff 92%,transparent);letter-spacing:-0.01em}.comments-teaser-count{font-size:13.5px;font-weight:600;color:color-mix(in srgb,#fff 48%,transparent);background:none;border:0;padding:0;min-width:0;height:auto}.comments-teaser-preview{display:flex;align-items:center;gap:10px;min-width:0}.comments-teaser-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:0;background:color-mix(in srgb,#fff 8%,var(--nano-surface-deep,#12122a))}.comments-teaser-text{flex:1;min-width:0;font-size:13px;font-weight:550;color:color-mix(in srgb,#fff 78%,transparent);line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;-webkit-line-clamp:unset}.comments-teaser-preview--empty .comments-teaser-text{color:color-mix(in srgb,#fff 42%,transparent)}html[data-color-mode="light"] .comments-teaser{background:color-mix(in srgb,var(--rank-color) 4%,#f2f2f2)}html[data-color-mode="light"] .comments-teaser:hover,html[data-color-mode="light"] .comments-teaser:focus-visible{background:color-mix(in srgb,var(--rank-color) 7%,#ececec)}html[data-color-mode="light"] .comments-teaser-title{color:color-mix(in srgb,#000 88%,transparent)}html[data-color-mode="light"] .comments-teaser-count{color:color-mix(in srgb,#000 45%,transparent)}html[data-color-mode="light"] .comments-teaser-text{color:color-mix(in srgb,#000 78%,transparent)}html[data-color-mode="light"] .comments-teaser-preview--empty .comments-teaser-text{color:color-mix(in srgb,#000 42%,transparent)}.comments-sheet-overlay{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,0.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.28s ease,visibility 0.28s ease;display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.comments-sheet-overlay[hidden]{display:none !important}.comments-sheet-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.comments-sheet{width:100%;max-width:100%;height:min(88dvh, 920px);max-height:88dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--rank-color) 10%,var(--nano-surface,#16182a)) 0%,var(--nano-surface-deep,#10121f) 42%,#0c0e18 100%);border-top:1px solid color-mix(in srgb,var(--rank-color) 22%,rgba(255,255,255,0.08));box-shadow:0 -16px 48px rgba(0,0,0,0.45);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.32,0.72,0,1);overflow:hidden;min-height:0}.comments-sheet-overlay.open .comments-sheet{transform:translateY(0)}.comments-sheet-handle{width:40px;height:4px;border-radius:999px;background:color-mix(in srgb,#fff 22%,transparent);margin:10px auto 4px;flex-shrink:0}.comments-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 14px 8px;flex-shrink:0}.comments-sheet-title{margin:0;padding:0;border:0;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:850;color:#fff}.comments-sheet-title .comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:800;color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 28%,transparent)}.comments-sheet-header-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.comments-sheet-rating-row{display:flex;align-items:center;gap:10px;padding:0 14px 10px;flex-shrink:0}.comments-sheet-stars.watch-stars{padding:4px 8px;gap:1px;flex-shrink:0}.comments-sheet-stars .star{font-size:14px;min-width:16px;min-height:20px;padding:0}.comments-sheet-rating-label{font-size:12px;font-weight:650;color:color-mix(in srgb,#fff 52%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comments-sheet-icon-btn{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:color-mix(in srgb,#fff 72%,transparent);display:grid;place-items:center;cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.comments-sheet-icon-btn:hover{color:#fff;background:color-mix(in srgb,var(--rank-color) 14%,transparent)}.comments-sheet-icon-btn i,.comments-sheet-icon-btn svg{width:18px;height:18px}.comments-sort-pills{display:flex;gap:8px;padding:0 14px 8px;flex-shrink:0;overflow-x:auto}.comments-sort-pill{flex-shrink:0;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rank-color) 18%,rgba(255,255,255,0.1));background:color-mix(in srgb,var(--rank-color) 6%,transparent);color:color-mix(in srgb,#fff 78%,transparent);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease}.comments-sort-pill.is-active{color:#fff;background:var(--rank-gradient);border-color:transparent;box-shadow:0 4px 14px color-mix(in srgb,var(--rank-color) 28%,transparent)}.comments-guidelines{margin:0 14px 8px;padding:8px 10px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.45;color:color-mix(in srgb,#fff 58%,transparent);background:color-mix(in srgb,var(--rank-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 16%,transparent);flex-shrink:0}.comments-sheet-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.comments-sheet-composer{flex-shrink:0;margin:0;padding:0;width:100%;max-width:none;box-sizing:border-box;border-top:1px solid color-mix(in srgb,var(--rank-color) 14%,rgba(255,255,255,0.06));background:color-mix(in srgb,#0a0b10 88%,var(--nano-surface-deep,#10121f))}.comment-composer--bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:none;min-width:0;min-height:76px;margin:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));border:0;border-radius:0;background:transparent;box-sizing:border-box}.comment-composer--bar .comment-composer-field{flex:1 1 0;min-width:0;display:flex;align-items:center;min-height:52px;padding:12px 14px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--rank-color) 34%,rgba(255,255,255,0.12));background:color-mix(in srgb,#000 35%,transparent);box-sizing:border-box;order:1}.comment-composer--bar .comment-composer-input{width:100%;min-height:28px;max-height:120px;margin:0;padding:0;border:0;background:transparent;color:color-mix(in srgb,#fff 92%,transparent);font:inherit;font-size:16px;line-height:1.5;resize:none;outline:none}.comment-composer--bar .comment-composer-input::placeholder{color:color-mix(in srgb,#fff 42%,transparent);font-size:16px}.comment-composer--bar.is-sending{opacity:0.7;pointer-events:none}.comment-composer--bar .comment-composer-media{flex:0 0 48px;width:48px;height:52px;display:grid;place-items:center;border-radius:14px;color:color-mix(in srgb,#fff 82%,transparent);cursor:pointer;transition:color 0.15s ease,background 0.15s ease;order:2}.comment-composer--bar .comment-composer-media:hover{color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 12%,transparent)}.comment-composer--bar .comment-composer-media i,.comment-composer--bar .comment-composer-media svg{width:26px;height:26px}.comment-composer--bar .comment-composer-send{flex:0 0 52px;width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--rank-gradient);color:#fff;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--rank-color) 36%,transparent);transition:filter 0.18s ease,transform 0.15s ease;order:3}.comment-composer--bar .comment-composer-send:hover{filter:brightness(1.06)}.comment-composer--bar .comment-composer-send:active{transform:scale(0.96)}.comment-composer--bar .comment-composer-send i,.comment-composer--bar .comment-composer-send svg{width:22px;height:22px}.comment-composer--bar .comment-composer-preview{flex:1 1 100%;order:4;position:relative;width:fit-content;max-width:100%}.comment-composer--bar .comment-composer-preview[hidden]{display:none !important}.comment-login-prompt--sheet{display:flex;width:100%;min-height:56px;margin:0;border-radius:0;font-size:14px;box-sizing:border-box}.comments-list{display:flex;flex-direction:column;gap:0}.comment-card{display:flex;gap:12px;padding:14px 14px 12px;border-radius:0;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,#fff 5%,transparent);box-shadow:none;animation:commentCardIn 0.28s cubic-bezier(0.22,1,0.36,1) both;transition:opacity 0.2s ease,transform 0.2s ease,background 0.2s ease}.comment-card.is-removing{opacity:0;transform:translateY(-6px) scale(0.98)}.comment-card.is-pinned{background:color-mix(in srgb,var(--rank-color) 7%,transparent)}.comment-card.comment-reply{margin:0;padding:10px 0;border-bottom:0;border-inline-start:2px solid color-mix(in srgb,var(--rank-color) 28%,transparent);padding-inline-start:12px;background:transparent}.comment-replies{display:flex;flex-direction:column;gap:0;margin-top:4px;margin-inline-start:4px;padding-inline-start:8px;animation:commentRepliesIn 0.28s cubic-bezier(0.22,1,0.36,1) both}.comment-replies[hidden]{display:none !important}.comment-replies-toggle{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;padding:6px 2px;border:0;background:transparent;color:var(--rank-color);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.comment-replies-toggle i,.comment-replies-toggle svg{width:16px;height:16px;transition:transform 0.2s ease}.comment-replies-toggle[aria-expanded="true"] i,.comment-replies-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}@keyframes commentCardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes commentRepliesIn{from{opacity:0.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--rank-color) 35%,transparent);background:var(--nano-surface-deep,#12122a)}.comment-reply .comment-avatar{width:28px;height:28px}.comment-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.comment-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comment-meta-main{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.comment-username{font-size:12.5px;font-weight:800;color:var(--rank-secondary,#fff)}.comment-meta-dot,.comment-date{font-size:11.5px;color:color-mix(in srgb,#fff 42%,transparent);font-weight:600}.comment-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:800;color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 24%,transparent)}.comment-chip i,.comment-chip svg{width:11px;height:11px}.comment-chip--prime,.comment-chip--creator{color:#fff;background:var(--rank-gradient);border-color:transparent}.comment-chip--pinned{color:var(--rank-secondary,var(--rank-color))}.comment-menu-wrap{position:relative;flex-shrink:0}.comment-menu-btn{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:color-mix(in srgb,#fff 48%,transparent);display:grid;place-items:center;cursor:pointer}.comment-menu-btn:hover{color:#fff;background:color-mix(in srgb,var(--rank-color) 12%,transparent)}.comment-menu-btn i,.comment-menu-btn svg{width:16px;height:16px}.comment-menu{position:absolute;top:100%;inset-inline-end:0;z-index:5;min-width:140px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--nano-surface,#151829) 96%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 22%,rgba(255,255,255,0.08));box-shadow:0 12px 28px rgba(0,0,0,0.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.comment-menu[hidden]{display:none !important}.comment-menu button{display:block;width:100%;text-align:start;border:0;background:transparent;color:color-mix(in srgb,#fff 85%,transparent);font:inherit;font-size:13px;font-weight:700;padding:10px 12px;border-radius:10px;cursor:pointer}.comment-menu button:hover{background:color-mix(in srgb,var(--rank-color) 12%,transparent);color:#fff}.comment-menu button.is-danger:hover{color:var(--danger,var(--rank-color));background:color-mix(in srgb,var(--danger,var(--rank-color)) 12%,transparent)}.comment-content{font-size:13.5px;color:color-mix(in srgb,#fff 82%,transparent);line-height:1.55;word-break:break-word;white-space:pre-wrap}.comment-content.is-clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.comment-content.is-expanded{display:block;overflow:visible}.comment-expand-btn{align-self:flex-start;border:0;background:transparent;color:var(--rank-color);font:inherit;font-size:12px;font-weight:750;cursor:pointer;padding:0}.comment-image-wrap{display:block;width:fit-content;max-width:100%}.comment-image{display:block;max-width:min(260px, 100%);max-height:180px;border-radius:12px;object-fit:cover;border:1px solid color-mix(in srgb,var(--rank-color) 18%,transparent)}.comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:2px;direction:ltr;justify-content:flex-start}.comment-action-btn{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 8px;border-radius:999px;border:0;background:transparent;color:color-mix(in srgb,#fff 55%,transparent);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease}.comment-action-btn:hover{color:#fff;background:color-mix(in srgb,var(--rank-color) 12%,transparent)}.comment-action-btn.liked,.comment-action-btn.disliked{color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 12%,transparent)}.comment-action-btn.liked{animation:commentLikePop 0.32s cubic-bezier(0.22,1,0.36,1)}.comment-action-btn i,.comment-action-btn svg{width:16px;height:16px}@keyframes commentLikePop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}.reply-form{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--rank-color) 6%,rgba(0,0,0,0.2));border:1px solid color-mix(in srgb,var(--rank-color) 18%,transparent);animation:commentCardIn 0.22s ease both}.reply-form[hidden]{display:none !important}.reply-form textarea{width:100%;min-height:40px;max-height:120px;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;resize:none;outline:none}.reply-form-actions{display:flex;justify-content:flex-end;gap:8px}.comment-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;border:0;background:transparent;color:color-mix(in srgb,#fff 55%,transparent);cursor:pointer;font:inherit;font-size:12px;font-weight:700;transition:background 0.15s ease,color 0.15s ease}.comment-tool-btn:hover{color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 12%,transparent)}.comment-tool-btn i,.comment-tool-btn svg{width:18px;height:18px}.comment-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:0;background:var(--rank-gradient);color:#fff;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:filter 0.18s ease,transform 0.18s ease;box-shadow:0 6px 18px color-mix(in srgb,var(--rank-color) 28%,transparent)}.comment-send-btn:hover{filter:brightness(1.06)}.comment-send-btn:active{transform:scale(0.97)}.comment-send-btn i,.comment-send-btn svg{width:15px;height:15px}.comment-send-btn--compact{min-width:34px;padding:0 10px;box-shadow:none}.comment-composer-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid color-mix(in srgb,var(--rank-color) 35%,transparent)}.comment-composer:not (.comment-composer--bar){display:flex;align-items:flex-start;gap:12px}.comment-composer:not (.comment-composer--bar).is-sending{opacity:0.7;transform:translateY(-4px);transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:none}.comment-composer:not (.comment-composer--bar) .comment-composer-input{width:100%;min-height:22px;max-height:140px;padding:0;border:0;background:transparent;color:rgba(255,255,255,0.92);font:inherit;font-size:13.5px;line-height:1.55;resize:none;outline:none}.comment-composer:not (.comment-composer--bar) .comment-composer-input::placeholder{color:color-mix(in srgb,#fff 35%,transparent)}.comment-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-composer-preview{position:relative;width:fit-content;max-width:100%}.comment-composer-preview img{display:block;max-width:min(180px, 60vw);max-height:96px;border-radius:12px;object-fit:cover;border:1px solid color-mix(in srgb,var(--rank-color) 24%,transparent)}.comment-composer-preview-clear{position:absolute;top:6px;inset-inline-end:6px;width:28px;height:28px;border-radius:50%;border:0;background:color-mix(in srgb,#000 55%,transparent);color:#fff;display:grid;place-items:center;cursor:pointer}.comment-composer-preview-clear i,.comment-composer-preview-clear svg{width:14px;height:14px}.comment-composer-tools{display:inline-flex;align-items:center;gap:2px}.comment-emoji-panel{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-radius:12px;background:color-mix(in srgb,var(--nano-surface-deep,#12122a) 90%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 20%,rgba(255,255,255,0.08))}.comment-emoji-panel button{width:34px;height:34px;border:0;border-radius:10px;background:transparent;font-size:18px;cursor:pointer}.comment-emoji-panel button:hover{background:color-mix(in srgb,var(--rank-color) 14%,transparent)}.comment-edit-box{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--rank-color) 6%,rgba(0,0,0,0.18));border:1px solid color-mix(in srgb,var(--rank-color) 18%,transparent)}.comment-edit-box textarea{width:100%;min-height:64px;max-height:160px;padding:0;border:0;background:transparent;color:#fff;font:inherit;font-size:13.5px;line-height:1.55;resize:none;outline:none}.comment-edit-actions{display:flex;justify-content:flex-end;gap:8px}.comments-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 18px;text-align:center}.comments-empty-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--rank-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 28%,transparent);color:var(--rank-color)}.comments-empty-icon i,.comments-empty-icon svg{width:26px;height:26px}.comments-empty-title{margin:4px 0 0;font-size:15px;font-weight:800;color:#fff}.comments-empty-desc{font-size:12.5px;color:color-mix(in srgb,#fff 52%,transparent);font-weight:600}.comment-login-prompt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:14px;text-decoration:none;color:var(--rank-color);font-size:13px;font-weight:750;background:color-mix(in srgb,var(--rank-color) 10%,transparent);border:1px dashed color-mix(in srgb,var(--rank-color) 30%,transparent)}.comment-login-prompt i,.comment-login-prompt svg{width:16px;height:16px}body.comments-sheet-open{overflow:hidden;touch-action:none}body.comments-sheet-open .app-nav.bottom-nav,body.comments-sheet-open nav.app-nav,body.comments-sheet-open .bottom-nav{visibility:hidden !important;pointer-events:none !important}@media (max-width:768px){.comments-teaser{margin-inline:var(--mobile-gutter,14px);width:auto;max-width:none;box-sizing:border-box}.comments-sheet-overlay{align-items:flex-end;padding:0}.comments-sheet{width:100%;max-width:100%;height:min(88dvh, 920px);max-height:88dvh;border-radius:22px 22px 0 0}.comment-card{padding:12px 12px 10px;gap:10px}}@media (min-width:900px){.comments-sheet-overlay{align-items:center;padding:24px}.comments-sheet{width:min(560px, 100%);max-width:560px;max-height:min(86dvh, 860px);height:min(86dvh, 860px);border-radius:22px;border:1px solid color-mix(in srgb,var(--rank-color) 22%,rgba(255,255,255,0.08))}}.watch-sidebar .sidebar-title{font-size:14px;font-weight:800;color:#fff;margin:0 0 14px;display:flex;align-items:center;gap:8px}.watch-sidebar .sidebar-title svg{width:18px;height:18px;color:var(--primary)}.sidebar-video{display:flex;gap:12px;padding:10px;border-radius:14px;text-decoration:none;transition:all .25s}.sidebar-video:hover{background:rgba(255,255,255,0.02)}.sidebar-video-thumb{width:168px;min-width:168px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;background:#000;flex-shrink:0}.sidebar-video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.sidebar-video:hover .sidebar-video-thumb img{transform:scale(1.04)}.sidebar-video-info{flex:1;min-width:0}.sidebar-video-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.sidebar-video-channel{font-size:11.5px;color:var(--text-muted);margin-bottom:2px}.sidebar-video-meta{font-size:11px;color:var(--text-dim);display:flex;gap:6px}.sidebar-empty{font-size:13px;color:var(--text-dim);text-align:center;padding:20px 0}@media (max-width:1000px){.watch-layout{grid-template-columns:1fr}.watch-sidebar{margin-top:16px}}@media (max-width:768px){.watch-layout{gap:12px}.watch-title{font-size:16px}.watch-info-card{--wic-pad:13px;--wic-gap:12px;padding:var(--wic-pad);border-radius:16px;margin-bottom:8px}.comments-section{padding:4px 0 16px}.creator-avatar-link{width:40px;height:40px}.creator-avatar{width:40px;height:40px}.sidebar-video-thumb{width:140px;min-width:140px}.player-controls .pc-bottom{flex-wrap:wrap}.watch-reactions.nano-actions,.watch-reactions.react-bar{--react-h:40px;--react-icon:18px;gap:8px;margin-bottom:12px;align-items:center}.watch-reactions.react-bar>.react-seg,.watch-reactions.react-bar>.three-dot-btn,.watch-reactions.react-bar>.react-btn--together,.watch-reactions.react-bar>.ai-summary-btn,.watch-reactions.react-bar>.react-share-btn,.watch-reactions.react-bar>a.react-seg{width:var(--react-h) !important;min-width:var(--react-h) !important;max-width:var(--react-h) !important;height:var(--react-h) !important;min-height:var(--react-h) !important;max-height:var(--react-h) !important;padding:0 !important;box-sizing:border-box !important}.watch-reactions .react-vote-segment{height:var(--react-h) !important;min-height:var(--react-h) !important;max-height:var(--react-h) !important}.watch-reactions .react-vote-segment .react-btn.like-btn,.watch-reactions .react-vote-segment .react-btn.dislike-btn{padding:0 12px !important;min-width:48px !important;height:100% !important;min-height:100% !important;font-size:12px !important;gap:6px !important;flex-direction:row !important}.watch-reactions.react-bar>.react-seg [data-lucide],.watch-reactions.react-bar>.react-seg svg,.watch-reactions.react-bar>.three-dot-btn [data-lucide],.watch-reactions.react-bar>.three-dot-btn svg,.watch-reactions.react-bar>.react-btn--together [data-lucide],.watch-reactions.react-bar>.react-btn--together svg,.watch-reactions.react-bar>.ai-summary-btn [data-lucide],.watch-reactions.react-bar>.ai-summary-btn svg,.watch-reactions.react-bar>.react-share-btn [data-lucide],.watch-reactions.react-bar>.react-share-btn svg,.watch-reactions .react-vote-segment .react-btn svg,.watch-reactions .react-vote-segment .react-btn [data-lucide]{width:var(--react-icon) !important;height:var(--react-icon) !important}.watch-reactions .react-vote-segment .like-count,.watch-reactions .react-vote-segment .dislike-count{font-size:12px}.watch-reactions .react-vote-divider{margin:8px 0}}@media (max-width:480px){.watch-title{font-size:15px}.watch-title-wrap{margin-bottom:10px;gap:6px}.watch-snippet{padding:9px 11px;border-radius:11px}.watch-meta-row{font-size:11.5px;gap:4px}.watch-reactions.nano-actions,.watch-reactions.react-bar{--react-h:40px;--react-icon:18px;gap:8px}.watch-reactions .react-vote-segment .react-btn.like-btn,.watch-reactions .react-vote-segment .react-btn.dislike-btn{padding:0 11px !important;min-width:46px !important;font-size:12px !important;gap:5px !important;flex-direction:row !important}.watch-reactions .react-vote-segment .like-count,.watch-reactions .react-vote-segment .dislike-count{font-size:12px}.watch-reactions .react-vote-divider{margin:8px 0}.creator-avatar{width:36px;height:36px}.subscribe-btn-premium,.creator-edit-link{padding:7px 12px;font-size:11px;min-height:34px}.sidebar-video-thumb{width:120px;min-width:120px}.comment-avatar{width:28px;height:28px}.watch-player-wrap{border-radius:14px}.pc-big-play{width:56px;height:56px}.pc-big-play svg{width:22px;height:22px}.watch-stars{padding:3px 8px 3px 6px}.watch-stars .star{font-size:13px}}@media (max-width:768px){.main-content:has(.watch-layout),.main-content-studio:has(.watch-layout){padding-inline:0 !important}.watch-layout{padding-inline:0 !important;padding-top:0 !important;gap:12px !important;width:100% !important;max-width:100% !important}.watch-primary{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;max-width:100% !important}.watch-info-card,.comments-section,.comments-teaser,.watch-sidebar,.watch-desc-card,.related-section{margin-inline:var(--mobile-gutter,14px) !important;width:auto !important;max-width:none !important;box-sizing:border-box !important}.watch-reactions.nano-actions{width:100% !important;max-width:100% !important;margin-inline:0 !important}.creator-card.nano-creator,.creator-card{flex-wrap:wrap !important;gap:10px !important;row-gap:10px !important}.watch-info-card>.creator-card.nano-creator,.watch-info-card>.creator-card{align-items:center !important;padding:8px 10px !important;gap:8px !important}@media (min-width:521px){.watch-info-card>.creator-card.nano-creator,.watch-info-card>.creator-card{flex-wrap:nowrap !important;row-gap:0 !important}}.watch-info-card>.creator-card .creator-avatar-link{width:38px !important;height:38px !important}.watch-info-card>.creator-card .creator-avatar{width:38px !important;height:38px !important}.watch-info-card>.creator-card .creator-stats{flex-wrap:nowrap !important}.watch-info-card>.creator-card .creator-stats .level-badge{max-width:min(160px, 46vw) !important}.watch-info-card>.creator-card .creator-edit-link{min-height:32px !important;height:32px !important;padding:0 10px !important;font-size:11px !important}.creator-info{flex:1 1 auto !important;min-width:0 !important}.watch-info-card .creator-info{flex:1 1 0 !important;min-width:0 !important}.creator-actions,.creator-actions .yt-sub,.creator-actions .yt-sub-btn,.creator-actions .subscribe-btn-premium{flex-shrink:0 !important}.creator-actions{margin-inline-start:auto !important}.watch-info-card .creator-actions .yt-sub-btn,.watch-info-card .creator-actions .subscribe-btn-premium{min-width:0 !important;width:auto !important;min-height:32px !important;height:auto !important;padding-inline:10px !important;font-size:11.5px !important}.creator-stats .level-badge{max-width:100%}.watch-player-wrap{position:relative !important;overflow:hidden !important;isolation:isolate !important;border-radius:0 !important;width:100% !important;max-width:100% !important;margin-inline:0 !important;margin-bottom:0 !important;box-shadow:none !important;background:#000 !important;aspect-ratio:16 / 9 !important;max-height:none !important}.watch-player-wrap video,.watch-player-wrap .watch-video-el,#watchVideo{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-height:none !important;border-radius:0 !important;object-fit:contain !important}.ambient-glow-canvas{display:none !important}.watch-player-wrap:hover .player-controls{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.watch-player-wrap .player-controls.show{opacity:1 !important;visibility:visible !important;pointer-events:none !important}.watch-player-wrap .player-controls.show .pc-btn,.watch-player-wrap .player-controls.show .pc-progress,.watch-player-wrap .player-controls.show .pc-volume-wrap,.watch-player-wrap .player-controls.show .pc-time{pointer-events:auto !important}.player-controls{position:absolute !important;inset:auto 0 0 0 !important;z-index:20 !important;padding:28px 8px 7px !important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.34) 44%,rgba(0,0,0,0.82) 100%) !important;transition:opacity 0.18s ease,visibility 0.18s ease !important;pointer-events:none !important}.pc-big-play{position:absolute !important;z-index:5 !important}.gesture-overlay{position:absolute !important;inset:0 !important;z-index:3 !important}.pc-settings-menu:not (.show),.pc-quality-sub:not (.show){visibility:hidden !important;pointer-events:none !important}.player-controls .pc-top{margin-bottom:6px !important}.player-controls .pc-progress{height:4px !important}.player-controls .pc-progress:hover,.player-controls .pc-progress:active{height:8px !important}.player-controls .pc-progress.scrubbing{height:8px !important}.player-controls .pc-progress .pc-thumb{width:14px !important;height:14px !important}.player-controls .pc-progress.scrubbing .pc-thumb{width:18px !important;height:18px !important}.player-controls .pc-bottom{flex-wrap:nowrap !important;gap:3px !important;min-width:0 !important}.player-controls .pc-btn{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;padding:5px !important;border-radius:50% !important}.player-controls .pc-btn svg{width:18px !important;height:18px !important}.player-controls .pc-volume-wrap,.player-controls .pc-volume-wrap.is-open{max-width:none !important;overflow:visible !important}.player-controls .pc-volume-panel{width:0 !important;opacity:0 !important;padding-inline:0 !important}.player-controls .pc-volume-wrap.is-open .pc-volume-panel,.player-controls .pc-volume-wrap:focus-within .pc-volume-panel{width:96px !important;opacity:1 !important;padding-inline:4px 8px !important}.player-controls .pc-time{flex:0 1 auto !important;min-width:0 !important;max-width:120px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:10.5px !important;color:rgba(255,255,255,0.86) !important}.player-controls .pc-spacer{flex:1 1 auto !important;min-width:8px !important}.pc-big-play{width:56px !important;height:56px !important;background:rgba(0,0,0,0.4) !important;border:1px solid rgba(255,255,255,0.12) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;box-shadow:0 8px 28px rgba(0,0,0,0.35) !important}.pc-big-play svg,.pc-big-play i,.pc-big-play [data-lucide]{width:22px !important;height:22px !important;color:#fff !important;stroke:#fff !important}.pc-settings-menu,.pc-quality-sub{position:fixed !important;right:10px !important;left:10px !important;bottom:calc(74px + env(safe-area-inset-bottom, 0px)) !important;width:auto !important;min-width:0 !important;max-height:46dvh !important;overflow-y:auto !important;border-radius:14px !important;background:rgba(24,24,24,0.98) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important}.pc-settings-menu .psm-item,.pc-quality-sub .pqs-item{min-height:40px !important;padding:9px 12px !important;font-size:12.5px !important}.watch-player-wrap:fullscreen,.watch-player-wrap.mobile-fullscreen{width:100vw !important;height:100dvh !important;max-height:100dvh !important;margin:0 !important;border-radius:0 !important;background:#000 !important;display:flex !important;align-items:center !important;justify-content:center !important}.watch-player-wrap:fullscreen video,.watch-player-wrap.mobile-fullscreen video,.watch-player-wrap:fullscreen #watchVideo,.watch-player-wrap.mobile-fullscreen #watchVideo{width:100vw !important;height:100dvh !important;max-width:100vw !important;max-height:100dvh !important;aspect-ratio:auto !important;object-fit:contain !important;border-radius:0 !important}.watch-player-wrap:fullscreen .player-controls,.watch-player-wrap.mobile-fullscreen .player-controls,.watch-player-wrap:fullscreen .pc-chrome-top,.watch-player-wrap.mobile-fullscreen .pc-chrome-top,.watch-player-wrap:fullscreen .player-side-rail,.watch-player-wrap.mobile-fullscreen .player-side-rail,.watch-player-wrap:fullscreen .player-emoji-bar,.watch-player-wrap.mobile-fullscreen .player-emoji-bar,.watch-player-wrap:fullscreen .pc-big-play,.watch-player-wrap.mobile-fullscreen .pc-big-play,.watch-player-wrap:fullscreen .player-edge-btn,.watch-player-wrap.mobile-fullscreen .player-edge-btn{z-index:9999 !important}.watch-player-wrap:fullscreen .player-tap-backdrop,.watch-player-wrap.mobile-fullscreen .player-tap-backdrop{z-index:6 !important;pointer-events:auto !important}.watch-player-wrap:fullscreen .player-controls,.watch-player-wrap.mobile-fullscreen .player-controls{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;z-index:10050 !important;padding:44px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;pointer-events:none !important;opacity:0 !important;visibility:hidden !important}.watch-player-wrap:fullscreen .player-controls.show,.watch-player-wrap.mobile-fullscreen .player-controls.show{opacity:1 !important;visibility:visible !important}.watch-player-wrap:fullscreen .player-controls.show .pc-btn,.watch-player-wrap.mobile-fullscreen .player-controls.show .pc-btn,.watch-player-wrap:fullscreen .player-controls.show .pc-progress,.watch-player-wrap.mobile-fullscreen .player-controls.show .pc-progress,.watch-player-wrap:fullscreen .player-controls.show .pc-time,.watch-player-wrap.mobile-fullscreen .player-controls.show .pc-time{pointer-events:auto !important;position:relative;z-index:2}.watch-player-wrap:fullscreen .pc-chrome-top,.watch-player-wrap.mobile-fullscreen .pc-chrome-top{z-index:10050 !important;pointer-events:none !important;opacity:0 !important}.watch-player-wrap:fullscreen.controls-visible .pc-chrome-top,.watch-player-wrap.mobile-fullscreen.controls-visible .pc-chrome-top{opacity:1 !important}.watch-player-wrap:fullscreen.controls-visible .pc-chrome-top .pc-btn,.watch-player-wrap.mobile-fullscreen.controls-visible .pc-chrome-top .pc-btn{pointer-events:auto !important;position:relative;z-index:2}.watch-player-wrap:fullscreen .player-edge-btn,.watch-player-wrap.mobile-fullscreen .player-edge-btn{z-index:10050 !important}.watch-player-wrap:fullscreen .player-tap-backdrop,.watch-player-wrap.mobile-fullscreen .player-tap-backdrop{z-index:6 !important;pointer-events:auto !important}.watch-player-wrap:fullscreen .player-emoji-layer,.watch-player-wrap.mobile-fullscreen .player-emoji-layer{z-index:5 !important;pointer-events:none !important}}.watch-player-wrap .player-controls,.watch-player-wrap .pc-settings-menu,.watch-player-wrap .pc-quality-sub{direction:rtl}.watch-player-wrap .player-controls svg,.watch-player-wrap .gesture-overlay svg,.watch-player-wrap .pc-settings-menu svg,.watch-player-wrap .pc-quality-sub svg{transform:scaleX(-1)}.watch-player-wrap .pc-big-play svg,.watch-player-wrap .pc-big-play i,.watch-player-wrap .pc-big-play [data-lucide]{transform:none !important}.watch-player-wrap .player-controls .pc-cast-icon{transform:none !important;width:20px !important;height:20px !important;display:block}.watch-player-wrap .pc-progress .pc-fill{margin-right:0;margin-left:auto}.watch-player-wrap .pc-progress .pc-fill::after{right:auto;left:-7px}.ai-summary-btn:not (.react-seg){display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;min-height:38px;height:38px;border-radius:var(--radius-pill,999px);cursor:pointer;transition:all 0.2s ease;color:#f5e9ff;background:linear-gradient( 135deg,color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 34%,#1a1530) 0%,color-mix(in srgb,#38bdf8 22%,#151829) 100% );border:1px solid color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 42%,rgba(255,255,255,0.1));box-shadow:0 0 0 1px color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 10%,transparent)}.ai-summary-btn:not (.react-seg):hover{transform:translateY(-1px);color:#fff;border-color:color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 55%,rgba(255,255,255,0.14));box-shadow:0 4px 14px color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 28%,transparent);background:linear-gradient( 135deg,color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 44%,#1a1530) 0%,color-mix(in srgb,#38bdf8 30%,#151829) 100% )}.ai-summary-sheet{max-height:88vh !important;background:radial-gradient(circle at 15% 0%,rgba(168,85,247,.18),transparent 34%),linear-gradient(180deg,rgba(17,20,34,.98),rgba(9,12,22,.99)) !important;border:1px solid rgba(168,85,247,.18) !important;border-radius:26px 26px 0 0 !important;box-shadow:0 -22px 60px rgba(0,0,0,.5),0 0 26px rgba(168,85,247,.16) !important;overflow:hidden !important}.ai-summary-header{display:flex;align-items:center;gap:12px;padding:10px 18px 14px;color:#fff}.ai-summary-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;color:#fff;background:var(--brand-gradient,linear-gradient(135deg,var(--rank-color,var(--primary)),color-mix(in srgb,var(--rank-color,var(--primary)) 40%,#38bdf8)));box-shadow:0 10px 22px rgba(168,85,247,.28)}.ai-summary-heading{display:grid;gap:2px}.ai-summary-heading strong{font-size:16px;font-weight:900}.ai-summary-heading span{color:rgba(226,232,240,.68);font-size:12px;font-weight:700}.ai-summary-content{padding:0 18px 16px !important;color:var(--text) !important;direction:rtl;text-align:right;font-size:14px;line-height:1.75;overflow-y:auto;max-height:58vh}.ai-summary-pro-card,.ai-summary-content h3,.ai-summary-content h4,.ai-summary-content p,.ai-summary-content ul{border-radius:18px}.ai-summary-content h3,.ai-summary-content h4{margin:12px 0 8px;padding:10px 12px;color:#fff;font-size:14px;font-weight:900;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.18)}.ai-summary-content p{margin:8px 0;padding:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.ai-summary-content ul{display:grid;gap:8px;margin:8px 0;padding:0;list-style:none}.ai-summary-content li{position:relative;padding:10px 34px 10px 12px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.ai-summary-content li::before{content:"";position:absolute;right:12px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--brand-gradient,linear-gradient(135deg,var(--rank-color,var(--primary)),color-mix(in srgb,var(--rank-color,var(--primary)) 40%,#38bdf8)));box-shadow:0 0 12px rgba(168,85,247,.55)}.ai-summary-close{justify-content:center !important;min-height:46px !important;margin:0 18px 18px !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.08) !important;background:rgba(255,255,255,.055) !important;color:rgba(255,255,255,.78) !important;font-weight:850 !important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.main-content:has(.watch-page){background:var(--nano-surface-deep,#0a0b12);padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));overflow-x:clip}body:has(.watch-page) nav.app-nav,body:has(.watch-page) nav.app-nav.bottom-nav,body:has(.watch-page) nav.app-nav.mol-nav.bottom-nav,body:has(.watch-page) .app-nav.bottom-nav,body:has(.watch-page) .app-nav.mol-nav.bottom-nav,body:has(.watch-page) #appNav,body.watch-page-body nav.app-nav,body.watch-page-body nav.app-nav.bottom-nav,body.watch-page-body .app-nav.bottom-nav,body.watch-page-body #appNav{display:none !important;visibility:hidden !important;pointer-events:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important}body:has(.watch-page) .app-shell>#appNav,body.watch-page-body .app-shell>#appNav{display:none !important}.ambient-glow-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0.25;pointer-events:none;transition:opacity 0.5s;border-radius:inherit;filter:blur(40px) brightness(0.6)}.watch-sidebar .sidebar-title [data-lucide],.watch-sidebar .sidebar-title svg{width:18px;height:18px;color:var(--rank-secondary,#22d3ee);flex-shrink:0}.watch-sidebar .sidebar-video{border:1px solid transparent;background:transparent}.watch-sidebar .sidebar-video:hover{background:#151829;border-color:rgba(255,255,255,0.06)}.comments-empty{padding:36px 16px;border-radius:16px;background:#151829;border:1px solid rgba(255,255,255,0.08)}.comments-empty svg{width:40px;height:40px;color:var(--rank-color,#7c5cff);opacity:0.55}.ai-loader{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 0}.ai-spinner{width:36px;height:36px;border:3px solid color-mix(in srgb,var(--rank-color,#7c5cff) 12%,transparent);border-top-color:var(--rank-color,#7c5cff);border-radius:50%;animation:spin 1s linear infinite}.ai-loader-text{color:var(--text-secondary,#9497b0);font-size:13px;font-weight:600}.ai-summary-sheet{background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--rank-color,#7c5cff) 18%,transparent),transparent 34%),linear-gradient(180deg,#151829,#12122a) !important;border:1px solid color-mix(in srgb,var(--rank-color,#7c5cff) 22%,rgba(255,255,255,0.08)) !important;box-shadow:0 -22px 60px rgba(0,0,0,0.5),0 0 26px color-mix(in srgb,var(--rank-color,#7c5cff) 16%,transparent) !important}.ai-summary-icon{background:var(--rank-gradient,var(--brand-gradient)) !important;box-shadow:0 10px 22px color-mix(in srgb,var(--rank-color,#7c5cff) 28%,transparent) !important}.ai-summary-content h3,.ai-summary-content h4{background:color-mix(in srgb,var(--rank-color,#7c5cff) 12%,transparent);border-color:color-mix(in srgb,var(--rank-color,#7c5cff) 18%,rgba(255,255,255,0.08))}.ai-summary-content li::before{background:var(--rank-gradient,var(--brand-gradient));box-shadow:0 0 12px color-mix(in srgb,var(--rank-color,#7c5cff) 55%,transparent)}.load-more-comments:hover{border-color:color-mix(in srgb,var(--rank-color,#7c5cff) 28%,rgba(255,255,255,0.08));color:#fff}.pc-chrome-title{flex:1;min-width:0;font-size:16px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.5);padding-inline:0;opacity:0.98}.player-controls{transition:opacity 0.25s ease}.player-tap-backdrop{touch-action:manipulation}.watch-player-wrap:fullscreen,.watch-player-wrap.mobile-fullscreen{position:fixed !important;inset:0 !important;z-index:2147483000 !important;border-radius:0 !important;width:100vw !important;height:100dvh !important;max-width:none !important;max-height:none !important;aspect-ratio:auto !important;margin:0 !important;background:#000 !important;display:flex !important;align-items:center !important;justify-content:center !important}.watch-player-wrap:fullscreen .watch-video-el,.watch-player-wrap.mobile-fullscreen .watch-video-el,.watch-player-wrap:fullscreen video,.watch-player-wrap.mobile-fullscreen video{width:100% !important;height:100% !important;object-fit:contain !important;border-radius:0 !important}.watch-player-wrap:fullscreen .player-tap-backdrop,.watch-player-wrap.mobile-fullscreen .player-tap-backdrop{inset:0 !important;width:100% !important;height:100% !important;z-index:6 !important;pointer-events:auto !important}@media (max-width:900px){.watch-player-wrap{border-radius:0;box-shadow:none;margin-bottom:12px}.pc-chrome-title{font-size:14px}}@media (max-width:520px){.watch-info-card>.creator-card.nano-creator,.watch-info-card>.creator-card{flex-wrap:wrap !important;row-gap:10px !important}.watch-info-card .creator-card>.creator-avatar-link{flex:0 0 auto}.watch-info-card .creator-card>.creator-info{flex:1 1 auto;min-width:0}.watch-info-card .creator-card>.creator-actions{flex:1 0 100%;align-self:stretch;overflow:visible}.watch-info-card .creator-actions .yt-sub{display:flex;width:100%}.watch-info-card .creator-actions .yt-sub-btn,.watch-info-card .creator-actions .subscribe-btn-premium{width:100% !important;justify-content:center}.watch-info-card .creator-card .creator-name{width:100%}}.watch-info-card .creator-card .creator-name{max-width:none}.watch-info-card .creator-card .creator-name-text{flex:1 1 auto;min-width:0}/*! === components/mini-player.css === */:root{--mp-dock-clearance:0px}html.mp-dock-open{--mp-dock-clearance:84px}.mp-dock{--mp-green:var(--primary,#8cb8a8);--mp-green-soft:rgba(0,200,150,0.45);position:fixed;inset-inline:14px;bottom:calc(var(--nav-height, 72px) + 14px);z-index:12050;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(0,calc(100% + 28px),0);transition:opacity 0.32s cubic-bezier(0.2,0.8,0.2,1),transform 0.52s cubic-bezier(0.05,0.7,0.1,1),visibility 0s linear 0.52s;will-change:transform,opacity;max-width:calc(100vw - 28px);width:auto}.mp-dock.is-open{pointer-events:auto;touch-action:pan-y;opacity:1;visibility:visible;transform:translate3d(0,0,0);transition:opacity 0.28s cubic-bezier(0.2,0.8,0.2,1),transform 0.52s cubic-bezier(0.05,0.7,0.1,1),visibility 0s linear 0s}.mp-dock[hidden]{display:none !important}.mp-dock-inner{position:relative;display:flex;flex-direction:row;align-items:center;gap:10px;min-height:72px;padding:6px 10px;border-radius:999px;direction:ltr;cursor:default;touch-action:pan-y;background:linear-gradient(145deg,rgba(28,34,42,0.72),rgba(10,14,18,0.78));border:1px solid rgba(0,200,150,0.28);box-shadow:0 14px 36px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.04) inset,0 0 24px rgba(0,200,150,0.08);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);overflow:visible;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mp-dock-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;text-align:start;cursor:pointer;padding:0;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none}.mp-dock-main:focus-visible{outline:2px solid rgba(0,200,150,0.55);outline-offset:2px;border-radius:12px}.mp-dock-video-slot{width:96px;height:54px;border-radius:12px;overflow:hidden;background:#0a0c10;flex-shrink:0;position:relative;isolation:isolate;box-shadow:0 6px 16px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.06)}.mp-dock-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;background:#12151c;pointer-events:none;border-radius:inherit}.mp-dock-thumb.is-missing,.mp-dock-thumb.is-error{opacity:0.35}.mp-dock-video,#mpDockVideoSlot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;border-radius:inherit;z-index:1;opacity:0;transition:opacity 0.2s ease;background:transparent}.mp-dock-video.is-ready,#mpDockVideoSlot video.is-ready,.mp-dock-video.mp-dock-video--live,#mpDockVideoSlot video.mp-dock-video--live{opacity:1}.mp-dock.mp-dock--expanded{inset:0 !important;bottom:0 !important;inset-inline:0 !important;width:100vw !important;max-width:100vw !important;height:100dvh !important;z-index:14000;pointer-events:auto;opacity:1;visibility:visible;transition:opacity 0.32s ease,visibility 0s linear 0s}.mp-dock.mp-dock--expanded:not (.mp-dock--collapsing){transform:translate3d(0,0,0) !important}.mp-dock.mp-dock--expanding{animation:mp-dock-rise-up 0.46s cubic-bezier(0.22,1,0.36,1) forwards}.mp-dock.mp-dock--collapsing{animation:mp-dock-rise-down 0.38s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes mp-dock-rise-up{from{transform:translate3d(0,calc(100% + 40px),0);opacity:0.88}to{transform:translate3d(0,0,0);opacity:1}}@keyframes mp-dock-rise-down{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,calc(100% + 32px),0);opacity:0.9}}html.mp-dock-expanded,html.mp-dock-expanded body{overflow:hidden}.mp-dock.mp-dock--expanded .mp-dock-inner{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:0;width:100%;height:100%;min-height:100%;margin:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;border:0;background:#000;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.mp-dock.mp-dock--expanded .mp-dock-main{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;padding:0}.mp-dock.mp-dock--expanded .mp-dock-video-slot{position:absolute;inset:0;width:100% !important;height:100% !important;border-radius:0;box-shadow:none;background:#000}.mp-dock.mp-dock--expanded .mp-dock-thumb,.mp-dock.mp-dock--expanded .mp-dock-video,.mp-dock.mp-dock--expanded #mpDockVideoSlot video{object-fit:contain;border-radius:0;opacity:1 !important;background:#000}.mp-dock.mp-dock--expanded .mp-dock-meta{position:absolute;left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom, 0px));z-index:3;padding:16px 18px;direction:rtl;text-align:start;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.72));pointer-events:none}.mp-dock.mp-dock--expanded .mp-dock-title{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mp-dock.mp-dock--expanded .mp-dock-sub{font-size:13px;color:rgba(255,255,255,0.72)}.mp-dock.mp-dock--expanded .mp-dock-btn--close,.mp-dock.mp-dock--expanded .mp-dock-btn--play{position:absolute;z-index:4}.mp-dock.mp-dock--expanded .mp-dock-btn--close{top:calc(12px + env(safe-area-inset-top, 0px));inset-inline-start:14px;width:40px;height:40px;background:rgba(0,0,0,0.55);color:#fff}.mp-dock.mp-dock--expanded .mp-dock-btn--play{bottom:calc(18px + env(safe-area-inset-bottom, 0px));inset-inline-end:18px;width:52px;height:52px}.mp-dock-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden;padding-inline-end:2px;text-align:start;direction:rtl}.mp-dock-title{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;letter-spacing:-0.01em}.mp-dock-sub{font-size:11px;color:rgba(210,216,224,0.62);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mp-dock-btn{border:0;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.18s ease,transform 0.15s ease,color 0.18s ease,box-shadow 0.18s ease;-webkit-tap-highlight-color:transparent;position:relative;padding:0;background:transparent}.mp-dock-btn:active{transform:none}.mp-dock-btn--close{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7);flex-shrink:0}.mp-dock-btn--close:hover{background:rgba(255,255,255,0.14);color:#fff}.mp-dock-btn--close svg,.mp-dock-btn--close i,.mp-dock-btn--close [data-lucide]{width:14px !important;height:14px !important;stroke-width:var(--icon-stroke-emphasis) !important}.mp-dock-btn--play{width:46px;height:46px;border-radius:50%;background:rgba(0,200,150,0.12);box-shadow:0 0 0 1px rgba(0,200,150,0.22),0 0 18px rgba(0,200,150,0.22);color:#fff;flex-shrink:0}.mp-dock-btn--play:hover{background:rgba(0,200,150,0.2);box-shadow:0 0 0 1px rgba(0,200,150,0.35),0 0 22px rgba(0,200,150,0.32)}.mp-dock-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.mp-dock-ring-track,.mp-dock-ring-fill{fill:none;stroke-width:2.4;stroke-linecap:round}.mp-dock-ring-track{stroke:rgba(255,255,255,0.12)}.mp-dock-ring-fill{stroke:var(--mp-green);stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px var(--mp-green-soft));transition:stroke-dashoffset 0.18s linear}.mp-dock-play-icon{position:relative;z-index:1;display:grid;place-items:center;width:18px;height:18px}.mp-dock-play-icon svg,.mp-dock-play-icon i,.mp-dock-play-icon [data-lucide]{width:16px !important;height:16px !important;stroke-width:var(--icon-stroke-emphasis) !important;color:#fff}.mp-dock-progress{display:none !important}.mp-video-placeholder{position:absolute;inset:0;background:#000;z-index:1}@media (max-width:900px){.mp-dock{inset-inline:12px;bottom:calc(var(--nav-height, 64px) + 12px + env(safe-area-inset-bottom, 0px));max-width:calc(100vw - 24px)}.mp-dock-inner{gap:8px;padding:5px 8px;min-height:68px}.mp-dock-video-slot{width:88px;height:50px;border-radius:11px}.mp-dock-btn--play{width:42px;height:42px}.mp-dock-title{font-size:12.5px}.mp-dock-sub{font-size:10.5px}}@media (min-width:901px){.mp-dock{inset-inline:auto 28px;bottom:28px;width:min(380px, calc(100vw - 56px));max-width:min(380px, calc(100vw - 56px))}}@media (max-width:380px){.mp-dock{inset-inline:10px;max-width:calc(100vw - 20px)}.mp-dock-video-slot{width:80px;height:45px;border-radius:10px}.mp-dock-btn--play{width:40px;height:40px}.mp-dock-btn--close{width:28px;height:28px}.mp-dock-title{font-size:12px}}/*! === components/history-page.css === */ .yth-page{--yth-gap:14px;--yth-radius:20px;--yth-thumb-ratio:16 / 9;--yth-ease:cubic-bezier(0.22,1,0.36,1);--yth-dur:240ms;--yth-glass:rgba(255,255,255,0.045);--yth-glass-border:rgba(255,255,255,0.1);--yth-ink:#f8fafc;--yth-muted:rgba(186,198,214,0.78);--yth-soft:rgba(148,163,184,0.88);position:relative;width:100%;max-width:1080px;margin:0 auto;padding:0 0 40px;box-sizing:border-box;animation:ythPageIn var(--yth-dur) var(--yth-ease) both}@keyframes ythPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ythCardIn{from{opacity:0;transform:translateY(16px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ythSpin{to{transform:rotate(360deg)}}.yth-ptr{display:flex;align-items:center;justify-content:center;gap:8px;height:0;overflow:hidden;opacity:0;color:var(--yth-muted);font-size:12.5px;font-weight:750;transition:height var(--yth-dur) ease,opacity var(--yth-dur) ease;pointer-events:none}.yth-ptr.is-visible{opacity:1}.yth-ptr.is-ready .yth-ptr-label{color:var(--rank-color,#22d3ee)}.yth-ptr-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,0.16);border-top-color:var(--rank-color,#22d3ee)}.yth-ptr.is-refreshing .yth-ptr-spinner{animation:ythSpin 0.7s linear infinite}.yth-hero{position:relative;padding:10px var(--mobile-gutter,14px) 14px;margin-bottom:6px}.yth-hero-shell{position:relative;overflow:hidden;border-radius:22px;padding:18px 18px 16px;background:linear-gradient(155deg,rgba(255,255,255,0.09) 0%,rgba(255,255,255,0.02) 42%,transparent 100%),linear-gradient(180deg,color-mix(in srgb,var(--rank-color,#22d3ee) 8%,rgba(8,12,20,0.92)),rgba(8,12,20,0.88));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 22%,rgba(255,255,255,0.1));box-shadow:0 18px 44px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.03) inset,0 1px 0 rgba(255,255,255,0.08) inset;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.yth-hero-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient( 135deg,color-mix(in srgb,var(--rank-color,#22d3ee) 55%,transparent),transparent 38%,color-mix(in srgb,var(--rank-color,#818cf8) 35%,transparent) );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0.65}.yth-hero-glow{position:absolute;inset:-30% -15% auto;height:120%;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 85% 0%,color-mix(in srgb,var(--rank-color,#22d3ee) 28%,transparent),transparent 68%),radial-gradient(ellipse 55% 45% at 10% 20%,color-mix(in srgb,var(--rank-color,#818cf8) 16%,transparent),transparent 72%);opacity:0.95}.yth-hero-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0.07) 0%,transparent 34%,transparent 100%);opacity:0.8}.yth-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.yth-hero-main{display:flex;align-items:flex-start;gap:14px;min-width:0;flex:1}.yth-hero-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,color-mix(in srgb,var(--rank-color,#22d3ee) 32%,rgba(255,255,255,0.08)),rgba(255,255,255,0.03));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 34%,rgba(255,255,255,0.12));box-shadow:0 10px 26px color-mix(in srgb,var(--rank-color,#22d3ee) 18%,transparent),inset 0 1px 0 rgba(255,255,255,0.14)}.yth-hero-badge i,.yth-hero-badge svg{width:24px;height:24px;color:#fff;filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--rank-color,#22d3ee) 45%,transparent))}.yth-hero-copy{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:2px}.yth-hero-eyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:color-mix(in srgb,var(--rank-color,#7dd3fc) 72%,#e2e8f0)}.yth-hero-title{margin:0;font-size:clamp(22px, 5.4vw, 28px);font-weight:900;letter-spacing:-0.035em;line-height:1.1;color:#fff;background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--rank-color,#cbd5e1) 35%,#e2e8f0) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.yth-hero-sub{margin:2px 0 0;font-size:13px;font-weight:650;color:var(--yth-muted);line-height:1.45}.yth-hero-foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08)}.yth-hero-stat{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;color:#f8fafc;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1)}.yth-hero-stat i,.yth-hero-stat svg{width:14px;height:14px;color:var(--rank-color,#7dd3fc)}.yth-hero-stat--soft{color:var(--yth-soft);background:transparent;border-color:rgba(255,255,255,0.06)}.yth-clear-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(248,113,113,0.34);background:linear-gradient(180deg,rgba(248,113,113,0.16),rgba(239,68,68,0.1));color:#fecaca;font-size:12px;font-weight:800;cursor:pointer;flex-shrink:0;box-shadow:0 8px 20px rgba(239,68,68,0.12);backdrop-filter:blur(12px);transition:background var(--yth-dur) ease,transform var(--yth-dur) var(--yth-ease),box-shadow var(--yth-dur) ease}.yth-clear-btn i,.yth-clear-btn svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.yth-clear-btn:hover{background:linear-gradient(180deg,rgba(248,113,113,0.24),rgba(239,68,68,0.16));box-shadow:0 10px 24px rgba(239,68,68,0.18)}.yth-clear-btn:active{transform:scale(0.97)}.yth-toolbar{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;box-sizing:border-box;padding:12px;border-radius:var(--yth-radius);background:linear-gradient(155deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02)),color-mix(in srgb,var(--rank-color,#22d3ee) 5%,rgba(10,14,24,0.75));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 16%,var(--yth-glass-border));backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 12px 32px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.06)}.yth-toolbar-search,.yth-toolbar-sort,.yth-filters-block{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.yth-search-wrap{position:relative;display:block;width:100%}.yth-search-icon{position:absolute;top:50%;inset-inline-start:12px;transform:translateY(-50%);width:17px;height:17px;color:var(--yth-soft);pointer-events:none;z-index:1}.yth-search-input{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:42px;padding-block:0;padding-inline:40px 36px;border-radius:12px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.35);color:var(--yth-ink);font:inherit;font-size:14px;font-weight:650;outline:none;-webkit-appearance:none;appearance:none;transition:border-color var(--yth-dur) ease,box-shadow var(--yth-dur) ease}.yth-search-input::-webkit-search-cancel-button,.yth-search-input::-webkit-search-decoration{-webkit-appearance:none}.yth-search-input::placeholder{color:rgba(148,163,184,0.75)}.yth-search-input:focus{border-color:color-mix(in srgb,var(--rank-color,#22d3ee) 45%,rgba(255,255,255,0.14));box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color,#22d3ee) 14%,transparent)}.yth-search-clear{position:absolute;top:50%;inset-inline-end:6px;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,0.08);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:1}.yth-select-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%}.yth-select-label{font-size:12px;font-weight:750;color:var(--yth-muted);white-space:nowrap}.yth-select{width:100%;min-width:0;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.3);color:var(--yth-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,0.55) 50%),linear-gradient(135deg,rgba(255,255,255,0.55) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-inline-end:28px}[dir="rtl"] .yth-select{background-position:11px calc(50% - 2px),16px calc(50% - 2px);padding-inline-start:28px;padding-inline-end:12px}.yth-filters-block{display:flex;flex-direction:column;gap:6px;min-width:0}.yth-filters-label{font-size:11.5px;font-weight:750;color:var(--yth-muted);padding-inline:2px}.yth-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 4px;mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}.yth-filters::-webkit-scrollbar{display:none}.yth-chip{flex-shrink:0;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.05);color:var(--yth-muted);font:inherit;font-size:12px;font-weight:750;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--yth-dur) ease,border-color var(--yth-dur) ease,color var(--yth-dur) ease,transform var(--yth-dur) var(--yth-ease)}.yth-chip:hover{color:var(--yth-ink);border-color:rgba(255,255,255,0.18)}.yth-chip.is-active{color:#0b0614;background:linear-gradient(135deg,var(--rank-color,#22d3ee),color-mix(in srgb,var(--rank-color,#22d3ee) 60%,#818cf8));border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--rank-color,#22d3ee) 22%,transparent)}.yth-chip:active{transform:scale(0.96)}.yth-list{display:grid;grid-template-columns:1fr;gap:var(--yth-gap);padding-inline:var(--mobile-gutter,14px);justify-items:center}.yth-day{grid-column:1 / -1;width:100%;justify-self:stretch;margin:8px 2px 0;font-size:13px;font-weight:850;letter-spacing:0.02em;color:color-mix(in srgb,var(--rank-color,#94a3b8) 60%,#e2e8f0)}.yth-day:first-child{margin-top:0}.yth-page .history-item{display:block !important;gap:0 !important;padding:0 !important;margin-bottom:0 !important;align-items:stretch !important;border:none !important;border-radius:0 !important;transition:none !important}.yth-page .history-item:hover{transform:none !important;background:transparent !important;border-color:transparent !important}.yth-page .history-item-thumb{width:100% !important;min-width:0 !important;max-width:none !important;height:auto !important;flex-shrink:1 !important;overflow:hidden;position:relative}.yth-page .history-item-thumb img{width:100%;height:100%;object-fit:cover}.yth-page .history-item-title{margin:0;font-size:inherit;font-weight:inherit;color:inherit}.yth-page .history-item-channel{font-size:inherit;color:inherit;font-weight:inherit}.yth-page .history-item-meta{margin:0;font-size:inherit;color:inherit;font-weight:inherit}.yth-card.history-item{margin:0;padding:0;background:transparent !important;border:none !important;box-shadow:none !important;animation:ythCardIn 280ms var(--yth-ease) both;animation-delay:calc(min(var(--yth-i, 1), 14) * 32ms)}.yth-swipe{position:relative;overflow:hidden;border-radius:var(--yth-radius);touch-action:pan-y}.yth-swipe-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-inline:22px;background:linear-gradient(270deg,rgba(239,68,68,0.95),rgba(239,68,68,0.4));color:#fff;font-size:13px;font-weight:800;z-index:0}.yth-swipe-bg i,.yth-swipe-bg svg{width:18px;height:18px}.yth-card-inner{position:relative;z-index:1;display:flex;flex-direction:column;border-radius:var(--yth-radius);overflow:hidden;background:linear-gradient(165deg,rgba(255,255,255,0.08),rgba(255,255,255,0.015) 45%,transparent),color-mix(in srgb,var(--rank-color,#22d3ee) 5%,rgba(10,14,24,0.82));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 16%,var(--yth-glass-border));backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 14px 32px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.06);will-change:transform;transition:border-color var(--yth-dur) ease,box-shadow var(--yth-dur) ease,transform var(--yth-dur) var(--yth-ease)}.yth-card-inner:hover{border-color:color-mix(in srgb,var(--rank-color,#22d3ee) 30%,rgba(255,255,255,0.14));box-shadow:0 18px 40px rgba(0,0,0,0.38),0 0 28px color-mix(in srgb,var(--rank-color,#22d3ee) 10%,transparent),inset 0 1px 0 rgba(255,255,255,0.08)}.yth-thumb-wrap{position:relative;display:block;border-radius:inherit}.yth-thumb{position:relative;display:block;aspect-ratio:var(--yth-thumb-ratio);overflow:hidden;background:#080c14;text-decoration:none;isolation:isolate}.yth-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 320ms var(--yth-ease)}.yth-card-inner:hover .yth-thumb img{transform:scale(1.03)}.yth-duration{position:absolute;inset-inline-end:10px;bottom:10px;z-index:2;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,0.78);backdrop-filter:blur(6px);color:#fff;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}.yth-progress{position:absolute;inset-inline:0;bottom:0;left:0;right:0;z-index:5;height:3px;background:rgba(0,0,0,0.65);overflow:hidden;pointer-events:none;border-radius:0 0 10px 10px}.yth-progress-fill{display:block;height:100%;width:var(--yth-pct,0%);background:var(--rank-color,var(--stream-accent,#22d3ee)) !important;box-shadow:0 0 8px color-mix(in srgb,var(--rank-color,#22d3ee) 60%,transparent);transition:width 320ms var(--yth-ease);border-radius:0 0 10px 10px}.yth-progress--done .yth-progress-fill{width:100%;background:linear-gradient(90deg,#22c55e,#86efac);box-shadow:0 0 8px rgba(34,197,94,0.35)}.yth-watched-badge{position:absolute;inset-inline-start:8px;bottom:12px;z-index:4;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;line-height:1.3;color:#ecfdf5;background:rgba(22,101,52,0.9);backdrop-filter:blur(6px);pointer-events:none}.yth-thumb:has(.yth-progress) .yth-duration{bottom:14px}.yth-cat--thumb{position:absolute;inset-inline-start:8px;top:8px;z-index:2;min-height:20px;padding:0 8px;font-size:10px;backdrop-filter:blur(8px)}.yth-done--thumb{position:absolute;inset-inline-end:8px;top:8px;z-index:2;width:22px;height:22px;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;color:#86efac;background:rgba(8,12,18,0.82);border:1px solid rgba(34,197,94,0.35)}.yth-done--thumb i,.yth-done--thumb svg{width:12px;height:12px}.yth-prime{position:absolute;inset-inline-start:10px;top:10px;z-index:2;padding:4px 9px;border-radius:8px;background:linear-gradient(135deg,#d4af37,#f3e5ab);color:#1a1200;font-size:9.5px;font-weight:850}.yth-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.yth-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.yth-title-row{display:flex;align-items:flex-start;gap:4px;min-width:0}.yth-title-row .yth-title{flex:1;min-width:0}.yth-more{flex-shrink:0;width:32px;height:32px;margin:-4px -6px 0 0;border:none;border-radius:50%;background:transparent;color:var(--yth-muted);display:grid;place-items:center;cursor:pointer;transition:background var(--yth-dur) ease,color var(--yth-dur) ease,transform var(--yth-dur) var(--yth-ease)}.yth-more i,.yth-more svg{width:18px;height:18px}.yth-more:hover{background:rgba(255,255,255,0.08);color:var(--yth-ink)}.yth-more:active{transform:scale(0.92)}.yth-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.yth-foot-spacer{flex:1}.yth-foot-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#86efac;white-space:nowrap}.yth-foot-status i,.yth-foot-status svg{width:14px;height:14px}.yth-meta-sep{opacity:0.45}.yth-cat{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;color:color-mix(in srgb,var(--rank-color,#22d3ee) 75%,#fff);background:color-mix(in srgb,var(--rank-color,#22d3ee) 12%,rgba(255,255,255,0.04));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 22%,transparent)}.yth-done{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800;color:#86efac;background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.28)}.yth-done i,.yth-done svg{width:13px;height:13px}.yth-actions{display:inline-flex;gap:4px;flex-shrink:0}.yth-action{width:34px;height:34px;border:1px solid rgba(255,255,255,0.1);border-radius:12px;background:rgba(255,255,255,0.05);color:rgba(248,250,252,0.88);display:grid;place-items:center;cursor:pointer;transition:background var(--yth-dur) ease,transform var(--yth-dur) var(--yth-ease),border-color var(--yth-dur) ease}.yth-action i,.yth-action svg{width:15px;height:15px}.yth-action:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.18)}.yth-action:active{transform:scale(0.92)}.yth-action--fav.is-liked,.yth-action--fav.liked{color:#fb7185;border-color:rgba(251,113,133,0.35);background:rgba(251,113,133,0.12)}.yth-action--danger:hover{background:rgba(239,68,68,0.18);border-color:rgba(239,68,68,0.35);color:#fecaca}.yth-title{margin:0;font-size:16px;font-weight:850;line-height:1.35;letter-spacing:-0.02em;color:var(--yth-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yth-title:hover{color:#fff}.yth-channel{margin:0;font-size:13px;font-weight:680;color:var(--yth-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yth-prime-dot{color:#d4af37;font-size:10px}.yth-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:680;color:var(--yth-soft)}.yth-watched{color:color-mix(in srgb,var(--rank-color,#7dd3fc) 70%,#e2e8f0);font-variant-numeric:tabular-nums}.yth-pct{padding:2px 8px;border-radius:999px;background:rgba(255,255,255,0.06);color:var(--yth-ink);font-weight:800;font-variant-numeric:tabular-nums}.yth-continue{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:850;color:#0b0614;background:linear-gradient(135deg,var(--rank-color,#22d3ee),color-mix(in srgb,var(--rank-color,#22d3ee) 55%,#818cf8));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 40%,#fff);box-shadow:0 6px 16px color-mix(in srgb,var(--rank-color,#22d3ee) 18%,transparent);transition:transform var(--yth-dur) var(--yth-ease),filter var(--yth-dur) ease;white-space:nowrap;flex-shrink:0}.yth-continue i,.yth-continue svg{width:14px;height:14px}.yth-continue:hover{filter:brightness(1.06);transform:translateY(-1px);color:#0b0614}.yth-continue:active{transform:scale(0.97)}.yth-load-sentinel{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 14px 8px;color:var(--yth-muted);font-size:13px;font-weight:700}.yth-load-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.14);border-top-color:var(--rank-color,#22d3ee);animation:ythSpin 0.75s linear infinite}.yth-load-sentinel[hidden]{display:none !important}.yth-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 22px 80px;animation:ythPageIn 280ms var(--yth-ease) both}.yth-empty-art{width:min(220px, 72vw);margin-bottom:20px;filter:drop-shadow(0 14px 32px color-mix(in srgb,var(--rank-color,#22d3ee) 18%,transparent))}.yth-empty-art svg{width:100%;height:auto;display:block}.yth-empty-title{margin:0;font-size:18px;font-weight:900;color:var(--yth-ink)}.yth-empty-desc{margin:8px 0 0;max-width:320px;font-size:14px;line-height:1.55;color:var(--yth-soft)}.yth-empty-cta{margin-top:22px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--rank-color,var(--primary)) 28%,transparent),color-mix(in srgb,var(--md-sys-color-secondary,var(--info)) 18%,transparent));border:1px solid color-mix(in srgb,var(--rank-color,#22d3ee) 38%,rgba(255,255,255,0.12));color:#fff;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 10px 24px color-mix(in srgb,var(--rank-color,#22d3ee) 16%,transparent)}.yth-card.is-removing .yth-card-inner{opacity:0;transform:translateX(36px) scale(0.98);transition:opacity 220ms ease,transform 220ms var(--yth-ease)}.yth-pagination{margin-top:20px;padding-inline:var(--mobile-gutter,14px)}@media (min-width:720px){.yth-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}}@media (min-width:1024px){.yth-hero{padding-inline:0}.yth-list{padding-inline:0}}@media (max-width:719px){.yth-page{--yth-gap:12px;--yth-card-w:min(78vw, 280px);padding-bottom:calc(var(--nav-height, 72px) + 16px)}.yth-hero{padding:4px var(--mobile-gutter,12px) 10px}.yth-hero-shell{padding:16px 14px 14px;border-radius:18px}.yth-hero-inner{align-items:center;gap:10px}.yth-hero-main{gap:12px}.yth-hero-badge{width:44px;height:44px;border-radius:14px}.yth-hero-badge i,.yth-hero-badge svg{width:20px;height:20px}.yth-hero-eyebrow{font-size:10px}.yth-hero-title{font-size:20px}.yth-hero-sub{font-size:12px}.yth-hero-foot{margin-top:12px;padding-top:12px;gap:6px}.yth-hero-stat{min-height:28px;padding:0 10px;font-size:11px}.yth-clear-btn{min-height:38px;padding:0 11px}.yth-clear-label{display:none}.yth-toolbar{padding:10px;gap:8px;border-radius:14px;background:rgba(14,18,26,0.92)}.yth-search-input{min-height:40px;font-size:13px;padding-inline:38px 34px}.yth-select{min-height:36px;font-size:12.5px}.yth-chip{min-height:32px;padding:0 11px;font-size:11.5px}.yth-list{gap:12px;padding-inline:var(--mobile-gutter,12px)}.yth-card.history-item{width:var(--yth-card-w);max-width:100%;margin-inline:auto}.yth-day{width:100%;justify-self:stretch;margin:10px 0 4px;padding-bottom:4px;font-size:11.5px;border-bottom:1px solid rgba(255,255,255,0.06)}.yth-swipe{border-radius:14px;overflow:hidden}.yth-page .yth-swipe-bg{display:none}.yth-card-inner{display:flex;flex-direction:column;gap:8px;min-height:0;border-radius:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.yth-card-inner:hover{border-color:transparent;box-shadow:none;transform:none}.yth-thumb-wrap{border-radius:14px;overflow:hidden}.yth-thumb{width:100%;min-width:0;margin:0;aspect-ratio:16 / 9;border-radius:14px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 28px rgba(0,0,0,0.35);overflow:hidden}.yth-body{padding:0 2px;gap:0;justify-content:flex-start;background:transparent}.yth-cat--thumb{inset-inline-start:8px;top:8px;font-size:9px;padding:0 6px;min-height:18px}.yth-done--thumb{inset-inline-end:8px;top:8px;width:20px;height:20px}.yth-duration{inset-inline-end:8px;bottom:8px;z-index:3;font-size:11px;font-weight:750;padding:3px 7px;border-radius:6px}.yth-progress{height:3px}.yth-copy{gap:0}.yth-title-row{gap:2px;align-items:flex-start}.yth-title{font-size:13.5px;font-weight:750;line-height:1.35;-webkit-line-clamp:2}.yth-channel,.yth-meta,.yth-foot{display:none}.yth-more{width:28px;height:28px;margin:-2px -4px 0 0;color:rgba(248,250,252,0.72);background:rgba(255,255,255,0.06);border-radius:50%}.yth-more i,.yth-more svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.yth-actions{display:none}.yth-load-sentinel{padding:14px 12px 2px;font-size:11.5px}}@media (max-width:380px){.yth-page{--yth-card-w:min(82vw, 280px)}.yth-title{font-size:13px}}@media (prefers-reduced-motion:reduce){.yth-page,.yth-card.history-item,.yth-card-inner,.yth-thumb img,.yth-load-spinner,.yth-ptr-spinner{animation:none !important;transition:none !important}}/*! === components/upload-page.css === */ .main-content:has(.upload-page){background:var(--nano-surface-deep,#12122a)}@media (max-width:768px){.main-content:has(.upload-page){padding-inline:0 !important;padding-top:0 !important;padding-bottom:calc(var(--mobile-shell-bottom, 80px) + 88px) !important;overflow-x:clip}}.upload-page{width:100%;max-width:720px;margin:0 auto;padding:0 16px calc(var(--mobile-shell-bottom, 80px) + 96px);min-height:calc(100dvh - 56px);background:radial-gradient(ellipse 120% 36% at 50% 0%,var(--rank-tint,color-mix(in srgb,var(--rank-color) 14%,transparent)) 0%,transparent 58%),var(--nano-surface-deep,#12122a)}@media (max-width:768px){.upload-page{max-width:none;margin:0;padding-inline:0;padding-bottom:calc(var(--mobile-shell-bottom, 80px) + 96px);min-height:calc(100dvh - 52px)}}.upload-page .upload-card{background:var(--nano-surface,#151829) !important;border:1px solid var(--nano-border,rgba(255,255,255,0.08)) !important;box-shadow:none !important}@media (max-width:768px){.upload-page .upload-card{border-radius:0 !important;border-inline:none !important;border-top:none !important;border-bottom:1px solid var(--nano-border,rgba(255,255,255,0.08)) !important;margin:0 !important}.upload-page .upload-hero{border-bottom:1px solid var(--nano-border,rgba(255,255,255,0.08));background:linear-gradient( 180deg,color-mix(in srgb,var(--rank-color) 8%,var(--nano-surface-deep,#12122a)) 0%,var(--nano-surface-deep,#12122a) 100% )}.upload-page .upload-actions{margin:0 !important;padding:12px 16px !important;bottom:var(--nav-height) !important;z-index:calc(var(--z-nav, 1000) - 1) !important;border-top:1px solid var(--nano-border,rgba(255,255,255,0.08));background:color-mix(in srgb,var(--nano-surface-deep,#12122a) 88%,var(--rank-color) 12%) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}.upload-page .thumb-dropzone:hover,.upload-page .thumb-dropzone:focus-within,.upload-page .thumb-dropzone.is-dragover{border-color:color-mix(in srgb,var(--rank-color) 45%,transparent) !important}.upload-page .upload-card:focus-within{border-color:color-mix(in srgb,var(--rank-color) 28%,var(--nano-border)) !important;box-shadow:none !important}.upload-page .upload-card-header .card-num,.upload-page .drop-zone-glass .dz-browse,.upload-page .btn-gold,.upload-page .success-check{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important;box-shadow:none !important}.upload-page .btn-gold:hover{filter:brightness(1.06);background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important;color:#fff !important}.upload-page .upload-hero-icon,.upload-page .drop-icon-wrap{background:color-mix(in srgb,var(--rank-color) 14%,transparent) !important;border-color:color-mix(in srgb,var(--rank-color) 24%,transparent) !important}.upload-page .upload-hero-icon svg,.upload-page .drop-icon-wrap svg,.upload-page .upload-field .req,.upload-page .progress-circle .pc-label,.upload-page .btn-gold-outline{color:var(--rank-color) !important;stroke:var(--rank-color) !important}.upload-page .drop-zone-glass{border-color:color-mix(in srgb,var(--rank-color) 22%,transparent) !important;background:color-mix(in srgb,var(--rank-color) 3%,transparent) !important}.upload-page .drop-zone-glass:hover,.upload-page .drop-zone-glass.dragover{border-color:color-mix(in srgb,var(--rank-color) 45%,transparent) !important;background:color-mix(in srgb,var(--rank-color) 6%,transparent) !important;box-shadow:none !important}.upload-page .drop-zone-glass::before{background:linear-gradient( 135deg,color-mix(in srgb,var(--rank-color) 14%,transparent),transparent,color-mix(in srgb,var(--rank-color) 8%,transparent) ) !important}.upload-page .vis-tab.active{background:color-mix(in srgb,var(--rank-color) 14%,transparent) !important;border-color:color-mix(in srgb,var(--rank-color) 26%,transparent) !important;color:var(--rank-color) !important;box-shadow:none !important}.upload-page .toggle-switch.on{background:var(--rank-gradient) !important;background-image:var(--rank-gradient) !important}.upload-page .upload-input:focus,.upload-page .upload-select:focus,.upload-page .upload-textarea:focus{border-color:color-mix(in srgb,var(--rank-color) 42%,transparent) !important;background:color-mix(in srgb,var(--rank-color) 4%,transparent) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color) 12%,transparent) !important}body[data-rank-theme] .upload-page .upload-card,body[data-rank-theme] .upload-page .upload-section{background:var(--nano-surface) !important;border-color:var(--rank-border,var(--nano-border)) !important}@media (max-width:768px){body[data-rank-theme] .upload-page .upload-card{border-inline:none !important;border-top:none !important;border-bottom-color:var(--rank-border,var(--nano-border)) !important}}/*! === components/nano-ai-page.css === */ html:has(.nano-ai-page),body:has(.nano-ai-page){height:100% !important;overflow:hidden !important;overscroll-behavior:none !important}.app-shell:has(.nano-ai-page),.app-shell--bare:has(.nano-ai-page){min-height:100dvh !important;height:100dvh !important;max-height:100dvh !important;overflow:hidden !important;background:#0b0f19 !important}.main-content:has(.nano-ai-page),.main-content-studio:has(.nano-ai-page),.app-shell--bare .main-content-studio:has(.nano-ai-page){padding:0 !important;margin:0 !important;max-width:none !important;width:100% !important;height:100dvh !important;min-height:100dvh !important;max-height:100dvh !important;overflow:hidden !important}.nano-ai-page,.nano-ai-page--fullscreen{--nano-primary:#8178ed;--nano-secondary:#a08cf7;--nano-accent:#3adfff;--nano-bg:#0b0f19;--nano-surface:#151a28;--nano-surface-2:#1a2033;--nano-text:#f4f6fb;--nano-muted:#9aa3b8;--nano-border:color-mix(in srgb,var(--nano-primary) 12%,rgba(255,255,255,0.06));--nano-glow:color-mix(in srgb,var(--nano-primary) 16%,transparent);--nano-glow-cyan:color-mix(in srgb,var(--nano-accent) 16%,transparent);--nano-sidebar-w:min(300px, 86vw);--nano-topbar-h:54px;--nano-composer-h:84px;--nano-hero-orb:106px;--nano-header-orb:26px;--nano-user-bubble:linear-gradient(135deg,#746ce4 0%,#8f82ef 55%,#4eb0ff 100%);--nano-user-bubble-soft:color-mix(in srgb,var(--nano-primary) 20%,#151a28);--nano-user-bubble-border:color-mix(in srgb,var(--nano-accent) 26%,transparent);--nano-line:var(--nano-border);--nano-panel:color-mix(in srgb,var(--nano-surface) 88%,transparent);--nano-panel-deep:color-mix(in srgb,#0b0f19 80%,transparent);--nano-menu-z:12150;--nano-overlay-z:12200;position:fixed;inset:0;z-index:12000;display:grid;grid-template-columns:var(--nano-sidebar-w) minmax(0,1fr);width:100%;max-width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden;overflow-x:clip;box-sizing:border-box;color:var(--nano-text);background:#0b0f19;isolation:isolate}.nano-ai-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 12% -10%,rgba(122,111,240,0.18),transparent 55%),radial-gradient(ellipse 70% 55% at 92% 8%,rgba(42,217,255,0.14),transparent 50%),radial-gradient(ellipse 80% 60% at 50% 110%,rgba(155,126,245,0.12),transparent 55%),linear-gradient(165deg,#0b0f19 0%,#080b14 42%,#0a0614 100%)}.nano-ai-atmosphere-orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:0.45;animation:nanoAtmFloat 14s ease-in-out infinite}.nano-ai-atmosphere-orb--a{width:42vmin;height:42vmin;top:-8%;inset-inline-end:8%;background:radial-gradient(circle,rgba(122,111,240,0.42),transparent 70%)}.nano-ai-atmosphere-orb--b{width:36vmin;height:36vmin;bottom:12%;inset-inline-start:-6%;background:radial-gradient(circle,rgba(42,217,255,0.22),transparent 70%);animation-delay:-4s}.nano-ai-atmosphere-orb--c{width:28vmin;height:28vmin;top:42%;inset-inline-end:28%;background:radial-gradient(circle,rgba(155,126,245,0.26),transparent 70%);animation-delay:-8s}@keyframes nanoAtmFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.06)}}.nano-ai-orb{position:relative;display:grid;place-items:center;flex-shrink:0}.nano-ai-orb-core{width:58%;height:58%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0%,#d4ccff 18%,#7a6ff0 55%,#4a43b5 100%);box-shadow:0 0 12px rgba(122,111,240,0.4),0 0 22px rgba(42,217,255,0.18);z-index:2}.nano-ai-orb-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(#0b0f19,#0b0f19) padding-box,conic-gradient(from 0deg,#7a6ff0,#2ad9ff,#9b7ef5,#7a6ff0) border-box;animation:nanoOrbSpin 8s linear infinite;opacity:0.85;will-change:transform}.nano-ai-orb-ring--slow{inset:-18%;opacity:0.28;animation-duration:14s;animation-direction:reverse}.nano-ai-orb-glow{position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(circle,rgba(122,111,240,0.32),transparent 68%);animation:nanoOrbPulse 3.6s ease-in-out infinite;z-index:0;will-change:transform,opacity}@keyframes nanoOrbSpin{to{transform:rotate(360deg)}}@keyframes nanoOrbPulse{0%,100%{opacity:0.4;transform:scale(0.94)}50%{opacity:0.75;transform:scale(1.06)}}.nano-ai-orb--sm{width:32px;height:32px}.nano-ai-orb--header{width:var(--nano-header-orb,26px);height:var(--nano-header-orb,26px);flex-shrink:0;overflow:hidden;border-radius:50%}.nano-ai-orb--hero{width:var(--nano-hero-orb,106px);height:var(--nano-hero-orb,106px);margin:0 auto 14px;animation:nanoHeroFloat 5.5s ease-in-out infinite;will-change:transform;overflow:visible;isolation:isolate;z-index:0}.nano-ai-orb--hero .nano-ai-orb-core{animation:nanoHeroBreath 3.8s ease-in-out infinite;will-change:transform}.nano-ai-orb--hero .nano-ai-orb-glow{animation:nanoHeroGlow 3.8s ease-in-out infinite}@keyframes nanoHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes nanoHeroBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes nanoHeroGlow{0%,100%{opacity:0.35;transform:scale(0.92)}50%{opacity:0.8;transform:scale(1.1)}}.nano-ai-sidebar{position:relative;z-index:3;display:flex;flex-direction:column;gap:12px;min-height:0;padding:16px 14px calc(16px + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(21,26,40,0.92) 0%,rgba(11,15,25,0.96) 100%);border-inline-end:1px solid var(--nano-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset -1px 0 0 rgba(0,212,255,0.04)}.nano-ai-sidebar-handle{display:none}.nano-ai-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.nano-ai-brand{display:flex;align-items:center;gap:10px;min-width:0}.nano-ai-brand-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,93,246,0.35),rgba(0,212,255,0.15));color:#fff}.nano-ai-brand h1{margin:0;font-size:15px;font-weight:800;letter-spacing:0.02em;color:#fff}.nano-ai-brand p{margin:2px 0 0;font-size:11px;color:var(--nano-muted)}.nano-ai-new-chat{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--nano-primary) 40%,transparent);background:linear-gradient(135deg,rgba(109,93,246,0.35),rgba(139,92,246,0.18));color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease;box-shadow:0 8px 24px rgba(109,93,246,0.18)}.nano-ai-new-chat:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--nano-accent) 45%,transparent);box-shadow:0 10px 28px rgba(109,93,246,0.28)}.nano-ai-new-chat i{width:16px;height:16px}.nano-ai-conv-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-inline-end:2px}.nano-ai-conv-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--nano-muted);text-align:start;cursor:pointer;transition:background 0.16s ease,border-color 0.16s ease,color 0.16s ease}.nano-ai-conv-item:hover{background:rgba(255,255,255,0.04);color:#e8ecf7}.nano-ai-conv-item.active{background:color-mix(in srgb,var(--nano-primary) 16%,transparent);border-color:color-mix(in srgb,var(--nano-primary) 35%,transparent);color:#fff;box-shadow:0 0 0 1px rgba(0,212,255,0.08)}.nano-ai-conv-item i{width:15px;height:15px;flex-shrink:0;opacity:0.8}.nano-ai-conv-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.nano-ai-conv-empty{margin:24px 8px;text-align:center;font-size:12px;line-height:1.7;color:var(--nano-muted)}.nano-ai-sidebar-backdrop{display:none}.nano-ai-main{position:relative;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;height:100%;max-width:100%;overflow:hidden}.nano-ai-topbar{position:relative;z-index:45;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;min-height:var(--nano-topbar-h);height:auto;padding:0 12px;box-sizing:border-box;overflow:visible;border-bottom:1px solid color-mix(in srgb,var(--nano-accent) 7%,rgba(255,255,255,0.035));background:linear-gradient(180deg,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0.02) 55%,transparent 100%),color-mix(in srgb,rgba(11,15,25,0.38) 60%,rgba(21,26,40,0.22));backdrop-filter:blur(32px) saturate(1.45);-webkit-backdrop-filter:blur(32px) saturate(1.45);box-shadow:0 1px 0 rgba(58,223,255,0.06),0 12px 32px rgba(0,0,0,0.16)}.nano-ai-topbar-side{display:flex;align-items:center;gap:4px;min-width:0;z-index:2}.nano-ai-topbar-side--start{justify-content:flex-start}.nano-ai-topbar-side--end{justify-content:flex-end}.nano-ai-topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none;max-width:min(56vw, 220px)}.nano-ai-topbar-identity{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;min-width:0}.nano-ai-topbar-text{min-width:0;text-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2}.nano-ai-topbar-title{font-size:14.5px;font-weight:800;color:#fff;letter-spacing:0.02em;line-height:1.15;white-space:nowrap}.nano-ai-topbar-sub,.nano-ai-topbar-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:0.03em;color:#b8c0d4}.nano-ai-status-dot{width:6px;height:6px;border-radius:50%;background:#2ad9a8;box-shadow:0 0 0 3px rgba(42,217,168,0.18),0 0 8px rgba(42,217,168,0.55);animation:nanoOnlinePulse 2.8s ease-in-out infinite;flex-shrink:0}@keyframes nanoOnlinePulse{0%,100%{opacity:1}50%{opacity:0.5}}.nano-ai-quota-label{margin-top:2px;font-size:10px;color:var(--nano-muted)}.nano-ai-quota-label.is-exhausted{color:#fb7185}.nano-ai-icon-btn{width:30px;height:30px;border-radius:9px;border:1px solid color-mix(in srgb,var(--nano-primary) 10%,rgba(255,255,255,0.05));background:color-mix(in srgb,var(--nano-surface) 48%,transparent);color:#c5cad8;display:grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease,transform 0.12s ease}.nano-ai-icon-btn::after,.nano-ai-suggestion::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(255,255,255,0.22),transparent 55%);opacity:0;transform:scale(0.6);transition:opacity 0.28s ease,transform 0.28s ease;pointer-events:none}.nano-ai-icon-btn:active::after,.nano-ai-suggestion:active::after{opacity:1;transform:scale(1.15);transition:opacity 0s,transform 0s}.nano-ai-icon-btn i,.nano-ai-icon-btn svg{width:14px;height:14px}.nano-ai-icon-btn:hover{color:#fff;border-color:color-mix(in srgb,var(--nano-accent) 32%,transparent);box-shadow:0 0 14px rgba(42,217,255,0.12)}.nano-ai-icon-btn:active{transform:scale(0.94)}.nano-ai-icon-btn--danger:hover{color:#fb7185;border-color:rgba(251,113,133,0.4)}.nano-ai-overflow{position:relative;z-index:46}.nano-ai-overflow-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:min(220px, calc(100vw - 24px));max-width:min(280px, calc(100vw - 24px));padding:6px;border-radius:14px;border:1px solid var(--nano-border);background:rgba(21,26,40,0.98);box-shadow:0 18px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(0,212,255,0.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:var(--nano-menu-z,140)}.nano-ai-overflow-menu[hidden]{display:none !important}.nano-ai-overflow-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#e8ecf7;font-size:13px;font-weight:600;cursor:pointer;text-align:start}.nano-ai-overflow-item i{width:15px;height:15px;opacity:0.85}.nano-ai-overflow-item:hover{background:rgba(109,93,246,0.14)}.nano-ai-overflow-item--danger{color:#fb7185}.nano-ai-overflow-item--danger:hover{background:rgba(251,113,133,0.12)}.nano-ai-overflow-item[hidden]{display:none !important}.nano-ai-messages-wrap{position:relative;z-index:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;padding:8px 0 12px}.nano-ai-empty{position:relative;max-width:min(640px, 100%);width:100%;margin:min(6vh, 48px) auto 0;padding:16px 16px 10px;text-align:center;z-index:1;overflow:hidden;box-sizing:border-box;animation:nanoFadeSlide 0.45s ease both}.nano-ai-empty[hidden]{display:none !important}.nano-ai-empty-glow{position:absolute;inset:8% 20% auto;height:150px;background:radial-gradient(circle,rgba(122,111,240,0.2),rgba(42,217,255,0.08),transparent 70%);filter:blur(18px);pointer-events:none;z-index:0}.nano-ai-empty-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(122,111,240,0.3),rgba(42,217,255,0.12));color:#fff;position:relative;z-index:1}.nano-ai-empty-kicker{position:relative;z-index:1;margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:color-mix(in srgb,var(--nano-accent) 70%,#fff)}.nano-ai-empty h2{position:relative;z-index:1;margin:0 0 10px;font-size:clamp(1.28rem, 3vw, 1.7rem);font-weight:800;letter-spacing:-0.02em;color:#fff;line-height:1.35}.nano-ai-empty-desc{position:relative;z-index:1;margin:0 auto 18px;max-width:28rem;font-size:13.5px;line-height:1.7;color:var(--nano-muted)}.nano-ai-suggestions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.nano-ai-suggestion{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--nano-primary) 18%,rgba(58,223,255,0.1));background:color-mix(in srgb,var(--nano-surface) 78%,transparent);color:#e8ecf7;font-size:12.5px;font-weight:650;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(10px);transition:transform 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease,background 0.16s ease;box-shadow:0 4px 14px rgba(0,0,0,0.14);animation:nanoFadeSlide 0.5s ease both;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a.nano-ai-suggestion{color:#e8ecf7}.nano-ai-suggestion:nth-child(1){animation-delay:0.04s}.nano-ai-suggestion:nth-child(2){animation-delay:0.08s}.nano-ai-suggestion:nth-child(3){animation-delay:0.12s}.nano-ai-suggestion:nth-child(4){animation-delay:0.16s}.nano-ai-suggestion:nth-child(5){animation-delay:0.2s}.nano-ai-suggestion-emoji{font-size:14px;line-height:1}.nano-ai-suggestion i,.nano-ai-suggestion svg{width:17px;height:17px;color:var(--nano-accent)}.nano-ai-suggestion:hover{transform:translateY(-2px) scale(1.02);border-color:color-mix(in srgb,var(--nano-accent) 40%,transparent);background:color-mix(in srgb,var(--nano-primary) 14%,var(--nano-surface));box-shadow:0 10px 24px rgba(122,111,240,0.18)}.nano-ai-suggestion:active{transform:translateY(0) scale(0.97);box-shadow:0 4px 12px rgba(0,0,0,0.18)}@keyframes nanoFadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.nano-ai-messages{display:flex;flex-direction:column;gap:14px;max-width:min(820px, 100%);width:100%;margin:0 auto;padding:8px 16px 24px;box-sizing:border-box}.nano-ai-msg{display:flex;width:100%;animation:nanoMsgIn 0.26s ease both}@keyframes nanoMsgIn{from{opacity:0;transform:translateY(8px) scale(0.985)}to{opacity:1;transform:none}}.nano-ai-msg.user{justify-content:flex-end}.nano-ai-msg.assistant{justify-content:flex-start}.nano-ai-msg-body{display:flex;flex-direction:column;gap:8px;max-width:min(100%, 680px);min-width:0;overflow-wrap:anywhere;word-break:break-word}.nano-ai-msg.user .nano-ai-msg-body{align-items:flex-end}.nano-ai-msg.assistant .nano-ai-msg-body{align-items:flex-start}.nano-ai-msg-brand{display:inline-flex;align-items:center;gap:8px}.nano-ai-msg-brand-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7a6ff0,#2ad9ff);color:#fff;box-shadow:0 0 14px rgba(122,111,240,0.28)}.nano-ai-msg-brand-avatar i,.nano-ai-msg-brand-avatar svg{width:13px;height:13px}.nano-ai-msg-brand-name{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--nano-accent) 70%,#fff)}.nano-ai-msg-bubble{position:relative;padding:12px 18px;min-height:48px;border-radius:24px;font-size:14px;line-height:1.55;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box}.nano-ai-msg.user .nano-ai-msg-bubble{display:inline-flex;align-items:center;background:var(--nano-user-bubble);color:#fff;border:1px solid var(--nano-user-bubble-border);box-shadow:0 8px 22px rgba(109,93,246,0.24)}.nano-ai-msg.assistant .nano-ai-msg-bubble{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;padding-bottom:36px;background:color-mix(in srgb,var(--nano-surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--nano-primary) 22%,transparent);color:#edf0f8;box-shadow:0 8px 22px rgba(0,0,0,0.18),inset 0 1px 0 rgba(255,255,255,0.04);backdrop-filter:blur(10px)}.nano-ai-msg.assistant .nano-ai-msg-bubble>p,.nano-ai-msg.assistant .nano-ai-msg-bubble>ul,.nano-ai-msg.assistant .nano-ai-msg-bubble>ol,.nano-ai-msg.assistant .nano-ai-msg-bubble>h3,.nano-ai-msg.assistant .nano-ai-msg-bubble>h4,.nano-ai-msg.assistant .nano-ai-msg-bubble>pre,.nano-ai-msg.assistant .nano-ai-msg-bubble>.nano-ai-stream-body,.nano-ai-msg.assistant .nano-ai-msg-bubble>.nano-ai-paywall-card{margin:0;width:100%;min-width:0;max-width:100%}.nano-ai-msg.assistant .nano-ai-msg-bubble>p+p,.nano-ai-msg.assistant .nano-ai-msg-bubble>p+ul,.nano-ai-msg.assistant .nano-ai-msg-bubble>p+ol,.nano-ai-msg.assistant .nano-ai-msg-bubble>ul+p,.nano-ai-msg.assistant .nano-ai-msg-bubble>ol+p,.nano-ai-msg.assistant .nano-ai-msg-bubble>h3+p,.nano-ai-msg.assistant .nano-ai-msg-bubble>h4+p,.nano-ai-msg.assistant .nano-ai-msg-bubble>p+h3,.nano-ai-msg.assistant .nano-ai-msg-bubble>p+h4,.nano-ai-msg.assistant .nano-ai-msg-bubble>ul+h3,.nano-ai-msg.assistant .nano-ai-msg-bubble>ol+h3{margin-top:0.75em}.nano-ai-msg-actions{display:none;flex-wrap:wrap;gap:6px}.nano-ai-msg.is-actions-open .nano-ai-msg-actions{display:flex;animation:nanoFadeSlide 0.2s ease both}.nano-ai-bubble-copy{position:absolute;top:auto;bottom:8px;inset-inline-start:auto;inset-inline-end:8px;width:28px;height:28px;border-radius:8px;border:1px solid color-mix(in srgb,var(--nano-primary) 18%,transparent);background:rgba(11,15,25,0.72);color:#c5cad8;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:scale(0.92);transition:opacity 0.16s ease,transform 0.16s ease,color 0.15s ease,border-color 0.15s ease;backdrop-filter:blur(8px);z-index:2}.nano-ai-bubble-copy i,.nano-ai-bubble-copy svg{width:13px;height:13px}.nano-ai-msg.assistant:hover .nano-ai-bubble-copy,.nano-ai-msg.assistant.is-actions-open .nano-ai-bubble-copy,.nano-ai-bubble-copy:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}.nano-ai-bubble-copy:hover,.nano-ai-bubble-copy.is-copied{color:#fff;border-color:color-mix(in srgb,var(--nano-accent) 40%,transparent)}@media (hover:none){.nano-ai-msg.assistant:hover .nano-ai-bubble-copy{opacity:0;pointer-events:none}.nano-ai-msg.assistant.is-actions-open .nano-ai-bubble-copy{opacity:1;pointer-events:auto}}.nano-ai-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--nano-primary) 20%,transparent);background:rgba(21,26,40,0.7);color:var(--nano-muted);font-size:11px;font-weight:650;cursor:pointer;transition:color 0.15s ease,border-color 0.15s ease,background 0.15s ease}.nano-ai-action-btn i,.nano-ai-action-btn svg{width:13px;height:13px}.nano-ai-action-btn:hover{color:#fff;border-color:color-mix(in srgb,var(--nano-accent) 40%,transparent);background:rgba(109,93,246,0.16)}.nano-ai-action-btn.is-copied,.nano-ai-action-btn[data-action="summarize"]{color:var(--nano-accent)}.nano-ai-action-btn.is-copied{border-color:color-mix(in srgb,var(--nano-accent) 40%,transparent)}.nano-ai-action-btn[data-action="summarize"]{border-color:color-mix(in srgb,var(--nano-primary) 35%,transparent)}.nano-ai-action-btn[data-action="summarize"] i,.nano-ai-action-btn[data-action="summarize"] svg{color:var(--nano-primary)}.nano-ai-md-h{margin:0.85em 0 0.35em;font-size:1.05em;font-weight:800;color:#fff}.nano-ai-md-h:first-child{margin-top:0}.nano-ai-md-list,.nano-ai-md-olist{margin:0.4em 0;padding-inline-start:1.25em}.nano-ai-md-list li,.nano-ai-md-olist li{margin:0.25em 0}.nano-ai-inline-code{padding:0.1em 0.4em;border-radius:6px;background:rgba(0,212,255,0.1);color:#9ae6ff;font-size:0.92em}.nano-ai-code-block{margin:0.7em 0;padding:12px 14px;border-radius:12px;background:#0a0e18;border:1px solid rgba(109,93,246,0.22);overflow-x:auto}.nano-ai-code-block code{font-size:12.5px;color:#d7e3ff}.nano-ai-msg-bubble strong{color:#fff;font-weight:800}.nano-ai-msg-bubble em{color:#c4b5fd}.nano-ai-md-link{color:var(--nano-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--nano-accent) 40%,transparent)}.nano-ai-md-link:hover{color:#7ae8ff}.nano-ai-paywall-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--nano-primary) 35%,transparent);background:linear-gradient(145deg,rgba(109,93,246,0.16),rgba(21,26,40,0.92))}.nano-ai-paywall-lock{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(109,93,246,0.25);color:#fff}.nano-ai-paywall-lock i,.nano-ai-paywall-lock svg{width:18px;height:18px}.nano-ai-paywall-content{min-width:0;color:#e8ecf7}.nano-ai-paywall-content>p,.nano-ai-paywall-content>ul,.nano-ai-paywall-content>ol,.nano-ai-paywall-content>h3,.nano-ai-paywall-content>h4{margin:0 0 0.5em}.nano-ai-paywall-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,var(--md-sys-color-primary),color-mix(in srgb,var(--md-sys-color-primary) 55%,var(--md-sys-color-secondary)));color:#fff !important;font-weight:800;text-decoration:none !important;border:0;box-shadow:0 10px 24px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.nano-ai-paywall-cta:hover{filter:brightness(1.06)}.nano-ai-paywall-cta:active{transform:scale(0.98)}.nano-ai-msg.typing .nano-ai-msg-bubble{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding-inline:18px}.nano-ai-dot{width:7px;height:7px;border-radius:50%;background:var(--nano-accent);animation:nanoDot 1.1s ease-in-out infinite}.nano-ai-dot:nth-child(2){animation-delay:0.15s}.nano-ai-dot:nth-child(3){animation-delay:0.3s}@keyframes nanoDot{0%,80%,100%{opacity:0.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.nano-ai-msg.streaming .nano-ai-msg-bubble{min-height:42px}.nano-ai-stream-body{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}.nano-ai-stream-body>p,.nano-ai-stream-body>ul,.nano-ai-stream-body>ol,.nano-ai-stream-body>h3,.nano-ai-stream-body>h4,.nano-ai-stream-body>pre{margin:0;width:100%;min-width:0}.nano-ai-stream-body>p+p,.nano-ai-stream-body>h3+p,.nano-ai-stream-body>h4+p,.nano-ai-stream-body>p+h3,.nano-ai-stream-body>p+ul{margin-top:0.75em}.nano-ai-msg.streaming .nano-ai-stream-cursor{align-self:flex-start;margin-top:0.15em}.nano-ai-stream-cursor{display:inline-block;margin-inline-start:2px;color:var(--nano-accent);animation:nanoCursor 0.9s steps(1) infinite}@keyframes nanoCursor{0%,50%{opacity:1}51%,100%{opacity:0}}.nano-ai-upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 8px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--nano-primary) 35%,transparent);background:rgba(109,93,246,0.12);max-width:100%;box-sizing:border-box;min-width:0}.nano-ai-upgrade-banner[hidden]{display:none !important}.nano-ai-upgrade-banner-text{font-size:12px;color:#d7dced;line-height:1.5;min-width:0;flex:1}.nano-ai-upgrade-banner-cta{flex-shrink:0;padding:8px 12px;border-radius:10px;background:var(--brand-gradient,linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-secondary)));color:#fff;font-size:12px;font-weight:800;text-decoration:none}.nano-ai-composer{position:relative;z-index:40;padding:0 16px calc(12px + env(safe-area-inset-bottom, 0px));overflow:visible;max-width:100%;box-sizing:border-box;background:transparent}.nano-ai-composer--glass{background:transparent}.nano-ai-composer-row{display:flex;align-items:center;gap:10px;max-width:min(760px, 100%);width:100%;margin:0 auto;direction:ltr}.nano-ai-composer.is-quota-locked .nano-ai-composer-inner{opacity:0.5;pointer-events:none}.nano-ai-composer-inner{--capsule-h:50px;direction:ltr;display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;height:var(--capsule-h);min-height:var(--capsule-h);max-height:var(--capsule-h);padding:0 8px 0 6px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);outline:none;background:rgba(16,20,32,0.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none;transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;box-sizing:border-box;overflow:hidden}.nano-ai-composer-inner.is-multiline{height:auto;min-height:50px;max-height:96px;align-items:flex-end;padding:8px;overflow:visible}.nano-ai-composer-inner:focus-within{border-color:rgba(255,255,255,0.18);background:rgba(18,22,36,0.78);box-shadow:0 0 10px rgba(58,223,255,0.035)}.nano-ai-composer-hint{max-width:760px;margin:7px auto 0;text-align:center;font-size:10px;color:color-mix(in srgb,var(--nano-muted) 70%,transparent)}.nano-ai-attach-wrap{position:relative;flex:0 0 auto;display:grid;place-items:center;z-index:41}.nano-ai-attach{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,0.12);outline:none;background:rgba(16,20,32,0.62);color:#d5dae8;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none;transition:transform 0.14s ease,color 0.18s ease,background 0.18s ease,border-color 0.18s ease}.nano-ai-attach i,.nano-ai-attach svg{width:20px;height:20px}.nano-ai-attach:hover,.nano-ai-attach.is-open{color:#fff;background:rgba(22,28,44,0.85);border-color:rgba(255,255,255,0.18)}.nano-ai-attach:active{transform:scale(0.94)}.nano-ai-attach.is-open{color:var(--nano-accent)}.nano-ai-attach:disabled{opacity:0.4;cursor:not-allowed}.nano-ai-attach-menu{--nano-attach-accent:var(--nano-accent,#3adfff);--nano-attach-violet:var(--nano-primary,#8178ed);position:absolute;bottom:calc(100% + 12px);inset-inline-end:0;min-width:min(248px, calc(100vw - 24px));max-width:min(300px, calc(100vw - 24px));padding:8px;border-radius:20px;border:1px solid color-mix(in srgb,var(--nano-attach-accent) 18%,rgba(255,255,255,0.1));background:linear-gradient(165deg,color-mix(in srgb,var(--nano-attach-violet) 14%,transparent) 0%,transparent 42%),linear-gradient(180deg,rgba(22,28,44,0.98),rgba(12,16,28,0.97));box-shadow:0 0 0 1px color-mix(in srgb,var(--nano-attach-accent) 8%,transparent),0 22px 50px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.06);z-index:var(--nano-menu-z,140);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);transform-origin:bottom end;animation:nanoAttachMenuIn 0.22s cubic-bezier(0.22,1,0.36,1)}@keyframes nanoAttachMenuIn{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nano-ai-attach-menu[hidden]{display:none !important;animation:none}.nano-ai-attach-menu__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 10px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.06)}.nano-ai-attach-menu__title{margin:0;font-size:11px;font-weight:800;letter-spacing:0.06em;color:color-mix(in srgb,var(--nano-muted,#9aa3b8) 92%,#fff)}.nano-ai-attach-menu__hint{font-size:10px;font-weight:650;color:color-mix(in srgb,var(--nano-attach-accent) 70%,var(--nano-muted,#9aa3b8))}.nano-ai-attach-menu__list{display:flex;flex-direction:column;gap:3px;padding:4px 0 2px}.nano-ai-attach-item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:8px 10px;border:0;border-radius:14px;background:transparent;color:#eef1f8;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:start;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-sizing:border-box;transition:background 0.15s ease,transform 0.12s ease,border-color 0.15s ease}.nano-ai-attach-item i,.nano-ai-attach-item svg{width:15px;height:15px;color:var(--nano-attach-accent)}.nano-ai-attach-emoji{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;flex-shrink:0;font-size:16px;line-height:1;background:color-mix(in srgb,var(--nano-attach-violet) 16%,rgba(255,255,255,0.04));border:1px solid color-mix(in srgb,var(--nano-attach-violet) 22%,rgba(255,255,255,0.06));box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.nano-ai-attach-item[data-shortcut-id="nano"] .nano-ai-attach-emoji{background:color-mix(in srgb,var(--nano-attach-accent) 16%,rgba(255,255,255,0.04));border-color:color-mix(in srgb,var(--nano-attach-accent) 28%,transparent)}.nano-ai-attach-item[data-shortcut-id="trending"] .nano-ai-attach-emoji{background:color-mix(in srgb,#ff7a45 16%,rgba(255,255,255,0.04));border-color:color-mix(in srgb,#ff7a45 26%,transparent)}.nano-ai-attach-item[data-shortcut-id="favorites"] .nano-ai-attach-emoji{background:color-mix(in srgb,#ff5d8f 16%,rgba(255,255,255,0.04));border-color:color-mix(in srgb,#ff5d8f 26%,transparent)}.nano-ai-attach-item[data-shortcut-id="continue"] .nano-ai-attach-emoji{background:color-mix(in srgb,#5eead4 14%,rgba(255,255,255,0.04));border-color:color-mix(in srgb,#5eead4 24%,transparent)}.nano-ai-attach-item[data-shortcut-id="suggest"] .nano-ai-attach-emoji{background:color-mix(in srgb,#f0c14b 14%,rgba(255,255,255,0.04));border-color:color-mix(in srgb,#f0c14b 24%,transparent)}.nano-ai-attach-item__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0.01em}.nano-ai-attach-item__chev{flex-shrink:0;width:14px;height:14px;opacity:0.35;color:var(--nano-muted,#9aa3b8);transition:opacity 0.15s ease,transform 0.15s ease}html[dir="rtl"] .nano-ai-attach-item__chev{transform:scaleX(-1)}a.nano-ai-attach-item{color:#eef1f8}.nano-ai-attach-item:hover,.nano-ai-attach-item:focus-visible{outline:none;background:color-mix(in srgb,var(--nano-attach-violet) 16%,rgba(255,255,255,0.04))}.nano-ai-attach-item:hover .nano-ai-attach-item__chev,.nano-ai-attach-item:focus-visible .nano-ai-attach-item__chev{opacity:0.85;transform:translateX(-2px)}html[dir="rtl"] .nano-ai-attach-item:hover .nano-ai-attach-item__chev,html[dir="rtl"] .nano-ai-attach-item:focus-visible .nano-ai-attach-item__chev{transform:scaleX(-1) translateX(-2px)}.nano-ai-attach-item:active{transform:scale(0.985);background:color-mix(in srgb,var(--nano-attach-accent) 12%,rgba(255,255,255,0.04))}.nano-ai-page .nano-ai-composer textarea,.nano-ai-page .nano-ai-composer textarea:hover,.nano-ai-page .nano-ai-composer textarea:focus,.nano-ai-page .nano-ai-composer textarea:focus-visible,.nano-ai-page .nano-ai-composer textarea:active,body.cinema-app .nano-ai-page .nano-ai-composer textarea:focus{flex:1 1 auto;min-width:0;width:100%;height:22px !important;min-height:22px !important;max-height:22px !important;resize:none;border:0 !important;border-color:transparent !important;border-radius:0 !important;outline:none !important;outline-offset:0 !important;box-shadow:none !important;background:transparent !important;background-color:transparent !important;background-image:none !important;color:#f2f4fa !important;caret-color:#f2f4fa;font:inherit;font-size:15px;line-height:22px;padding:0 8px 0 2px !important;margin:0 !important;direction:rtl;text-align:right;align-self:center;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;box-sizing:border-box;-webkit-appearance:none !important;appearance:none !important}.nano-ai-page .nano-ai-composer textarea:-webkit-autofill,.nano-ai-page .nano-ai-composer textarea:-webkit-autofill:hover,.nano-ai-page .nano-ai-composer textarea:-webkit-autofill:focus{-webkit-text-fill-color:#f2f4fa !important;caret-color:#f2f4fa !important;transition:background-color 99999s ease-in-out 0s;box-shadow:0 0 0 1000px transparent inset !important;border:0 !important;border-radius:0 !important}.nano-ai-composer-inner.is-multiline textarea,.nano-ai-composer-inner.is-multiline textarea:focus{height:auto !important;min-height:22px !important;max-height:68px !important;white-space:pre-wrap;overflow-y:auto;line-height:1.4;padding-block:2px !important;border-radius:0 !important}.nano-ai-composer textarea::placeholder{color:#7e879c;opacity:1}.nano-ai-page .nano-ai-composer textarea:focus-visible,.nano-ai-page .nano-ai-send:focus-visible,.nano-ai-page .nano-ai-attach:focus-visible{outline:none !important;outline-offset:0 !important;box-shadow:none !important}.nano-ai-send,.nano-ai-send:focus,.nano-ai-send:focus-visible,.nano-ai-send:active{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;aspect-ratio:1 / 1;border-radius:50%;border:0 !important;outline:none !important;box-shadow:none !important;display:grid;place-items:center;cursor:pointer;flex:0 0 36px;align-self:center;padding:0;margin:0;background:var(--rank-color,#65d887) !important;background-image:none !important;color:#0b0f19 !important;position:relative;overflow:hidden;transition:transform 0.14s ease,opacity 0.18s ease,filter 0.18s ease}.nano-ai-send::before,.nano-ai-send::after{display:none !important;content:none !important}.nano-ai-send .nano-ai-send-ico,.nano-ai-send i,.nano-ai-send svg{width:15px;height:15px;color:inherit;stroke:currentColor}.nano-ai-send .nano-ai-send-ico{transform:translateY(-0.5px)}.nano-ai-send:not (:disabled):hover{filter:brightness(1.08)}.nano-ai-send:disabled{opacity:0.35;cursor:not-allowed;filter:none}.nano-ai-send:not (:disabled):active{transform:scale(0.93)}.nano-ai-rename-overlay{position:fixed;inset:0;z-index:var(--nano-overlay-z,12200);display:grid;place-items:end center;background:rgba(5,7,14,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nano-ai-rename-overlay[hidden]{display:none !important}.nano-ai-rename-sheet{width:min(100%, 440px);padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));border-radius:20px 20px 0 0;background:#151a28;border:1px solid var(--nano-border);box-shadow:0 -12px 40px rgba(0,0,0,0.4)}.nano-ai-rename-handle{display:none}.nano-ai-rename-sheet h3{margin:0 0 12px;font-size:16px;font-weight:800;color:#fff}.nano-ai-rename-sheet input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--nano-border);background:#0b0f19;color:#fff;font:inherit;margin-bottom:12px}.nano-ai-rename-actions{display:flex;justify-content:flex-end;gap:8px}.nano-ai-trunc-banner{margin:0 0 10px;padding:8px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--nano-primary) 22%,transparent);background:rgba(21,26,40,0.72);color:var(--nano-muted);font-size:12px;font-weight:650;text-align:center}.nano-ai-related{display:flex;flex-direction:column;gap:14px;margin-top:8px;width:100%}.nano-ai-related-section{display:flex;flex-direction:column;gap:8px}.nano-ai-related-title{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:750;color:var(--nano-muted)}.nano-ai-related-title i{width:14px;height:14px;color:var(--nano-accent)}.nano-ai-related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.nano-ai-related-card{display:flex;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--nano-border);background:rgba(21,26,40,0.85);text-decoration:none;color:inherit;transition:border-color 0.16s ease,transform 0.16s ease,box-shadow 0.16s ease}.nano-ai-related-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--nano-accent) 40%,transparent);box-shadow:0 12px 28px rgba(109,93,246,0.16)}.nano-ai-related-thumb{width:64px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#0b0f19}.nano-ai-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.nano-ai-related-thumb--icon{display:grid;place-items:center;color:var(--nano-accent)}.nano-ai-related-thumb--icon i,.nano-ai-related-thumb--icon svg{width:18px;height:18px}.nano-ai-related-card-body{min-width:0;flex:1}.nano-ai-related-card-title{display:block;margin:0 0 4px;font-size:13px;font-weight:750;color:#fff;line-height:1.35;white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;word-break:break-word}.nano-ai-related-card-meta{margin:0;font-size:11px;color:var(--nano-muted)}.nano-ai-related-card-cta{display:inline-flex;align-items:center;color:var(--nano-accent)}.nano-ai-related-card-cta i,.nano-ai-related-card-cta svg{width:16px;height:16px}@media (min-width:769px){.nano-ai-topbar #nanoAiOpenSidebar{display:none}}@media (max-width:768px){.nano-ai-page,.nano-ai-page--fullscreen{grid-template-columns:minmax(0,1fr);--nano-topbar-h:48px;--nano-header-orb:22px;--nano-hero-orb:78px;--nano-sidebar-w:min(300px, 88vw);width:100%;max-width:100%}.nano-ai-atmosphere-orb{filter:blur(36px);opacity:0.28}.nano-ai-atmosphere-orb--a{width:34vmin;height:34vmin}.nano-ai-atmosphere-orb--b{width:28vmin;height:28vmin}.nano-ai-atmosphere-orb--c{width:22vmin;height:22vmin;display:none}.nano-ai-main{grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;max-width:100%}.nano-ai-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:var(--nano-topbar-h);height:auto;padding:env(safe-area-inset-top,0px) 10px 0;overflow:visible}.nano-ai-topbar-center{position:static;left:auto;top:auto;transform:none;max-width:100%;min-width:0;justify-self:center;pointer-events:none}.nano-ai-topbar-identity{gap:7px;max-width:100%}.nano-ai-topbar-text{min-width:0;overflow:hidden}.nano-ai-topbar-title{font-size:13.5px;overflow:hidden;text-overflow:ellipsis}.nano-ai-topbar-status{font-size:10.5px;font-weight:700;color:#c0c8da}.nano-ai-orb--header{width:var(--nano-header-orb);height:var(--nano-header-orb)}.nano-ai-orb--header .nano-ai-orb-glow{inset:-20%;opacity:0.55}.nano-ai-icon-btn{width:32px;height:32px;border-radius:9px;flex-shrink:0}.nano-ai-icon-btn i,.nano-ai-icon-btn svg{width:14px;height:14px}.nano-ai-overflow-menu{position:fixed;top:calc(env(safe-area-inset-top, 0px) + var(--nano-topbar-h) + 6px);inset-inline-end:10px;inset-inline-start:auto;z-index:var(--nano-menu-z);max-width:calc(100% - 20px)}.nano-ai-messages-wrap{padding:4px 0 8px;z-index:1}.nano-ai-empty{margin-top:min(3.5vh, 24px);padding:8px 12px 6px;overflow:hidden}.nano-ai-empty-glow{height:96px;filter:blur(14px);opacity:0.85}.nano-ai-empty h2{font-size:clamp(1.05rem, 4.6vw, 1.28rem);line-height:1.4;margin-bottom:8px;padding-inline:4px}.nano-ai-empty-desc{font-size:12.5px;line-height:1.65;margin-bottom:12px;max-width:22rem;padding-inline:6px}.nano-ai-orb--hero{width:var(--nano-hero-orb);height:var(--nano-hero-orb);margin-bottom:10px}.nano-ai-orb--hero .nano-ai-orb-glow{inset:-22%}.nano-ai-orb--hero .nano-ai-orb-ring--slow{inset:-12%}.nano-ai-suggestions{gap:6px;padding-inline:2px;width:100%;justify-content:center}.nano-ai-suggestion{padding:7px 11px;font-size:12px;border-radius:999px;min-height:34px;max-width:100%}.nano-ai-messages{padding:6px 12px 16px;gap:11px;max-width:100%}.nano-ai-msg.user .nano-ai-msg-body,.nano-ai-msg.assistant .nano-ai-msg-body{max-width:min(92%, 100%)}.nano-ai-msg.assistant .nano-ai-msg-bubble,.nano-ai-msg.user .nano-ai-msg-bubble{font-size:14px;padding:11px 16px;min-height:46px;border-radius:23px}.nano-ai-bubble-copy{width:30px;height:30px;bottom:6px;inset-inline-end:6px}.nano-ai-upgrade-banner{flex-direction:column;align-items:stretch;gap:10px;margin:0 10px 8px;padding:11px 12px}.nano-ai-upgrade-banner-cta{text-align:center}.nano-ai-composer{z-index:40;padding:0 12px calc(8px + env(safe-area-inset-bottom, 0px));overflow:visible}.nano-ai-composer-row{gap:8px;max-width:100%}.nano-ai-composer-inner{--capsule-h:48px;height:var(--capsule-h);min-height:var(--capsule-h);max-height:var(--capsule-h);padding:4px 6px 4px 4px;gap:4px}.nano-ai-composer-inner.is-multiline{min-height:48px;max-height:90px}.nano-ai-composer textarea{font-size:16px;line-height:22px;height:22px !important;min-height:22px !important;max-height:22px !important;padding:0 8px 0 2px}.nano-ai-send{width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;flex-basis:34px}.nano-ai-attach{width:48px;height:48px}.nano-ai-composer-hint{display:none}.nano-ai-attach-menu{position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom, 0px));inset-inline-start:12px;inset-inline-end:12px;width:auto;min-width:0;max-width:none;border-radius:22px;padding:10px;z-index:var(--nano-menu-z);transform-origin:bottom center}.nano-ai-sidebar{position:fixed;inset:0 auto 0 0;width:var(--nano-sidebar-w);max-width:88vw;z-index:120;transform:translateX(-105%);transition:transform 0.28s cubic-bezier(0.22,1,0.36,1);box-shadow:20px 0 50px rgba(0,0,0,0.45);padding-top:calc(12px + env(safe-area-inset-top, 0px))}[dir="rtl"] .nano-ai-sidebar{inset:0 0 0 auto;transform:translateX(105%)}.nano-ai-page.sidebar-open .nano-ai-sidebar{transform:translateX(0)}.nano-ai-sidebar-handle{display:block;width:42px;height:4px;margin:2px auto 8px;border-radius:999px;background:rgba(255,255,255,0.18)}.nano-ai-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:110;background:rgba(5,7,14,0.58);opacity:0;pointer-events:none;transition:opacity 0.24s ease}.nano-ai-page.sidebar-open .nano-ai-sidebar-backdrop{opacity:1;pointer-events:auto}.nano-ai-rename-overlay{z-index:var(--nano-overlay-z);place-items:end stretch}.nano-ai-rename-sheet{width:100%;max-width:100%;border-radius:20px 20px 0 0}.nano-ai-rename-handle{display:block;width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:rgba(255,255,255,0.18)}}@media (max-width:430px){.nano-ai-page,.nano-ai-page--fullscreen{--nano-topbar-h:46px;--nano-header-orb:20px;--nano-hero-orb:72px}.nano-ai-topbar{gap:4px;padding-inline:8px}.nano-ai-topbar-title{font-size:13px}.nano-ai-icon-btn{width:30px;height:30px}.nano-ai-empty{margin-top:min(2.8vh, 18px);padding:6px 10px}.nano-ai-empty h2{font-size:1.12rem}.nano-ai-empty-desc{font-size:12px;margin-bottom:10px}.nano-ai-suggestion{padding:7px 10px;font-size:11.5px}.nano-ai-composer{padding-inline:10px}.nano-ai-composer-row{gap:7px}.nano-ai-composer-inner{--capsule-h:46px;height:var(--capsule-h);min-height:var(--capsule-h);max-height:var(--capsule-h);padding:4px 6px 4px 4px}.nano-ai-composer textarea{height:22px !important;min-height:22px !important;max-height:22px !important}.nano-ai-send{width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;flex-basis:32px}.nano-ai-attach{width:46px;height:46px}.nano-ai-messages{padding-inline:10px}.nano-ai-msg.assistant .nano-ai-msg-bubble,.nano-ai-msg.user .nano-ai-msg-bubble{min-height:44px;padding:10px 15px;border-radius:22px}}@media (max-width:400px){.nano-ai-page,.nano-ai-page--fullscreen{--nano-hero-orb:68px;--nano-header-orb:20px}.nano-ai-topbar-identity{gap:6px}.nano-ai-empty-desc{max-width:19rem}.nano-ai-suggestion span:not (.nano-ai-suggestion-emoji){white-space:nowrap}}@media (max-width:360px){.nano-ai-page,.nano-ai-page--fullscreen{--nano-topbar-h:44px;--nano-header-orb:18px;--nano-hero-orb:62px}.nano-ai-topbar{padding-inline:6px;gap:3px}.nano-ai-topbar-title{font-size:12.5px}.nano-ai-topbar-status{font-size:10px}.nano-ai-icon-btn{width:28px;height:28px;border-radius:8px}.nano-ai-icon-btn i,.nano-ai-icon-btn svg{width:13px;height:13px}.nano-ai-empty h2{font-size:1.02rem}.nano-ai-empty-desc{font-size:11.5px;line-height:1.55}.nano-ai-suggestion{padding:6px 9px;font-size:11px;min-height:32px}.nano-ai-send{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;flex-basis:30px}.nano-ai-attach{width:44px;height:44px}.nano-ai-attach i,.nano-ai-attach svg{width:18px;height:18px}.nano-ai-composer-inner{--capsule-h:44px;height:var(--capsule-h);min-height:var(--capsule-h);max-height:var(--capsule-h)}.nano-ai-composer textarea{height:20px !important;min-height:20px !important;max-height:20px !important;line-height:20px}.nano-ai-messages{padding-inline:8px}.nano-ai-msg.assistant .nano-ai-msg-bubble,.nano-ai-msg.user .nano-ai-msg-bubble{min-height:42px;padding:9px 14px;border-radius:21px}}@media (prefers-reduced-motion:reduce){.nano-ai-atmosphere-orb,.nano-ai-orb-ring,.nano-ai-orb-glow,.nano-ai-orb--hero,.nano-ai-orb--hero .nano-ai-orb-core,.nano-ai-orb--hero .nano-ai-orb-glow,.nano-ai-status-dot,.nano-ai-msg,.nano-ai-empty,.nano-ai-suggestion{animation:none !important}}.nano-search-ai{margin:0 0 16px;padding:12px 14px;border-radius:16px;border:1px solid var(--nano-border,rgba(255,255,255,0.08));background:linear-gradient(180deg,rgba(21,24,41,0.95) 0%,rgba(18,18,42,0.98) 100%)}.nano-search-ai--compact:not (.is-open){padding:10px 12px}.nano-search-ai-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:0}.nano-search-ai.is-open .nano-search-ai-head{margin-bottom:12px}.nano-search-ai-brand{display:flex;align-items:center;gap:10px;min-width:0}.nano-search-ai-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--rank-color,var(--stream-accent)) 14%,transparent);color:var(--rank-color,var(--stream-accent));flex-shrink:0}.nano-search-ai-brand h2{margin:0;font-size:14px;font-weight:900;color:#fff}.nano-search-ai-brand p{margin:2px 0 0;font-size:11px;color:#9497b0}.nano-search-ai-link,.nano-search-ai-ask{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rank-color,var(--stream-accent)) 35%,transparent);background:color-mix(in srgb,var(--rank-color,var(--stream-accent)) 14%,transparent);color:var(--rank-color,var(--stream-accent));font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background 0.15s ease,border-color 0.15s ease,transform 0.12s ease}.nano-search-ai-link:hover,.nano-search-ai-ask:hover{background:color-mix(in srgb,var(--rank-color,var(--stream-accent)) 22%,transparent);transform:translateY(-1px)}.nano-search-ai-body[hidden]{display:none !important}.nano-search-ai-answer{color:rgba(255,255,255,0.88);font-size:13px;line-height:1.65;white-space:pre-wrap}.nano-search-ai-loading,.nano-search-ai-guest,.nano-search-ai-error{margin:0;color:#9497b0;font-size:13px;font-weight:700}.nano-search-ai-videos{display:grid;gap:8px;margin-top:12px}.nano-search-ai-video{display:block;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);text-decoration:none;color:inherit}.nano-search-ai-video-title{display:block;color:#fff;font-size:13px;font-weight:800}.nano-search-ai-video-meta{display:block;margin-top:4px;color:#9497b0;font-size:11px}.nano-search-ai-continue{display:inline-flex;margin-top:12px;color:var(--rank-color,var(--stream-accent));font-size:12px;font-weight:800;text-decoration:none}@media (max-width:640px){.nano-search-ai{padding:10px 12px}.nano-search-ai-head{gap:8px;flex-wrap:wrap}.nano-search-ai-brand p{font-size:10.5px}}.search-dropdown-nano{text-decoration:none;color:inherit}.suggestion-icon--nano{color:var(--rank-color,var(--stream-accent))}/*! === components/typography.css === */:root{--font-sans:"Cairo",sans-serif;--font-display:"Cairo",sans-serif;--font-body:"Cairo",sans-serif;--font-mono:"Cairo",sans-serif;--cinema-font-display:"Cairo",sans-serif;--font:"Cairo",sans-serif}html{font-family:"Cairo",sans-serif !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,body.cinema-app,button,input,textarea,select,optgroup,p,span,label,a,li,td,th,h1,h2,h3,h4,h5,h6,.btn,.modal-content,.bottom-sheet,.user-dropdown,.tooltip,[role="tooltip"],[role="menu"],[role="listbox"],.dropdown-menu,.custom-select,.app-nav,.header,.footer,.toast-container,#toast-container{font-family:"Cairo",sans-serif !important}body,body.cinema-app{font-family:"Cairo",sans-serif !important;font-weight:500;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,textarea,select,optgroup,.btn,.form-control,.form-select,.modal-content,.bottom-sheet,.user-dropdown,.settings-container,.studio-body,.nano-ai-page,.nano-ai-composer,.nano-ai-composer textarea,.nano-ai-msg,.nano-ai-msg-bubble{font-family:"Cairo",sans-serif !important}::placeholder,::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder{font-family:"Cairo",sans-serif !important}h1,h2,h3,h4,h5,h6,.settings-title,.settings-section-title,.hub-head h2,.rank-name,.page-title,.watch-title,.section-title,.video-card-title,.hero-featured-title,.hero-featured-premium h1,.channel-name,.sidebar-title,.comments-header-top h3,.cinema-hero-title,.hero-featured-premium .hero-title{font-family:"Cairo",sans-serif !important;letter-spacing:0;font-weight:700}.hero-featured,.hero-featured-premium,.hero-featured-premium *,.video-card,.video-grid,.header,.footer,.app-nav,.main-content,.auth-layout,.upload-page,.watch-page,.channel-page,.nano-ai-page,.nano-ai-page *{font-family:"Cairo",sans-serif !important}.mono,.mono-date,[data-mono],.xp-nano .mono,.settings-stat-content strong,.stat-card .val,.stat-value,.xp-drawer-nano .xp-rank-title span,.rank-level.mono,.rank-name.mono,.xp-labels,.xp-labels.mono,.hub-card .val.mono,.earn-item .xpv,.activity-row .val,[data-xp-level],[data-xp-current],[data-xp-next],[data-xp-next-rank],.brand-level-badge .rank-level-text,.channel-xp-head b,.nano-video-stats .mono-date{font-family:"Cairo",sans-serif !important;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}pre,code,.nano-ai-code-block,.nano-ai-inline-code{font-family:"Cairo",ui-monospace,monospace !important}.settings-tab-btn,.settings-row-title,.hub-card-head h3,.rank-eyebrow,.reward-pill,.react-btn,.filter-tab,.category-filter,.channel-tab,.app-nav-label,.bottom-nav-label{font-weight:700}.settings-section-desc,.hub-head p,.settings-row-desc,.comment-date,.sidebar-video-meta{font-weight:600}.hub-head h2,.settings-title{font-weight:700}/*! === components/rank-details.css === */  .rank-details-backdrop,.rank-details-backdrop[hidden],.rank-details-backdrop:not (.open),.rank-details-backdrop.open{display:none !important;pointer-events:none !important;visibility:hidden !important;opacity:0 !important}.rank-details-panel[hidden],.rank-details-panel:not (.open){display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}.rank-details-panel{--rd-green:var(--rank-color,#65d887);--rd-green-soft:var(--rank-secondary,#d9ffe4);--rd-panel-width:min(20rem, calc(100vw - 1.5rem));position:fixed !important;z-index:calc(var(--z-rank, 1200) + 1) !important;margin:0 !important;width:var(--rd-panel-width) !important;max-width:var(--rd-panel-width) !important;min-width:0 !important;padding:12px 12px 10px !important;border-radius:22px !important;color:#fff !important;border:1px solid color-mix(in srgb,var(--rd-green,var(--rank-fallback,var(--primary))) 32%,rgba(255,255,255,0.12)) !important;background:linear-gradient(165deg,rgba(255,255,255,0.09),transparent 55%),color-mix(in srgb,rgba(12,16,28,0.92) 88%,transparent) !important;box-shadow:0 4px 14px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.07) !important;backdrop-filter:blur(14px) saturate(1.15) !important;-webkit-backdrop-filter:blur(14px) saturate(1.15) !important;transform:translateY(-6px) scale(0.97) !important;transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease !important;inset-inline:auto !important;left:auto !important;right:auto !important;overflow:visible !important;display:flex !important;flex-direction:column !important;gap:10px !important;box-sizing:border-box !important}html.native-app .rank-details-panel,html.native-app body[data-rank-theme] .rank-details-panel{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:linear-gradient(165deg,rgba(255,255,255,0.08),transparent 55%),rgba(14,18,28,0.98) !important}.rank-details-panel::before{content:none !important;display:none !important}.rank-details-panel.open{display:flex !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateY(0) scale(1) !important}.rank-details-close{display:none !important}.rank-details-top{display:flex;flex-direction:column;gap:0;min-width:0}.rank-details-hero{display:flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important;padding:0 !important;min-width:0}.rank-details-hero-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}.rank-details-panel .rank-details-badge.xp-drawer-badge-wrap{position:relative !important;width:36px !important;height:36px !important;min-width:36px !important;flex:0 0 36px !important;isolation:isolate;background:none !important;box-shadow:none !important;border:0 !important}.rank-details-panel .rank-details-badge .badge-aura{display:block !important;inset:-28% !important;opacity:0.9 !important}.rank-details-panel .rank-details-badge .xp-drawer-badge-ring.badge-ring{display:block !important;position:absolute !important;inset:0 !important;border-radius:11px !important;padding:2px !important;z-index:2}.rank-details-panel .rank-details-badge .xp-rank-badge{position:absolute !important;inset:3px !important;display:grid !important;place-items:center !important;width:auto !important;height:auto !important;z-index:4;border-radius:9px !important;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rd-green) 22%,transparent),transparent 62%),rgba(12,16,28,0.92) !important;border:1px solid color-mix(in srgb,var(--rd-green) 28%,transparent) !important;box-shadow:none !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rank-details-panel .rank-details-badge .xp-rank-badge i,.rank-details-panel .rank-details-badge .xp-rank-badge svg{width:15px !important;height:15px !important;color:var(--rd-green) !important;stroke:var(--rd-green) !important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rd-green) 55%,transparent))}.rank-details-kicker-row{display:flex;align-items:baseline;gap:8px;min-width:0}.rank-details-kicker{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rank-details-kicker-row h2,.rank-details-hero h2{margin:0;flex:1 1 auto;min-width:0;color:#fff;font-size:16px;font-weight:800;line-height:1.15;letter-spacing:0;text-shadow:0 0 10px color-mix(in srgb,var(--rd-green) 35%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-details-meta{display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:0;margin:0;padding:0;border:0;background:none;box-shadow:none}.rank-details-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:rgba(255,255,255,0.62);font-size:12.5px;font-weight:750;line-height:1.15;white-space:nowrap;text-shadow:none}.rank-details-chip b{color:rgba(255,255,255,0.92);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:none}.rank-details-title-row{display:block;min-width:0;width:100%}.rank-details-progress-block{display:flex;flex-direction:column;gap:5px;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.rank-details-progress-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;color:rgba(255,255,255,0.42);font-size:10px;font-weight:650;line-height:1.2}.rank-details-progress-label strong{color:rgba(255,255,255,0.82);font-weight:800}.rank-details-progress-label b{color:color-mix(in srgb,var(--rd-green) 72%,#fff);white-space:nowrap;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.rank-details-progress{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.08);box-shadow:inset 0 1px 2px rgba(0,0,0,0.28)}.rank-details-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient( 90deg,color-mix(in srgb,var(--rd-green) 75%,#0d1510),var(--rd-green) ) !important;box-shadow:0 0 8px color-mix(in srgb,var(--rd-green) 40%,transparent) !important;transition:width 0.35s ease}.rank-details-link{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;margin-top:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--rd-green,var(--rank-fallback,var(--primary))) 28%,rgba(255,255,255,0.12)) !important;color:rgba(255,255,255,0.92) !important;background:linear-gradient(165deg,rgba(255,255,255,0.07),transparent 55%),color-mix(in srgb,rgba(12,16,28,0.55) 82%,transparent) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06) !important;font-size:11px;font-weight:750;text-decoration:none;text-shadow:none;transition:filter 0.15s ease,transform 0.15s ease,border-color 0.15s ease,background 0.15s ease}.rank-details-link:hover{filter:brightness(1.08);border-color:color-mix(in srgb,var(--rd-green) 48%,rgba(255,255,255,0.18)) !important}.rank-details-link:active{transform:scale(0.98)}.rank-details-link svg{width:12px;height:12px;opacity:0.85}body[data-rank-theme] .rank-details-panel{border:1px solid color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 32%,rgba(255,255,255,0.12)) !important;background:linear-gradient(165deg,rgba(255,255,255,0.09),transparent 55%),color-mix(in srgb,rgba(12,16,28,0.74) 82%,transparent) !important;box-shadow:0 4px 14px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.07) !important;backdrop-filter:blur(14px) saturate(1.15) !important;-webkit-backdrop-filter:blur(14px) saturate(1.15) !important;animation:none !important}body[data-rank-theme] .rank-details-panel .rank-details-badge .xp-rank-badge{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rank-color) 22%,transparent),transparent 62%),rgba(12,16,28,0.92) !important;border:1px solid color-mix(in srgb,var(--rank-color) 28%,transparent) !important;box-shadow:none !important}body[data-rank-theme] .rank-details-panel h2{color:#fff !important;text-shadow:0 0 10px color-mix(in srgb,var(--rank-color) 35%,transparent)}body[data-rank-theme] .rank-details-link{border:1px solid color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 28%,rgba(255,255,255,0.12)) !important;color:rgba(255,255,255,0.92) !important;background:linear-gradient(165deg,rgba(255,255,255,0.07),transparent 55%),color-mix(in srgb,rgba(12,16,28,0.55) 82%,transparent) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06) !important}body[data-rank-theme] .rank-details-progress>span{background:linear-gradient( 90deg,color-mix(in srgb,var(--rank-color) 75%,#0d1510),var(--rank-color) ) !important;box-shadow:0 0 8px color-mix(in srgb,var(--rank-color) 40%,transparent) !important}@media (max-width:768px){.rank-details-panel{--rd-panel-width:min(18.5rem, calc(100vw - 1.25rem));border-radius:20px !important;padding:11px 10px 9px !important}.rank-details-kicker-row h2,.rank-details-hero h2{font-size:clamp(0.95rem, 3.8vw, 1.05rem);white-space:normal;overflow:visible;text-overflow:unset}.rank-details-kicker-row{flex-wrap:wrap;align-items:center;row-gap:4px}.rank-details-link{min-height:36px;font-size:12px}}@media (max-width:360px){.rank-details-panel{--rd-panel-width:calc(100vw - 1rem)}}/*! === components/level-glass.css === */ :root,html,body.cinema-app,body[data-rank-theme]{--level-atmosphere:radial-gradient( circle at top,#0b0f19 0%,#060911 50%,rgba(var(--level-rgb),0.08) 100% );--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(var(--level-rgb),0.15);--glass-glow:0 4px 20px rgba(var(--level-rgb),0.12);--glass-blur:blur(16px)}html,body.cinema-app{background:var(--level-atmosphere) !important;background-attachment:fixed !important;background-color:#060911 !important}body[data-rank-theme] .main-content,body[data-rank-theme].cinema-app,body.cinema-app .main-content{background:transparent !important}body[data-rank-theme] .app-shell{background:transparent}.watch-layout.watch-page,.channel-page,.nano-ai-page,.home-hero,.videos-grid-page,main.main-content:has(.watch-layout),main.main-content:has(.channel-page),main.main-content:has(.nano-ai-page){background:radial-gradient( circle at top,#0b0f19 0%,#060911 50%,rgba(var(--level-rgb),0.08) 100% ) !important;background-attachment:fixed !important}.channel-page.rank-themed{background:radial-gradient( circle at top,#0b0f19 0%,#060911 50%,rgba(var(--level-rgb),0.08) 100% ) !important}.nano-ai-page{--nano-bg:transparent;--nano-line:rgba(var(--level-rgb),0.15);--nano-accent:var(--level-color);border-color:rgba(var(--level-rgb),0.15) !important}body[data-rank-theme] .video-card,body[data-rank-theme] .hero-featured,body[data-rank-theme] .hero-featured-premium,body[data-rank-theme] .creator-card,body[data-rank-theme] .leaderboard-row,body[data-rank-theme] .settings-section,body[data-rank-theme] .settings-row-item,body[data-rank-theme] .watch-info,body[data-rank-theme] .watch-info-card:not ([data-creator-rank]),body[data-rank-theme] .comments-section,body[data-rank-theme] .channel-head,body[data-rank-theme] .channel-stats-grid,body[data-rank-theme] .channel-tabs,body[data-rank-theme] .upload-section,body[data-rank-theme] .auth-card,body[data-rank-theme] .modal-content,body[data-rank-theme] .modal-box,body[data-rank-theme] .user-dropdown,body[data-rank-theme] .bottom-sheet,body[data-rank-theme] .psheet,body[data-rank-theme] .nano-ai-sidebar,body[data-rank-theme] .nano-ai-composer,body[data-rank-theme] .nano-ai-topbar,.video-card,.watch-info-card:not ([data-creator-rank]),.comments-section,.channel-stats-grid,.user-dropdown,.hero-featured,.creator-card{background:var(--glass-bg) !important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border) !important;box-shadow:none !important}body[data-rank-theme] .video-card:hover,body[data-rank-theme] .creator-card:hover,body[data-rank-theme] .leaderboard-row:hover,body[data-rank-theme] .settings-row-item:hover,body[data-rank-theme] .watch-info-card:not ([data-creator-rank]):hover,body[data-rank-theme] .channel-stat-cell:hover,body[data-rank-theme] .hero-featured:hover,body[data-rank-theme] .user-dropdown .dropdown-item:hover,.video-card:hover,.creator-card:hover{box-shadow:var(--glass-glow) !important;border-color:rgba(var(--level-rgb),0.28) !important}body[data-rank-theme] .watch-reactions.react-bar,.watch-reactions.react-bar{background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}body[data-rank-theme] .watch-reactions.react-bar .react-vote-segment,.watch-reactions.react-bar .react-vote-segment{background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}body[data-rank-theme] .watch-info-card.rank-themed[data-creator-rank],.watch-info-card.rank-themed[data-creator-rank]{background:radial-gradient(120% 80% at 100% 0%,rgba(var(--level-rgb),0.16),transparent 55%),linear-gradient(165deg,rgba(255,255,255,0.045) 0%,transparent 42%),#151829 !important;border:1px solid color-mix(in srgb,var(--rank-color) 22%,rgba(255,255,255,0.08)) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 10px 28px rgba(0,0,0,0.18),0 0 0 1px rgba(var(--level-rgb),0.04) !important}body[data-rank-theme] .watch-info-card.rank-themed[data-creator-rank]:hover,.watch-info-card.rank-themed[data-creator-rank]:hover{border-color:color-mix(in srgb,var(--rank-color) 28%,rgba(255,255,255,0.1)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 10px 28px rgba(0,0,0,0.18),0 0 0 1px rgba(var(--level-rgb),0.06) !important}body[data-rank-theme] .watch-info-card.rank-themed[data-creator-rank]>.creator-card,.watch-info-card.rank-themed[data-creator-rank]>.creator-card{background:color-mix(in srgb,var(--rank-color) 7%,rgba(255,255,255,0.02)) !important;border-color:color-mix(in srgb,var(--rank-color) 20%,rgba(255,255,255,0.06)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04) !important}body[data-rank-theme] .watch-info-card.rank-themed[data-creator-rank]>.creator-card:hover,.watch-info-card.rank-themed[data-creator-rank]>.creator-card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.05) !important;border-color:color-mix(in srgb,var(--rank-color) 28%,rgba(255,255,255,0.08)) !important}body[data-rank-theme] .mol-nav,body[data-rank-theme] .app-nav.bottom-nav,.app-nav.mol-nav,.mol-nav{background:rgba(255,255,255,0.03) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border-top:1px solid rgba(255,255,255,0.06) !important;box-shadow:0 -6px 24px rgba(0,0,0,0.25) !important}body[data-rank-theme] .app-header,.app-header,.cinema-header,body[data-rank-theme] .header,.header{background:rgba(255,255,255,0.03) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.06) !important}body[data-rank-theme] .mol-nav .app-nav-item.active:not (.upload),body[data-rank-theme] .mol-nav .bottom-nav-item.active:not (.upload){color:var(--level-color) !important;text-shadow:0 0 12px rgba(var(--level-rgb),0.4)}body[data-rank-theme] .mol-nav .app-nav-item.active:not (.upload) svg,body[data-rank-theme] .mol-nav .app-nav-item.active:not (.upload) [data-lucide],body[data-rank-theme] .mol-nav .bottom-nav-item.active:not (.upload) svg,body[data-rank-theme] .mol-nav .bottom-nav-item.active:not (.upload) [data-lucide]{color:var(--level-color) !important;stroke:var(--level-color) !important;filter:drop-shadow(0 0 8px rgba(var(--level-rgb),0.45))}body[data-rank-theme] .rank-details-panel #rankDetailsTitle,body[data-rank-theme] .rank-details-panel [data-xp-rank],body[data-rank-theme] .rank-details-stats strong,body[data-rank-theme] .channel-stat-value,body[data-rank-theme] .xp-nano .xp-level,body[data-rank-theme] .xp-nano .xp-value,body[data-rank-theme] .leader-rank-pill,.rank-details-panel #rankDetailsTitle,.rank-details-panel [data-xp-rank],.channel-stat-value{color:var(--level-color) !important;text-shadow:0 0 12px rgba(var(--level-rgb),0.4)}body[data-rank-theme] .header .brand-level-badge.rank-themed{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:0 !important;border-radius:0 !important;border:0 !important;background:none !important;background-image:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;max-width:min(200px, 50vw)}body[data-rank-theme] .header .brand-level-badge .brand-level-kicker{display:none !important}body[data-rank-theme] .header .brand-level-badge .brand-level-name,body[data-rank-theme] .header .brand-level-badge [data-rank-label]{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;background-image:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;font-size:14px !important;font-weight:800 !important;line-height:1.15 !important;text-shadow:none !important;filter:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8.4rem}body[data-rank-theme] .header .brand-level-badge .brand-level-emblem.xp-drawer-badge-wrap{width:40px !important;height:40px !important;min-width:40px !important;flex:0 0 40px !important;position:relative !important;background:none !important;box-shadow:none !important;border:0 !important}body[data-rank-theme] .header .brand-level-badge .badge-aura{display:block !important;opacity:0.9 !important;inset:-28% !important;animation:xpBadgeAura 3.2s ease-in-out infinite !important}body[data-rank-theme] .header .brand-level-badge .xp-drawer-badge-ring.badge-ring{display:block !important;position:absolute !important;inset:0 !important;border-radius:11px !important;padding:2px !important;z-index:2 !important;animation:xpBadgeSpin 5.5s linear infinite !important}body[data-rank-theme] .header .brand-level-badge .xp-rank-badge{inset:3px !important;border-radius:9px !important;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rank-color) 22%,transparent),transparent 62%),rgba(12,16,28,0.92) !important;border:1px solid color-mix(in srgb,var(--rank-color) 28%,transparent) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body[data-rank-theme] .header .brand-level-badge .xp-rank-badge i,body[data-rank-theme] .header .brand-level-badge .xp-rank-badge svg,body[data-rank-theme] .header .brand-level-badge [data-rank-icon]{width:17px !important;height:17px !important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rank-color) 55%,transparent))}@media (prefers-reduced-motion:reduce){body[data-rank-theme] .header .brand-level-badge .badge-aura,body[data-rank-theme] .header .brand-level-badge .xp-drawer-badge-ring.badge-ring{animation:none !important}}@media (max-width:768px){body[data-rank-theme] .header .brand-level-badge.rank-themed{padding:0 !important;max-width:min(168px, 44vw)}body[data-rank-theme] .header .brand-level-badge .brand-level-emblem.xp-drawer-badge-wrap{width:38px !important;height:38px !important;min-width:38px !important;flex-basis:38px !important}body[data-rank-theme] .header .brand-level-badge .brand-level-name,body[data-rank-theme] .header .brand-level-badge [data-rank-label]{font-size:13.5px !important;max-width:7rem}}body[data-rank-theme] .rank-details-emblem{box-shadow:0 0 18px rgba(var(--level-rgb),0.35) !important}body[data-rank-theme] .react-btn.liked,body[data-rank-theme] .subscribe-btn.subscribe,body[data-rank-theme] .channel-action-btn--edit{box-shadow:0 0 14px rgba(var(--level-rgb),0.18)}body[data-rank-theme] a:focus-visible,body[data-rank-theme] button:focus-visible{outline-color:rgba(var(--level-rgb),0.55)}/*! === components/level-ui.css === */  .level-up-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px max(16px, env(safe-area-inset-left)) 24px max(16px, env(safe-area-inset-right));opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.32s ease,visibility 0.32s ease}.level-up-modal[hidden],.level-up-modal:not (.is-open){display:none !important;pointer-events:none !important;visibility:hidden !important}.level-up-modal.is-open{display:grid !important;opacity:1;visibility:visible;pointer-events:auto}.level-up-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.level-up-card{position:relative;z-index:1;width:min(100%, 380px);padding:32px 24px 28px;border-radius:24px;background:rgba(255,255,255,0.05);border:1px solid rgba(var(--level-rgb),0.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;overflow:hidden;transform:translateY(28px) scale(0.96);transition:transform 0.38s cubic-bezier(0.22,1,0.36,1);box-shadow:0 24px 60px rgba(0,0,0,0.45)}.level-up-modal.is-open .level-up-card{transform:translateY(0) scale(1)}.level-up-glow{position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(circle at 50% 40%,rgba(var(--level-rgb),0.55) 0%,transparent 68%);pointer-events:none;filter:blur(8px)}.level-up-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.level-up-particle{position:absolute;top:-8%;left:var(--p-x,50%);width:7px;height:7px;border-radius:2px;background:var(--level-color);opacity:0;transform:scale(var(--p-scale,1));animation:levelUpParticle var(--p-dur,3s) var(--p-delay,0s) ease-out forwards;box-shadow:0 0 10px rgba(var(--level-rgb),0.65)}.level-up-particle:nth-child(3n){border-radius:50%;background:rgba(255,255,255,0.85)}.level-up-particle:nth-child(4n){width:5px;height:12px;background:rgba(var(--level-rgb),0.9)}@keyframes levelUpParticle{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(var(--p-scale,1))}12%{opacity:1}100%{opacity:0;transform:translate3d(calc((var(--p-x, 50%) - 50%) * 0.4),110vh,0) rotate(220deg) scale(0.4)}}.level-up-badge{position:relative;z-index:1;width:84px;height:84px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;background:var(--rank-gradient,var(--level-color));border:1px solid rgba(var(--level-rgb),0.4);box-shadow:0 0 32px rgba(var(--level-rgb),0.55);color:#101010}.level-up-badge i,.level-up-badge svg{color:#101010 !important;stroke:#101010 !important}.level-up-kicker{position:relative;z-index:1;margin:0 0 8px;font-size:15px;font-weight:800;color:rgba(255,255,255,0.92);line-height:1.45}.level-up-rank{position:relative;z-index:1;margin:0;font-size:28px;font-weight:900;color:var(--level-color);text-shadow:0 0 18px rgba(var(--level-rgb),0.55)}.level-up-level{position:relative;z-index:1;margin:6px 0 0;font-size:13px;font-weight:700;color:rgba(255,255,255,0.55)}.level-up-actions{position:relative;z-index:1;margin-top:22px}.level-up-continue{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:46px;padding:0 28px;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;color:#0a0c12;background:var(--level-color);box-shadow:0 0 20px rgba(var(--level-rgb),0.5);transition:transform 0.18s ease,box-shadow 0.18s ease}.level-up-continue:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(var(--level-rgb),0.65)}.level-up-continue:active{transform:scale(0.98)}body.level-up-open{overflow:hidden}.level-theme-tester{display:flex;flex-direction:column;gap:12px;width:100%;padding:14px 16px 16px;border-radius:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(var(--level-rgb),0.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.level-theme-tester-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.level-theme-tester-title{font-size:14px;font-weight:800;color:#fff}.level-theme-tester-desc{margin-top:4px;font-size:12px;color:var(--text-muted,#9497b0);line-height:1.5}.level-theme-reset{flex-shrink:0;border:1px solid rgba(var(--level-rgb),0.25);background:rgba(var(--level-rgb),0.08);color:var(--level-color);border-radius:999px;padding:6px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.level-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.level-theme-btn{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:12px 8px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--btn-rank-color,#fff) 28%,transparent);background:linear-gradient( 165deg,color-mix(in srgb,var(--btn-rank-color,#fff) 16%,transparent) 0%,rgba(255,255,255,0.02) 100% );color:color-mix(in srgb,var(--btn-rank-color,#fff) 55%,#fff);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease,color 0.18s ease,background 0.18s ease}.level-theme-btn .level-theme-ico,.level-theme-btn .level-theme-ico svg{width:20px;height:20px;color:var(--btn-rank-color,#fff) !important;stroke:var(--btn-rank-color,#fff) !important;flex-shrink:0}.level-theme-btn .level-theme-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--btn-rank-color,#fff) 70%,#fff)}.level-theme-btn .level-theme-lv{font-size:10px;font-weight:700;opacity:0.75;letter-spacing:0.02em;color:color-mix(in srgb,var(--btn-rank-color,#fff) 45%,#c8cad8)}.level-theme-btn:hover{border-color:color-mix(in srgb,var(--btn-rank-color,#fff) 55%,transparent);box-shadow:0 6px 22px color-mix(in srgb,var(--btn-rank-color,#fff) 28%,transparent);transform:translateY(-1px);background:linear-gradient( 165deg,color-mix(in srgb,var(--btn-rank-color,#fff) 24%,transparent) 0%,rgba(255,255,255,0.04) 100% )}.level-theme-btn.is-active{border-color:color-mix(in srgb,var(--btn-rank-color,#fff) 65%,transparent);background:var(--btn-rank-gradient,linear-gradient(135deg,var(--btn-rank-color),var(--btn-rank-secondary,#fff))),color-mix(in srgb,var(--btn-rank-color,#fff) 18%,rgba(0,0,0,0.45));background-blend-mode:soft-light,normal;color:#fff;box-shadow:0 6px 24px color-mix(in srgb,var(--btn-rank-color,#fff) 35%,transparent),inset 0 1px 0 rgba(255,255,255,0.22);text-shadow:0 1px 8px rgba(0,0,0,0.35);transform:translateY(-1px)}.level-theme-btn.is-active .level-theme-ico,.level-theme-btn.is-active .level-theme-ico svg{color:#fff !important;stroke:#fff !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.35))}.level-theme-btn.is-active .level-theme-name{color:#fff}.level-theme-btn.is-active .level-theme-lv{opacity:0.9;color:rgba(255,255,255,0.88)}.video-card.cinema-card,.video-card{background:linear-gradient( 165deg,color-mix(in srgb,var(--rank-color,var(--level-color,var(--rank-fallback,var(--primary)))) 10%,#1a1d2c) 0%,#12141f 55%,#0e1018 100% ) !important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--rank-color,var(--level-color,var(--rank-fallback,var(--primary)))) 22%,rgba(255,255,255,0.08)) !important;border-radius:16px !important;overflow:hidden !important;gap:0 !important;box-shadow:0 10px 28px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.06);transition:transform 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease;max-width:100%}.video-card:hover,.video-card:focus-within{transform:translateY(-3px) scale(1.015);border-color:color-mix(in srgb,var(--rank-color,var(--level-color,var(--rank-fallback,var(--primary)))) 45%,rgba(255,255,255,0.12)) !important;box-shadow:0 14px 34px rgba(0,0,0,0.45),0 0 24px color-mix(in srgb,var(--rank-color,var(--level-color,var(--rank-fallback,var(--primary)))) 22%,transparent) !important;z-index:2}.video-card.cinema-card .video-card-thumb-link,.video-card .video-card-thumb-link{display:block;position:relative;overflow:hidden;max-width:100%;border-radius:0 !important;box-shadow:none !important;aspect-ratio:3 / 2;background:#05060a}.video-card.cinema-card .video-card-thumb,.video-card .video-card-thumb{position:absolute;inset:0}.video-card.cinema-card .video-card-gradient,.video-card .video-card-gradient{opacity:1 !important;height:48%;background:linear-gradient( transparent 0%,rgba(0,0,0,0.35) 55%,rgba(0,0,0,0.72) 100% ) !important}.video-card.cinema-card .video-card-details,.video-card .video-card-details{display:flex;align-items:flex-start;gap:7px;padding:7px 8px 8px !important;min-height:0 !important}.video-card.cinema-card .video-card-avatar-link,.video-card .video-card-avatar-link{width:30px;height:30px;min-width:30px}.video-card.cinema-card .video-card-avatar,.video-card .video-card-avatar{width:30px;height:30px;max-width:30px;border:1.5px solid color-mix(in srgb,var(--rank-color,var(--level-color,var(--rank-fallback,var(--primary)))) 40%,rgba(255,255,255,0.12))}.video-card.cinema-card .video-card-text,.video-card .video-card-text{gap:1px}.video-card.cinema-card .video-card-title,.video-card .video-card-title{font-size:12.5px !important;font-weight:800;line-height:1.3 !important;margin:0 !important}.video-card.cinema-card .video-card-title a,.video-card .video-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.video-card.cinema-card .video-card-channel,.video-card .video-card-channel{font-size:11px !important;font-weight:700;color:color-mix(in srgb,var(--rank-color,var(--level-color,#c4b5fd)) 55%,#c8cad8) !important;margin:0;line-height:1.25}.video-card.cinema-card .video-card-meta,.video-card .video-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px !important;font-size:10px !important;font-weight:650;color:rgba(200,204,220,0.72);line-height:1.2}.video-card-thumb-link{display:block;position:relative;overflow:hidden;max-width:100%}.video-card-progress{position:absolute;inset-inline:0;bottom:0;height:3px;background:rgba(255,255,255,0.12);z-index:3;overflow:hidden}.video-card-progress-fill{display:block;height:100%;width:0;background:var(--level-color);box-shadow:0 0 10px rgba(var(--level-rgb),0.65);transition:width 0.3s ease}.video-card-meta .video-card-views,.video-card-meta .video-card-rating{display:inline-flex;align-items:center;gap:3px;color:rgba(255,255,255,0.78)}.video-card-meta .video-card-rating{color:var(--level-color);text-shadow:0 0 10px rgba(var(--level-rgb),0.4)}.video-card-meta .video-card-rating [data-lucide],.video-card-meta .video-card-rating svg{fill:var(--level-color) !important;stroke:var(--level-color) !important;filter:drop-shadow(0 0 6px rgba(var(--level-rgb),0.45))}.video-card-meta .video-card-views{text-shadow:0 0 10px rgba(var(--level-rgb),0.22)}.video-grid,.home-section,#homeActualContent{overflow-x:clip}.scroll-row,.creators-scroll,.channel-continue-rail{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;touch-action:pan-x pan-y !important;overscroll-behavior-x:contain !important;scroll-snap-type:x mandatory;scrollbar-width:none !important;max-width:100%}.scroll-row::-webkit-scrollbar,.creators-scroll::-webkit-scrollbar,.channel-continue-rail::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.scroll-row .video-card,.creators-scroll .video-card,.channel-continue-rail .cw-card{flex-shrink:0 !important;scroll-snap-align:start;min-width:0}.scroll-row .video-card{width:240px !important;flex:0 0 240px !important;max-width:240px !important;min-width:0 !important}@media (max-width:768px){#homeActualContent{--home-card-gap:8px}#homeActualContent .video-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:var(--home-card-gap) !important;align-items:stretch}#homeActualContent .scroll-row{gap:var(--home-card-gap) !important}#homeActualContent .scroll-row .video-card{width:calc((100% - var(--home-card-gap)) / 2) !important;flex:0 0 calc((100% - var(--home-card-gap)) / 2) !important;max-width:calc((100% - var(--home-card-gap)) / 2) !important;min-width:0 !important}#homeActualContent .video-grid .video-card{width:100% !important;max-width:100% !important;min-width:0 !important;height:100%}#homeActualContent .video-card.cinema-card .video-card-thumb-link,#homeActualContent .video-card.cinema-card .video-card-thumb{aspect-ratio:3 / 2 !important}#homeActualContent .video-card.cinema-card .video-card-details{min-height:0 !important;padding:6px 7px 7px !important}#homeActualContent .video-card.cinema-card .video-card-title,#homeActualContent .video-card.cinema-card .video-card-title a{font-size:12px !important;line-height:1.3 !important}}.header-inner{gap:10px}.header .header-icon-btn,.header .mobile-search-trigger{width:38px;height:38px;border-radius:12px}.main-content:has(#homeActualContent) .category-filters,body:has(#homeActualContent) .category-filters{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;scroll-behavior:smooth;scrollbar-width:none !important;padding:2px 2px 10px !important;margin-bottom:10px !important;overscroll-behavior-x:contain}.main-content:has(#homeActualContent) .category-filters::-webkit-scrollbar,body:has(#homeActualContent) .category-filters::-webkit-scrollbar{display:none !important;height:0 !important}.main-content:has(#homeActualContent) .category-filter,body:has(#homeActualContent) .category-filter{position:relative;overflow:hidden;flex:0 0 auto !important;display:inline-flex !important;align-items:center !important;gap:6px !important;padding:8px 14px !important;border-radius:999px !important;font-size:13px !important;font-weight:700 !important;line-height:1.2 !important;text-decoration:none !important;transition:transform 0.18s ease,background 0.22s ease,border-color 0.22s ease,color 0.22s ease,box-shadow 0.22s ease !important}.main-content:has(#homeActualContent) .category-filter::after,body:has(#homeActualContent) .category-filter::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(255,255,255,0.28),transparent 55%);opacity:0;transform:scale(0.55);transition:opacity 0.28s ease,transform 0.28s ease;pointer-events:none}.main-content:has(#homeActualContent) .category-filter:active::after,body:has(#homeActualContent) .category-filter:active::after{opacity:1;transform:scale(1.15);transition:opacity 0s,transform 0s}.main-content:has(#homeActualContent) .category-filter:not (.active),body:has(#homeActualContent) .category-filter:not (.active){background:rgba(18,22,36,0.72) !important;border:1px solid rgba(255,255,255,0.08) !important;color:#aeb6c9 !important}.main-content:has(#homeActualContent) .category-filter:not (.active):hover,body:has(#homeActualContent) .category-filter:not (.active):hover{color:#fff !important;border-color:color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 28%,rgba(255,255,255,0.12)) !important;transform:translateY(-1px)}.main-content:has(#homeActualContent) .category-filter.active,body:has(#homeActualContent) .category-filter.active{background:var(--rank-gradient,var(--rank-gradient,var(--brand-gradient))) !important;background-image:var(--rank-gradient,var(--rank-gradient,var(--brand-gradient))) !important;border:1px solid transparent !important;color:#fff !important;box-shadow:0 6px 16px color-mix(in srgb,var(--rank-color,var(--rank-fallback,var(--primary))) 28%,transparent) !important;transform:scale(1.02)}#homeActualContent .scroll-row .video-card{width:268px !important;flex:0 0 268px !important;max-width:268px !important}#homeActualContent .video-card.cinema-card,#homeActualContent .video-card{border-radius:18px !important}#homeActualContent .video-card.cinema-card .video-card-thumb-link,#homeActualContent .video-card.cinema-card .video-card-thumb,#homeActualContent .video-card .video-card-thumb-link{aspect-ratio:16 / 9 !important}#homeActualContent .video-card.cinema-card .video-card-thumb img,#homeActualContent .video-card .video-card-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform 0.35s ease}#homeActualContent .video-card:hover .video-card-thumb img{transform:scale(1.07)}#homeActualContent .video-card.cinema-card .video-card-details,#homeActualContent .video-card .video-card-details{padding:8px 9px 9px !important}#homeActualContent .video-card.cinema-card .video-card-avatar-link,#homeActualContent .video-card .video-card-avatar-link{width:32px !important;height:32px !important;min-width:32px !important}@media (max-width:768px){#homeActualContent .scroll-row .video-card{width:calc((100% - var(--home-card-gap, 8px)) / 2) !important;flex:0 0 calc((100% - var(--home-card-gap, 8px)) / 2) !important;max-width:calc((100% - var(--home-card-gap, 8px)) / 2) !important}#homeActualContent .video-card.cinema-card .video-card-thumb-link,#homeActualContent .video-card.cinema-card .video-card-thumb{aspect-ratio:16 / 9 !important}#homeActualContent .video-card.cinema-card .video-card-details{padding:6px 7px 8px !important}}@media (prefers-reduced-motion:reduce){#homeActualContent .video-card.cinema-card .video-card-thumb img,#homeActualContent .video-card .video-card-thumb img,#homeActualContent .video-card:hover .video-card-thumb img,.main-content:has(#homeActualContent) .category-filter,body:has(#homeActualContent) .category-filter{transition:none !important;transform:none !important}}/*! === components/leaderboard.css === */ .lb-page{--lb-accent:var(--stream-accent,var(--primary));--lb-gold:#f5c542;--lb-silver:#c5d0e0;--lb-bronze:#d09255;--lb-glass:rgba(255,255,255,0.035);--lb-border:rgba(255,255,255,0.08);--sub-plus:#5eead4;--sub-prime:#d4af37;--sub-ultra:#a78bfa;width:100%;max-width:920px;margin:0 auto;padding:12px 14px calc(var(--nav-height, 72px) + 28px)}.lb-hero{position:relative;overflow:hidden;border-radius:22px;padding:22px 18px 18px;margin-bottom:14px;border:1px solid var(--lb-border);background:radial-gradient(ellipse 80% 70% at 50% -10%,color-mix(in srgb,var(--lb-accent) 28%,transparent),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(245,197,66,0.08),transparent 55%),linear-gradient(165deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)}.lb-hero-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--lb-accent);font-size:11px;font-weight:800;letter-spacing:0.02em}.lb-hero-kicker svg{width:14px;height:14px}.lb-hero h1{margin:8px 0 6px;color:#fff;font-size:clamp(26px, 6vw, 36px);font-weight:900;line-height:1.15}.lb-hero p{margin:0;color:rgba(255,255,255,0.55);font-size:13px;font-weight:600;max-width:36ch}.lb-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.lb-refresh,.lb-hub-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;transition:background 0.15s ease,border-color 0.15s ease,transform 0.12s ease}.lb-refresh{border:1px solid var(--lb-border);background:rgba(0,0,0,0.25);color:#fff}.lb-refresh:hover{border-color:rgba(255,255,255,0.18);background:rgba(255,255,255,0.06)}.lb-refresh svg{width:14px;height:14px}.lb-refresh.is-spinning svg{animation:lbSpin 0.7s linear infinite}@keyframes lbSpin{to{transform:rotate(360deg)}}.lb-hub-link{border:1px solid color-mix(in srgb,var(--lb-accent) 35%,transparent);background:color-mix(in srgb,var(--lb-accent) 12%,transparent);color:var(--lb-accent)}.lb-hub-link:hover{background:color-mix(in srgb,var(--lb-accent) 18%,transparent)}.lb-tabs{display:flex;gap:6px;padding:5px;margin-bottom:16px;border-radius:14px;border:1px solid var(--lb-border);background:rgba(0,0,0,0.28);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{flex:1 1 0;min-width:max-content;min-height:40px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,0.55);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease}.lb-tab.is-active{color:#04140e;background:linear-gradient(135deg,var(--lb-accent),color-mix(in srgb,var(--lb-accent) 70%,#fff));box-shadow:0 6px 18px color-mix(in srgb,var(--lb-accent) 35%,transparent)}.lb-tab:not (.is-active):hover{color:#fff;background:rgba(255,255,255,0.06)}.lb-me{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--rank-color,var(--lb-accent)) 42%,transparent);background:radial-gradient(circle at 100% 0%,var(--rank-glow,transparent),transparent 55%),rgba(255,255,255,0.04);box-shadow:0 0 28px color-mix(in srgb,var(--rank-glow,transparent) 35%,transparent)}.lb-me-pos{min-width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:15px;color:#fff;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.1)}.lb-me-meta{min-width:0}.lb-me-label{display:block;font-size:10px;font-weight:800;color:rgba(255,255,255,0.45);margin-bottom:2px}.lb-me-name{display:block;color:#fff;font-weight:900;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-me-score{text-align:end;color:var(--lb-accent);font-weight:900;font-size:14px;font-variant-numeric:tabular-nums;direction:ltr}.lb-me-score small{display:block;color:rgba(255,255,255,0.4);font-size:10px;font-weight:700}.lb-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:10px;margin-bottom:18px;padding:8px 0 4px}.lb-podium-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 10px 14px;border-radius:18px;border:1px solid var(--lb-border);background:rgba(255,255,255,0.03);text-decoration:none;color:inherit;transition:transform 0.18s ease,border-color 0.18s ease;overflow:hidden}.lb-podium-card:hover{transform:translateY(-3px)}.lb-podium-card.is-first{padding-top:22px;padding-bottom:18px;border-color:color-mix(in srgb,var(--lb-gold) 55%,transparent);background:radial-gradient(circle at 50% 0%,rgba(245,197,66,0.28),transparent 58%),rgba(255,255,255,0.04);box-shadow:0 0 40px rgba(245,197,66,0.22),inset 0 1px 0 rgba(255,255,255,0.1)}.lb-podium-card.is-second{border-color:color-mix(in srgb,var(--lb-silver) 45%,transparent);background:radial-gradient(circle at 50% 0%,rgba(197,208,224,0.2),transparent 55%),rgba(255,255,255,0.03);box-shadow:0 0 28px rgba(197,208,224,0.12)}.lb-podium-card.is-third{border-color:color-mix(in srgb,var(--lb-bronze) 45%,transparent);background:radial-gradient(circle at 50% 0%,rgba(208,146,85,0.22),transparent 55%),rgba(255,255,255,0.03);box-shadow:0 0 28px rgba(208,146,85,0.14)}.lb-medal{font-size:22px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.35))}.lb-podium-card.is-first .lb-medal{font-size:28px}.lb-podium-avatar{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:var(--rank-gradient,linear-gradient(135deg,var(--rank-color,#888),#fff));box-shadow:0 0 24px var(--rank-glow,transparent)}.lb-podium-card.is-first .lb-podium-avatar{width:78px;height:78px;box-shadow:0 0 0 2px rgba(245,197,66,0.45),0 0 36px rgba(245,197,66,0.35),0 0 28px var(--rank-glow,transparent);animation:lbGlowPulse 2.4s ease-in-out infinite}@keyframes lbGlowPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}.lb-podium-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#12141c}.lb-podium-name{max-width:100%;color:#fff;font-weight:900;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium-card.is-first .lb-podium-name{font-size:15px}.lb-podium-rank{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;color:#0b0d12;background:var(--rank-gradient,var(--rank-color,#aaa))}.lb-podium-rank svg{width:var(--icon-size-xs);height:var(--icon-size-xs);flex:0 0 auto}.lb-podium-xp{direction:ltr;color:rgba(255,255,255,0.72);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.lb-podium-card.is-first .lb-podium-xp{color:var(--lb-gold);font-size:13px}.lb-list{display:flex;flex-direction:column;gap:8px}.lb-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;border:1px solid var(--lb-border);background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015)),var(--lb-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none;color:inherit;transition:border-color 0.15s ease,transform 0.12s ease,background 0.15s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}.lb-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--rank-color,var(--lb-accent)) 40%,transparent);background:radial-gradient(circle at 100% 50%,color-mix(in srgb,var(--rank-glow,transparent) 25%,transparent),transparent 55%),rgba(255,255,255,0.05)}.lb-row-pos{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-weight:900;font-size:14px;color:rgba(255,255,255,0.75);background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.06);font-variant-numeric:tabular-nums}.lb-row-user{display:flex;align-items:center;gap:10px;min-width:0}.lb-row-user img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--rank-color,rgba(255,255,255,0.2));box-shadow:0 0 16px var(--rank-glow,transparent);background:#12141c;flex:0 0 auto}.lb-row-info{min-width:0}.lb-row-name{display:flex;align-items:center;gap:6px;min-width:0;color:#fff;font-weight:900;font-size:14px}.lb-row-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-premium{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:0.02em;border:1px solid transparent}.lb-premium--plus{color:#042f2e;background:linear-gradient(135deg,#2dd4bf,var(--sub-plus));border-color:color-mix(in srgb,var(--sub-plus) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--sub-plus) 35%,transparent)}.lb-premium--prime{color:#1a1200;background:linear-gradient(135deg,#c9a227,#f3e5ab 50%,var(--sub-prime));border-color:rgba(255,200,87,0.45);box-shadow:0 0 12px rgba(212,175,55,0.35)}.lb-premium--ultra{color:#1e0a3c;background:linear-gradient(135deg,#7c3aed,var(--sub-ultra));border-color:color-mix(in srgb,var(--sub-ultra) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--sub-ultra) 40%,transparent)}.lb-premium svg{width:10px;height:10px}.lb-row-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px}.lb-rank-pill{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;color:#0b0d12;background:var(--rank-gradient,var(--rank-color,#aaa))}.lb-rank-pill svg{width:11px;height:11px}.lb-level-chip{font-size:10px;font-weight:800;color:rgba(255,255,255,0.45)}.lb-row-stats{text-align:end;flex:0 0 auto}.lb-row-xp{direction:ltr;color:#fff;font-weight:900;font-size:14px;font-variant-numeric:tabular-nums}.lb-row-xp small{display:block;color:rgba(255,255,255,0.4);font-size:10px;font-weight:700}.lb-loading,.lb-empty{padding:48px 20px;text-align:center;color:rgba(255,255,255,0.45);font-weight:700;border-radius:16px;border:1px dashed rgba(255,255,255,0.1);background:rgba(255,255,255,0.02)}.lb-loading{display:flex;flex-direction:column;align-items:center;gap:12px}.lb-spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,0.12);border-top-color:var(--lb-accent);animation:lbSpin 0.7s linear infinite}@media (max-width:640px){.lb-page{padding-inline:10px}.lb-podium{gap:6px}.lb-podium-avatar{width:54px;height:54px}.lb-podium-card.is-first .lb-podium-avatar{width:66px;height:66px}.lb-podium-name{font-size:11.5px}.lb-podium-card.is-first .lb-podium-name{font-size:13px}.lb-row{grid-template-columns:40px minmax(0,1fr) auto;padding:10px}.lb-row-user img{width:40px;height:40px}}/*! === components/subscribe-btn.css === */ .yt-sub{position:relative;display:inline-flex;align-items:center;flex-shrink:0;z-index:5}.yt-sub.is-menu-open{z-index:120}.creator-actions:has(.yt-sub.is-menu-open),.channel-actions:has(.yt-sub.is-menu-open){position:relative;z-index:120}.creator-card:has(.yt-sub.is-menu-open),.watch-info-card:has(.yt-sub.is-menu-open),.channel-profile:has(.yt-sub.is-menu-open){position:relative;z-index:100;overflow:visible !important}.yt-sub-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;overflow:visible;isolation:isolate;transition:background 0.22s ease,color 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease;-webkit-tap-highlight-color:transparent;user-select:none}.yt-sub-btn:not (.is-subscribed){background:#fff;color:#0a0a0a;box-shadow:0 4px 16px rgba(0,0,0,0.2)}.yt-sub-btn:not (.is-subscribed):hover{background:#f2f2f2}body[data-rank-theme] .yt-sub-btn:not (.is-subscribed){background:var(--level-color,#fff);color:#0a0a0a;box-shadow:0 4px 18px rgba(var(--level-rgb),0.35)}body[data-rank-theme] .yt-sub-btn:not (.is-subscribed):hover{filter:brightness(1.06)}.yt-sub-btn.is-subscribed{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none}.yt-sub-btn.is-subscribed:hover{background:rgba(255,255,255,0.14);border-color:rgba(var(--level-rgb),0.35)}.yt-sub-btn.is-pressed{animation:ytSubSpring 0.42s cubic-bezier(0.34,1.56,0.64,1)}@keyframes ytSubSpring{0%{transform:scale(1)}35%{transform:scale(0.92)}100%{transform:scale(1)}}.yt-sub-label{display:inline-block;line-height:1;transition:opacity 0.18s ease,transform 0.18s ease}.yt-sub-btn.is-fading .yt-sub-label{opacity:0;transform:translateY(3px)}.yt-sub-bell{width:15px;height:15px;flex-shrink:0;display:none;color:inherit}.yt-sub-btn.is-subscribed .yt-sub-bell{display:inline-block}.yt-sub-btn.is-subscribed .yt-sub-bell.is-ringing,.yt-sub-btn.is-subscribed .yt-sub-bell.is-ringing svg{animation:ytBellRing 0.5s ease-in-out;transform-origin:top center}@keyframes ytBellRing{0%{transform:rotate(0deg)}12%{transform:rotate(-15deg)}28%{transform:rotate(15deg)}42%{transform:rotate(-10deg)}58%{transform:rotate(10deg)}72%{transform:rotate(-5deg)}86%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}.yt-sub-burst{position:absolute;inset:50% auto auto 50%;width:0;height:0;pointer-events:none;z-index:2}.yt-sub-particle{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:var(--level-color,#65d887);box-shadow:0 0 8px rgba(var(--level-rgb),0.65);opacity:0;transform:translate(-50%,-50%) scale(0.4);animation:ytSubPop 0.55s ease-out forwards}@keyframes ytSubPop{0%{opacity:0.95;transform:translate(-50%,-50%) scale(0.5)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0.15)}}.yt-sub-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;inset-inline:auto;min-width:220px;max-width:min(280px, calc(100vw - 24px));padding:8px;margin:0;list-style:none;border-radius:16px;background-color:#12141f;background-image:linear-gradient( 165deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 40%,transparent 100% );border:1px solid rgba(var(--level-rgb),0.28);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 18px 48px rgba(0,0,0,0.72),0 0 0 1px rgba(0,0,0,0.35),0 0 24px rgba(var(--level-rgb),0.12);z-index:200;direction:rtl;transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.94) translateY(-4px);transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;isolation:isolate}@media (max-width:768px){.yt-sub-menu{right:0;left:auto;max-width:min(280px, calc(100vw - 16px))}.channel-actions .yt-sub-menu,.creator-actions .yt-sub-menu{right:0;left:auto}}.yt-sub.is-menu-open .yt-sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translateY(0)}.yt-sub-menu::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#0f1118;z-index:-1}.yt-sub-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,0.92);font:inherit;font-size:13px;font-weight:650;text-align:start;cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.yt-sub-menu-item i,.yt-sub-menu-item svg{width:15px;height:15px;flex-shrink:0;color:rgba(255,255,255,0.7)}.yt-sub-menu-item:hover{background:rgba(var(--level-rgb),0.12);color:#fff}.yt-sub-menu-item:hover i,.yt-sub-menu-item:hover svg{color:var(--level-color)}.yt-sub-menu-item.is-active{background:rgba(var(--level-rgb),0.16);color:var(--level-color)}.yt-sub-menu-item.is-active i,.yt-sub-menu-item.is-active svg{color:var(--level-color)}.yt-sub-menu-item--danger{color:#fb7185}.yt-sub-menu-item--danger i,.yt-sub-menu-item--danger svg{color:#fb7185}.yt-sub-menu-item--danger:hover{background:rgba(251,113,133,0.12);color:#fda4af}.yt-sub-menu-sep{height:1px;margin:4px 8px;background:rgba(255,255,255,0.08)}.subscribe-btn-premium.yt-sub-btn.subscribed:hover,.subscribe-btn.yt-sub-btn.subscribed:hover{}/*! === components/apk-auth.css === */ body.apk-auth-page{--apk-bg:#0a0a0a;--apk-bg-top:#161616;--apk-surface:rgba(26,26,26,0.8);--apk-border:rgba(255,255,255,0.14);--apk-brand:var(--rank-color,var(--primary,#65d887));--apk-brand-deep:var(--rank-color-base,var(--primary,#65d887));--apk-brand-rgb:var(--level-rgb,101,216,135);--apk-text:#f5f5f5;--apk-text-secondary:#b3b3b3;--apk-text-muted:#8a8a8a;--apk-field:#141414;--apk-error:#ff6b6b}body.apk-auth-page .app-shell--bare,body.apk-auth-page .main-content-studio{min-height:100dvh;background:transparent;padding:0 !important;margin:0 !important}body.apk-auth-page .flash-message{max-width:440px;margin:12px auto 0;border-radius:14px}.apk-auth{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 16px 28px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--apk-brand) 7%,#101512) 0%,#161616 35%,#0a0a0a 100%);color:var(--apk-text)}.apk-auth__orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}.apk-auth__orb--tr{top:-80px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(var(--apk-brand-rgb),0.18) 0%,transparent 70%)}.apk-auth__orb--bl{bottom:40px;left:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(var(--apk-brand-rgb),0.12) 0%,transparent 70%)}.apk-auth__inner{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;gap:18px}.apk-auth__brand{text-align:center}.apk-auth__logo{margin:0;font-size:clamp(2.4rem, 8vw, 3rem);font-weight:900;letter-spacing:0.4px;line-height:1.05;color:var(--apk-text)}.apk-auth__logo span{color:var(--apk-brand)}.apk-auth__hello{margin:18px 0 0;font-size:1.5rem;font-weight:800;line-height:1.25;color:var(--apk-text)}.apk-auth__lead{margin:10px 0 0;font-size:0.95rem;font-weight:500;line-height:1.55;color:var(--apk-text-secondary)}.apk-auth__card{background:var(--apk-surface);border:1px solid var(--apk-border);border-radius:24px;padding:22px 20px;box-shadow:0 16px 28px rgba(0,0,0,0.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.apk-auth__field{margin:0 0 16px}.apk-auth__field label{display:block;margin:0 0 8px;font-size:0.9rem;font-weight:600;color:var(--apk-text-secondary)}.apk-auth__control{position:relative}.apk-auth__control .form-control,.apk-auth__card .form-control{width:100%;min-height:52px;border-radius:16px !important;border:1px solid var(--apk-border) !important;background:var(--apk-field) !important;color:var(--apk-text) !important;padding:14px 44px 14px 44px !important;font-size:0.98rem !important;font-weight:500;box-shadow:none !important;outline:none}.apk-auth__control .form-control:focus{border-color:rgba(var(--apk-brand-rgb),0.65) !important;box-shadow:0 0 0 3px rgba(var(--apk-brand-rgb),0.18) !important}.apk-auth__icon{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--apk-text-muted);pointer-events:none}.apk-auth__icon--prefix{right:14px}.apk-auth__toggle{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--apk-text-muted);cursor:pointer;padding:6px;display:inline-flex;align-items:center;justify-content:center}.apk-auth__error{margin-top:6px;color:var(--apk-error);font-size:0.82rem;font-weight:500}.apk-auth__forgot{display:inline-flex;align-items:center;min-height:40px;padding:0 4px;margin:-12px 0 4px;color:var(--apk-text-secondary);font-size:0.88rem;font-weight:600;text-decoration:none}.apk-auth__forgot:hover{color:var(--apk-text)}.apk-auth__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border:0;border-radius:16px;background:var(--rank-gradient,linear-gradient(135deg,var(--apk-brand),var(--apk-brand-deep)));color:var(--md-sys-color-on-primary,#0c1814);font-size:1rem;font-weight:800;letter-spacing:0.2px;cursor:pointer;box-shadow:0 8px 18px rgba(var(--apk-brand-rgb),0.30);font-family:inherit}.apk-auth__submit:hover{filter:brightness(1.05)}.apk-auth__submit:disabled{background:#2a2a2a;color:var(--apk-text-muted);box-shadow:none;cursor:not-allowed}.apk-auth__divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--apk-text-muted);font-size:0.85rem;font-weight:600}.apk-auth__divider::before,.apk-auth__divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,0.12)}.apk-auth__google-wrap{width:100%;min-height:56px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.apk-auth__google-wrap .g_id_signin,.apk-auth__google-wrap iframe{width:100% !important;max-width:100% !important}.apk-auth__google-fallback{width:100%;min-height:56px;border:0;border-radius:16px;background:#fff;color:#1f1f1f;font-weight:700;font-size:0.98rem;display:none;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-family:inherit}.apk-auth__footer{text-align:center;font-size:0.92rem;font-weight:500;color:var(--apk-text-muted)}.apk-auth__footer a{display:inline-block;min-height:40px;padding:8px 4px;color:var(--apk-brand);font-weight:800;text-decoration:none;margin-inline-start:6px}.apk-auth__footer a:hover{text-decoration:underline}@media (max-width:360px){.apk-auth{padding-inline:16px}.apk-auth__card{padding:18px 16px}}/*! === components/no-tap-effects.css === */ html,body,*,*::before,*::after{-webkit-tap-highlight-color:transparent !important}.ripple-effect,.ripple-wave,span.ripple-effect,span.ripple-wave{display:none !important;animation:none !important;opacity:0 !important;visibility:hidden !important;background:transparent !important;pointer-events:none !important}.nano-ai-icon-btn::after,.nano-ai-suggestion::after,.main-content:has(#homeActualContent) .category-filter::after,body:has(#homeActualContent) .category-filter::after{opacity:0 !important;transform:none !important;background:none !important;transition:none !important}.nano-ai-icon-btn:active::after,.nano-ai-suggestion:active::after,.main-content:has(#homeActualContent) .category-filter:active::after,body:has(#homeActualContent) .category-filter:active::after,.mol-nav .app-nav-item:not (.upload):active .app-nav-icon-wrap::after{opacity:0 !important;transform:none !important;background:none !important}button:focus,button:focus-visible,a:focus,a:focus-visible,summary:focus,summary:focus-visible,[role="button"]:focus,[role="button"]:focus-visible,[role="menuitem"]:focus,[role="menuitem"]:focus-visible,[role="tab"]:focus,[role="tab"]:focus-visible,[role="option"]:focus,[role="option"]:focus-visible,[role="link"]:focus,[role="link"]:focus-visible,.btn:focus,.btn:focus-visible,.app-nav-item:focus,.app-nav-item:focus-visible,.bottom-nav-item:focus,.bottom-nav-item:focus-visible,.header-btn:focus,.header-btn:focus-visible,.header-icon-btn:focus,.header-icon-btn:focus-visible,.mol-search-chip:focus,.mol-search-chip:focus-visible{outline:none !important;outline-offset:0 !important}button:focus-visible,a:focus-visible,[role="button"]:focus-visible,[role="menuitem"]:focus-visible,[role="tab"]:focus-visible,.btn:focus-visible,.app-nav-item:focus-visible,.bottom-nav-item:focus-visible,.header-btn:focus-visible,.header-icon-btn:focus-visible,.mol-search-chip:focus-visible{box-shadow:none !important}button:active,a:active,summary:active,[role="button"]:active,[role="menuitem"]:active,[role="tab"]:active,[role="option"]:active,[role="link"]:active,.btn:active,.btn-primary:active,.btn-gold:active,.header-btn:active,.header-icon-btn:active,.header-upload-btn:active,.header-notif-btn:active,.mobile-search-trigger:active,.user-dropdown-trigger:active,.search-submit-btn:active,.search-voice-btn:active,.search-back-btn:active,.app-nav-item:active,.bottom-nav-item:active,.mol-nav .app-nav-item:active,.mol-nav .bottom-nav-item:active,.mol-nav .app-nav-item:not (.upload):active .app-nav-icon-wrap,.mol-nav .app-nav-item:not (.upload):active .app-nav-label,.mol-nav .app-nav-item.upload:active .mol-upload-fab,.mol-nav .bottom-nav-item.upload:active .mol-upload-fab,.mol-nav .app-nav-item.upload:active .mol-upload-fab-core,.mol-nav .bottom-nav-item.upload:active .mol-upload-fab-core,.video-card:active,.cw-card:active,.drawer-item:active,.dropdown-item:active,.bottom-sheet-row:active,.bs-item:active,.share-sheet-app:active,.share-sheet-action:active,.channel-action-btn:active,.channel-tab:active,.category-filter:active,.react-btn:active,.react-seg:active,.watch-action-btn:active,.subscribe-btn:active,.subscribe-btn-premium:active,.star:active,.nano-ai-icon-btn:active,.nano-ai-suggestion:active,.nano-ai-attach:active,.nano-ai-send:active,.nano-ai-send:not (:disabled):active,.nano-ai-attach-item:active,.nano-ai-paywall-cta:active,.mol-search-overlay__clear:active,.mol-search-section__action:active,.mol-search-chip:active,.mp-dock-btn:active,.yt-history-clear:active,.yt-history-card:active,.yt-history-remove:active,.yt-history-empty-cta:active,.yt-mobile-library-row:active,.np-glass-btn:active,.pl-create-submit:active,.redeem-btn:active,.level-up-continue:active,.rank-details-link:active,.ah-studio-link:active,.pc-big-play:active,.player-lock-btn:active,.player-emoji-btn:active,.player-edge-prev:active,.player-edge-next:active,.comments-teaser:active,.comment-send-btn:active,.comment-composer-send:active,.creator-edit-link:active,.watch-now-btn:active,.hero-play-btn:active,.empty-state-btn:active,.three-dot-btn:active,.ai-summary-btn:active,.react-share-btn:active,.react-offline-btn:active,.react-btn--together:active,.like-btn:active,.dislike-btn:active,.bottom-sheet-close:active,.bottom-sheet-drag-handle:active{transform:none !important;filter:none !important;scale:none !important}.bottom-sheet-row:active,.bs-item:active,.drawer-item:active,.dropdown-item:active,.share-sheet-app:active,.share-sheet-action:active,.yt-mobile-library-row:active,.nano-ai-attach-item:active{background-color:transparent !important;background-image:none !important;box-shadow:none !important}.react-seg:active,.react-btn:active,.header-icon-btn:active,.mobile-search-trigger:active,.user-dropdown-trigger:active,.search-submit-btn:active,.search-voice-btn:active,.search-back-btn:active,.app-nav-item:active,.bottom-nav-item:active,.mol-nav .app-nav-item:active,.mol-nav .bottom-nav-item:active,.mol-search-chip:active,.yt-history-card:active,.category-filter:active{opacity:1 !important;filter:none !important}.mol-nav .app-nav-item:not (.upload):active .app-nav-icon-wrap{opacity:1 !important;filter:none !important;transform:none !important}.mol-nav .app-nav-item.upload:active,.mol-nav .bottom-nav-item.upload:active,.mol-nav .app-nav-item.upload:active .mol-upload-fab,.mol-nav .bottom-nav-item.upload:active .mol-upload-fab,.mol-nav .app-nav-item.upload:active .mol-upload-fab-core,.mol-nav .bottom-nav-item.upload:active .mol-upload-fab-core{transform:none !important;filter:none !important;opacity:1 !important;box-shadow:none !important}.pc-big-play,.pc-big-play:hover,.pc-big-play:focus,.pc-big-play:focus-visible,.pc-big-play:active,.wt-play-btn,.wt-play-btn:hover,.wt-play-btn:focus,.wt-play-btn:active,.wt-player-shell .pc-big-play,.wt-player-shell .pc-big-play:hover,.wt-player-shell .pc-big-play:active{transform:none !important;scale:none !important}