:root {--header-height: 56px;--sidebar-width: 240px;--bottom-nav-height: 56px;--default-item-width: 218px;--default-max-item-width: 344px;--default-item-margin-right: 16px;--default-item-margin-bottom: 24px;--item-title-font-size: 14px;--item-title-line-height: 18px;--item-title-max-lines: 2;--logo-height: 18px;--body-bg: #ffffff;--bg: #ffffff;--header-bg: #ffffff;--sidebar-bg: #ffffff;--card: #ffffff;--card-hover: #f0f0f0;--panel: #ffffff;--panel-soft: #f5f5f5;--elevated: #ffffff;--input-bg: #ffffff;--chip-bg: #f0f0f0;--chip-hover: #e8e8e8;--item-bg: #fafafa;--item-thumb-bg: #f5f5f5;--text: #0f0f0f;--text-primary: #0f0f0f;--text-secondary: #606060;--text-muted: rgba(17,17,17,0.6);--sub: #606060;--sub-text: #606060;--txt: var(--text);--item-title-text: #0f0f0f;--item-meta-text: rgba(17,17,17,0.6);--border: #eeeeee;--brd: var(--border);--border-soft: #f0f0f0;--border-strong: #e1e1e1;--input-border: #cccccc;--hr-color: #e1e1e1;--sidebar-nav-border: #eeeeee;--accent: #065fd4;--accent-hover: #0556bf;--accent-strong: #065fd4;--accent-contrast: #ffffff;--accent-text: #ffffff;--accent-soft: rgba(6,95,212,0.08);--pri: #e8a317;--on-accent: #ffffff;--ring: rgba(6,95,212,0.18);--theme-color: var(--accent);--brand-color: var(--accent);--default-theme-color: var(--accent);--default-brand-color: var(--accent);--links-color: var(--accent);--gradient: none;--soft-gradient: none;--success: #00a28b;--success-color: #00a28b;--warning: #e09f1f;--danger: #de623b;--error: #de623b;--error-soft: rgba(222,98,59,0.1);--info: #065fd4;--header-shadow: inset 0 -1px 0 rgba(0,0,0,0.06);--header-control-bg: transparent;--header-control-hover: rgba(0,0,0,0.04);--header-control-border: transparent;--header-control-text: #606060;--header-search-bg: #ffffff;--header-search-field-bg: #ffffff;--header-search-focus: rgba(28,98,185,0.14);--header-circle-button-color: #606060;--search-btn-bg: #f8f8f8;--search-btn-border: #d3d3d3;--search-btn-hover-bg: #f0f0f0;--search-input-border: #cccccc;--sidebar-nav-item-text: rgb(13,13,13);--sidebar-nav-item-icon: rgb(144,144,144);--nav-active-bg: rgba(0,0,0,0.1);--nav-hover-bg: rgba(0,0,0,0.04);--item-title-size: 14px;--item-title-line: 18px;--item-title-lines: 2;--item-radius: 10px;--item-duration-bg: hsl(0,0%,6.7%);--item-duration-fg: #ffffff;--skeleton-base: #eeeeee;--skeleton-hl: #f5f5f5;--surface-soft: #f5f5f5;--hero-caption: #111111;--hero-caption-zh: #606060;--hero-domain-color: #111111;--hero-hot-label: #606060;--hero-wordmark-color: #111111;--hero-link: #111111;--glass-blur: 0px;--glass-saturate: 1;--glass-brightness: 1;--glass-contrast: 1;--glass-tint: #ffffff;--glass-tint-strong: #ffffff;--glass-specular: transparent;--glass-specular-soft: transparent;--glass-border: #eeeeee;--glass-border-inner: transparent;--glass-shadow-outer: 0 4px 8px rgba(17,17,17,0.06);--glass-shadow-inner: none;--glass-accent-glow: transparent;--glass-highlight-angle: 135deg;--glass-highlight-x: 30%;--glass-highlight-y: 20%;--shadow-sm: 0 1px 2px rgba(17,17,17,0.04);--shadow-md: 0 4px 8px rgba(17,17,17,0.06);--shadow-lg: 0 8px 16px rgba(17,17,17,0.08);--shadow-xl: 0 12px 28px rgba(17,17,17,0.1);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-full: 999px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--transition-fast: 0.15s;--transition-normal: 0.2s;--transition-slow: 0.35s;--sidebar-slide-ms: 200ms;--z-dropdown: 100;--z-fixed-header: 9000;--z-sticky: 500;--z-floating-btn: 900;--z-bottom-nav: 950;--z-sidebar: 9500;--z-sidebar-overlay: 9400;--z-modal-backdrop: 1900;--z-modal: 2000;--z-toast: 2100;--z-tooltip: 2200;} body.light-mode,html[data-home-theme="light"],html[data-home-theme="light"] body,:root[data-theme="light"] {color-scheme: light;} html[data-home-theme="dark"],:root[data-theme="dark"] {color-scheme: dark;--body-bg: #0f0f0f;--bg: #0f0f0f;--header-bg: #212121;--sidebar-bg: #212121;--card: #0f0f0f;--card-hover: #272727;--panel: #212121;--panel-soft: #2a2a2a;--elevated: #2a2a2a;--input-bg: #121212;--chip-bg: #272727;--chip-hover: #3f3f3f;--item-bg: #0f0f0f;--item-thumb-bg: #272727;--text: #f1f1f1;--text-primary: #f1f1f1;--text-secondary: #aaaaaa;--text-muted: rgba(255,255,255,0.55);--sub: #aaaaaa;--sub-text: #aaaaaa;--txt: var(--text);--item-title-text: #f1f1f1;--item-meta-text: rgba(255,255,255,0.55);--border: rgba(255,255,255,0.1);--brd: var(--border);--border-soft: rgba(255,255,255,0.06);--border-strong: rgba(255,255,255,0.14);--input-border: #404040;--hr-color: rgba(255,255,255,0.1);--sidebar-nav-border: rgba(255,255,255,0.08);--accent: #3ea6ff;--accent-hover: #65b8ff;--accent-strong: #3ea6ff;--accent-contrast: #0f0f0f;--accent-text: #0f0f0f;--accent-soft: rgba(62,166,255,0.16);--pri: #e8a317;--on-accent: #0f0f0f;--ring: rgba(62,166,255,0.22);--theme-color: var(--accent);--brand-color: var(--accent);--header-shadow: inset 0 -1px 0 rgba(255,255,255,0.06);--header-control-bg: transparent;--header-control-hover: rgba(255,255,255,0.08);--header-control-border: transparent;--header-control-text: #cccccc;--header-search-bg: #121212;--header-search-field-bg: #121212;--header-search-focus: rgba(62,166,255,0.22);--header-circle-button-color: #cccccc;--search-btn-bg: #303030;--search-btn-border: #404040;--search-btn-hover-bg: #3a3a3a;--search-input-border: #404040;--sidebar-nav-item-text: #f1f1f1;--sidebar-nav-item-icon: #aaaaaa;--nav-active-bg: rgba(255,255,255,0.1);--nav-hover-bg: rgba(255,255,255,0.06);--skeleton-base: #272727;--skeleton-hl: #3f3f3f;--surface-soft: #212121;--hero-caption: #f1f1f1;--hero-caption-zh: #aaaaaa;--hero-domain-color: #f1f1f1;--hero-hot-label: #aaaaaa;--hero-wordmark-color: #fff;--hero-link: #fff;--glass-tint: #212121;--glass-tint-strong: #212121;--glass-border: rgba(255,255,255,0.08);--shadow-sm: 0 1px 2px rgba(0,0,0,0.4);--shadow-md: 0 4px 8px rgba(0,0,0,0.45);--shadow-lg: 0 8px 16px rgba(0,0,0,0.5);--shadow-xl: 0 12px 28px rgba(0,0,0,0.55);--error: #ff6b5a;--danger: #ff6b5a;--info: #3ea6ff;} body.light-mode {color-scheme: light;} html[data-home-theme="dark"] body {background: var(--body-bg);color: var(--text-primary);} .fa,.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,i.fa,i.fas,i.far,i.fab {font-family: "Font Awesome 6 Free","Font Awesome 6 Brands","FontAwesome" !important;font-style: normal !important;font-variant: normal !important;text-rendering: auto !important;-webkit-font-smoothing: antialiased;speak: never;} .fas,.fa-solid,.fa {font-weight: 900 !important;} .far,.fa-regular {font-weight: 400 !important;} .fab,.fa-brands {font-family: "Font Awesome 6 Brands","FontAwesome" !important;font-weight: 400 !important;} html {background: var(--body-bg,#fafafa);color-scheme: light;} html[data-home-theme="dark"] {color-scheme: dark;} body {background: var(--body-bg,#fafafa);color: var(--text-primary,#111);font-family: Roboto,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size: var(--text-base,14px);line-height: 1.5;margin: 0;min-height: 100vh;-webkit-font-smoothing: antialiased;} body.page-home,body.page-video,body.cb-shell {padding-top: 0;} body.overflow-hidden {overflow: hidden;} body.page-home > header,body.cb-shell > header,header.cb-header,body.page-home header {position: fixed !important;top: 0;left: 0;right: 0;height: var(--header-height,56px);z-index: var(--z-fixed-header,9000);background: var(--header-bg,#fff) !important;border-bottom: 0 !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;padding: 0 !important;display: block !important;} body.page-home > header::after,body.page-home header::after,header.cb-header::after {content: "";position: absolute;left: 0;right: 0;bottom: -5px;height: 5px;pointer-events: none;box-shadow: inset 0 4px 8px -3px rgba(17,17,17,0.06);opacity: 1;} html[data-home-theme="dark"] body.page-home header::after {box-shadow: inset 0 4px 8px -3px rgba(0,0,0,0.45);} body.page-home header .header-inner,header.cb-header .header-inner {height: var(--header-height,56px);max-width: none;margin: 0;padding: 0 16px 0 8px;display: flex;align-items: center;gap: 8px;} body.page-home header .logo,header.cb-header .logo {font-size: 1.25em;font-weight: 300;letter-spacing: 0;color: var(--text-primary);text-decoration: none;flex-shrink: 0;white-space: nowrap;background: none !important;-webkit-text-fill-color: var(--text-primary) !important;} body.page-home header .logo span,header.cb-header .logo span {color: var(--accent);font-weight: 500;-webkit-text-fill-color: var(--accent) !important;background: none !important;} body.page-home .mobile-nav-btn,body.page-home .cat-header-btn,body.page-home .mobile-user-btn,header.cb-header .mobile-nav-btn {width: 40px;height: 40px;border-radius: 50%;border: 0;background: transparent;color: var(--header-circle-button-color,#606060);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;flex-shrink: 0;padding: 0;} body.page-home .cat-header-btn span {display: none;} body.page-home .mobile-nav-btn:hover,body.page-home .cat-header-btn:hover,body.page-home .mobile-user-btn:hover {background: var(--nav-hover-bg);} body.page-home .search-box {flex: 1 1 auto;max-width: 640px;width: 100%;margin: 0 auto;position: relative;display: flex;align-items: stretch;height: 40px;} body.page-home .search-input {width: 100%;height: 40px;border-radius: 2px 0 0 2px !important;border: 1px solid var(--search-input-border,#ccc) !important;border-right: 0 !important;background: var(--header-search-bg,#fff) !important;color: var(--text-primary) !important;padding: 0 12px !important;font-size: 16px;box-shadow: none !important;} body.page-home .search-input:focus {outline: none;border-color: #bbb !important;box-shadow: inset 0 1px 2px rgba(0,0,0,0.06) !important;z-index: 1;} body.page-home .search-input::placeholder {color: var(--text-muted);} body.page-home .search-btn {position: relative !important;right: auto !important;top: auto !important;transform: none !important;width: 64px !important;min-width: 64px;height: 40px !important;border: 1px solid var(--search-btn-border,#d3d3d3) !important;border-radius: 0 2px 2px 0 !important;background: var(--search-btn-bg,#f8f8f8) !important;color: #333 !important;cursor: pointer;flex-shrink: 0;display: inline-flex !important;align-items: center;justify-content: center;opacity: 1 !important;} body.page-home .search-btn:hover {background: var(--search-btn-hover-bg,#f0f0f0) !important;} body.page-home .header-tool-btn,body.page-home .ai-search-btn,body.page-home .auth-btn {height: 36px;min-width: 36px;padding: 0 12px;border-radius: 2px;border: 0;background: transparent;color: var(--header-control-text,#606060);font-size: 13px;font-weight: 500;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 6px;text-decoration: none;text-transform: none;letter-spacing: 0;} body.page-home .header-tool-btn:hover,body.page-home .ai-search-btn:hover,body.page-home .auth-btn:hover {background: var(--header-control-hover);color: var(--text-primary);} body.page-home .auth-btn.btn-primary,body.page-home .btn-primary {background: transparent !important;border: 1px solid var(--accent) !important;color: var(--accent) !important;font-weight: 500 !important;text-transform: uppercase;letter-spacing: 0.02em;border-radius: 2px !important;padding: 0 14px !important;} body.page-home .auth-btn.btn-primary:hover {background: var(--accent-soft) !important;} body.page-home .controls {display: flex;align-items: center;gap: 4px;flex-shrink: 0;} body.page-home .header-auth-strip {display: flex;align-items: center;gap: 6px;border-left: 1px solid var(--border) !important;margin-left: 6px !important;padding-left: 10px !important;} body.page-home #mainContent,body.page-home .page-main-wrap,body.cb-shell .page-main-wrap {padding-top: calc(var(--header-height,56px) + 8px);min-height: 50vh;transition: padding-left var(--sidebar-slide-ms,200ms) ease;background: var(--body-bg);} @media (min-width: 768px) {body.page-home.visible-sidebar #mainContent,body.cb-shell.visible-sidebar:not(.page-video) .page-main-wrap,body.cb-shell.visible-sidebar:not(.page-video) #mainContent {padding-left: var(--sidebar-width,240px);}} body.page-home #catSideNav,body.cb-shell #catSideNav,.cat-side-nav {position: fixed !important;top: var(--header-height,56px) !important;left: 0 !important;width: var(--sidebar-width,240px) !important;height: calc(100vh - var(--header-height,56px)) !important;background: var(--sidebar-bg,#f5f5f5) !important;border-right: 0 !important;z-index: var(--z-sidebar,9500) !important;overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;transform: translateX(-100%);transition: transform var(--sidebar-slide-ms,200ms) ease !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;border-radius: 0 !important;padding: 0 0 24px !important;} body.page-home #catSideNav.open,body.page-home.visible-sidebar #catSideNav,body.cb-shell.visible-sidebar #catSideNav,.cat-side-nav.open {transform: translateX(0) !important;} body.sliding-sidebar #catSideNav,body.sliding-sidebar .cat-side-nav {will-change: transform;} body.page-home #catDrawerBackdrop,.cat-drawer-backdrop,.page-sidebar-content-overlay {position: fixed !important;inset: 0;top: var(--header-height,56px) !important;background: rgba(0,0,0,0.5) !important;z-index: var(--z-sidebar-overlay,9400) !important;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--sidebar-slide-ms,200ms) ease,visibility var(--sidebar-slide-ms,200ms) ease;backdrop-filter: none !important;} body.page-home #catDrawerBackdrop.open,body.page-home.sidebar-overlay-visible #catDrawerBackdrop,.cat-drawer-backdrop.open,body.sidebar-overlay-visible .page-sidebar-content-overlay {opacity: 1;visibility: visible;pointer-events: auto;} @media (min-width: 768px) {body.page-home:not(.page-video).visible-sidebar #catDrawerBackdrop,body.page-home:not(.page-video).visible-sidebar #catDrawerBackdrop.open {opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;}} body.page-home #catSideNav .ph-side-header,body.page-home #userSideNav .ph-side-header {display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;border-bottom: 1px solid var(--sidebar-nav-border,#eee);margin-bottom: 0;background: transparent;} body.page-home #catSideNav .ph-side-logo,body.page-home #userSideNav .ph-side-logo {font-weight: 400;font-size: 15px;color: var(--text-primary);} body.page-home #catSideNav .ph-side-logo span,body.page-home #userSideNav .ph-side-logo span {color: var(--accent);font-weight: 500;} body.page-home #catSideNav .ph-close-btn,body.page-home #userSideNav .ph-close-btn {width: 36px;height: 36px;border: 0;border-radius: 50%;background: transparent;color: var(--sidebar-nav-item-icon,#909090);cursor: pointer;} body.page-home #catSideNav .ph-close-btn:hover,body.page-home #userSideNav .ph-close-btn:hover {background: var(--nav-hover-bg);} body.page-home #catSideNav .ph-nav-item,body.page-home #userSideNav .ph-nav-item,body.page-home #catSideNav a.ph-nav-item {display: flex !important;align-items: center;gap: 24px;padding: 0 24px !important;margin: 0 !important;min-height: 40px;border-radius: 0 !important;color: var(--sidebar-nav-item-text,rgb(13,13,13)) !important;text-decoration: none !important;font-size: 14px;font-weight: 400;line-height: 40px;border-left: 0 !important;border-top: 0 !important;transition: background 0.15s ease;position: relative;background: transparent !important;} body.page-home #catSideNav .ph-nav-item i,body.page-home #userSideNav .ph-nav-item i {width: 24px;max-width: 24px;text-align: center;color: var(--sidebar-nav-item-icon,#909090) !important;font-size: 20px;line-height: 1;flex-shrink: 0;} body.page-home #catSideNav .ph-nav-item:hover,body.page-home #userSideNav .ph-nav-item:hover {background: var(--nav-hover-bg) !important;} body.page-home #catSideNav .ph-nav-item.active,body.page-home #catSideNav .ph-nav-item[aria-current="page"] {background: var(--nav-active-bg) !important;font-weight: 500;} body.page-home #catSideNav .ph-nav-item.active i {color: var(--accent) !important;} body.page-home #catSideNav .ph-side-section {display: block;padding: 16px 24px 8px;font-size: 13px;font-weight: 500;text-transform: none;letter-spacing: 0;color: var(--text-secondary);border-top: 1px solid var(--sidebar-nav-border,#eee);margin-top: 8px;} body.page-home #catSideNav .ph-side-section:first-of-type {border-top: 0;margin-top: 0;} body.page-home #catFab {background: var(--elevated) !important;color: var(--text-primary) !important;border: 1px solid var(--border) !important;box-shadow: var(--shadow-md) !important;} @media (min-width: 768px) {body.page-home.visible-sidebar #catFab {display: none !important;}} body.page-home #userSideNav,.user-side-nav {position: fixed !important;top: var(--header-height,56px) !important;right: 0 !important;left: auto !important;width: min(320px,88vw) !important;height: calc(100vh - var(--header-height,56px)) !important;background: var(--sidebar-bg,#f5f5f5) !important;border-left: 1px solid var(--border) !important;z-index: var(--z-sidebar,9500) !important;transform: translateX(100%);transition: transform var(--sidebar-slide-ms,200ms) ease !important;overflow-y: auto;padding: 0 0 24px !important;border-radius: 0 !important;box-shadow: var(--shadow-lg) !important;backdrop-filter: none !important;} body.page-home #userSideNav.open,.user-side-nav.open {transform: translateX(0) !important;} body.page-home #userDrawerBackdrop {position: fixed !important;inset: 0;top: var(--header-height,56px) !important;background: rgba(0,0,0,0.5) !important;z-index: var(--z-sidebar-overlay,9400) !important;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--sidebar-slide-ms,200ms) ease;backdrop-filter: none !important;} body.page-home #userDrawerBackdrop.open {opacity: 1;visibility: visible;pointer-events: auto;} body.page-home .ph-quick-row {display: flex;gap: 8px;padding: 12px 16px 16px;justify-content: space-around;} body.page-home .ph-quick-circle {width: 48px;height: 48px;border-radius: 50%;background: rgba(0,0,0,0.06);display: inline-flex;align-items: center;justify-content: center;color: var(--text-primary);border: 0;} body.page-home .ph-quick-label {font-size: 11px;color: var(--text-secondary);margin-top: 6px;display: block;text-align: center;} body.page-home .ph-quick-btn {text-decoration: none;color: inherit;display: flex;flex-direction: column;align-items: center;min-width: 72px;} body.page-home .feed-tabs {display: flex;gap: 8px;padding: 12px 16px 8px;max-width: none;margin: 0;overflow-x: auto;border-bottom: 0;scrollbar-width: none;background: transparent;} body.page-home .feed-tabs::-webkit-scrollbar {display: none;} body.page-home .feed-tab {flex: 0 0 auto;height: 32px;padding: 0 12px;border-radius: 8px;border: 0;background: var(--chip-bg,#f0f0f0);color: var(--text-primary);font-size: 14px;font-weight: 500;cursor: pointer;white-space: nowrap;line-height: 32px;box-shadow: none !important;} body.page-home .feed-tab:hover {background: var(--chip-hover,#e8e8e8);} body.page-home .feed-tab.active {background: #0f0f0f !important;color: #fff !important;box-shadow: none !important;border-bottom: 0 !important;border-radius: 8px;} html[data-home-theme="dark"] body.page-home .feed-tab.active {background: #f1f1f1 !important;color: #0f0f0f !important;} body.page-home .cb-section-head,body.page-home .cw-header,body.page-home .media-list-header {display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding: 12px 16px;max-width: none;margin: 0;border-top: 0;} @media (min-width: 710px) {body.page-home .cb-section-head,body.page-home .cw-header,body.page-home .feed-tabs,body.page-home #mainContent > .trending-tags-bar .trending-tags-inner {padding-left: 24px;padding-right: 24px;}} body.page-home .cb-section-head h2,body.page-home .cw-title {margin: 12px 0;font-size: 16px;font-weight: 500;line-height: 1.25;color: var(--text-primary);letter-spacing: 0;} body.page-home .cb-section-head a,body.page-home .cw-clear-btn {font-size: 14px;font-weight: 400;color: var(--text-muted);text-decoration: none;background: none;border: 0;cursor: pointer;} body.page-home .cb-section-head a:hover,body.page-home .cw-clear-btn:hover {color: var(--text-primary);} body.page-home #vipContent > div:first-child {background: var(--accent-soft) !important;border: 1px solid rgba(255,106,0,0.22) !important;border-radius: 4px !important;} #mobileBottomNav,.mobile-bottom-nav {display: block !important;position: fixed !important;left: 0;right: 0;bottom: 0;height: calc(var(--bottom-nav-height,56px) + env(safe-area-inset-bottom,0px));padding-bottom: env(safe-area-inset-bottom,0px);background: var(--header-bg,#fff) !important;border-top: 1px solid var(--border) !important;z-index: var(--z-bottom-nav,950) !important;box-shadow: 0 -1px 0 rgba(0,0,0,0.04) !important;backdrop-filter: none !important;} .mobile-bottom-nav-inner {height: var(--bottom-nav-height,56px);display: flex;align-items: stretch;justify-content: space-around;max-width: 560px;margin: 0 auto;} body.page-home .mobile-bottom-nav a,.mobile-bottom-nav a,body.page-home .mobile-bottom-nav button,.mobile-bottom-nav button {flex: 1;min-width: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;color: var(--text-muted);text-decoration: none;font-size: 10px;background: none;border: 0;cursor: pointer;} body.page-home .mobile-bottom-nav a span,.mobile-bottom-nav a span,body.page-home .mobile-bottom-nav button,.mobile-bottom-nav button span {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.page-home .mobile-bottom-nav a.active,.mobile-bottom-nav a.active,body.page-home .mobile-bottom-nav a:hover,.mobile-bottom-nav a:hover {color: var(--accent);} @media (min-width: 900px) {body.page-home #mobileBottomNav,body.page-home .mobile-bottom-nav {display: none !important;}} @media (max-width: 899px) {body.page-home #mainContent {padding-bottom: calc(var(--bottom-nav-height,56px) + 16px + env(safe-area-inset-bottom,0px));}} body.page-home .auth-modal .auth-box {background: var(--elevated,#fff) !important;border: 0 !important;border-radius: 2px !important;box-shadow: 0 4px 8px rgba(17,17,17,0.06) !important;} body.page-home .btn-submit {background: var(--accent) !important;color: var(--accent-contrast,#fff) !important;border: 0 !important;border-radius: 2px !important;font-weight: 500 !important;text-transform: uppercase;letter-spacing: 0.02em;} body.page-home .btn-submit:hover {background: var(--accent-hover) !important;} body.page-home a.logo,body.page-home a.ph-nav-item,body.page-home .feed-tab,body.page-home .mobile-bottom-nav a,.mobile-bottom-nav a,body.page-home .desc,body.page-home .u-name,body.page-home .cb-title,body.page-home .cb-title a {color: inherit;} body.page-home .skip-link:focus {top: 0 !important;background: var(--accent) !important;color: #fff !important;} body.page-home .glass,body.page-home [class*="glass-"],body.page-home .liquid-glass {background: var(--elevated) !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;box-shadow: var(--shadow-sm) !important;border: 1px solid var(--border) !important;} body.page-home .hero-section--compact .hero-shell {background: #fff !important;border: 1px solid var(--border) !important;border-radius: 4px !important;box-shadow: none !important;} body.page-home .hot-search-panel {background: #f5f5f5 !important;border: 1px solid var(--border) !important;border-radius: 4px !important;} body.page-home .hot-search-tags button,body.page-home #hotSearchTags button {background: #fff !important;border: 1px solid var(--border) !important;color: var(--text-primary) !important;border-radius: 2px !important;} body.page-home .hot-search-tags button:hover,body.page-home #hotSearchTags button:hover {border-color: var(--accent) !important;color: var(--accent) !important;background: var(--accent-soft) !important;} body.page-home .hero-lead,body.page-home .hero-status-pill {color: var(--text-secondary) !important;} body.page-home .hero-status-pill {background: #f5f5f5 !important;border: 1px solid var(--border) !important;} @media (prefers-reduced-motion: reduce) {body.page-home #catSideNav,body.page-home #userSideNav,body.page-home #mainContent,body.page-home #catDrawerBackdrop {transition: none !important;}} @media (max-width: 1023px) {body.page-home .cat-header-btn {display: none !important;}} @media (max-width: 709px) {body.page-home header .header-inner {padding: 0 8px;}} .mobile-bottom-nav a svg,.mobile-bottom-nav button svg {display: block;width: 22px;height: 22px;flex-shrink: 0;} body.page-home .grid,.cb-grid,.items-list {display: grid !important;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: 24px 16px;padding: 8px 16px 32px;max-width: none;margin: 0;background: transparent;word-break: break-word;} @media (min-width: 710px) {body.page-home .grid,.cb-grid {padding-left: 24px;padding-right: 24px;}} @media (max-width: 479px) {body.page-home .grid,.cb-grid {grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 16px 8px;padding: 8px 12px 24px;}} @media (min-width: 600px) and (max-width: 999px) {body.page-home .grid,.cb-grid {grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 24px 12px;}} @media (min-width: 1000px) {body.page-home .grid,.cb-grid {grid-template-columns: repeat(auto-fill,minmax(218px,1fr));gap: 24px 16px;}} @media (min-width: 1400px) {body.page-home .grid,.cb-grid {grid-template-columns: repeat(auto-fill,minmax(240px,1fr));}} body.page-home .grid .card,body.page-home .cb-item,.cb-item {background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;overflow: visible !important;display: flex;flex-direction: column;gap: 0;transition: none;position: relative;cursor: pointer;max-width: var(--default-max-item-width,344px);width: 100%;margin-bottom: 0;vertical-align: top;} body.page-home .grid .card:hover,.cb-item:hover {transform: none !important;background: transparent !important;border-color: transparent !important;box-shadow: none !important;} body.page-home .grid .card .thumb,body.page-home .grid .card a.thumb,body.page-home .cb-thumb,.cb-thumb {position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;padding-bottom: 0 !important;height: auto;border-radius: 0;overflow: hidden;background: var(--item-thumb-bg,#f5f5f5) center / cover no-repeat;text-decoration: none;} @media (min-width: 480px) {body.page-home .grid .card .thumb,body.page-home .grid .card a.thumb,body.page-home .cb-thumb,.cb-thumb {border-radius: 10px;}} body.page-home .grid .card .thumb img,body.page-home .cb-thumb img,.cb-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: inherit;transition: none;pointer-events: none;} body.page-home .grid .card:hover .thumb img,.cb-item:hover .cb-thumb img {transform: none;} body.page-home .grid .card .duration,body.page-home .grid .card .thumb .duration,body.page-home .cb-duration,.cb-duration {position: absolute !important;right: 0 !important;bottom: 0 !important;left: auto !important;top: auto !important;margin: 4px !important;background: var(--item-duration-bg,hsl(0,0%,6.7%)) !important;color: var(--item-duration-fg,#fff) !important;font-size: 12px !important;font-weight: 500 !important;line-height: 13.5px !important;letter-spacing: 0.5px !important;padding: 2px 4px !important;border-radius: 2px !important;border: 0 !important;opacity: 0.8;z-index: 2;pointer-events: none;font-variant-numeric: tabular-nums;} body.page-home .grid .card .badge,body.page-home .grid .card .vip-badge,body.page-home .grid .card .badge-top,body.page-home .cb-badge {position: absolute;top: 6px;left: 6px;z-index: 2;font-size: 11px;font-weight: 700;padding: 2px 6px;border-radius: 2px;background: var(--accent);color: #fff;letter-spacing: 0.02em;} body.page-home .grid .card .info,body.page-home .grid .card .card-body,body.page-home .cb-meta,.cb-meta {padding: 0 !important;background: transparent !important;display: block !important;flex: none !important;justify-content: flex-start !important;} body.page-home .grid .card .title,body.page-home .grid .card h3,body.page-home .grid .card .desc,body.page-home .cb-title,.cb-title {margin: 12px 0 6px !important;font-size: var(--item-title-font-size,14px) !important;line-height: var(--item-title-line-height,18px) !important;font-weight: 500 !important;color: var(--item-title-text,#111) !important;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;text-decoration: none !important;min-height: 0 !important;max-height: calc(var(--item-title-max-lines,2) * var(--item-title-line-height,18px));} body.page-home .grid .card .title a,body.page-home .grid .card .desc,body.page-home .cb-title a {color: inherit !important;text-decoration: none !important;} body.page-home .grid .card .desc:hover {color: var(--text-primary) !important;} body.page-home .grid .card .meta-row,body.page-home .grid .card .meta,body.page-home .cb-sub {display: flex !important;flex-wrap: wrap;align-items: center;justify-content: flex-start !important;gap: 0 4px;font-size: 13px !important;line-height: 18px !important;color: var(--item-meta-text,rgba(17,17,17,0.6)) !important;border-top: 0 !important;padding-top: 0 !important;margin-top: 0 !important;font-family: Arial,sans-serif;} body.page-home .grid .card .u-tag {display: flex;align-items: center;gap: 6px;font-size: 13px !important;color: var(--item-meta-text) !important;overflow: hidden;min-width: 0;flex: 1 1 auto;} body.page-home .grid .card .u-avt-small {width: 24px !important;height: 24px !important;border-radius: 50% !important;background-size: cover !important;background-position: center !important;flex-shrink: 0;background-color: rgba(0,0,0,0.07);} body.page-home .grid .card .u-name {font-size: 13px !important;font-weight: 400 !important;color: var(--item-meta-text) !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.page-home .grid .card .u-name:hover {color: rgba(17,17,17,0.85) !important;} body.page-home .grid .card .stats-tag {display: flex;align-items: center;gap: 10px;font-size: 12px !important;color: var(--item-meta-text) !important;flex: 0 0 auto;margin-left: auto;} body.page-home .grid .card .stats-tag span {display: inline-flex;align-items: center;gap: 3px;cursor: pointer;color: inherit;} body.page-home .grid .card .stats-tag span:hover {color: var(--text-primary);} body.page-home .grid .card .stats-tag .like-btn.active,body.page-home .grid .card .stats-tag .fav-btn.active {color: var(--accent) !important;} body.page-home .grid .card .card-menu-wrap {position: absolute;top: 6px;right: 6px;z-index: 10;} body.page-home .grid .card .card-menu-btn {background: rgba(0,0,0,0.65) !important;border: 0 !important;color: #fff !important;width: 28px !important;height: 28px !important;min-width: 28px !important;min-height: 28px !important;border-radius: 50% !important;opacity: 0;transition: opacity 0.15s ease;} body.page-home .grid .card:hover .card-menu-btn,body.page-home .grid .card .card-menu-btn:focus {opacity: 1;} @media (hover: none) {body.page-home .grid .card .card-menu-btn {opacity: 1;}} body.page-home .cw-scroll,body.page-home #cwScroll {display: flex;gap: 12px;overflow-x: auto;padding: 4px 16px 16px;scroll-snap-type: x mandatory;scrollbar-width: thin;} @media (min-width: 710px) {body.page-home .cw-scroll,body.page-home #cwScroll {padding-left: 24px;padding-right: 24px;}} body.page-home .cw-scroll .card,body.page-home .cw-scroll .cb-item {flex: 0 0 218px;max-width: 218px;scroll-snap-align: start;} body.page-home .tab-empty-state {text-align: center;padding: 80px 16px 32px;color: var(--text-secondary);} body.page-home .tab-empty-btn,body.page-home .tab-empty-btn.primary {background: #0f0f0f !important;color: #fff !important;border-radius: 18px !important;border: 0 !important;height: 36px;padding: 0 16px;text-transform: none;font-weight: 500;letter-spacing: 0;box-shadow: none !important;} body.page-home .tab-empty-btn:hover,body.page-home .tab-empty-btn.primary:hover {background: #272727 !important;color: #fff !important;transform: none !important;} body.page-home .scroll-sentinel,body.page-home .scroll-end-msg {text-align: center;padding: 24px;color: var(--text-muted);font-size: 13px;font-weight: 500;} body.page-home .skeleton,body.page-home .card.skeleton .thumb {background: linear-gradient( 90deg,var(--skeleton-base) 25%,var(--skeleton-hl) 50%,var(--skeleton-base) 75% ) !important;background-size: 200% 100% !important;animation: cb-skel 1.2s ease-in-out infinite;} @keyframes cb-skel {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}} @media (prefers-reduced-motion: reduce) {body.page-home .skeleton,body.page-home .card.skeleton .thumb {animation: none !important;}} body.page-home .grid .card [style*="f5c518"],body.page-home .grid .card [style*="F5C518"] {color: var(--accent) !important;} .auth-modal {background: #f0f4f9 !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;align-items: center !important;justify-content: center !important;padding: 24px 16px !important;cursor: default !important;animation: none !important;z-index: 5000 !important;overflow-y: auto !important;} .auth-box {width: min(1040px,calc(100vw - 32px)) !important;max-width: 1040px !important;min-height: 402px !important;height: auto !important;padding: 36px 40px 36px !important;border-radius: 28px !important;border: 0 !important;background: #fff !important;color: #1f1f1f !important;box-shadow: none !important;animation: none !important;overflow: visible !important;max-height: none !important;} .auth-box::before {display: none !important;} .auth-box .auth-close {top: 12px !important;right: 12px !important;width: 40px !important;height: 40px !important;border-radius: 50% !important;color: #444746 !important;font-size: 22px !important;background: transparent !important;z-index: 2 !important;} .auth-box .auth-close:hover {background: rgba(60,64,67,.08) !important;color: #1f1f1f !important;} .auth-box form {display: none !important;} .auth-box form.is-active,.auth-box #loginForm:not([style*="none"]),.auth-box #regForm[style*="block"],.auth-box #forgotForm[style*="block"] {display: grid !important;grid-template-columns: minmax(240px,1fr) 456px;column-gap: 48px;row-gap: 0;align-items: start;grid-auto-flow: dense;} .auth-box .cb-ia-auth-left {grid-column: 1;display: flex;flex-direction: column;align-items: flex-start;min-width: 0;} .auth-box .cb-ia-auth-right {grid-column: 2;display: flex;flex-direction: column;min-width: 0;} #loginForm .cb-ia-auth-right {padding-top: 52px;} .cb-ia-auth-brand {display: flex !important;align-items: center;gap: 10px;margin: 4px 0 0 !important;font-size: 22px;font-weight: 700;letter-spacing: -.4px;color: #0f0f0f;line-height: 28px;} .cb-ia-auth-brand .cb-ia-yt-mark {width: 40px;height: 28px;border-radius: 6px;background: #e8a317;position: relative;flex: 0 0 40px;} .cb-ia-auth-brand .cb-ia-yt-mark::after {content: "";position: absolute;left: 16px;top: 7px;border-style: solid;border-width: 7px 0 7px 11px;border-color: transparent transparent transparent #fff;} .cb-ia-auth-brand .cb-ia-auth-bi {color: #e8a317;} .auth-box h2,.auth-box #authTitle {text-align: left !important;font-size: 36px !important;font-weight: 400 !important;line-height: 44px !important;letter-spacing: 0 !important;color: #1f1f1f !important;margin: 20px 0 0 !important;padding: 0 !important;border: 0 !important;} .auth-box .auth-subtitle {text-align: left !important;font-size: 16px !important;font-weight: 400 !important;line-height: 24px !important;color: #1f1f1f !important;margin: 16px 0 0 !important;} .auth-box .oauth-buttons.oauth-grid {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;gap: 12px !important;margin: 28px 0 0 !important;height: 40px !important;width: auto !important;max-width: none !important;} .auth-box .oauth-btn {flex: 0 0 40px !important;width: 40px !important;min-width: 40px !important;height: 40px !important;min-height: 40px !important;max-height: 40px !important;padding: 0 !important;border-radius: 20px !important;border: 1px solid #747775 !important;background: #fff !important;box-shadow: none !important;transform: none !important;} .auth-box .oauth-btn:hover {background: #f8fafd !important;border-color: #0b57d0 !important;transform: none !important;} .auth-box .oauth-divider {display: none !important;} .auth-box .form-group {margin: 16px 0 0 !important;position: relative !important;} .auth-box #regForm .form-group,.auth-box #forgotForm .form-group {margin: 12px 0 0 !important;} .auth-box .form-group label {position: absolute !important;left: 12px !important;top: 16px !important;padding: 0 4px !important;margin: 0 !important;font-size: 16px !important;font-weight: 400 !important;line-height: 20px !important;color: #444746 !important;background: #fff !important;pointer-events: none !important;transform-origin: left center;transition: transform .15s ease,font-size .15s ease,color .15s ease,top .15s ease;z-index: 1;} .auth-box .form-group.is-filled label,.auth-box .form-group:focus-within label {top: -8px !important;font-size: 12px !important;color: #0b57d0 !important;} .auth-box .form-control,.auth-box select.form-control {width: 100% !important;height: 56px !important;min-height: 56px !important;padding: 13px 15px !important;border: 1px solid #747775 !important;border-radius: 4px !important;background: #fff !important;color: #1f1f1f !important;font-size: 16px !important;font-weight: 400 !important;box-shadow: none !important;outline: none !important;} .auth-box .form-control::placeholder {color: transparent !important;} .auth-box .form-control::-webkit-input-placeholder {color: transparent !important;} .auth-box .form-control::-moz-placeholder {color: transparent !important;opacity: 0 !important;} .auth-box .form-group:focus-within .form-control {border-color: #0b57d0 !important;border-width: 2px !important;padding: 12px 14px !important;} .auth-box .code-row {display: flex !important;gap: 12px !important;align-items: stretch !important;} .auth-box .code-row .form-control {flex: 1 1 auto !important;} .auth-box .captcha-img {height: 56px !important;width: 112px !important;min-width: 112px !important;object-fit: contain !important;border-radius: 4px !important;border: 1px solid #747775 !important;background: #f8f9fa !important;cursor: pointer !important;} .auth-box .btn-code {height: 56px !important;padding: 0 16px !important;border-radius: 20px !important;border: 0 !important;background: #0b57d0 !important;color: #fff !important;font-size: 14px !important;font-weight: 500 !important;white-space: nowrap !important;} .auth-box .btn-code:disabled {background: #e3e3e3 !important;color: #1f1f1f !important;} .auth-box .forgot-link {color: #0b57d0 !important;font-size: 14px !important;font-weight: 500 !important;cursor: pointer !important;} .auth-box .forgot-link:hover {text-decoration: underline !important;} .auth-box .strength-meter {height: 4px !important;background: #e3e3e3 !important;border-radius: 2px !important;margin-top: 8px !important;} .auth-box .strength-bar {height: 4px !important;border-radius: 2px !important;} .auth-box .btn-submit {margin: 0 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;width: auto !important;min-width: 80px !important;height: 40px !important;padding: 0 24px !important;border: 0 !important;border-radius: 20px !important;background: #0b57d0 !important;color: #fff !important;font-size: 14px !important;font-weight: 500 !important;text-transform: none !important;letter-spacing: 0 !important;box-shadow: none !important;float: none !important;} .auth-box .btn-submit:hover {background: #0842a0 !important;} .auth-box .btn-submit:disabled {background: #e3e3e3 !important;color: #1f1f1f !important;} .auth-box .auth-legal {clear: both;text-align: left !important;font-size: 12px !important;line-height: 16px !important;color: #444746 !important;background: transparent !important;border: 0 !important;padding: 16px 0 0 !important;margin: 0 !important;border-radius: 0 !important;order: 20;} .auth-box .cb-ia-auth-right .form-group {order: 10;} .auth-box .cb-ia-auth-actions {order: 30;} .auth-box .auth-legal a {color: #0b57d0 !important;} .auth-box .cb-ia-auth-actions {grid-column: 2;display: flex !important;justify-content: flex-end;align-items: center;gap: 8px;margin: 32px 0 0 !important;min-height: 40px;} .auth-box .switch-link {text-align: left !important;margin: 0 !important;font-size: 14px !important;color: #1f1f1f !important;display: inline-flex !important;align-items: center;} .auth-box .switch-link > span:not([role="button"]) {display: none !important;} .auth-box .switch-link [role="button"] {display: inline-flex !important;align-items: center;justify-content: center;height: 40px;padding: 0 16px;border-radius: 20px;color: #0b57d0 !important;font-size: 14px !important;font-weight: 500 !important;cursor: pointer !important;white-space: nowrap;} .auth-box .switch-link [role="button"]:hover {background: rgba(11,87,208,.08) !important;text-decoration: none !important;} #loginForm[data-login-step="1"] .cb-ia-login-pass,#loginForm[data-login-step="1"] .form-group:has(#l_pass) {display: none !important;} #loginForm[data-login-step="2"] .cb-ia-login-email,#loginForm[data-login-step="2"] .form-group:has(#l_email) {display: none !important;} .cb-ia-id-chip {display: none;align-items: center;gap: 8px;height: 32px;padding: 0 12px 0 8px;margin: 16px 0 0;border: 1px solid #747775;border-radius: 16px;background: #fff;color: #1f1f1f;font-size: 14px;cursor: pointer;} .cb-ia-id-chip:hover {background: #f8fafd;} .cb-ia-id-chip::before {content: "";width: 20px;height: 20px;border-radius: 50%;background: #c2e7ff;flex: 0 0 20px;} #regForm[data-reg-step="1"] .cb-ia-reg-s2 {display: none !important;} #regForm[data-reg-step="2"] .cb-ia-reg-s1 {display: none !important;} #regForm[data-reg-step="2"] #r_email {pointer-events: none;} #regForm[data-reg-step="1"] #btnCode {display: none !important;} #regForm .cb-ia-auth-right {padding-top: 24px;} @media (max-width: 839px) {.auth-box {width: min(450px,calc(100vw - 24px)) !important;padding: 28px 24px 24px !important;border-radius: 28px !important;min-height: 0 !important;} .auth-box form.is-active,.auth-box #loginForm:not([style*="none"]),.auth-box #regForm[style*="block"],.auth-box #forgotForm[style*="block"] {grid-template-columns: 1fr !important;} .auth-box .cb-ia-auth-left,.auth-box .cb-ia-auth-right {grid-column: 1 !important;} #loginForm .cb-ia-auth-right {padding-top: 0;} .auth-box h2,.auth-box #authTitle {font-size: 32px !important;line-height: 40px !important;}} .auth-box .form-control.is-invalid {border-color: var(--danger,#d93025) !important;} .auth-box .form-group:focus-within .form-control.is-invalid {border-color: var(--danger,#d93025) !important;} .auth-box .field-error {color: var(--danger,#d93025);font-size: 12px;line-height: 16px;margin-top: 6px;min-height: 0;} .auth-box .field-error[hidden] {display: none !important;} .auth-box .btn-submit {min-height: 44px !important;height: 44px !important;position: relative !important;} .auth-box .btn-submit.is-loading {color: transparent !important;pointer-events: none !important;} .auth-box .btn-submit.is-loading::after {content: "";position: absolute;width: 16px;height: 16px;border: 2px solid var(--accent-contrast,#fff);border-top-color: transparent;border-radius: 50%;animation: cb-auth-spin .7s linear infinite;} @keyframes cb-auth-spin {to {transform: rotate(360deg);}} @media (prefers-reduced-motion: reduce) {.auth-box .btn-submit.is-loading::after {animation: none;}} .auth-box {--accent: #065fd4;--accent-hover: #0556bf;} .auth-box .empty-state,.auth-box .field-error {color: var(--danger,#d93025);} .auth-box .form-group:focus-within .form-control:not(.is-invalid) {border-color: var(--accent,#065fd4) !important;} .cb-ia-wo {display: none;} body.is-watch-overlay .cb-ia-wo.is-page {display: block;position: fixed;top: 56px;left: 0;right: 0;bottom: 0;z-index: 2147482300;background: #fff;overflow: auto;} body.is-watch-overlay #mainContent,body.is-watch-overlay .home-grid,body.is-watch-overlay #homeContent {visibility: hidden;} body.is-watch-overlay #catSideNav,body.is-watch-overlay .cat-side-nav,body.is-watch-overlay .ph-side,body.is-watch-overlay .yt-mini-guide,body.is-watch-overlay #catDrawerBackdrop {display: none !important;} .cb-ia-wo-stage {display: grid;grid-template-columns: minmax(0,1fr) 402px;gap: 24px;padding: 24px 24px 48px;max-width: 1754px;} @media (max-width: 999px) {.cb-ia-wo-stage {grid-template-columns: 1fr;}} .cb-ia-wo-player {position: relative;aspect-ratio: 16 / 9;background: #000;border-radius: 12px;overflow: hidden;} .cb-ia-wo-sleepbadge {position: absolute;top: 14px;left: 14px;height: 28px;padding: 0 10px;border-radius: 14px;background: rgba(0,0,0,.55);color: #fff;font-size: 12px;font-weight: 700;font-variant-numeric: tabular-nums;line-height: 28px;opacity: 0;pointer-events: none;z-index: 7;} .cb-ia-wo-sleepbadge.is-on {opacity: 1;} .cb-ia-wo-resume {position: absolute;left: 50%;bottom: 72px;transform: translateX(-50%);display: flex;align-items: center;gap: 8px;height: 36px;padding: 0 8px 0 14px;border-radius: 18px;background: rgba(0,0,0,.72);color: #fff;font: 600 13px/36px Roboto,Arial,sans-serif;z-index: 8;white-space: nowrap;} .cb-ia-wo-resume button {height: 28px;padding: 0 10px;border: 0;border-radius: 14px;background: rgba(255,255,255,.16);color: #fff;font: 600 12px/28px Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-resume button[data-wo-resume="ok"] {width: 28px;padding: 0;background: transparent;font-size: 16px;} .cb-ia-wo-adjbadge {position: absolute;left: 50%;top: 22%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 12px;border-radius: 12px;background: rgba(0,0,0,.55);color: #fff;opacity: 0;pointer-events: none;z-index: 7;} .cb-ia-wo-adjbadge.is-on {opacity: 1;} .cb-ia-wo-adjbadge-ico {font-size: 18px;line-height: 1;} .cb-ia-wo-adjbadge i {display: block;width: 6px;height: 72px;border-radius: 3px;background: rgba(255,255,255,.22);position: relative;overflow: hidden;} .cb-ia-wo-adjbadge i b {position: absolute;left: 0;right: 0;bottom: 0;height: 4%;border-radius: 3px;background: #fff;} .cb-ia-wo-player video {width: 100%;height: 100%;object-fit: contain;background: #000;display: block;} .cb-ia-wo-x,.cb-ia-wo-min,.cb-ia-wo-dock-x {position: absolute;top: 8px;width: 36px;height: 36px;border: 0;border-radius: 50%;background: rgba(0,0,0,.72);color: #fff;font-size: 22px;line-height: 1;cursor: pointer;z-index: 3;} .cb-ia-wo-x {right: 8px;} .cb-ia-wo-min {right: 52px;font-size: 20px;} .cb-ia-wo-x:hover,.cb-ia-wo-min:hover,.cb-ia-wo-dock-x:hover {background: #000;} .cb-ia-wo-title {margin: 12px 0 4px;font: 700 20px/28px Roboto,Arial,sans-serif;color: #0f0f0f;} .cb-ia-wo-owner {display: flex;align-items: center;gap: 10px;font: 500 14px/20px Roboto,Arial,sans-serif;color: #0f0f0f;} .cb-ia-wo-av {width: 40px;height: 40px;border-radius: 50%;background: #f2f2f2 center / cover no-repeat;flex-shrink: 0;} .cb-ia-wo-ownerlink {display: flex;align-items: center;gap: 10px;color: inherit;text-decoration: none;} .cb-ia-wo-ownertext {display: flex;flex-direction: column;min-width: 0;} .cb-ia-wo-fans {font: 400 12px/16px Roboto,Arial,sans-serif;color: var(--text-secondary,#606060);} .cb-ia-wo-side {display: flex;flex-direction: column;gap: 8px;} .cb-ia-wo-upnext {display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 4px 0 10px;font: 600 16px/22px Roboto,Arial,sans-serif;color: var(--text-primary,#0f0f0f);} .cb-ia-wo-upnext-ap {height: 28px;padding: 0 10px;border: 0;border-radius: 14px;background: var(--chip,#f2f2f2);color: var(--text-secondary,#606060);font: 500 12px/28px Roboto,Arial,sans-serif;cursor: pointer;white-space: nowrap;} .cb-ia-wo-upnext-ap.is-on {background: #3ea6ff;color: #fff;} .cb-ia-wo-relwrap.is-next .cb-ia-wo-rel-thumb {outline: 2px solid var(--accent,#3ea6ff);outline-offset: 1px;} .cb-ia-wo-rel-next {position: absolute;left: 4px;top: 4px;z-index: 2;height: 18px;padding: 0 6px;border-radius: 3px;background: var(--accent,#3ea6ff);color: #fff;font: 700 10px/18px Roboto,Arial,sans-serif;font-style: normal;letter-spacing: .02em;pointer-events: none;} .cb-ia-wo-relwrap {display: grid;grid-template-columns: minmax(0,1fr) 28px;gap: 4px;align-items: start;position: relative;} .cb-ia-wo-rel {display: grid;grid-template-columns: 168px minmax(0,1fr);gap: 8px;color: #0f0f0f;text-decoration: none;} .cb-ia-wo-kebab {width: 28px;height: 28px;border: 0;background: transparent;color: var(--text-secondary,#606060);cursor: pointer;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0;} .cb-ia-wo-kebab svg {width: 18px;height: 18px;display: block;} .cb-ia-wo-kebab:hover {background: var(--chip,#f2f2f2);} .cb-ia-wo-rel-thumb {display: block;position: relative;width: 168px;height: 94px;border-radius: 8px;background: #f2f2f2 center / cover no-repeat;} .cb-ia-wo-wl {position: absolute;top: 4px;left: 136px;grid-column: 1;grid-row: 1;justify-self: start;align-self: start;z-index: 2;width: 28px;height: 28px;border: 0;border-radius: 2px;background: rgba(0,0,0,.8);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity .15s ease;padding: 0;font-size: 14px;line-height: 1;} .cb-ia-wo-wl svg {width: 18px;height: 18px;display: block;} .cb-ia-wo-wl.cb-ia-wo-qadd {top: 36px;} .cb-ia-wo-relwrap:hover .cb-ia-wo-wl {opacity: 1;} .cb-ia-wo-wl:hover {background: #000;} .cb-ia-wo-kebab {grid-column: 2;grid-row: 1;} .cb-ia-wo-rel-dur {position: absolute;right: 4px;bottom: 4px;padding: 1px 4px;border-radius: 4px;background: rgba(0,0,0,.85);color: #fff;font: 500 11px/14px Roboto,Arial,sans-serif;} .cb-ia-wo-rel-prog {position: absolute;left: 0;bottom: 0;height: 3px;background: var(--accent,#f00);border-radius: 0 2px 0 0;} .cb-ia-wo-rel-body {display: flex;flex-direction: column;gap: 2px;min-width: 0;} .cb-ia-wo-rel-title {font: 500 14px/20px Roboto,Arial,sans-serif;max-height: 40px;overflow: hidden;} .cb-ia-wo-rel-chan,.cb-ia-wo-rel-views {font: 400 12px/16px Roboto,Arial,sans-serif;color: var(--text-secondary,#606060);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cb-ia-wo-seekflash {position: absolute;top: 50%;width: 96px;height: 96px;margin-top: -48px;border-radius: 50%;background: rgba(0,0,0,.55);color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;opacity: 0;transform: scale(.82);pointer-events: none;z-index: 6;} .cb-ia-wo-seekflash.is-left {left: 10%;} .cb-ia-wo-seekflash.is-right {right: 10%;} .cb-ia-wo-seekflash.is-on {opacity: 1;transform: scale(1);transition: transform .18s cubic-bezier(.05,0,0,1),opacity .18s ease;} .cb-ia-wo-seekflash svg {width: 28px;height: 28px;fill: currentColor;} .cb-ia-wo-seekflash span {font-size: 12px;font-weight: 500;line-height: 1;} .cb-ia-wo-feedback {position: absolute;left: 50%;top: 50%;width: 88px;height: 88px;margin: -44px 0 0 -44px;border-radius: 50%;background: rgba(0,0,0,.6);color: #fff;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(.7);pointer-events: none;z-index: 6;} .cb-ia-wo-feedback.is-on {opacity: 1;transform: scale(1);transition: transform .2s cubic-bezier(.05,0,0,1),opacity .2s ease;} .cb-ia-wo-feedback svg {width: 40px;height: 40px;fill: currentColor;} .cb-ia-wo-hold2x {position: absolute;left: 50%;top: 18%;transform: translateX(-50%);height: 28px;padding: 0 12px;border-radius: 14px;background: rgba(0,0,0,.7);color: #fff;font-size: 13px;font-weight: 500;line-height: 28px;opacity: 0;pointer-events: none;z-index: 6;} .cb-ia-wo-hold2x.is-on {opacity: 1;} body.is-watch-overlay.is-theater .cb-ia-wo-stage {grid-template-columns: 1fr;max-width: none;padding: 0 0 48px;} body.is-watch-overlay.is-theater .cb-ia-wo-player {border-radius: 0;max-height: 80vh;} body.is-watch-overlay.is-theater .cb-ia-wo-side,body.is-watch-overlay.is-theater .cb-ia-wo-title,body.is-watch-overlay.is-theater .cb-ia-wo-meta,body.is-watch-overlay.is-theater .cb-ia-wo-comments,body.is-watch-overlay.is-theater .cb-ia-wo-chapters {max-width: 1280px;margin-left: auto;margin-right: auto;padding-left: 24px;padding-right: 24px;} .cb-ia-wo-comments #cbWoCmtList {max-height: 92px;overflow: hidden;} .cb-ia-wo-comments.is-open #cbWoCmtList {max-height: none;} .cb-ia-wo-dock {display: none;} body.is-watch-minidock .cb-ia-wo.is-dock,body.is-watch-minidock .cb-ia-wo-dock {display: block;} body.is-watch-minidock .cb-ia-wo-dock {position: fixed;right: 24px;bottom: 24px;width: 320px;animation: cbIaWoDockIn .28s cubic-bezier(.05,.7,.1,1);height: auto;max-width: calc(100vw - 16px);max-height: calc(100vh - 16px);aspect-ratio: auto;z-index: 1600;border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-md,0 8px 28px rgba(0,0,0,.32)),0 8px 28px rgba(0,0,0,.32);background: #000;cursor: grab;touch-action: none;user-select: none;color: var(--text-primary,#fff);} body.is-watch-minidock .cb-ia-wo-dock.is-dragging {cursor: grabbing;} body.is-watch-minidock .cb-ia-wo-dock .cb-ia-wo-player {width: 100%;height: 100%;border-radius: 12px;aspect-ratio: auto;} body.is-watch-minidock .cb-ia-wo-x,body.is-watch-minidock .cb-ia-wo-min {display: none;} body.is-watch-minidock .cb-ia-wo-dock .cb-ia-wo-btn:not(#cbWoPlay):not(#cbWoNext):not(#cbWoMute),body.is-watch-minidock .cb-ia-wo-dock .cb-ia-wo-apbtn,body.is-watch-minidock .cb-ia-wo-dock #cbWoCc,body.is-watch-minidock .cb-ia-wo-dock #cbWoSleep,body.is-watch-minidock .cb-ia-wo-dock #cbWoLoop,body.is-watch-minidock .cb-ia-wo-dock #cbWoRate,body.is-watch-minidock .cb-ia-wo-dock #cbWoQ,body.is-watch-minidock .cb-ia-wo-dock #cbWoTheater,body.is-watch-minidock .cb-ia-wo-dock #cbWoPip,body.is-watch-minidock .cb-ia-wo-dock [data-wo="fs"] {display: none;} @keyframes cbIaWoDockIn {from {transform: translate(28px,28px) scale(.92);opacity: 0;} to {transform: none;opacity: 1;}} .cb-ia-wo-dock-x {right: 8px;display: flex;align-items: center;justify-content: center;} .cb-ia-wo-dock-meta {display: none;} body.is-watch-minidock .cb-ia-wo-dock-meta {display: flex;align-items: center;gap: 8px;padding: 8px 12px 10px;background: #111;} .cb-ia-wo-dock-title {flex: 1;min-width: 0;font: 500 13px/18px Roboto,Arial,sans-serif;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cb-ia-wo-dock-acts {display: flex;gap: 4px;flex-shrink: 0;} .cb-ia-wo-btn.is-on {color: var(--accent,#065fd4);} .cb-ia-wo-end-acts {display: flex;gap: 10px;} .cb-ia-wo-end-replay {height: 40px;padding: 0 20px;border: 0;border-radius: 20px;background: #fff;color: #0f0f0f;font: 500 14px/1 Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-end-grid {display: grid;grid-template-columns: repeat(3,minmax(0,140px));gap: 10px;max-width: 100%;} .cb-ia-wo-end-card {display: flex;flex-direction: column;gap: 6px;background: none;border: 0;color: #fff;text-align: left;cursor: pointer;padding: 0;} .cb-ia-wo-end-thumb {display: block;width: 140px;height: 78px;border-radius: 8px;background: #272727 center/cover no-repeat;} .cb-ia-wo-end-title {font-size: 12px;line-height: 16px;max-height: 32px;overflow: hidden;} body.is-watch-overlay .cb-ia-wo-stage .cb-ia-wo-min,body.is-watch-overlay .cb-ia-wo-stage .cb-ia-wo-x {display: flex;align-items: center;justify-content: center;} .cb-ia-wo-chrome {position: absolute;left: 0;right: 0;bottom: 0;padding: 28px 12px 10px;background: linear-gradient(180deg,transparent,rgba(0,0,0,.72));opacity: 1;transition: opacity .18s ease;z-index: 4;pointer-events: auto;} .cb-ia-wo-player.is-playing:not(.is-chrome) .cb-ia-wo-chrome {opacity: 0;pointer-events: none;} .cb-ia-wo-player.is-playing:not(.is-chrome) {cursor: none;} .cb-ia-wo-bar {height: 4px;background: rgba(255,255,255,.28);border-radius: 2px;cursor: pointer;margin-bottom: 8px;position: relative;transform-origin: center bottom;transition: height .12s ease,transform .12s ease;} .cb-ia-wo-bar:hover,.cb-ia-wo-player.is-chrome .cb-ia-wo-bar {height: 6px;} .cb-ia-wo-bar > b,.cb-ia-wo-bar > i {display: block;position: absolute;left: 0;top: 0;height: 100%;width: 0;border-radius: 2px;} .cb-ia-wo-bar > b {background: rgba(255,255,255,.38);} .cb-ia-wo-bar > i {background: #f00;z-index: 2;} .cb-ia-wo-chmark {position: absolute;top: 0;width: 2px;height: 100%;margin-left: -1px;background: rgba(255,255,255,.85);pointer-events: none;z-index: 3;} .cb-ia-wo-row {display: flex;align-items: center;gap: 8px;color: #fff;font: 400 12px/16px Roboto,Arial,sans-serif;} .cb-ia-wo-btn {width: 36px;height: 36px;border: 0;background: transparent;color: #fff;font-size: 14px;cursor: pointer;border-radius: 50%;} .cb-ia-wo-btn:hover {background: rgba(255,255,255,.12);} .cb-ia-wo-spacer {flex: 1;} .cb-ia-wo-volwrap {display: inline-flex;align-items: center;height: 36px;} .cb-ia-wo-vol {width: 0;overflow: hidden;transition: width .12s ease;display: flex;align-items: center;} .cb-ia-wo-volwrap:hover .cb-ia-wo-vol,.cb-ia-wo-volwrap:focus-within .cb-ia-wo-vol,.cb-ia-wo-volwrap.is-open .cb-ia-wo-vol {width: 56px;padding-right: 6px;} .cb-ia-wo-vol input[type="range"] {width: 52px;height: 3px;accent-color: #fff;cursor: pointer;} .cb-ia-wo-apbtn {width: 48px;min-width: 48px;height: 36px;border-radius: 18px;display: inline-flex;align-items: center;justify-content: center;} .cb-ia-wo-ap-switch {position: relative;display: block;width: 36px;height: 14px;border-radius: 7px;background: rgba(255,255,255,.35);pointer-events: none;} .cb-ia-wo-ap-switch::after {content: "";position: absolute;top: -3px;left: -1px;width: 20px;height: 20px;border-radius: 50%;background: #f9f9f9;box-shadow: 0 1px 3px rgba(0,0,0,.45);transition: left .15s ease;} .cb-ia-wo-apbtn.is-on .cb-ia-wo-ap-switch {background: #3ea6ff;} .cb-ia-wo-apbtn.is-on .cb-ia-wo-ap-switch::after {left: 17px;background: #fff;} .cb-ia-wo-time {opacity: .92;} .cb-ia-wo-likeburst {position: absolute;left: 50%;top: 46%;width: 72px;height: 72px;margin: -36px 0 0 -36px;color: #fff;opacity: 0;transform: scale(.4);pointer-events: none;z-index: 8;filter: drop-shadow(0 4px 10px rgba(0,0,0,.4));} .cb-ia-wo-likeburst.is-on {opacity: 1;transform: scale(1.15);transition: transform .28s cubic-bezier(.05,.7,.1,1),opacity .18s ease;} .cb-ia-wo-likeburst svg {width: 72px;height: 72px;fill: currentColor;} .cb-ia-wo-ap {position: absolute;inset: 0;z-index: 12;background: rgba(0,0,0,.78);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;padding: 24px;color: #fff;} .cb-ia-wo-ap-label {font-size: 13px;color: rgba(255,255,255,.7);} .cb-ia-wo-ap-title {font: 500 16px/22px Roboto,Arial,sans-serif;max-width: 80%;text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .cb-ia-wo-ap-ring {position: relative;width: 72px;height: 72px;} .cb-ia-wo-ap-ring svg {width: 72px;height: 72px;transform: rotate(-90deg);} .cb-ia-wo-ap-track {fill: none;stroke: rgba(255,255,255,.22);stroke-width: 4;} .cb-ia-wo-ap-fill {fill: none;stroke: #fff;stroke-width: 4;stroke-linecap: round;} .cb-ia-wo-ap-sec {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font: 500 18px/1 Roboto,Arial,sans-serif;} .cb-ia-wo-ap-acts {display: flex;gap: 12px;} .cb-ia-wo-ap-acts button {height: 36px;padding: 0 16px;border: 0;border-radius: 18px;font: 500 13px/1 Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-ap-acts [data-wo-ap="go"] {background: #fff;color: #0f0f0f;} .cb-ia-wo-ap-acts [data-wo-ap="cancel"] {background: rgba(255,255,255,.16);color: #fff;} .cb-ia-wo-cue {position: absolute;left: 50%;bottom: 24px;transform: translateX(-50%);max-width: 80%;padding: 5px 10px;background: rgba(0,0,0,.62);color: #fff;font-size: 16px;font-weight: 600;line-height: 1.35;text-align: center;border-radius: 4px;pointer-events: none;z-index: 8;white-space: pre-line;display: none;transition: bottom .18s ease-out;} .cb-ia-wo-cue.is-on {display: block;} .cb-ia-wo-player.is-chrome .cb-ia-wo-cue,.cb-ia-wo-player:not(.is-playing) .cb-ia-wo-cue,.cb-ia-wo-player:hover .cb-ia-wo-cue {bottom: 88px;} .cb-ia-wo-meta {display: flex;align-items: center;gap: 12px;margin-top: 8px;flex-wrap: wrap;} .cb-ia-wo-acts {display: flex;gap: 8px;margin-left: auto;flex-wrap: wrap;} .cb-ia-wo-pill {height: 36px;padding: 0 14px;border: 0;border-radius: 18px;background: var(--chip,#f2f2f2);color: var(--text-primary,#0f0f0f);font: 500 14px/1 Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-pill.is-on {background: var(--accent,#0f0f0f);color: #fff;} .cb-ia-wo-sprite {display: none;position: absolute;bottom: 56px;width: 160px;height: 90px;border-radius: 8px;background: #111 center / auto 100% no-repeat;box-shadow: 0 8px 24px rgba(0,0,0,.45);z-index: 14;pointer-events: none;overflow: hidden;} .cb-ia-wo-sprite.is-on {display: block;} .cb-ia-wo-sprite b {position: absolute;left: 50%;bottom: 6px;transform: translateX(-50%);padding: 2px 6px;border-radius: 4px;background: rgba(0,0,0,.72);color: #fff;font: 500 11px/1 Roboto,Arial,sans-serif;} .cb-ia-wo-bell {position: relative;width: 36px;height: 36px;border: 0;border-radius: 18px;background: var(--chip,#f2f2f2);color: var(--text-primary,#0f0f0f);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;} .cb-ia-wo-bell svg {width: 18px;height: 18px;} .cb-ia-wo-bell[hidden] {display: none;} #cbWoNotifyMenu {position: absolute;top: calc(100% + 6px);right: 0;min-width: 160px;padding: 8px 0;border-radius: 12px;background: var(--card,#fff);box-shadow: var(--shadow-md);border: 1px solid var(--brd,#e5e5e5);z-index: 40;display: none;} #cbWoNotifyMenu.is-open {display: block;} #cbWoNotifyMenu button {display: block;width: 100%;border: 0;background: none;text-align: left;padding: 10px 16px;font-size: 14px;color: var(--text-primary,#0f0f0f);cursor: pointer;} #cbWoNotifyMenu button:hover {background: var(--panel-soft,#f2f2f2);} #cbWoNotifyMenu button.is-cur {font-weight: 600;} .cb-ia-wo-comments {margin-top: 16px;padding: 12px 16px;border-radius: 12px;background: var(--chip,#f2f2f2);} .cb-ia-wo-cmt-bar {display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 0 0 8px;} .cb-ia-wo-cmt-head {display: block;flex: 1;min-width: 0;border: 0;background: none;text-align: left;font: 600 14px/20px Roboto,Arial,sans-serif;color: var(--text-primary,#0f0f0f);cursor: pointer;padding: 0;} .cb-ia-wo-cmt-sort {display: none;gap: 4px;flex-shrink: 0;} .cb-ia-wo-comments.is-open .cb-ia-wo-cmt-sort {display: flex;} .cb-ia-wo-cmt-sort button {height: 28px;padding: 0 10px;border: 0;border-radius: 14px;background: transparent;color: var(--text-secondary,#606060);font: 500 12px/28px Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-cmt-sort button:hover {background: var(--panel-soft,#e5e5e5);} .cb-ia-wo-cmt-sort button.is-on {background: var(--text-primary,#0f0f0f);color: #fff;font-weight: 600;} .cb-ia-wo-cmt-replies {margin: 6px 0 0 18px;padding-left: 10px;border-left: 2px solid var(--brd,#e5e5e5);} .cb-ia-wo-cmt.is-reply {font-size: 12px;line-height: 16px;} .cb-ia-wo-cmt {font: 400 13px/18px Roboto,Arial,sans-serif;color: var(--text-primary,#0f0f0f);margin-top: 6px;} .cb-ia-wo-cmt b {margin-right: 6px;} .cb-ia-wo-cmt-ago {margin-left: 6px;font: 400 12px/18px Roboto,Arial,sans-serif;color: var(--text-secondary,#606060);} .cb-ia-wo-cmt.is-empty {color: var(--text-secondary,#606060);} .cb-ia-wo-cmt-acts {display: inline-flex;gap: 4px;margin-left: 8px;vertical-align: middle;} .cb-ia-wo-cmt-vote {height: 22px;padding: 0 6px;border: 0;border-radius: 11px;background: transparent;color: var(--text-secondary,#606060);font: 500 12px/22px Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-cmt-vote:hover {background: var(--panel-soft,#e5e5e5);} .cb-ia-wo-cmt-vote.is-on {color: var(--text-primary,#0f0f0f);font-weight: 700;} .cb-ia-wo-cmt-reply {height: 22px;padding: 0 6px;border: 0;border-radius: 11px;background: transparent;color: var(--text-secondary,#606060);font: 500 12px/22px Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-cmt-reply:hover {background: var(--panel-soft,#e5e5e5);} .cb-ia-wo-cmt-form {display: none;gap: 8px;margin-top: 10px;} .cb-ia-wo-comments.is-open .cb-ia-wo-cmt-form {display: flex;} .cb-ia-wo-cmt-form input {flex: 1;min-width: 0;height: 36px;padding: 0 12px;border: 0;border-bottom: 1px solid var(--brd,#e5e5e5);background: transparent;color: var(--text-primary,#0f0f0f);font: 400 14px/36px Roboto,Arial,sans-serif;outline: none;} .cb-ia-wo-cmt-form input:focus {border-bottom-color: var(--text-primary,#0f0f0f);} .cb-ia-wo-cmt-form button {height: 32px;padding: 0 14px;border: 0;border-radius: 16px;background: var(--accent,#0f0f0f);color: #fff;font: 500 13px/1 Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-desc {display: block;width: 100%;margin: 0 0 8px;padding: 0;border: 0;background: none;text-align: left;font: 400 13px/18px Roboto,Arial,sans-serif;color: var(--text-primary,#0f0f0f);cursor: pointer;max-height: 36px;overflow: hidden;white-space: pre-wrap;} .cb-ia-wo-desc.is-open {max-height: none;} .cb-ia-wo-desc-more {display: block;margin: -4px 0 10px;padding: 0;border: 0;background: none;color: var(--text-secondary,#606060);font: 600 13px/18px Roboto,Arial,sans-serif;cursor: pointer;} .cb-ia-wo-desc-more[hidden] {display: none;} .cb-ia-wo-ts {display: inline;padding: 0;border: 0;background: none;color: var(--accent,#065fd4);font: inherit;cursor: pointer;} .cb-ia-wo-chapters {margin: 10px 0 4px;padding: 0 0 8px;} .cb-ia-wo-ch-head {display: flex;align-items: center;padding: 0 0 8px;font: 600 14px/20px Roboto,Arial,sans-serif;color: var(--text-primary,#0f0f0f);} .cb-ia-wo-ch-all {margin-left: auto;background: none;border: 0;color: var(--accent,#0f0f0f);font: 500 13px/1 Roboto,Arial,sans-serif;cursor: pointer;padding: 4px 0;} .cb-ia-wo-ch-rail {display: flex;gap: 8px;overflow-x: auto;padding-bottom: 4px;scrollbar-width: none;} .cb-ia-wo-ch-rail::-webkit-scrollbar {display: none;} .cb-ia-wo-chapters.is-open .cb-ia-wo-ch-rail {flex-wrap: wrap;overflow: visible;} .cb-ia-wo-ch-chip {flex: 0 0 auto;max-width: 180px;text-align: left;border: 0;cursor: pointer;padding: 8px 10px;border-radius: 10px;background: var(--panel-soft,#f2f2f2);color: var(--text-primary,#0f0f0f);} .cb-ia-wo-ch-chip.is-on {background: var(--text-primary,#0f0f0f);color: var(--bg,#fff);} .cb-ia-wo-ch-time {display: block;font-size: 11px;font-weight: 600;font-variant-numeric: tabular-nums;color: var(--accent,#0f0f0f);} .cb-ia-wo-ch-chip.is-on .cb-ia-wo-ch-time {color: inherit;} .cb-ia-wo-ch-title {display: block;font-size: 12px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} body.page-browse,body.page-search,body.page-tags,body.page-categories,body.page-trending,body.page-models,body.page-channel {--cb-ia-title: #0f0f0f;} body.page-browse .card-title,body.page-search .card-title,body.page-browse .video-card .card-title,body.page-search .video-card .card-title,body.page-browse .video-card,body.page-search .video-card,body.page-browse a.video-card,body.page-search a.video-card,body.page-channel .card .desc,body.page-channel .card .desc a,body.page-channel .ch-shelf-title,body.page-channel .ch-featured-title,body.page-trending .rank-item a,body.page-trending .trend-card a,body.page-trending .rank-item .title,body.page-trending .rank-title,body.page-trending .trend-card .title {color: #0f0f0f !important;text-decoration: none !important;-webkit-text-fill-color: #0f0f0f !important;} body.page-browse .video-card:hover,body.page-search .video-card:hover,body.page-browse .video-card:hover .card-title,body.page-search .video-card:hover .card-title,body.page-browse a.video-card:hover,body.page-search a.video-card:hover,body.page-channel .card:hover .desc,body.page-channel .card:hover .desc a,body.page-channel .ch-shelf-item:hover .ch-shelf-title,body.page-channel .ch-featured:hover .ch-featured-title,body.page-trending .rank-item:hover a,body.page-trending .rank-item:hover .rank-title,body.page-trending .trend-card:hover a {color: #0f0f0f !important;text-decoration: none !important;-webkit-text-fill-color: #0f0f0f !important;} body.page-browse .video-card,body.page-search .video-card {transform: none !important;box-shadow: none !important;border: 0 !important;background: transparent !important;border-radius: 0 !important;overflow: visible !important;} body.page-browse .video-card:hover,body.page-search .video-card:hover {transform: none !important;box-shadow: none !important;border-color: transparent !important;} body.page-browse .video-card:hover .card-thumb img,body.page-search .video-card:hover .card-thumb img,body.page-channel .card:hover .thumb img,body.page-channel .card .thumb img {transform: none !important;} body.page-browse .qf-chip,body.page-search .qf-chip,body.page-browse .popular-tag,body.page-tags .popular-tag,body.page-tags .cloud-tag,body.page-tags .letter-tag,body.page-browse .sort-tab,body.page-models .sort-tab,body.page-browse .suggestion-tag,body.page-search .suggestion-tag,body.page-browse .trending-item,body.page-search .trending-item,body.page-browse .yt-ia-chip,body.page-search .yt-ia-chip,body.page-channel .yt-ia-chip {height: 32px !important;padding: 0 12px !important;border: 0 !important;border-radius: 8px !important;background: #f2f2f2 !important;color: #0f0f0f !important;font-weight: 500 !important;box-shadow: none !important;transform: none !important;text-decoration: none !important;transition: all !important;} body.page-browse .qf-chip:hover,body.page-search .qf-chip:hover,body.page-browse .popular-tag:hover,body.page-tags .popular-tag:hover,body.page-tags .cloud-tag:hover,body.page-tags .letter-tag:hover,body.page-browse .sort-tab:hover,body.page-models .sort-tab:hover,body.page-browse .suggestion-tag:hover,body.page-search .suggestion-tag:hover,body.page-browse .trending-item:hover,body.page-search .trending-item:hover,body.page-browse .yt-ia-chip:hover,body.page-search .yt-ia-chip:hover,body.page-channel .yt-ia-chip:hover {background: #e5e5e5 !important;color: #0f0f0f !important;border: 0 !important;transform: none !important;} body.page-browse .qf-chip.active,body.page-search .qf-chip.active,body.page-browse .sort-tab.active,body.page-models .sort-tab.active,body.page-browse .yt-ia-chip.yt-ia-chip-active,body.page-search .yt-ia-chip.yt-ia-chip-active {background: #0f0f0f !important;color: #fff !important;} body.page-browse .qf-chip i,body.page-search .qf-chip i {display: none !important;} body.page-browse header .nav-btn.primary,body.page-search header .nav-btn.primary,body.page-tags header .nav-btn.primary,body.page-categories header .nav-btn.primary,body.page-trending header .nav-btn.primary,body.page-models header .nav-btn.primary,body.page-channel .cb-ch-mast .mast-signin {height: 36px !important;min-height: 36px !important;min-width: 0 !important;padding: 0 15px 0 10px !important;border-radius: 18px !important;border: 1px solid rgba(0,0,0,.2) !important;background: transparent !important;color: #065fd4 !important;line-height: 1 !important;font-size: 14px !important;font-weight: 500 !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 6px !important;white-space: nowrap !important;} body.page-browse header .nav-btn.primary svg,body.page-search header .nav-btn.primary svg,body.page-tags header .nav-btn.primary svg,body.page-categories header .nav-btn.primary svg,body.page-trending header .nav-btn.primary svg,body.page-models header .nav-btn.primary svg,body.page-channel .cb-ch-mast .mast-signin svg {width: 24px !important;height: 24px !important;flex: 0 0 24px !important;display: block !important;fill: currentColor !important;} body.page-browse header .nav-btn.primary:hover,body.page-search header .nav-btn.primary:hover,body.page-tags header .nav-btn.primary:hover,body.page-categories header .nav-btn.primary:hover,body.page-trending header .nav-btn.primary:hover,body.page-models header .nav-btn.primary:hover,body.page-channel .cb-ch-mast .mast-signin:hover {background: rgb(222,241,255) !important;border-color: rgba(0,0,0,0) !important;color: #065fd4 !important;} body.page-browse .cb-br-guide a,body.page-search .cb-br-guide a,body.page-tags .cb-br-guide a,body.page-categories .cb-br-guide a,body.page-trending .cb-br-guide a,body.page-models .cb-br-guide a,body.page-channel .cb-ch-guide a {height: 40px !important;min-height: 40px !important;transition: all !important;} body.page-browse .cb-br-guide a:hover,body.page-search .cb-br-guide a:hover,body.page-tags .cb-br-guide a:hover,body.page-categories .cb-br-guide a:hover,body.page-trending .cb-br-guide a:hover,body.page-models .cb-br-guide a:hover,body.page-channel .cb-ch-guide a:hover,body.page-channel .cb-ch-guide a.cb-ia-guide-active:hover {background: rgba(0,0,0,.05) !important;} body.page-browse .cb-ia-kebab,body.page-search .cb-ia-kebab,body.page-channel .cb-ia-kebab,body.page-trending .cb-ia-kebab {width: 40px !important;height: 40px !important;min-width: 40px !important;min-height: 40px !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #0f0f0f !important;opacity: 1 !important;visibility: visible !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;flex: 0 0 40px !important;z-index: 2;} body.page-browse .cb-ia-kebab:hover,body.page-search .cb-ia-kebab:hover,body.page-channel .cb-ia-kebab:hover,body.page-trending .cb-ia-kebab:hover {background: rgba(0,0,0,.05) !important;} body.page-browse .cb-ia-kebab svg,body.page-search .cb-ia-kebab svg,body.page-channel .cb-ia-kebab svg,body.page-trending .cb-ia-kebab svg {width: 24px;height: 24px;display: block;fill: currentColor;} body.page-browse .card-info,body.page-search .card-info {position: relative !important;padding-right: 44px !important;} body.page-browse .card-info .cb-ia-kebab,body.page-search .card-info .cb-ia-kebab {position: absolute;top: 4px;right: 0;} body.page-trending .rank-info {position: relative !important;padding-right: 44px !important;} body.page-trending .rank-info .cb-ia-kebab {position: absolute;top: 0;right: 0;} body.page-trending .rank-title {color: #0f0f0f !important;text-decoration: none !important;} body.page-channel .card {position: relative !important;} body.page-channel .card .desc {padding-right: 44px !important;color: #0f0f0f !important;} body.page-channel .card .cb-ia-kebab {position: absolute;top: calc(56.25% + 6px);right: -8px;} body.page-channel .card:hover .thumb img {transform: none !important;} body.page-channel .grid .card:hover {transform: none !important;border-color: transparent !important;box-shadow: none !important;} body.page-browse .card-thumb,body.page-search .card-thumb,body.page-channel .thumb {position: relative !important;} body.page-browse .cb-ia-thumb-ov,body.page-search .cb-ia-thumb-ov,body.page-channel .cb-ia-thumb-ov {position: absolute;top: 4px;right: 4px;z-index: 3;display: flex;flex-direction: column;gap: 4px;pointer-events: none;} body.page-browse .cb-ia-ov-btn,body.page-search .cb-ia-ov-btn,body.page-channel .cb-ia-ov-btn {width: 32px;height: 32px;border: 0;border-radius: 4px;background: rgba(0,0,0,.8);color: #fff;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;cursor: pointer;padding: 0;transition: opacity .1s ease;} body.page-browse .video-card:hover .cb-ia-ov-btn,body.page-search .video-card:hover .cb-ia-ov-btn,body.page-channel .card:hover .cb-ia-ov-btn,body.page-browse .card-thumb:focus-within .cb-ia-ov-btn,body.page-search .card-thumb:focus-within .cb-ia-ov-btn,body.page-channel .thumb:focus-within .cb-ia-ov-btn {opacity: 1;pointer-events: auto;} body.page-browse .cb-ia-ov-btn:hover,body.page-search .cb-ia-ov-btn:hover,body.page-channel .cb-ia-ov-btn:hover {background: #000;} body.page-browse .cb-ia-ov-btn svg,body.page-search .cb-ia-ov-btn svg,body.page-channel .cb-ia-ov-btn svg {width: 20px;height: 20px;fill: currentColor;display: block;} body.page-browse .auth-box .form-group:focus-within .form-control,body.page-search .auth-box .form-group:focus-within .form-control,body.page-channel .auth-box .form-group:focus-within .form-control {border-color: #0b57d0 !important;border-width: 2px !important;} body.page-browse .auth-box .switch-link [role="button"]:hover,body.page-search .auth-box .switch-link [role="button"]:hover,body.page-channel .auth-box .switch-link [role="button"]:hover {background: rgba(11,87,208,.08) !important;} body.page-browse .auth-box .btn-submit:hover,body.page-search .auth-box .btn-submit:hover,body.page-channel .auth-box .btn-submit:hover {background: #0842a0 !important;} @media (prefers-reduced-motion: reduce) {body.page-browse .qf-chip,body.page-search .qf-chip,body.page-browse .cb-ia-ov-btn,body.page-search .cb-ia-ov-btn,body.page-channel .cb-ia-ov-btn {transition: none !important;}} body.page-search {--accent: #065fd4 !important;--gradient: none !important;} body.page-search .search-layout {display: flex !important;gap: 24px !important;align-items: flex-start !important;} body.page-search .filter-sidebar {width: 240px !important;flex: 0 0 240px !important;position: sticky !important;top: 72px !important;background: #fff !important;} body.page-search .filter-panel,body.page-search .filter-panel.liquid-glass-subtle {background: #fff !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;padding: 8px 0 24px !important;backdrop-filter: none !important;} body.page-search .filter-label {color: #0f0f0f !important;font-size: 14px !important;font-weight: 500 !important;text-transform: none !important;letter-spacing: 0 !important;padding: 12px 12px 8px !important;margin: 0 !important;} body.page-search .filter-label i {display: none !important;} body.page-search .filter-opt {height: 36px !important;padding: 0 12px !important;border: 0 !important;border-radius: 10px !important;color: #0f0f0f !important;font-size: 14px !important;font-weight: 400 !important;background: transparent !important;} body.page-search .filter-opt:hover {background: rgba(0,0,0,.05) !important;border: 0 !important;color: #0f0f0f !important;} body.page-search .filter-opt.active {background: rgba(0,0,0,.05) !important;border: 0 !important;color: #0f0f0f !important;font-weight: 500 !important;} body.page-search .filter-opt .opt-icon,body.page-search .filter-opt.active .opt-icon {color: #0f0f0f !important;} body.page-search .filter-clear {background: transparent !important;border: 0 !important;color: #065fd4 !important;font-weight: 500 !important;padding: 8px 12px !important;} body.page-search .filter-toggle-mobile {background: #f2f2f2 !important;border: 0 !important;color: #0f0f0f !important;border-radius: 18px !important;} body.page-search .filter-toggle-mobile .filter-count,body.page-search .filter-toggle-mobile i {background: #0f0f0f !important;color: #fff !important;} body.page-search .cb-search-shorts {margin: 0 0 24px;} body.page-search .cb-search-shorts-head {display: inline-flex;align-items: center;gap: 8px;margin: 0 0 12px;color: var(--text-primary);font-size: 20px;font-weight: 700;line-height: 1.2;text-decoration: none;} body.page-search .cb-search-shorts-head:hover {color: var(--text-primary);text-decoration: none;} body.page-search .cb-search-shorts-rail {display: flex;gap: 12px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 4px;} body.page-search .cb-search-shorts-rail::-webkit-scrollbar {display: none;} body.page-search .cb-search-short {flex: 0 0 148px;width: 148px;color: var(--text-primary);text-decoration: none;} body.page-search .cb-search-short:hover {color: var(--text-primary);text-decoration: none;} body.page-search .cb-search-short-thumb {position: relative;display: block;width: 148px;height: 248px;border-radius: 12px;overflow: hidden;background: var(--panel-soft);} body.page-search .cb-search-short-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;} body.page-search .cb-search-short:hover .cb-search-short-thumb {background: var(--card-hover);} body.page-search .cb-search-short-dur {position: absolute;right: 6px;bottom: 6px;padding: 1px 5px;border-radius: 4px;background: var(--bg);color: var(--text-primary);font-size: 12px;font-weight: 500;line-height: 1.4;opacity: .88;} body.page-search .cb-search-short-title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 8px;color: var(--text-primary);font-size: 14px;font-weight: 500;line-height: 1.35;} body.page-browse header .header-inner,body.page-search header .header-inner,body.page-tags header .header-inner,body.page-categories header .header-inner,body.page-trending header .header-inner,body.page-models header .header-inner,body.page-channel header .header-inner {display: grid !important;grid-template-columns: 169px minmax(0,1fr) 225px !important;align-items: center !important;gap: 0 !important;} body.page-browse header .header-center,body.page-search header .header-center,body.page-channel header .header-center {max-width: 732px !important;width: 100% !important;margin: 0 auto !important;} body.page-browse header .header-search,body.page-search header .header-search,body.page-channel header .header-search {max-width: 732px !important;} body.page-browse .yt-mini-guide,body.page-search .yt-mini-guide,body.page-browse .cb-br-guide,body.page-search .cb-br-guide,body.page-channel .cb-ch-guide {width: 240px !important;} body.page-browse .empty-state,body.page-search .empty-state,body.page-search .search-landing,body.page-tags .empty-state,body.page-categories .empty-state,body.page-trending .empty-state,body.page-models .empty-state,body.page-channel .empty-state,body.page-browse .cb-empty {max-width: 420px;margin: 0 auto;padding: 80px 20px;text-align: center;color: #606060;font-size: 14px;} body.page-browse .empty-state h2,body.page-search .empty-state h2,body.page-search .search-landing h2,body.page-channel .empty-state h2,body.page-channel .cb-later-empty h2 {font-size: 24px;font-weight: 400;color: #0f0f0f;} @media (max-width: 700px) {body.page-browse header .header-inner,body.page-search header .header-inner,body.page-channel header .header-inner {grid-template-columns: auto minmax(0,1fr) auto !important;}} html,body.page-channel,body.light-mode.page-channel {background: #fff !important;color: #0f0f0f !important;font-family: "Roboto","Arial","PingFang SC","Microsoft YaHei",sans-serif !important;margin: 0 !important;overflow-x: hidden !important;} body.page-channel {--bg: #fff !important;--card: #fff !important;--card-hover: #f2f2f2 !important;--text-primary: #0f0f0f !important;--text-secondary: #606060 !important;--text: #0f0f0f !important;--sub: #606060 !important;--pri: #0f0f0f !important;--accent: #065fd4 !important;--accent-hover: #0556bf !important;--accent-soft: rgba(6,95,212,0.08) !important;--accent-contrast: #fff !important;--brd: rgba(0,0,0,0.1) !important;--border: rgba(0,0,0,0.1) !important;--border-soft: rgba(0,0,0,0.08) !important;--cb-guide: 240px;--cb-head: 56px;--cb-banner-h: clamp(96px,14vw,172px);--cb-content-max: 1284px;--cb-avatar: 160px;padding-top: var(--cb-head) !important;box-sizing: border-box !important;} body.page-channel > div[style*="position:fixed"][style*="linear-gradient"] {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;height: var(--cb-head) !important;padding: 0 16px !important;background: #fff !important;border-bottom: 1px solid rgba(0,0,0,0.1) !important;box-shadow: none !important;pointer-events: auto !important;z-index: 2020 !important;display: flex !important;align-items: center !important;justify-content: space-between !important;} body.page-channel > div[style*="position:fixed"] a[href="/"] {color: #0f0f0f !important;font-size: 20px !important;font-weight: 700 !important;text-shadow: none !important;letter-spacing: -0.3px !important;} body.page-channel > div[style*="position:fixed"] a[href="/"] span {color: #ff0000 !important;} body.page-channel > div[style*="position:fixed"] a[href="/dashboard/"],body.page-channel > div[style*="position:fixed"] a[data-i18n="loginRegister"],body.page-channel > div[style*="position:fixed"] a[data-i18n="myChannel"] {height: 36px !important;padding: 0 16px !important;border-radius: 18px !important;border: 1px solid #065fd4 !important;background: transparent !important;color: #065fd4 !important;font-size: 14px !important;font-weight: 500 !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;text-transform: none !important;} body.page-channel .cb-ch-shell {display: block;padding-top: var(--cb-head);min-height: 100vh;background: #fff;} body.page-channel .cb-ch-guide {display: none;position: fixed;top: var(--cb-head);left: 0;bottom: 0;width: var(--cb-guide);background: #fff;border-right: 0;padding: 12px 12px 24px;overflow-y: auto;z-index: 2010;box-sizing: border-box;} body.page-channel .cb-ch-guide a {display: flex;align-items: center;gap: 24px;height: 40px;padding: 0 12px;border-radius: 10px;color: #0f0f0f;font-size: 14px;font-weight: 400;text-decoration: none;white-space: nowrap;} body.page-channel .cb-ch-guide a:hover {background: #f2f2f2;} body.page-channel .cb-ch-guide a i {width: 24px;text-align: center;font-size: 18px;color: #0f0f0f;} body.page-channel .cb-ch-guide .g-sep {height: 1px;background: rgba(0,0,0,.1);margin: 12px 0;} @media (min-width: 1313px) {body.page-channel.has-guide .cb-ch-guide {display: block;} body.page-channel.has-guide .cb-ch-main {margin-left: var(--cb-guide) !important;width: calc(100% - var(--cb-guide)) !important;box-sizing: border-box !important;} body.page-channel.has-guide .banner {width: calc(100% - 130px) !important;max-width: 1070px !important;margin-left: auto !important;margin-right: auto !important;border-radius: 16px !important;} body.page-channel.has-guide .profile-container {max-width: 1090px !important;margin-left: auto !important;margin-right: auto !important;}} body.page-channel .cb-ch-mast,body.page-channel header.cb-ch-mast {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;height: var(--cb-head) !important;padding: 0 16px !important;z-index: 2020 !important;display: grid !important;grid-template-columns: 169px minmax(0,1fr) 225px !important;align-items: center !important;gap: 0 !important;background: #fff !important;border-bottom: none !important;box-sizing: border-box !important;justify-content: space-between !important;} body.page-channel .cb-ch-mast .mast-left {display: inline-flex !important;align-items: center !important;gap: 8px !important;} body.page-channel .cb-ch-mast .mast-burger {width: 40px;height: 40px;border: 0;background: transparent;border-radius: 50%;color: #0f0f0f;cursor: pointer;font-size: 18px;display: inline-flex;align-items: center;justify-content: center;} body.page-channel .cb-ch-mast .mast-burger:hover {background: rgba(0,0,0,.05);} body.page-channel .cb-ch-mast .mast-logo {color: #0f0f0f !important;font-weight: 700 !important;font-size: 20px !important;text-decoration: none !important;letter-spacing: -0.3px;display: inline-flex !important;align-items: center !important;gap: 4px !important;} body.page-channel .cb-ch-mast .mast-logo .cb-logo-mark {display: inline-flex !important;width: 28px !important;height: 20px !important;align-items: center !important;justify-content: center !important;flex: 0 0 28px !important;} body.page-channel .cb-ch-mast .mast-logo .cb-logo-mark svg {width: 28px !important;height: 20px !important;display: block !important;} body.page-channel .cb-ch-mast .mast-logo .cb-logo-word {color: #0f0f0f !important;-webkit-text-fill-color: #0f0f0f !important;} body.page-channel .cb-ch-mast .mast-search-wrap {display: flex !important;align-items: center !important;gap: 12px !important;max-width: 732px !important;width: 100% !important;margin: 0 auto !important;min-width: 0 !important;} body.page-channel .cb-ch-mast .mast-search {display: flex !important;height: 40px !important;max-width: 732px !important;flex: 1 1 732px !important;width: auto !important;margin: 0 !important;border: 1px solid #ccc !important;border-radius: 40px !important;background: #fff !important;overflow: hidden !important;} body.page-channel .cb-ch-mast .yt-voice-btn,body.page-channel .cb-ch-mast #voiceSearchBtn {flex: 0 0 40px !important;width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: #f2f2f2 !important;color: #0f0f0f !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;} body.page-channel .cb-ch-mast .yt-voice-btn:hover {background: #e5e5e5 !important;} body.page-channel .cb-ch-mast .yt-voice-btn svg {display: block !important;width: 20px !important;height: 20px !important;} body.page-channel .cb-ch-mast .mast-search input {flex: 1 !important;border: 0 !important;background: transparent !important;color: #0f0f0f !important;font-size: 16px !important;padding: 0 16px !important;outline: none !important;min-width: 0 !important;} body.page-channel .cb-ch-mast .mast-search button {width: 64px !important;flex: 0 0 64px !important;border: 0 !important;border-left: 1px solid #ccc !important;border-radius: 0 !important;background: #f8f8f8 !important;color: #0f0f0f !important;cursor: pointer !important;} body.page-channel .cb-ch-mast .mast-right {display: inline-flex !important;align-items: center !important;justify-content: flex-end !important;gap: 8px !important;} body.page-channel .cb-ch-mast .yt-kebab-btn,body.page-channel .cb-ch-mast #moreMenuBtn {width: 40px;height: 40px;min-width: 40px;margin: 0;padding: 0;border: 0;border-radius: 50%;background: transparent;color: #0f0f0f;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: none;} body.page-channel .cb-ch-mast .yt-kebab-btn:hover {background: rgba(0,0,0,.05);} body.page-channel .cb-ch-mast .yt-kebab-btn svg {display: block;width: 24px;height: 24px;} body.page-channel .cb-ch-guide .yt-guide-signin {margin: 8px 12px 8px;padding: 16px 4px 16px;border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);} body.page-channel .cb-ch-guide .yt-guide-signin p {margin: 0 0 12px;font-size: 14px;line-height: 20px;color: #0f0f0f;} body.page-channel .cb-ch-guide .yt-guide-signin-btn {height: 36px;padding: 0 16px;border-radius: 18px;border: 1px solid #065fd4;background: #fff;color: #065fd4;font-size: 14px;font-weight: 500;display: inline-flex;align-items: center;gap: 8px;text-decoration: none;} body.page-channel .cb-ch-guide .yt-guide-signin-btn:hover {background: rgba(6,95,212,.08);} body.page-channel .cb-ch-mast .mast-signin {height: 36px !important;min-width: 96px !important;padding: 0 16px !important;border-radius: 18px !important;border: 1px solid #065fd4 !important;background: transparent !important;color: #065fd4 !important;font-size: 14px !important;font-weight: 500 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;} body.page-channel .banner {height: 172px !important;max-width: none !important;margin: 12px 0 16px !important;width: 100% !important;border-radius: 16px !important;background-color: #f2f2f2 !important;background-size: cover !important;background-position: center !important;position: relative !important;overflow: hidden !important;} body.page-channel .banner::after {display: none !important;} body.page-channel .banner.banner-fallback {background: #f2f2f2 !important;background-image: none !important;} body.page-channel .profile-container {max-width: none !important;margin: 0 !important;padding: 0 0 48px !important;position: relative !important;background: #fff !important;} body.page-channel .profile-header {display: flex !important;align-items: flex-start !important;margin-top: 16px !important;gap: 24px !important;padding-bottom: 16px !important;border-bottom: 0 !important;flex-wrap: nowrap !important;} body.page-channel .avatar {width: var(--cb-avatar) !important;height: var(--cb-avatar) !important;border-radius: 50% !important;border: 0 !important;background-color: #e5e5e5 !important;background-size: cover !important;background-position: center !important;flex-shrink: 0 !important;margin-top: 0 !important;display: flex !important;align-items: center !important;justify-content: center !important;} body.page-channel .info {flex: 1 1 280px !important;min-width: 0 !important;padding-bottom: 0 !important;display: flex !important;flex-direction: column !important;align-items: flex-start !important;} body.page-channel .nickname {font-size: 36px !important;font-weight: 700 !important;line-height: 42px !important;color: #0f0f0f !important;display: flex !important;align-items: center !important;gap: 6px !important;flex-wrap: wrap !important;} body.page-channel .nickname > span[style*="border-radius"],body.page-channel .nickname .badge-pill,body.page-channel .nickname span[title*="等级"],body.page-channel .nickname span[title*="VIP"] {display: none !important;} body.page-channel .official-badge {color: #606060 !important;font-size: 18px !important;} body.page-channel .username {color: #606060 !important;font-size: 14px !important;font-weight: 400 !important;margin-top: 4px !important;} body.page-channel .stats-bar {display: none !important;} body.page-channel .stat-item {display: inline-flex !important;align-items: baseline !important;gap: 4px !important;color: #606060 !important;} body.page-channel .stat-item b {color: #606060 !important;font-size: 14px !important;font-weight: 400 !important;} body.page-channel .stat-item span {color: #606060 !important;margin-left: 0 !important;font-weight: 400 !important;} body.page-channel .stat-item + .stat-item::before {content: "·";margin: 0 6px 0 2px;color: #606060;} body.page-channel .badges-section,body.page-channel .badge-pill {display: none !important;} body.page-channel .bio {margin-top: 8px !important;font-size: 14px !important;color: #0f0f0f !important;max-width: 600px !important;line-height: 20px !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;} body.page-channel .actions {display: flex !important;gap: 8px !important;padding-bottom: 0 !important;margin: 12px 0 0 !important;align-items: center !important;flex-shrink: 0 !important;align-self: flex-start !important;} body.page-channel .info > .actions {margin-top: 12px !important;} body.page-channel .btn {height: 40px !important;min-height: 40px !important;padding: 0 16px !important;border-radius: 20px !important;font-weight: 500 !important;font-size: 14px !important;line-height: 40px !important;text-transform: none !important;border: 0 !important;cursor: pointer !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;box-shadow: none !important;transition: background 0.15s ease !important;} body.page-channel .btn-follow {background: #0f0f0f !important;color: #f1f1f1 !important;} body.page-channel .btn-follow:hover {background: #272727 !important;color: #fff !important;} body.page-channel .btn-following {background: #f2f2f2 !important;color: #0f0f0f !important;border: 0 !important;} body.page-channel .btn-following:hover {background: #e5e5e5 !important;} body.page-channel .btn-dm {background: #f2f2f2 !important;color: #0f0f0f !important;border: 0 !important;} body.page-channel .btn-dm:hover {background: #e5e5e5 !important;color: #0f0f0f !important;border: 0 !important;} body.page-channel #profileTabs {display: flex !important;gap: 0 !important;margin: 8px 0 0 !important;border-bottom: 1px solid rgba(0,0,0,0.1) !important;padding: 0 !important;overflow-x: auto !important;scrollbar-width: none !important;} body.page-channel #profileTabs::-webkit-scrollbar {display: none;} body.page-channel #profileTabs > button,body.page-channel #profileTabs > div {background: transparent !important;font-size: 16px !important;font-weight: 500 !important;color: #606060 !important;margin: 0 !important;border: none !important;padding: 12px 16px !important;cursor: pointer !important;border-bottom: 3px solid transparent !important;border-radius: 0 !important;text-transform: none !important;letter-spacing: 0 !important;white-space: nowrap !important;font-family: inherit !important;min-height: 48px !important;} body.page-channel #profileTabs > button[aria-selected="true"],body.page-channel #profileTabs > button.is-active,body.page-channel #ptab-home[aria-selected="true"],body.page-channel #ptab-videos[aria-selected="true"] {color: #0f0f0f !important;border-bottom-color: #0f0f0f !important;font-weight: 500 !important;opacity: 1 !important;pointer-events: auto !important;cursor: pointer !important;} body.page-channel #profileTabs > button.cb-tab-disabled:not([aria-selected="true"]),body.page-channel #profileTabs > button[data-cb-placeholder-tab="1"]:not([aria-selected="true"]),body.page-channel #profileTabs > button[aria-disabled="true"]:not([aria-selected="true"]) {color: #606060 !important;border-bottom-color: transparent !important;cursor: default !important;opacity: 1 !important;font-weight: 500 !important;} body.page-channel .content-title {display: none !important;} body.page-channel .grid,body.page-channel #videosTab,body.page-channel #playlistsTab,body.page-channel #favoritesTab,body.page-channel #historyTab {display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 16px 16px !important;row-gap: 32px !important;padding: 24px 0 48px !important;margin: 0 !important;align-items: start !important;} @media (min-width: 1750px) {body.page-channel .grid,body.page-channel #videosTab,body.page-channel #playlistsTab,body.page-channel #favoritesTab,body.page-channel #historyTab {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}} body.page-channel .card {background: transparent !important;border: 0 !important;border-radius: 0 !important;overflow: visible !important;transition: none !important;box-shadow: none !important;height: auto !important;min-height: 0 !important;display: block !important;} body.page-channel .card > a {display: block !important;height: auto !important;overflow: visible !important;} body.page-channel .card:hover {transform: none !important;border-color: transparent !important;} body.page-channel .thumb {position: relative !important;padding-top: 56.25% !important;height: 0 !important;overflow: hidden !important;border-radius: 12px !important;background: #e5e5e5 !important;width: 100% !important;} body.page-channel .card .thumb img,body.page-channel .card .thumb video,body.page-channel .thumb img,body.page-channel .thumb video {position: absolute !important;inset: 0 !important;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 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;border-radius: 12px !important;margin: 0 !important;} body.page-channel .thumb .play-icon,body.page-channel .thumb .play-overlay,body.page-channel .card .play-overlay,body.page-channel .card .play-icon {display: none !important;} body.page-channel .card .meta,body.page-channel .card .card-meta {display: block !important;visibility: visible !important;opacity: 1 !important;margin-top: 4px !important;font-size: 12px !important;line-height: 18px !important;min-height: 18px !important;height: auto !important;color: #606060 !important;font-weight: 400 !important;white-space: nowrap !important;overflow: visible !important;text-overflow: clip !important;position: static !important;} body.page-channel .thumb .duration,body.page-channel .card .duration,body.page-channel span.duration {position: absolute !important;bottom: 8px !important;right: 8px !important;z-index: 2 !important;background: rgba(0,0,0,0.8) !important;color: #fff !important;font-size: 12px !important;font-weight: 500 !important;padding: 3px 4px !important;border-radius: 4px !important;line-height: 1 !important;display: inline-block !important;pointer-events: none !important;letter-spacing: 0.2px !important;white-space: nowrap !important;box-shadow: none !important;opacity: 1 !important;visibility: visible !important;max-width: none !important;height: auto !important;width: auto !important;transform: none !important;} body.page-channel .desc {padding: 12px 0 0 !important;font-size: 14px !important;font-weight: 500 !important;color: #0f0f0f !important;line-height: 20px !important;white-space: normal !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;text-overflow: ellipsis !important;} body.page-channel .load-more-btn {grid-column: 1 / -1 !important;margin: 8px auto 0 !important;height: 36px !important;min-height: 36px !important;padding: 0 16px !important;border-radius: 18px !important;border: 0 !important;background: #f2f2f2 !important;color: #0f0f0f !important;font-weight: 500 !important;text-transform: none !important;} body.page-channel .load-more-btn:hover {background: #e5e5e5 !important;color: #0f0f0f !important;border: 0 !important;} body.page-channel .empty-state,body.page-channel .error-state,body.page-channel .cb-later-empty,body.page-profile .empty-state,body.page-profile .cb-later-empty {max-width: 420px !important;margin: 0 auto !important;padding: 80px 20px !important;text-align: center !important;color: #606060 !important;font-size: 14px !important;line-height: 20px !important;grid-column: 1 / -1 !important;} body.page-channel .empty-state h2,body.page-channel .cb-later-empty h2,body.page-profile .cb-later-empty h2 {margin: 16px 0 8px !important;font-size: 24px !important;font-weight: 400 !important;line-height: 32px !important;color: #0f0f0f !important;} body.page-channel .empty-state p,body.page-channel .cb-later-empty p,body.page-profile .cb-later-empty p {margin: 0 0 20px !important;font-size: 14px !important;line-height: 20px !important;color: #606060 !important;} body.page-channel .empty-state i,body.page-channel .error-state i {display: none !important;} body.page-channel header .header-inner {display: grid !important;grid-template-columns: 169px minmax(0,1fr) 225px !important;align-items: center !important;gap: 0 !important;} body.page-channel header .header-start {grid-column: 1 !important;min-width: 0 !important;} body.page-channel header .header-center {grid-column: 2 !important;max-width: 732px !important;width: 100% !important;margin: 0 auto !important;min-width: 0 !important;} body.page-channel header .header-search {flex: 1 1 732px !important;max-width: 732px !important;} body.page-channel header .header-nav-links {grid-column: 3 !important;min-width: 0 !important;justify-content: flex-end !important;} @media (max-width: 1100px) {body.page-channel .grid,body.page-channel #videosTab,body.page-channel #playlistsTab,body.page-channel #favoritesTab,body.page-channel #historyTab {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}} @media (max-width: 900px) {body.page-channel {--cb-avatar: 120px;--cb-banner-h: 128px;} body.page-channel .banner {width: calc(100% - 24px) !important;border-radius: 12px !important;} body.page-channel .profile-container {padding: 0 12px 32px !important;} body.page-channel .nickname {font-size: 28px !important;line-height: 34px !important;} body.page-channel .grid,body.page-channel #videosTab,body.page-channel #playlistsTab,body.page-channel #favoritesTab,body.page-channel #historyTab {grid-template-columns: repeat(2,minmax(0,1fr)) !important;row-gap: 24px !important;}} @media (max-width: 700px) {body.page-channel header .header-inner,body.page-channel .cb-ch-mast {grid-template-columns: auto minmax(0,1fr) auto !important;padding-left: 8px !important;padding-right: 8px !important;}} @media (max-width: 640px) {body.page-channel {--cb-avatar: 72px;--cb-banner-h: 88px;} body.page-channel .profile-header {flex-direction: row !important;align-items: flex-start !important;text-align: left !important;gap: 12px !important;} body.page-channel .nickname {font-size: 22px !important;line-height: 28px !important;justify-content: flex-start !important;} body.page-channel .stats-bar {justify-content: flex-start !important;} body.page-channel .actions {width: 100% !important;margin-left: 0 !important;justify-content: flex-start !important;} body.page-channel .grid,body.page-channel #videosTab,body.page-channel #playlistsTab,body.page-channel #favoritesTab,body.page-channel #historyTab {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 12px !important;row-gap: 20px !important;}} body.page-channel.ch-home-mode #videosTab,body.page-channel.ch-home-mode .grid#videosTab {display: none !important;} body.page-channel .ch-home-shelf {display: block !important;padding: 8px 0 32px !important;} body.page-channel .ch-home-featured {display: none !important;} body.page-channel .ch-featured {display: grid !important;grid-template-columns: minmax(280px,424px) minmax(0,1fr) !important;gap: 24px !important;align-items: start !important;margin: 8px 0 28px !important;text-decoration: none !important;color: inherit !important;} body.page-channel .ch-featured-thumb {width: 100% !important;aspect-ratio: 16 / 9 !important;border-radius: 12px !important;overflow: hidden !important;background: #e5e5e5 !important;} body.page-channel .ch-featured-thumb img {width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important;} body.page-channel .ch-featured-title {font-size: 18px !important;font-weight: 700 !important;line-height: 20px !important;color: #0f0f0f !important;display: -webkit-box !important;-webkit-line-clamp: 1 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;} body.page-channel .ch-featured-meta {margin-top: 16px !important;font-size: 12px !important;line-height: 18px !important;color: #606060 !important;} body.page-channel .ch-featured-desc {margin-top: 12px !important;font-size: 14px !important;line-height: 20px !important;color: #0f0f0f !important;display: -webkit-box !important;-webkit-line-clamp: 4 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;} body.page-channel .ch-featured-more {margin-top: 8px !important;color: #606060 !important;font-weight: 500 !important;font-size: 14px !important;} @media (max-width: 900px) {body.page-channel .ch-featured {grid-template-columns: 1fr !important;}} body.page-channel .ch-shelf-head {display: flex !important;flex-direction: column !important;align-items: flex-start !important;justify-content: flex-start !important;gap: 2px !important;margin: 0 0 24px !important;} body.page-channel .ch-shelf-head h2 {margin: 0 !important;font-size: 20px !important;font-weight: 700 !important;line-height: 28px !important;color: #0f0f0f !important;} body.page-channel .ch-play-all {height: auto !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;color: #0f0f0f !important;font-size: 14px !important;font-weight: 500 !important;line-height: 20px !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;cursor: pointer !important;} body.page-channel .ch-play-all:hover {background: transparent !important;} body.page-channel .ch-play-all svg {display: block !important;} body.page-channel .ch-featured-more {color: #606060 !important;font-weight: 500 !important;} body.page-channel .ch-shelf-rail {display: flex !important;flex-wrap: nowrap !important;gap: 16px !important;overflow-x: auto !important;overflow-y: hidden !important;scrollbar-width: none !important;padding-bottom: 8px !important;} body.page-channel .ch-shelf-rail::-webkit-scrollbar {display: none !important;} body.page-channel .ch-shelf-item {flex: 0 0 210px !important;width: 210px !important;text-decoration: none !important;color: inherit !important;} body.page-channel .ch-shelf-thumb {position: relative !important;width: 210px !important;height: 118px !important;border-radius: 12px !important;overflow: hidden !important;background: #e5e5e5 !important;} body.page-channel .ch-shelf-thumb img {width: 100% !important;height: 100% !important;object-fit: cover !important;display: block !important;} body.page-channel .ch-shelf-thumb .rel-duration {position: absolute !important;right: 4px !important;bottom: 4px !important;background: rgba(0,0,0,.8) !important;color: #fff !important;font-size: 12px !important;padding: 3px 4px !important;border-radius: 4px !important;} body.page-channel .ch-shelf-title {margin: 8px 0 4px !important;font-size: 14px !important;font-weight: 500 !important;line-height: 20px !important;color: #0f0f0f !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;} body.page-channel .ch-shelf-meta {font-size: 12px !important;line-height: 18px !important;color: #606060 !important;} body.page-channel .cb-ch-guide .g-head {font-size: 16px !important;font-weight: 500 !important;color: #0f0f0f !important;padding: 6px 12px 4px !important;margin: 8px 0 0 !important;} html.cb-preview body.page-channel #age-verify-overlay,html.cb-preview body.page-channel #cookie-consent-banner {display: none !important;} html.cb-preview body.page-channel.age-verify-locked {overflow: auto !important;height: auto !important;} body.page-channel .cb-channel-about {max-width: 720px;padding: 24px 0 48px;color: #0f0f0f;} body.page-channel .cb-channel-about h2 {margin: 0 0 16px;font-size: 20px;font-weight: 700;line-height: 28px;} body.page-channel .cb-channel-about p {margin: 0 0 20px;font-size: 14px;line-height: 20px;color: #0f0f0f;} body.page-channel .cb-channel-about dl {margin: 0;} body.page-channel .cb-channel-about dl > div {display: flex;gap: 16px;padding: 8px 0;border-bottom: 1px solid rgba(0,0,0,.1);font-size: 14px;line-height: 20px;} body.page-channel .cb-channel-about dt {width: 80px;color: #606060;font-weight: 400;} body.page-channel .cb-channel-about dd {margin: 0;color: #0f0f0f;}:root,html,html[data-home-theme],body,body.light-mode,body.page-browse {--bg: #fff !important;--card: #fff !important;--card-hover: #f2f2f2 !important;--text: #0f0f0f !important;--text-primary: #0f0f0f !important;--text-secondary: #606060 !important;--text-muted: #606060 !important;--sub: #606060 !important;--accent: #065fd4 !important;--accent-hover: #0556bf !important;--pri: #e8a317 !important;--border: #e5e5e5 !important;--brd: #e5e5e5 !important;--panel-soft: #f2f2f2 !important;--gradient: none !important;color-scheme: light !important;} html,body.page-browse {margin: 0;padding: 0;background: #fff !important;color: #0f0f0f !important;font-family: Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif !important;} body.page-browse a {text-decoration: none;color: inherit;} body.page-browse * {box-sizing: border-box;} body.page-browse header {position: fixed;top: 0;left: 0;right: 0;z-index: 2020;background: #fff;border-bottom: none;height: 56px;min-height: 56px;max-height: 56px;padding: 0;box-sizing: border-box;} body.page-browse .header-inner {max-width: none;width: 100%;margin: 0;padding: 0 16px;height: 56px;display: grid !important;grid-template-columns: 169px minmax(0,1fr) 225px !important;justify-content: stretch;align-items: center;gap: 0 !important;box-sizing: border-box;} body.page-browse .header-start {display: flex;align-items: center;gap: 4px;min-width: 0;grid-column: 1;justify-self: start;} body.page-browse .yt-menu-btn,body.page-browse .yt-voice-btn,body.page-browse .yt-create-btn,body.page-browse .yt-notif-btn {width: 40px;height: 40px;border: 0;background: transparent;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #0f0f0f;flex: 0 0 40px;} body.page-browse .yt-avatar-link {width: 32px;height: 32px;border: 0;background: #f2f2f2;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #606060;flex: 0 0 32px;overflow: hidden;margin-left: 4px;text-decoration: none;} body.page-browse .yt-avatar-link img {width: 32px;height: 32px;object-fit: cover;display: block;} body.page-browse .yt-avatar-chip {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;line-height: 1;color: #606060;} body.page-browse .yt-menu-btn:hover,body.page-browse .yt-create-btn:hover,body.page-browse .yt-notif-btn:hover {background: #f2f2f2;} body.page-browse .logo {display: flex;align-items: center;gap: 4px;font-size: 20px;font-weight: 700;letter-spacing: -.4px;color: #0f0f0f;} body.page-browse .logo .cb-logo-word {color: #0f0f0f;} body.page-browse .logo .cb-logo-18 {font-size: 9px;font-weight: 700;margin-left: 1px;vertical-align: super;} body.page-browse .header-center {display: flex;align-items: center;justify-content: center;max-width: 732px !important;width: 100%;margin: 0 auto;min-width: 0;grid-column: 2;justify-self: stretch;} body.page-browse .header-search {display: flex;align-items: stretch;flex: 1 1 732px;max-width: 732px !important;height: 40px;min-width: 0;} body.page-browse .header-search {position: relative;} body.page-browse .yt-search-clear {position: absolute;right: 64px;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border: 0;background: transparent;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #0f0f0f;padding: 0;} body.page-browse .yt-search-clear[hidden] {display: none;} body.page-browse .yt-search-clear:hover {background: #f2f2f2;} body.page-browse .header-search input.has-clear {padding-right: 48px;} body.page-browse .header-search input {width: 100%;height: 40px;padding: 0 16px;background: #fff;border: 1px solid #ccc;border-right: 0;border-radius: 40px 0 0 40px;color: #0f0f0f;font-size: 16px;outline: none;font-family: Roboto,Arial,sans-serif;} body.page-browse .header-search input:focus {border-color: #1c62b9;box-shadow: inset 0 1px 2px rgba(0,0,0,.1);} body.page-browse .header-search button[type="submit"] {background: #f8f8f8;color: #0f0f0f;border: 1px solid #ccc;width: 64px;height: 40px;border-radius: 0 40px 40px 0;cursor: pointer;display: flex;align-items: center;justify-content: center;flex: 0 0 64px;} body.page-browse .header-search button[type="submit"] svg {width: 20px;height: 20px;fill: #0f0f0f;} body.page-browse .yt-voice-btn {background: #f2f2f2;margin-left: 12px;} body.page-browse .yt-voice-btn:hover {background: #e5e5e5;} body.page-browse .header-nav-links {display: flex;align-items: center;gap: 8px;min-width: 0;width: 100%;grid-column: 3;justify-content: flex-end;justify-self: end;} body.page-browse .nav-btn {background: transparent;border: 1px solid rgba(0,0,0,.2);color: #065fd4;padding: 0 15px;height: 36px;cursor: pointer;font-size: 14px;font-weight: 500;border-radius: 18px;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: 6px;font-family: Roboto,Arial,sans-serif;} body.page-browse .nav-btn:hover {background: #def1ff;} body.page-browse .nav-btn.primary {background: transparent;color: #065fd4;} body.page-browse .nav-btn svg {width: 24px;height: 24px;} body.page-browse .page-shell {display: flex;align-items: flex-start;min-height: calc(100vh - 56px);} body.page-browse .yt-mini-guide {width: 240px;flex: 0 0 240px;padding: 12px 12px 24px;position: sticky;top: 0;height: calc(100vh - 56px);overflow: auto;} body.page-browse .yt-mini-guide a {display: flex;align-items: center;gap: 24px;height: 40px;width: 204px;max-width: 204px;box-sizing: border-box;padding: 0 12px;border-radius: 10px;color: #0f0f0f;font-size: 14px;font-weight: 400;} body.page-browse .yt-mini-guide a:hover {background: #f2f2f2;} body.page-browse .yt-mini-guide a.is-on {background: #f2f2f2;font-weight: 500;} body.page-browse .yt-mini-guide svg {width: 24px;height: 24px;flex: 0 0 24px;} body.page-browse .yt-mini-guide .g-gap {height: 1px;background: #e5e5e5;margin: 12px 0;} body.page-browse .yt-mini-guide .yt-guide-heading {display: flex;align-items: center;gap: 4px;padding: 12px 12px 4px;font-size: 16px;font-weight: 500;line-height: 22px;color: #0f0f0f;width: 204px;max-width: 204px;box-sizing: border-box;} body.page-browse .yt-mini-guide .yt-guide-heading .yt-guide-chevron {width: 20px;height: 20px;margin-left: 2px;flex: 0 0 20px;color: #0f0f0f;} body.page-browse:not(.is-logged-in) .yt-mini-guide .yt-guide-you-head {display: none !important;} body.page-browse:not(.is-logged-in) .yt-mini-guide .yt-guide-lib,body.page-browse:not(.is-logged-in) header .yt-create-btn,body.page-browse:not(.is-logged-in) header .yt-notif-btn {display: none !important;} body.page-browse .yt-guide-promo {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;padding: 16px 12px 8px;font-size: 14px;line-height: 20px;color: #0f0f0f;} body.page-browse .yt-guide-promo .nav-btn {display: inline-flex;width: auto;min-width: 84px;height: 36px;margin: 0;padding: 0 16px;} body.page-browse .page-wrap {flex: 1;min-width: 0;max-width: 1096px;margin: 0;padding: 24px 24px 80px;} body.page-browse .cb-page-h1 {margin: 0 0 8px;font-size: 36px;font-weight: 700;line-height: 50px;color: #0f0f0f;font-family: Roboto,Arial,sans-serif;} body.page-browse .cb-page-sub {margin: 0 0 20px;font-size: 14px;color: #606060;} body.page-browse .cb-chip-row {display: flex;gap: 12px;margin: 0 0 24px;overflow-x: auto;} body.page-browse .cb-chip {display: inline-flex;align-items: center;height: 32px;padding: 0 12px;border-radius: 8px;background: #f2f2f2;color: #0f0f0f;font-size: 14px;font-weight: 500;white-space: nowrap;} body.page-browse .cb-chip:hover {background: #e5e5e5;} body.page-browse .cb-chip.is-on {background: #0f0f0f;color: #fff;} body.page-browse .cb-trend-list,body.page-trending .cb-trend-list {display: flex;flex-direction: column;gap: 16px;} body.page-browse .cb-trend-row,body.page-trending .cb-trend-row,body.page-browse .cb-trend-row:link,body.page-trending .cb-trend-row:link,body.page-browse .cb-trend-row:visited,body.page-trending .cb-trend-row:visited,body.page-browse .cb-trend-row:hover,body.page-trending .cb-trend-row:hover,body.page-browse .cb-trend-row:active,body.page-trending .cb-trend-row:active {display: flex;gap: 16px;align-items: flex-start;color: inherit;text-decoration: none;} body.page-browse .cb-trend-row:hover .cb-trend-title,body.page-trending .cb-trend-row:hover .cb-trend-title,body.page-browse .cb-trend-row:visited .cb-trend-title,body.page-trending .cb-trend-row:visited .cb-trend-title {color: #0f0f0f;} body.page-browse .cb-trend-num,body.page-trending .cb-trend-num {width: 20px;flex: 0 0 20px;font-size: 16px;font-weight: 500;color: #606060;padding-top: 8px;text-align: right;} body.page-browse .cb-trend-thumb,body.page-trending .cb-trend-thumb {width: 360px;height: 202px;flex: 0 0 360px;border-radius: 12px;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;position: relative;} body.page-browse .cb-trend-thumb::before,body.page-trending .cb-trend-thumb::before,body.page-browse .cb-trend-thumb::after,body.page-trending .cb-trend-thumb::after {content: none !important;display: none !important;} body.page-browse .cb-trend-thumb img,body.page-trending .cb-trend-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;filter: none !important;opacity: 1 !important;} body.page-browse .cb-trend-thumb .no-thumb,body.page-trending .cb-trend-thumb .no-thumb {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #909090;} body.page-browse .cb-dur,body.page-trending .cb-dur {position: absolute;right: 6px;bottom: 6px;background: rgba(0,0,0,.8);color: #fff;font-size: 12px;font-weight: 500;padding: 2px 4px;border-radius: 4px;} body.page-browse .cb-trend-meta,body.page-trending .cb-trend-meta {flex: 1;min-width: 0;padding-top: 2px;} body.page-browse .cb-trend-title,body.page-trending .cb-trend-title {font-size: 18px;font-weight: 500;line-height: 26px;color: #0f0f0f;margin: 0 0 4px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-browse .cb-trend-sub,body.page-trending .cb-trend-sub {font-size: 12px;line-height: 18px;color: #606060;} body.page-browse .cb-cat-grid,body.page-categories .cb-cat-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;} body.page-browse .cb-cat-card,body.page-categories .cb-cat-card {display: block;color: inherit;} body.page-browse .cb-cat-thumb,body.page-categories .cb-cat-thumb {width: 100%;aspect-ratio: 16/9;border-radius: 12px;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;} body.page-browse .cb-cat-thumb::before,body.page-browse .cb-cat-thumb::after,body.page-categories .cb-cat-thumb::before,body.page-categories .cb-cat-thumb::after {content: none !important;display: none !important;} body.page-browse .cb-cat-thumb img,body.page-categories .cb-cat-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;filter: none !important;opacity: 1 !important;} body.page-browse .cb-cat-thumb .no-thumb {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 28px;color: #909090;} body.page-browse .cb-cat-thumb .no-thumb i {display: none !important;} body.page-browse .cb-cat-name,body.page-categories .cb-cat-name {margin-top: 8px;font-size: 16px;font-weight: 500;color: #0f0f0f;} body.page-browse .cb-cat-count,body.page-categories .cb-cat-count {font-size: 12px;color: #606060;} body.page-browse .cb-tag-search {position: relative;max-width: 480px;margin: 0 0 24px;} body.page-browse .cb-tag-search input {width: 100%;height: 40px;padding: 0 16px;border: 1px solid #ccc;border-radius: 40px;font-size: 16px;outline: none;font-family: Roboto,Arial,sans-serif;} body.page-browse .cb-tag-search input:focus {border-color: #1c62b9;} body.page-browse .cb-sec {font-size: 16px;font-weight: 500;margin: 24px 0 12px;color: #0f0f0f;} body.page-browse .cb-chip-wrap,body.page-browse .letter-tags {display: flex;flex-wrap: wrap;gap: 8px;} body.page-browse .cb-tag {display: inline-flex;align-items: center;gap: 6px;height: 32px;padding: 0 12px;border-radius: 8px;background: #f2f2f2;color: #0f0f0f;font-size: 14px;} body.page-browse .cb-tag:hover {background: #e5e5e5;} body.page-browse .cb-tag .tag-cnt {color: #606060;font-size: 12px;} body.page-browse .cb-alpha {display: flex;flex-wrap: wrap;gap: 4px;margin: 0 0 20px;} body.page-browse .cb-alpha a {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 8px;font-size: 13px;font-weight: 500;color: #0f0f0f;} body.page-browse .cb-alpha a:hover {background: #f2f2f2;} body.page-browse .cb-alpha a.disabled {color: #ccc;pointer-events: none;} body.page-browse .letter-header {font-size: 20px;font-weight: 500;margin: 20px 0 10px;color: #0f0f0f;} body.page-browse .cb-model-grid,body.page-browse .channels-grid,body.page-browse .stars-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;} body.page-browse .cb-model-card,body.page-browse .chan-card,body.page-browse .star-card {display: block;color: inherit;background: transparent;border: 0;border-radius: 0;box-shadow: none;transform: none !important;} body.page-browse .cb-model-av {width: 120px;height: 120px;border-radius: 50%;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;margin: 0 auto 12px;display: flex;align-items: center;justify-content: center;} body.page-browse .cb-model-av-letter {color: #606060;font-size: 44px;font-weight: 500;line-height: 1;} body.page-browse .cb-model-av::before,body.page-browse .cb-model-av::after {content: none !important;display: none !important;} body.page-browse .cb-model-av img,body.page-browse .star-cover img {width: 100% !important;height: 100% !important;max-width: none !important;max-height: none !important;object-fit: cover;object-position: center;display: block;filter: none !important;opacity: 1 !important;} body.page-browse .cb-model-name,body.page-browse .chan-card .name,body.page-browse .star-info .name {font-size: 16px;font-weight: 500;color: #0f0f0f;text-align: center;} body.page-browse .cb-model-sub,body.page-browse .chan-card .stats,body.page-browse .star-info .stats {font-size: 12px;color: #606060;text-align: center;} body.page-browse .chan-card {padding: 16px 8px 8px;border-radius: 0;background: transparent;text-align: center;} body.page-browse .chan-av {width: 120px;height: 120px;border-radius: 50%;background: #f2f2f2;color: #606060;font-size: 44px;font-weight: 500;display: flex;align-items: center;justify-content: center;margin: 0 auto 12px;} body.page-browse .chan-card .badge {display: none;} body.page-browse .chan-card .name,body.page-browse .chan-card .stats {text-align: center;} body.page-browse .star-cover {aspect-ratio: 1/1;border-radius: 12px;overflow: hidden;background: #f2f2f2;display: flex;align-items: center;justify-content: center;font-size: 36px;color: #909090;} body.page-browse .star-info {padding: 10px 0 0;} body.page-browse .star-info .name,body.page-browse .star-info .stats {text-align: left;} body.page-browse .cb-empty,body.page-browse .empty-state,body.page-search .empty-state,body.page-search .search-landing,body.page-channel .empty-state,body.page-channel .error-state,body.page-profile .empty-state {max-width: 420px;margin: 0 auto;padding: 80px 20px;text-align: center;color: #606060;font-size: 14px;line-height: 20px;grid-column: 1 / -1;} body.page-browse .cb-empty h2,body.page-browse .empty-state h2,body.page-search .empty-state h2,body.page-search .search-landing h2,body.page-channel .empty-state h2,body.page-channel .cb-later-empty h2,body.page-profile .cb-later-empty h2 {margin: 16px 0 8px;font-size: 24px;font-weight: 400;line-height: 32px;color: #0f0f0f;} body.page-browse .cb-empty p,body.page-browse .empty-state p,body.page-search .empty-state p,body.page-search .search-landing p,body.page-channel .empty-state p,body.page-channel .cb-later-empty p,body.page-profile .cb-later-empty p {margin: 0 0 20px;font-size: 14px;line-height: 20px;color: #606060;} body.page-browse .empty-state i,body.page-search .empty-state i,body.page-channel .empty-state i {display: none;} body.page-browse .cb-later-empty {max-width: 420px;padding: 80px 0;} body.page-browse .cb-later-empty h2 {margin: 16px 0 8px;font-size: 24px;font-weight: 400;color: #0f0f0f;} body.page-browse .cb-later-empty p {margin: 0 0 20px;font-size: 14px;color: #606060;} body.page-browse .cb-later-browse {display: inline-flex;align-items: center;justify-content: center;height: 36px;padding: 0 16px;border-radius: 18px;background: #0f0f0f;color: #fff !important;font-size: 14px;font-weight: 500;text-decoration: none;font-family: Roboto,Arial,sans-serif;} body.page-browse .cb-later-browse:hover {background: #272727;} body.page-browse .cb-later-item {display: flex;gap: 16px;padding: 8px 0;color: inherit;} body.page-browse .cb-later-item img,body.page-browse .cb-later-item .ph {width: 246px;height: 138px;border-radius: 12px;object-fit: cover;background: #f2f2f2 !important;background-image: none !important;animation: none !important;filter: none !important;opacity: 1 !important;flex: 0 0 246px;} body.page-browse .cb-later-item > a::before,body.page-browse .cb-later-item > a::after,body.page-browse .cb-later-item img::before,body.page-browse .cb-later-item img::after {content: none !important;display: none !important;} body.page-browse .cb-later-title {font-size: 18px;line-height: 26px;font-weight: 500;color: #0f0f0f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-browse .cb-later-remove {border: 0;background: transparent;color: #606060;cursor: pointer;font-size: 20px;padding: 4px 8px;} body.page-browse .cb-later-list {display: flex;flex-direction: column;} body.page-browse .cb-later-meta {flex: 1;min-width: 0;} body.page-browse .cb-later-actions {display: flex;gap: 8px;margin: 0 0 20px;} body.page-browse .cb-later-actions[hidden],body.page-browse .cb-later-list[hidden],body.page-browse .cb-later-empty[hidden] {display: none !important;} body.page-browse .cb-later-actions button,body.page-browse .cb-later-more {height: 36px;padding: 0 16px;border-radius: 18px;border: 1px solid rgba(0,0,0,.1);background: #f2f2f2;color: #0f0f0f;font-size: 14px;font-weight: 500;cursor: pointer;font-family: Roboto,Arial,sans-serif;} body.page-browse .cb-later-more {margin: 16px 0 40px;} body.page-browse .cb-later-more[hidden] {display: none !important;} body.page-browse .cb-later-item > a {position: relative;display: block;flex: 0 0 246px;} body.page-browse .cb-later-dur {position: absolute;right: 4px;bottom: 4px;background: rgba(0,0,0,.8);color: #fff;font-size: 12px;line-height: 16px;padding: 1px 4px;border-radius: 2px;} body.page-browse .cb-later-sub {margin-top: 4px;font-size: 12px;color: #606060;} body.page-browse .cb-pager {display: flex;align-items: center;gap: 16px;margin-top: 32px;font-size: 14px;color: #606060;} body.page-browse .cb-pager a {color: #065fd4;} body.page-browse .cb-alpha a.is-on {background: #0f0f0f;color: #fff;} @media (max-width: 1100px) {body.page-browse .yt-mini-guide {display: none;} body.page-browse.guide-open .yt-mini-guide {display: block;position: fixed;left: 0;top: 56px;z-index: 180;background: #fff;box-shadow: 0 4px 32px rgba(0,0,0,.12);} body.page-browse.guide-open::before {content: "";position: fixed;inset: 56px 0 0 0;background: rgba(0,0,0,.5);z-index: 170;} body.page-browse .cb-cat-grid,body.page-browse .cb-model-grid,body.page-browse .channels-grid,body.page-browse .stars-grid {grid-template-columns: repeat(3,1fr);}} @media (max-width: 700px) {body.page-browse header {overflow: hidden;} body.page-browse .header-inner {grid-template-columns: auto minmax(0,1fr) auto;gap: 0;padding: 0 8px;} body.page-browse .header-start,body.page-browse .header-nav-links {min-width: 0;width: auto;} body.page-browse .header-nav-links {gap: 0;} body.page-browse .cb-page-h1 {font-size: 24px;line-height: 32px;} body.page-browse .cb-trend-thumb,body.page-trending .cb-trend-thumb {width: 160px;height: 90px;flex-basis: 160px;} body.page-browse .cb-trend-title,body.page-trending .cb-trend-title {font-size: 14px;line-height: 20px;} body.page-browse .cb-later-item img,body.page-browse .cb-later-item .ph {width: 168px;height: 94px;flex-basis: 168px;} body.page-browse .cb-later-item > a {flex-basis: 168px;} body.page-browse .cb-later-title {font-size: 14px;line-height: 20px;} body.page-browse .cb-cat-grid,body.page-browse .cb-model-grid,body.page-browse .channels-grid,body.page-browse .stars-grid {grid-template-columns: repeat(2,1fr);} body.page-browse:not(.page-search) .header-center {display: none;} body.page-browse.page-search .header-start {min-width: 0;flex: 0 0 auto;} body.page-browse.page-search .cb-logo-word {display: none;} body.page-browse.page-search .yt-create-btn {display: none;} body.page-browse.page-search .header-center {min-width: 0;flex: 1 1 auto;max-width: none;margin: 0 4px;} body.page-browse.page-search .header-search {max-width: none;} body.page-browse.page-search .header-search button[type="submit"] {width: 40px;flex: 0 0 40px;} body.page-browse.page-search .yt-voice-btn {margin-left: 4px;} body.page-browse.page-search .header-nav-links {min-width: 0;flex: 0 0 auto;} body.page-browse .page-wrap {padding: 16px 12px 80px;}} body.page-browse .search-autocomplete-wrap {position: relative;} body.page-browse .ac-dropdown {position: absolute;top: 100%;left: 0;right: 0;background: #fff;border: 1px solid #e5e5e5;border-radius: 0 0 12px 12px;box-shadow: 0 4px 16px rgba(0,0,0,.12);z-index: 300;max-height: 420px;overflow-y: auto;display: none;} body.page-browse .ac-dropdown.show {display: block;} body.page-browse .ac-section-label {font-size: 12px;font-weight: 500;color: #606060;padding: 10px 16px 4px;} body.page-browse .ac-item {display: flex;align-items: center;gap: 10px;padding: 10px 16px;cursor: pointer;font-size: 16px;color: #0f0f0f;} body.page-browse .ac-item:hover,body.page-browse .ac-item.ac-active {background: #f2f2f2;} body.page-browse .ac-item .ac-icon {width: 20px;text-align: center;color: #606060;flex-shrink: 0;} body.page-browse .ac-item .ac-text {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.page-browse .ac-item .ac-text mark {background: transparent;color: #0f0f0f;font-weight: 500;} body.page-browse .ac-item .trend-num {font-size: 11px;font-weight: 700;color: #606060;min-width: 18px;} body.page-search .page-wrap {max-width: 1280px !important;margin: 0 !important;padding: 3px 24px 60px !important;box-sizing: border-box !important;} body.page-search .filter-sidebar,body.page-search .filter-toggle-mobile,body.page-search .search-history-bar {display: none !important;} body.page-search .results-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;flex-wrap: wrap;gap: 10px;} body.page-search .results-count {font-size: 14px;color: #606060;} body.page-search .results-count strong {color: #0f0f0f;font-weight: 500;} body.page-search .results-count .query-text {color: #0f0f0f;font-weight: 500;} body.page-search .cb-search-channels {display: flex;flex-direction: column;gap: 12px;margin: 0 0 20px;} body.page-search .cb-search-channel {display: flex;align-items: center;gap: 16px;padding: 8px 0 16px;border-bottom: 1px solid var(--brd,rgba(0,0,0,.08));} body.page-search .cb-search-channel-main {display: flex;align-items: center;gap: 16px;min-width: 0;flex: 1;color: inherit;text-decoration: none;} body.page-search .cb-search-channel-av {width: 88px;height: 88px;border-radius: 50%;background-color: #e5e5e5;background-size: cover;background-position: center;flex-shrink: 0;} body.page-search .cb-search-channel-letter {display: flex;align-items: center;justify-content: center;font-size: 32px;font-weight: 600;color: #606060;} body.page-search .cb-search-channel-meta {min-width: 0;} body.page-search .cb-search-channel-name {font-size: 16px;font-weight: 500;color: var(--text-primary,#0f0f0f);display: flex;align-items: center;gap: 4px;} body.page-search .cb-search-channel-sub {margin-top: 4px;font-size: 13px;color: var(--text-secondary,#606060);} body.page-search .cb-search-sub {flex-shrink: 0;border: 0;border-radius: 18px;padding: 8px 16px;min-height: 36px;font-size: 14px;font-weight: 500;cursor: pointer;background: var(--text-primary,#0f0f0f);color: var(--bg,#fff);} body.page-search .cb-search-sub:hover {background: #272727;} body.page-search .cb-search-sub.is-on {background: #f2f2f2;color: #0f0f0f;} body.page-search .cb-search-sub.is-on:hover {background: #e5e5e5;} @media (max-width: 640px) {body.page-search .cb-search-channel-av {width: 64px;height: 64px;} body.page-search .cb-search-channel-letter {font-size: 24px;}} body.page-search .video-grid {display: flex;flex-direction: column;gap: 16px;} body.page-search .video-card {display: flex;gap: 16px;min-height: 280.5px;background: transparent;border: 0;border-radius: 0;overflow: visible;box-shadow: none;align-items: flex-start;} body.page-search .video-card:hover {transform: none;box-shadow: none;} body.page-search .card-thumb {width: 500px;max-width: 500px;flex: 0 0 500px;height: 280.5px;aspect-ratio: 16/9;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;position: relative;border-radius: 12px;} body.page-search .card-thumb::before,body.page-search .card-thumb::after {content: none !important;display: none !important;} body.page-search .card-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;filter: none !important;opacity: 1 !important;position: relative;z-index: 1;} body.page-search .card-thumb .no-thumb {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #f2f2f2;font-size: 32px;color: #909090;} body.page-search .thumb-duration {position: absolute;bottom: 8px;right: 8px;z-index: 2;background: rgba(0,0,0,.8);color: #fff;font-size: 12px;padding: 3px 4px;border-radius: 4px;font-weight: 500;line-height: 1;} body.page-search .thumb-vip {position: absolute;top: 8px;left: 8px;background: #0f0f0f;color: #fff;font-size: 10px;padding: 3px 8px;border-radius: 4px;font-weight: 500;} body.page-search .card-info {padding: 0;flex: 1;min-width: 0;} body.page-search .card-title {font-size: 18px;font-weight: 400;line-height: 26px;margin: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #0f0f0f;} body.page-search .card-author {display: flex;align-items: center;gap: 8px;margin: 12px 0 6px;} body.page-search .card-avt {width: 24px;height: 24px;border-radius: 50%;background-size: cover;background-position: center;background-color: #f2f2f2;flex-shrink: 0;display: flex;align-items: center;justify-content: center;} body.page-search .card-avt-letter {background-image: none !important;color: #606060;font-size: 11px;font-weight: 500;line-height: 1;} body.page-search .card-author-name {font-size: 12px;color: #606060;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.page-search .card-author-name .official-badge {color: #065fd4;font-size: 12px;margin-left: 3px;} body.page-search .card-meta {display: flex;align-items: center;gap: 6px;font-size: 12px;line-height: 18px;height: 18px;color: #606060;} body.page-search .card-stats i {display: none;} body.page-search .card-desc {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 12px;line-height: 1.5;color: #606060;margin-top: 8px;} body.page-search .yt-shorts-rail {margin: 8px 0 24px;} body.page-search .yt-shorts-rail-head {font-size: 20px;font-weight: 700;margin: 0 0 12px;color: #0f0f0f;} body.page-search .yt-shorts-rail-row {display: flex;gap: 12px;overflow-x: auto;padding-bottom: 8px;} body.page-search .yt-shorts-tile {flex: 0 0 210px;width: 210px;color: inherit;} body.page-search .yt-shorts-thumb {width: 210px;height: 372px;border-radius: 12px;overflow: hidden;background: #f2f2f2;} body.page-search .yt-shorts-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;} body.page-search .yt-shorts-title {margin-top: 8px;font-size: 14px;font-weight: 500;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-search .quick-filters {display: flex;align-items: center;gap: 8px;flex-wrap: nowrap;height: 50px;margin: 0 0 3px;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;} body.page-search .quick-filters::-webkit-scrollbar {display: none;} body.page-search .qf-chip {display: inline-flex;align-items: center;height: 32px;padding: 0 12px;background: var(--panel-soft);border: 0;border-radius: 8px;font-size: 14px;font-weight: 500;color: var(--text-primary);text-decoration: none;white-space: nowrap;flex: 0 0 auto;font-family: Roboto,Arial,sans-serif;} body.page-search .qf-chip:hover {background: var(--card-hover);} body.page-search .qf-chip.active {background: var(--text-primary);color: var(--bg);} body.page-search .qf-filters-wrap {position: relative;margin-left: auto;} body.page-search .qf-filters-btn {gap: 6px;cursor: pointer;font: inherit;} body.page-search .qf-filters-btn svg {display: block;flex-shrink: 0;} body.page-search .qf-filters-panel {position: absolute;top: calc(100% + 8px);left: auto;right: 0;z-index: 40;min-width: 560px;padding: 16px 16px 12px;background: var(--card,#fff);border: 1px solid var(--brd,#e5e5e5);border-radius: 12px;box-shadow: var(--shadow-md,0 4px 16px rgba(0,0,0,.12));} body.page-search .qf-filters-panel[hidden] {display: none !important;} body.page-search .qf-filters-cols {display: grid;grid-template-columns: repeat(3,minmax(140px,1fr));gap: 16px 24px;} body.page-search .qf-filters-label {font-size: 12px;font-weight: 500;color: var(--text-secondary,#606060);margin: 0 0 8px;} body.page-search .qf-filters-opt {display: block;padding: 8px 10px;border-radius: 8px;font-size: 14px;font-weight: 400;color: var(--text-primary,#0f0f0f);text-decoration: none;line-height: 1.3;} body.page-search .qf-filters-opt:hover {background: #f2f2f2;} body.page-search .qf-filters-opt.is-on {background: #f2f2f2;font-weight: 500;} body.page-search .qf-filters-clear {display: inline-block;margin-top: 12px;font-size: 14px;font-weight: 500;color: var(--accent,#065fd4);text-decoration: none;} @media (max-width: 1100px) {body.page-search .qf-filters-panel {position: fixed;top: 112px;left: 12px;right: 12px;width: auto;min-width: 0;max-height: calc(100vh - 128px);overflow: auto;}} @media (max-width: 700px) {body.page-search .qf-filters-cols {grid-template-columns: 1fr;gap: 14px;}} body.page-search .pagination {display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 40px;flex-wrap: wrap;} body.page-search .page-btn {display: flex;align-items: center;justify-content: center;min-width: 38px;height: 38px;padding: 0 12px;background: #fff;border: 1px solid #e5e5e5;border-radius: 8px;font-size: 13px;font-weight: 500;color: #0f0f0f;text-decoration: none;} body.page-search .page-btn:hover {background: #f2f2f2;} body.page-search .page-btn.active {background: #0f0f0f;color: #fff;border-color: #0f0f0f;} body.page-search .page-btn.disabled {opacity: .3;pointer-events: none;} body.page-search .empty-state,body.page-search .search-landing {text-align: center;padding: 80px 20px;color: #606060;} body.page-search .empty-state .empty-icon,body.page-search .search-landing .landing-icon {width: 64px;height: 64px;margin: 0 auto 20px;color: #909090;display: block;} body.page-search .empty-state i.empty-icon,body.page-search .search-landing i.landing-icon,body.page-search .suggestion-tag i,body.page-search .trending-title i,body.page-search .sh-label i,body.page-search .sh-clear i,body.page-search .filter-toggle-mobile i,body.page-search .filter-label i,body.page-search .opt-icon,body.page-search .dym-banner i,body.page-search .thumb-vip i,body.page-search .page-btn i,body.page-search .ac-icon,body.page-search .ac-arrow,body.page-search .qf-chip i,body.page-search i.fas,body.page-search i.far,body.page-search i.fab {display: none !important;} body.page-search .empty-state h2,body.page-search .search-landing h2 {color: #0f0f0f;font-size: 24px;margin: 16px 0 8px;font-weight: 400;line-height: 32px;} body.page-search .search-landing p {margin: 0 0 8px;} body.page-search .trending-section {display: block;width: 100%;max-width: 720px;margin: 24px auto 0;position: static;} body.page-search .trending-title {display: block;position: static !important;width: 100%;margin: 0 0 12px;font-size: 14px;font-weight: 500;line-height: 20px;color: #606060;text-align: center;} body.page-search .suggestion-tags,body.page-search .trending-list {display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;position: relative;} body.page-search .suggestion-tag,body.page-search .trending-item {display: inline-flex;align-items: center;gap: 5px;padding: 8px 16px;background: #f2f2f2;border: 0;border-radius: 20px;font-size: 13px;color: #0f0f0f;font-weight: 500;} body.page-search .suggestion-tag:hover,body.page-search .trending-item:hover {background: #e5e5e5;} body.page-search .did-you-mean,body.page-search .dym-banner {margin: 16px 0;font-size: 14px;color: #606060;} body.page-search .did-you-mean a,body.page-search .dym-banner a {color: #065fd4;font-weight: 500;} body.page-search .dym-banner {background: #f2f2f2;border: 0;border-radius: 10px;padding: 12px 18px;} @media (max-width: 900px) {body.page-search .card-thumb {width: 168px;flex: 0 0 168px;max-width: 44%;height: auto;} body.page-search .card-title {font-size: 14px;} body.page-search .video-card {gap: 10px;}} body.page-upload .page-wrap {max-width: 860px;} body.page-upload .cb-up-head {display: flex;justify-content: space-between;align-items: center;margin: 0 0 24px;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;} body.page-upload .cb-up-head h2 {margin: 0;font-size: 22px;font-weight: 500;color: #0f0f0f;} body.page-upload .cb-up-head .back-btn {color: #0f0f0f;font-size: 14px;} body.page-upload .cb-up-official {font-size: 12px;color: #065fd4;border: 1px solid #065fd4;padding: 2px 6px;border-radius: 4px;margin-left: 8px;} body.page-upload .upload-zone {border: 1px dashed #ccc;padding: 48px 24px;text-align: center;border-radius: 12px;cursor: pointer;background: #f8f8f8;} body.page-upload .upload-zone:hover {background: #f2f2f2;border-color: #909090;} body.page-upload .zone-icon {color: #606060;margin-bottom: 12px;display: flex;justify-content: center;} body.page-upload .zone-icon i {display: none !important;} body.page-upload .upload-zone h3 {margin: 0 0 8px;font-size: 16px;font-weight: 500;color: #0f0f0f;} body.page-upload .file-list {margin-top: 24px;} body.page-upload .file-item {background: #fff;border: 1px solid #e5e5e5;padding: 14px;border-radius: 12px;margin-bottom: 12px;display: flex;align-items: center;gap: 14px;} body.page-upload .f-name {font-weight: 500;font-size: 14px;margin-bottom: 5px;color: #0f0f0f;} body.page-upload .f-prog-bg {height: 4px;background: #e5e5e5;border-radius: 2px;overflow: hidden;} body.page-upload .f-prog-fill {height: 100%;background: #065fd4;width: 0;} body.page-upload .f-status {font-size: 12px;color: #606060;margin-top: 5px;display: flex;justify-content: space-between;} body.page-upload .controls {margin-top: 24px;display: grid;grid-template-columns: 1fr 1fr;gap: 16px 20px;} body.page-upload .cb-up-field {display: flex;flex-direction: column;gap: 6px;min-width: 0;} body.page-upload .cb-up-field label {font-size: 13px;font-weight: 500;color: #0f0f0f;font-family: Roboto,Arial,sans-serif;} body.page-upload .cb-up-checks {grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 20px;align-items: center;min-height: 40px;} body.page-upload .cb-up-checks label {display: flex;align-items: center;gap: 8px;font-size: 14px;color: #0f0f0f;cursor: pointer;font-family: Roboto,Arial,sans-serif;} body.page-upload .cb-up-checks input {accent-color: #065fd4;width: 16px;height: 16px;} body.page-upload .cb-up-hint {grid-column: 1 / -1;font-size: 12px;color: #606060;line-height: 1.4;} body.page-upload .cb-up-actions {grid-column: 1 / -1;} @media (max-width: 700px) {body.page-upload .controls {grid-template-columns: 1fr;}} body.page-upload .inp {width: 100%;height: 40px;padding: 0 12px;background: #fff;border: 1px solid #ccc;color: #0f0f0f;border-radius: 8px;outline: none;font-family: Roboto,Arial,sans-serif;} body.page-upload .inp:focus {border-color: #1c62b9;} body.page-upload .btn {padding: 0 20px;height: 40px;background: #0f0f0f;color: #fff;border: 0;border-radius: 20px;font-weight: 500;cursor: pointer;font-family: Roboto,Arial,sans-serif;} body.page-upload .btn:hover:not(:disabled) {background: #272727;} body.page-upload .btn:disabled {background: #ccc;color: #fff;cursor: not-allowed;} body.page-upload label {color: #0f0f0f;} body.page-upload #gVisibilityHint {color: #606060;} body.page-vip .page-wrap {max-width: 1120px;padding-top: 16px;} body.page-vip .vip-nav,body.page-vip .theme-toggle-btn,body.page-vip .lang-toggle {display: none !important;} body.page-vip .vip-hero {position: relative;padding: 32px 0 48px;text-align: center;overflow: visible;} body.page-vip .vip-hero::before {display: none;} body.page-vip .vip-hero .crown-icon {display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 72px;border-radius: 50%;background: #f2f2f2;border: 0;margin-bottom: 20px;} body.page-vip .vip-hero .crown-icon i {font-size: 28px;color: #0f0f0f;background: none;-webkit-text-fill-color: #0f0f0f;filter: none;} body.page-vip .vip-hero h1 {font-size: 36px;font-weight: 700;letter-spacing: -0.5px;line-height: 1.2;margin: 0 0 8px;color: #0f0f0f;} body.page-vip .vip-hero .subtitle {font-size: 16px;color: #606060;margin: 0 0 20px;} body.page-vip .vip-container {max-width: 1120px;margin: 0 auto;padding: 0;} body.page-vip .vip-footer {text-align: center;padding: 32px 0;border-top: 1px solid #e5e5e5;margin-top: 40px;color: #606060;} body.page-vip .vip-footer .footer-links {display: flex;justify-content: center;gap: 24px;flex-wrap: wrap;margin-bottom: 16px;} body.page-vip .vip-footer .footer-links a {color: #606060;font-size: 14px;} body.page-vip .vip-footer .footer-links a:hover {color: #0f0f0f;} body.page-vip .benefit-card {background: #fff;border: 1px solid #e5e5e5;box-shadow: none;} body.page-vip .benefit-card:hover {transform: none;} body.page-vip .benefit-icon {background: #f2f2f2 !important;border: 0 !important;color: #0f0f0f;} body.page-vip .benefit-icon svg {display: block;} body.page-vip i.fas,body.page-vip i.far,body.page-vip i.fab {display: none !important;} body.page-vip .check-yes::before {content: "✓";color: #0f0f0f;font-weight: 500;margin-right: 4px;} body.page-vip .check-no::before {content: "–";color: #909090;margin-right: 4px;} body.page-vip .compare-item.free {background: #f2f2f2;border: 1px solid #e5e5e5;color: #606060;} body.page-vip .compare-item.vip {background: #e8f0fe;border: 1px solid #d2e3fc;color: #065fd4;} body.page-vip .hero-cta {background: #065fd4 !important;color: #f1f1f1 !important;box-shadow: none !important;border-radius: 24px !important;padding: 0 20px !important;font-size: 18px !important;font-weight: 500 !important;height: 48px;min-width: 0;display: inline-flex;align-items: center;justify-content: center;} body.page-vip .hero-cta:hover {background: #0556bf !important;color: #fff !important;transform: none !important;} body.page-vip .vip-hero .crown-icon {animation: none !important;} body.page-vip .price-card {background: #fff;border: 1px solid #e5e5e5;transform: none !important;border-radius: 16px;box-shadow: 0 1px 2px rgba(15,15,15,.04),0 8px 24px rgba(15,15,15,.04);} body.page-vip .price-card:hover,body.page-vip .price-card.featured:hover {transform: none !important;box-shadow: 0 1px 2px rgba(15,15,15,.04),0 8px 24px rgba(15,15,15,.06) !important;} body.page-vip .price-card.featured {border-color: #e5e5e5 !important;transform: none !important;animation: none !important;} body.page-vip .btn-buy.primary {background: #065fd4 !important;color: #f1f1f1 !important;box-shadow: none !important;transform: none !important;border-radius: 24px !important;height: 48px;font-size: 16px !important;font-weight: 500 !important;} body.page-vip .btn-buy.primary:hover {background: #0556bf !important;box-shadow: none !important;transform: none !important;} body.page-vip .btn-buy.secondary {background: #f2f2f2 !important;color: #0f0f0f !important;border-color: #e5e5e5 !important;} body.page-vip .btn-buy.secondary:hover {background: #e5e5e5 !important;border-color: #d3d3d3 !important;} body.page-vip .points-alt {background: #f2f2f2;border-color: #e5e5e5;} body.page-vip .reveal,body.page-vip .reveal.visible,body.page-vip .reveal-stagger > *,body.page-vip .reveal-stagger.visible > * {opacity: 1 !important;transform: none !important;transition: none !important;animation: none !important;} body.page-vip .pay-modal .confirm-btn {background: #065fd4 !important;} body.page-vip .pay-modal .confirm-btn:hover {background: #0556bf !important;} body.page-vip .pay-modal .confirm-btn.is-close {background: #0f0f0f !important;color: #fff !important;} body.page-vip .pay-modal .confirm-btn.is-close:hover {background: #272727 !important;} body.page-vip .badge-popular {background: #0f0f0f !important;color: #fff !important;} body.page-vip .price-amount {color: #0f0f0f !important;} body.page-vip .points-alt strong,body.page-vip .points-alt i {color: #0f0f0f !important;} body.page-vip .user-points-bar strong {color: #0f0f0f !important;} body.page-vip .price-card.featured {border-color: #e5e5e5 !important;box-shadow: 0 1px 2px rgba(15,15,15,.04),0 8px 24px rgba(15,15,15,.04) !important;} body.page-vip .section-title h2 span {color: #0f0f0f !important;} body.page-vip .section-title {display: block !important;flex-direction: column;align-items: stretch;text-transform: none !important;margin-right: 0 !important;gap: 0;} body.page-vip .section-title h2 {display: block;white-space: normal;} body.page-vip .section-title p {display: block;margin: 0;} body.page-legal .page-wrap {max-width: 860px;} body.page-legal .cb-legal h1 {margin: 0 0 12px;font-size: 32px;font-weight: 700;line-height: 40px;color: #0f0f0f;} @media (max-width: 700px) {body.page-legal .cb-legal h1 {font-size: 24px;line-height: 32px;}} body.page-legal .cb-legal h2 {margin: 28px 0 10px;font-size: 20px;font-weight: 500;color: #0f0f0f;} body.page-legal .cb-legal p,body.page-legal .cb-legal li {color: #0f0f0f;font-size: 14px;line-height: 1.7;} body.page-legal .cb-legal .eyebrow {color: #606060;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;margin-bottom: 8px;} body.page-legal .cb-legal .meta {display: flex;flex-wrap: wrap;gap: 16px;margin: 16px 0 28px;color: #606060;font-size: 13px;} body.page-legal .cb-legal .cta {margin-top: 28px;display: flex;gap: 12px;flex-wrap: wrap;} body.page-legal .cb-legal .btn {display: inline-flex;align-items: center;height: 36px;padding: 0 16px;border-radius: 18px;border: 1px solid rgba(0,0,0,.1);background: #f2f2f2;color: #0f0f0f;font-size: 14px;font-weight: 500;} body.page-legal .cb-legal .btn.primary {background: #0f0f0f;color: #fff;border-color: #0f0f0f;} body.page-legal .cb-legal a {color: #065fd4;} body.page-legal .notice-box,body.page-legal .contact-box {background: #f2f2f2;border: 1px solid #e5e5e5;border-radius: 12px;padding: 16px 18px;margin: 16px 0;} body.page-legal .warning-box {background: #fce8e6;border: 1px solid #f5c6c2;border-radius: 12px;padding: 16px 18px;margin: 16px 0;} body.page-legal .warning-box p {color: #c5221f;} body.page-aisearch .page-wrap {max-width: 860px;} body.page-aisearch .ais-wrap {max-width: 860px;margin: 8px auto 48px;padding: 0;} body.page-aisearch .ais-hero {text-align: left;margin-bottom: 20px;} body.page-aisearch .ais-hero h1 {font-size: 22px;font-weight: 500;color: #0f0f0f;margin: 0 0 6px;} body.page-aisearch .ais-hero p {color: #606060;font-size: 14px;margin: 0;} body.page-aisearch .ais-box {display: flex;gap: 0;background: #fff;border: 1px solid #ccc;border-radius: 40px;padding: 0 0 0 20px;overflow: hidden;} body.page-aisearch .ais-box:focus-within {border-color: #1c62b9;} body.page-aisearch .ais-input {flex: 1;background: transparent;border: 0;outline: 0;color: #0f0f0f;font-size: 16px;min-height: 40px;font-family: Roboto,Arial,sans-serif;} body.page-aisearch .ais-input::placeholder {color: #909090;} body.page-aisearch .ais-btn {background: #f8f8f8;color: #0f0f0f;border: 0;border-left: 1px solid #ccc;border-radius: 0;padding: 0 22px;font-weight: 500;cursor: pointer;font-size: 14px;font-family: Roboto,Arial,sans-serif;} body.page-aisearch .ais-btn:hover {background: #f2f2f2;} body.page-aisearch .ais-btn:disabled {opacity: .5;cursor: not-allowed;} body.page-aisearch .ais-suggest {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 16px;justify-content: flex-start;} body.page-aisearch .ais-chip {background: #f2f2f2;border: 0;color: #0f0f0f;font-size: 13px;padding: 6px 12px;border-radius: 8px;cursor: pointer;} body.page-aisearch .ais-chip:hover {background: #e5e5e5;} body.page-aisearch .ais-parsed {margin: 18px 0 8px;padding: 12px 16px;background: #f2f2f2;border-radius: 12px;font-size: 13px;color: #606060;display: none;} body.page-aisearch .ais-parsed.show {display: block;} body.page-aisearch .ais-parsed strong {color: #0f0f0f;} body.page-aisearch .ais-parsed .tag {display: inline-block;background: #e8f0fe;color: #065fd4;padding: 2px 8px;border-radius: 4px;margin: 0 4px 4px 0;font-size: 11px;} body.page-aisearch .ais-status {text-align: left;color: #606060;padding: 24px 0;font-size: 14px;} body.page-aisearch .ais-status:empty,body.page-aisearch .ais-status[data-idle="1"],body.page-aisearch .ais-status[hidden] {display: none !important;} body.page-aisearch .ais-results {display: flex;flex-direction: column;gap: 16px;margin-top: 8px;} body.page-aisearch .ais-card.card,body.page-aisearch .ais-card {background: transparent;border: 0;border-radius: 0;text-decoration: none;color: inherit;display: flex;flex-direction: row;align-items: flex-start;gap: 16px;overflow: hidden;min-height: 0;height: auto;width: 100%;} body.page-aisearch .ais-card:hover {transform: none;} body.page-aisearch .ais-card .thumb {width: 360px;height: 202px;flex: 0 0 360px;background: #f2f2f2 center/cover no-repeat;position: relative;overflow: hidden;border-radius: 12px;aspect-ratio: auto;} body.page-aisearch .ais-card .thumb::before,body.page-aisearch .ais-card .thumb::after {content: none !important;display: none !important;} body.page-aisearch .ais-card .thumb img {width: 100%;height: 100%;object-fit: cover;display: block;} body.page-aisearch .ais-card .info {padding: 0;flex: 1;min-width: 0;display: block;justify-content: flex-start;} body.page-aisearch .ais-card .info .desc {font-size: 18px;color: #0f0f0f;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-aisearch .ais-card .info .meta {margin-top: 4px;font-size: 12px;color: #606060;display: flex;justify-content: flex-start;gap: 8px;} body.page-aisearch .duration {position: absolute;bottom: 8px;right: 8px;background: rgba(0,0,0,.8);color: #fff;padding: 3px 4px;border-radius: 4px;font-size: 12px;font-weight: 500;} body.page-aisearch .ais-tip {text-align: left;margin: 24px 0;color: #909090;font-size: 12px;} body.page-star .page-wrap,body.page-channel .page-wrap {max-width: 1280px;padding-top: 16px;} body.page-star .channel-banner,body.page-channel .channel-banner {height: 172px;border-radius: 16px;background: #f2f2f2 center/cover no-repeat;margin: 0 0 16px;overflow: hidden;} body.page-star .star-header {display: flex;gap: 24px;padding: 8px 0 16px;align-items: center;border-bottom: 0;margin-bottom: 0;} body.page-star .star-header .avatar {width: 160px;height: 160px;border-radius: 50%;background: #f2f2f2;flex-shrink: 0;display: flex;align-items: center;justify-content: center;font-size: 56px;font-weight: 500;color: #606060;overflow: hidden;} body.page-star .star-header .avatar img {width: 100%;height: 100%;display: block;object-fit: cover;} body.page-star .star-header .meta h1 {margin: 0 0 6px;font-size: 36px;line-height: 50px;font-weight: 700;color: #0f0f0f;} body.page-star .star-header .meta .stats {color: #606060;font-size: 14px;} body.page-star .star-header .meta .stats strong {color: #0f0f0f;font-weight: 500;} body.page-star .star-header .meta .bio {color: #606060;font-size: 13px;margin-top: 8px;max-width: 600px;} body.page-star .videos-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 16px 16px;padding: 16px 0 40px;} body.page-star .video-card {background: transparent;border: 0;border-radius: 0;text-decoration: none;color: inherit;display: block;overflow: hidden;} body.page-star .video-card:hover {transform: none;} body.page-star .video-card .thumb {aspect-ratio: 16/9;background: #f2f2f2 center/cover no-repeat;position: relative;overflow: hidden;border-radius: 12px;} body.page-star .video-card .thumb img {width: 100%;height: 100%;object-fit: cover;display: block;} body.page-star .video-card .info {padding: 10px 0 0;} body.page-star .video-card .info .desc {font-size: 16px;color: #0f0f0f;line-height: 22px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-star .video-card .info .meta-row {margin-top: 4px;font-size: 12px;color: #606060;display: flex;justify-content: space-between;} body.page-star .duration {position: absolute;bottom: 8px;right: 8px;background: rgba(0,0,0,.8);color: #fff;padding: 3px 4px;border-radius: 4px;font-size: 12px;font-weight: 500;} body.page-channel .channel-hero {display: flex;align-items: center;gap: 24px;padding: 8px 0 16px;background: transparent;border-bottom: 0;margin-bottom: 0;} body.page-channel .channel-avatar {width: 160px;height: 160px;border-radius: 50%;background: #f2f2f2;color: #606060;font-size: 56px;font-weight: 500;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;} body.page-channel .channel-meta {flex: 1;min-width: 0;} body.page-channel .channel-hero h1 {margin: 0 0 6px;font-size: 36px;line-height: 50px;font-weight: 700;color: #0f0f0f;} body.page-channel .channel-hero .chan-type {color: #606060;font-size: 14px;font-weight: 400;} body.page-channel .channel-hero .meta {color: #606060;font-size: 14px;line-height: 22px;} body.page-channel .channel-actions {flex-shrink: 0;display: flex;align-items: center;gap: 8px;} body.page-channel .btn-follow,body.page-profile .btn-follow {display: inline-flex;align-items: center;justify-content: center;height: 40px;padding: 0 16px;border-radius: 20px;background: #0f0f0f;color: #f1f1f1;font-size: 14px;font-weight: 500;text-decoration: none;border: 0;cursor: pointer;} body.page-channel .btn-follow:hover,body.page-profile .btn-follow:hover {background: #272727;} body.page-channel .btn-join,body.page-profile .btn-join {display: inline-flex;align-items: center;justify-content: center;height: 40px;padding: 0 16px;border-radius: 20px;background: #f2f2f2;color: #0f0f0f;font-size: 14px;font-weight: 500;text-decoration: none;border: 0;cursor: pointer;box-sizing: border-box;font-family: Roboto,Arial,sans-serif;} body.page-channel .btn-join:hover,body.page-profile .btn-join:hover {background: #e5e5e5;} body.page-star .channel-tabs,body.page-channel .channel-tabs,body.page-profile .channel-tabs {display: flex;align-items: stretch;gap: 0;height: 48px;border-bottom: 1px solid rgba(0,0,0,.1);margin: 8px 0 16px;overflow-x: auto;} body.page-star .channel-tabs span,body.page-star .channel-tabs button,body.page-channel .channel-tabs span,body.page-channel .channel-tabs button,body.page-profile .channel-tabs button {appearance: none;background: transparent;border: 0;border-bottom: 2px solid transparent;color: #606060;font: 500 16px/22px Roboto,Arial,sans-serif;padding: 0 0 12px;margin-right: 24px;cursor: pointer;white-space: nowrap;} body.page-star .channel-tabs .is-on,body.page-channel .channel-tabs .is-on,body.page-profile .channel-tabs .is-on {color: #0f0f0f;border-bottom-color: #0f0f0f;} body.page-channel .video-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 16px 16px;padding: 0 0 24px;} body.page-channel .video-card {background: transparent;border: 0;border-radius: 0;overflow: hidden;text-decoration: none;color: inherit;} body.page-channel .video-card:hover {transform: none;} body.page-channel .video-card .thumb {width: 100%;height: auto;padding-top: 0;aspect-ratio: 16/9;overflow: hidden;border-radius: 12px;position: relative;background: #f2f2f2 !important;animation: none !important;} body.page-channel .video-card .thumb::before,body.page-channel .video-card .thumb::after {content: none !important;display: none !important;} body.page-channel .video-card .thumb img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;z-index: 1;filter: none !important;opacity: 1 !important;} body.page-channel .video-card .duration {position: absolute;bottom: 8px;right: 8px;background: rgba(0,0,0,.8);color: #fff;padding: 3px 4px;border-radius: 4px;font-size: 12px;font-weight: 500;} body.page-channel .video-card .info {padding: 10px 0 0;} body.page-channel .video-card .info .title {font-size: 16px;line-height: 22px;color: #0f0f0f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-channel .video-card .info .stat {margin-top: 4px;font-size: 12px;color: #606060;} body.page-channel .pager {display: flex;gap: 8px;justify-content: flex-start;padding: 16px 0 40px;flex-wrap: wrap;} body.page-channel .pager a,body.page-channel .pager span {min-width: 36px;height: 36px;padding: 0 12px;background: #f2f2f2;border: 0;border-radius: 18px;color: #0f0f0f;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;} body.page-channel .pager .current {background: #0f0f0f;color: #fff;font-weight: 500;} body.page-channel .pager a:hover {background: #e5e5e5;} @media (max-width: 700px) {body.page-star .star-header {padding: 8px 0 18px;} body.page-star .star-header .avatar,body.page-channel .channel-avatar {width: 80px;height: 80px;font-size: 32px;} body.page-star .star-header .meta h1,body.page-channel .channel-hero h1 {font-size: 24px;line-height: 32px;} body.page-channel .channel-hero {gap: 16px;} body.page-channel .channel-hero .meta {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} body.page-star .videos-grid,body.page-channel .video-grid {grid-template-columns: repeat(2,1fr);gap: 10px;} body.page-aisearch .ais-results {display: flex;flex-direction: column;gap: 16px;}} body.page-creator .page-wrap {max-width: 860px;} body.page-creator .shell {max-width: 860px;margin: 0;padding: 0 0 48px;} body.page-creator .hero-section {text-align: left;padding: 8px 0 24px;background: none;border: 0;border-radius: 0;margin-bottom: 16px;} body.page-creator .hero-section .hero-icon {display: none;} body.page-creator .hero-section h1 {font-size: 22px;font-weight: 500;color: #0f0f0f;margin: 0 0 8px;} body.page-creator .hero-section .sub {font-size: 14px;color: #606060;max-width: none;margin: 0;} body.page-creator .content-section {background: #fff;border: 1px solid #e5e5e5;border-radius: 12px;padding: 20px 22px;margin-bottom: 16px;} body.page-creator .content-section h2 {font-size: 16px;font-weight: 500;color: #0f0f0f;margin: 0 0 16px;} body.page-creator .content-section h2 i,body.page-creator .guidelines-list li i,body.page-creator .tip-card i,body.page-creator .points-table i,body.page-creator .points-note i,body.page-creator .faq-q i,body.page-creator .btn-primary i,body.page-creator .hero-icon {display: none !important;} body.page-creator .step-card,body.page-creator .tip-card {background: #f2f2f2;border: 0;border-radius: 12px;transform: none !important;} body.page-creator .step-num {background: #0f0f0f;color: #fff;} body.page-creator .step-card h3,body.page-creator .tip-card h4 {color: #0f0f0f;} body.page-creator .step-card p,body.page-creator .tip-card p,body.page-creator .guidelines-list li,body.page-creator .faq-a {color: #606060;} body.page-creator .step-card a {color: #0f0f0f;font-weight: 500;} body.page-creator .btn-primary,body.page-creator a.btn-primary {background: #0f0f0f !important;color: #fff !important;border-radius: 18px;height: 36px;padding: 0 16px;box-shadow: none !important;} body.page-creator .btn-primary:hover {background: #272727 !important;} body.page-notif #unreadBadge {background: #0f0f0f !important;color: #fff !important;} body.page-notif .n-unread-dot,body.page-notif .badge-follower,body.page-notif .badge-comment {background: #0f0f0f !important;} body.page-creator .points-table th,body.page-creator .points-table td {border-bottom-color: #e5e5e5;color: #0f0f0f;} body.page-creator .points-table .pts {color: #0f0f0f;} body.page-creator .points-note,body.page-creator .cta-bar {background: #f2f2f2;border: 0;color: #606060;} body.page-creator .guidelines-list li {border-bottom-color: #e5e5e5;} body.page-creator .guidelines-list li i,body.page-creator .tip-card i {color: #606060;} body.page-creator .faq-item {border-bottom-color: #e5e5e5;} body.page-creator .faq-q {color: #0f0f0f;} body.page-creator .faq-q:hover {color: #065fd4;} body.page-creator .btn-primary {background: #065fd4;color: #fff;border-radius: 18px;font-weight: 500;} body.page-creator .btn-primary:hover {background: #0556bf;} body.page-creator i.fas,body.page-creator i.far,body.page-creator i.fab,body.page-creator i.fa {display: none !important;} body.page-notif i.fas,body.page-notif i.far,body.page-notif i.fab,body.page-notif i.fa {display: none !important;} body.page-shop .back-btn {display: none;} body.page-shop .product {border-radius: 12px;border: 1px solid #e5e5e5;} body.page-shop .product:hover {transform: none;border-color: #d3d3d3;} body.page-shop h2 {font-size: 16px;font-weight: 500;color: #0f0f0f;font-family: Roboto,Arial,sans-serif;} body.page-shop .info-row strong {color: #0f0f0f !important;} body.page-checkin .user-meta .points-info b,body.page-checkin .milestone-bonus,body.page-checkin .task-reward .task-pts,body.page-checkin .rule-pts {color: #0f0f0f !important;} body.page-checkin .milestone-badge.current {border-color: #0f0f0f !important;box-shadow: none !important;} body.page-checkin .cal-day.checked {background: #f2f2f2 !important;color: #0f0f0f !important;border-color: #e5e5e5 !important;} body.page-checkin .cal-day.today {border-color: #0f0f0f !important;} body.page-checkin .cal-day.today.checked {background: #e5e5e5 !important;} body.page-checkin .task-progress-fill {background: #0f0f0f !important;} body.page-checkin .rules-en-summary {display: none !important;} body.page-settings .btn {background: #0f0f0f !important;color: #fff !important;font-weight: 500 !important;box-shadow: none !important;} body.page-settings .btn:hover {background: #272727 !important;transform: none !important;} body.page-settings .btn.secondary {background: #f2f2f2 !important;color: #0f0f0f !important;} body.page-settings .range-value {color: #0f0f0f !important;font-weight: 500 !important;} body.page-settings .hero-kicker {background: #f2f2f2 !important;color: #0f0f0f !important;} body.page-settings .backup-code {color: #0f0f0f !important;} body.page-settings .form-group input:focus,body.page-settings .form-group select:focus,body.page-settings .form-group textarea:focus {border-color: #0f0f0f !important;box-shadow: none !important;} body.page-settings .toggle-switch input:checked + .toggle-slider {background: #0f0f0f !important;border-color: #0f0f0f !important;} body.page-settings .range-group input[type="range"] {accent-color: #0f0f0f !important;} body.page-settings .range-group input[type="range"]::-webkit-slider-thumb,body.page-settings .range-group input[type="range"]::-moz-range-thumb {background: #0f0f0f !important;box-shadow: none !important;} body.page-playlists .btn-action.btn-edit,body.page-playlists .detail-actions .btn-action.btn-edit {color: #0f0f0f !important;} body.page-playlists .spinner {border-top-color: #0f0f0f !important;} body.page-settings .settings-toast {background: #0f0f0f !important;box-shadow: none !important;} body.page-profile .page-wrap {max-width: 1280px;padding-top: 16px;} body.page-profile .banner {height: 172px;background-color: #f2f2f2;background-size: cover;background-position: center;border-radius: 16px;margin: 0 0 16px;} body.page-profile .banner::after {display: none;} body.page-profile .profile-container {max-width: none;margin: 0;padding: 0 0 40px;} body.page-profile .profile-header {display: flex;align-items: center;margin-top: 0;gap: 24px;padding-bottom: 8px;border-bottom: 0;} body.page-profile .avatar {width: 160px;height: 160px;border-radius: 50%;border: 0;background-color: #e5e5e5;background-size: cover;background-position: center;flex-shrink: 0;} body.page-profile .nickname {font-size: 36px;line-height: 50px;font-weight: 700;color: #0f0f0f;} body.page-profile .username {color: #606060;font-size: 14px;font-weight: 400;margin-top: 4px;} body.page-profile .bio {margin-top: 10px;font-size: 14px;color: #606060;} body.page-profile .btn {padding: 10px 16px;border-radius: 18px;font-weight: 500;font-size: 14px;text-transform: none;min-height: 36px;} body.page-profile .btn-follow {background: #0f0f0f;color: #fff;} body.page-profile .btn-follow:hover {background: #272727;} body.page-profile .btn-following {background: #f2f2f2;color: #0f0f0f;border: 0;} body.page-profile .btn-following:hover {background: #e5e5e5;} body.page-profile .btn-dm {background: #f2f2f2;color: #0f0f0f;border: 0;} body.page-profile .btn-dm:hover {background: #e5e5e5;color: #0f0f0f;} body.page-profile .grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 16px 16px;padding-bottom: 40px;max-width: none;} body.page-profile .card {background: transparent;border: 0;border-radius: 0;min-height: 0;height: auto;} body.page-profile .card:hover {transform: none;border-color: transparent;} body.page-profile .thumb,body.page-profile .cb-featured-thumb,body.page-profile .cb-home-mini .thumb {width: 100%;height: auto;padding-top: 0;aspect-ratio: 16 / 9;border-radius: 12px;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;position: relative;} body.page-profile .thumb::before,body.page-profile .thumb::after,body.page-profile .cb-featured-thumb::before,body.page-profile .cb-featured-thumb::after,body.page-profile .cb-home-mini .thumb::before,body.page-profile .cb-home-mini .thumb::after {content: none !important;display: none !important;} body.page-profile .thumb img,body.page-profile .thumb video,body.page-profile .cb-featured-thumb img,body.page-profile .cb-home-mini .thumb img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;z-index: 1;background: transparent;filter: none !important;opacity: 1 !important;transform: none !important;} body.page-profile .duration {position: absolute;bottom: 8px;right: 8px;background: rgba(0,0,0,.8);color: #fff;padding: 3px 4px;border-radius: 4px;font-size: 12px;font-weight: 500;line-height: 1;z-index: 2;} body.page-profile .desc {padding: 10px 0 0;font-size: 16px;line-height: 22px;font-weight: 500;color: #0f0f0f;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-profile .card-meta,body.page-profile .meta {margin-top: 4px;font-size: 14px;line-height: 20px;color: #606060;} body.page-profile .load-more-btn {border-radius: 18px;border-color: #ccc;color: #0f0f0f;} body.page-profile .load-more-btn:hover {border-color: #0f0f0f;color: #0f0f0f;} body.page-profile .official-badge {color: #065fd4;font-size: 18px;} body.page-profile #homeTab,body.page-channel #homeTab {display: block;padding: 8px 0 40px;} body.page-profile .cb-featured,body.page-channel .cb-featured {display: grid;grid-template-columns: 424px minmax(240px,1fr);gap: 24px;align-items: start;text-decoration: none;color: inherit;margin: 8px 0 28px;max-width: 848px;} body.page-profile .cb-featured-thumb,body.page-channel .cb-featured-thumb {width: 424px;max-width: 100%;aspect-ratio: 16 / 9;border-radius: 12px;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;position: relative;} body.page-channel .cb-featured-thumb::before,body.page-channel .cb-featured-thumb::after {content: none !important;display: none !important;} body.page-channel .cb-featured-thumb img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;filter: none !important;opacity: 1 !important;} body.page-profile .cb-featured-copy h2,body.page-channel .cb-featured-copy h2 {margin: 0 0 8px;font-size: 14px;line-height: 20px;font-weight: 500;color: #0f0f0f;} body.page-profile .cb-featured-meta,body.page-channel .cb-featured-meta {font-size: 12px;line-height: 18px;color: #606060;margin-bottom: 12px;} body.page-profile .cb-featured-desc,body.page-channel .cb-featured-desc {margin: 0 0 12px;font-size: 14px;line-height: 20px;font-weight: 400;color: #0f0f0f;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;} body.page-profile .cb-featured-more,body.page-channel .cb-featured-more {font-size: 14px;font-weight: 500;color: #606060;letter-spacing: .2px;text-transform: uppercase;} body.page-profile .cb-home-shelf,body.page-channel .cb-home-shelf {margin-top: 8px;padding-top: 16px;border-top: 1px solid #e5e5e5;} body.page-profile .cb-home-shelf-head,body.page-channel .cb-home-shelf-head {display: flex;align-items: center;gap: 16px;margin: 0 0 12px;} body.page-profile .cb-home-shelf-head h3,body.page-channel .cb-home-shelf-head h3 {margin: 0;font-size: 20px;line-height: 28px;font-weight: 700;color: #0f0f0f;} body.page-profile .cb-home-playall,body.page-channel .cb-home-playall {font-size: 14px;font-weight: 500;color: #0f0f0f;text-decoration: none;} body.page-profile .cb-home-shelf-row,body.page-channel .cb-home-shelf-row {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px 12px;} body.page-profile .cb-home-mini,body.page-channel .cb-home-mini {display: block;text-decoration: none;color: inherit;min-width: 0;} body.page-channel .cb-home-mini .thumb {width: 100%;aspect-ratio: 16 / 9;border-radius: 12px;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;position: relative;} body.page-channel .cb-home-mini .thumb::before,body.page-channel .cb-home-mini .thumb::after {content: none !important;display: none !important;} body.page-channel .cb-home-mini .thumb img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;filter: none !important;opacity: 1 !important;} body.page-channel .cb-home-mini .desc,body.page-profile .cb-home-mini .desc {padding: 8px 0 0;font-size: 14px;line-height: 20px;font-weight: 500;color: #0f0f0f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-channel .cb-home-mini .meta {margin-top: 4px;font-size: 12px;line-height: 18px;color: #606060;} body.page-profile .cb-later-empty,body.page-channel .cb-later-empty {margin: 72px auto 0;text-align: center;padding: 40px 0;grid-column: 1 / -1;} body.page-profile .cb-later-empty svg,body.page-channel .cb-later-empty svg {display: block;margin: 0 auto;} body.page-profile #playlistsTab .profile-playlist-cover {background: #f2f2f2 !important;background-image: none !important;animation: none !important;} body.page-profile #playlistsTab .profile-playlist-cover::before,body.page-profile #playlistsTab .profile-playlist-cover::after {content: none !important;display: none !important;} body.page-profile #playlistsTab .profile-playlist-cover img {filter: none !important;opacity: 1 !important;} @media (max-width: 1100px) {body.page-profile .cb-featured,body.page-channel .cb-featured {grid-template-columns: 1fr;max-width: none;} body.page-profile .cb-featured-thumb,body.page-channel .cb-featured-thumb {width: 100%;} body.page-profile .cb-home-shelf-row,body.page-channel .cb-home-shelf-row {grid-template-columns: repeat(3,minmax(0,1fr));}} @media (max-width: 700px) {body.page-profile .cb-home-shelf-row,body.page-channel .cb-home-shelf-row {grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 768px) {body.page-profile .banner {height: 96px;} body.page-profile .profile-header {flex-direction: column;align-items: flex-start;margin-top: 0;} body.page-profile .avatar {width: 80px;height: 80px;} body.page-profile .nickname {font-size: 24px;line-height: 32px;} body.page-profile .grid {grid-template-columns: repeat(2,1fr);}} @media (max-width: 1100px) {body.page-profile .grid {grid-template-columns: repeat(2,1fr);}} @media (max-width: 700px) {body.page-profile .grid {grid-template-columns: 1fr;}} body.page-browse .cb-hist-day {font-size: 16px;font-weight: 500;line-height: 22px;color: #0f0f0f;margin: 24px 0 12px;} body.page-browse .cb-hist-day:first-child {margin-top: 8px;} body.page-browse .cb-sub-rail {display: flex;gap: 20px;overflow-x: auto;padding: 4px 0 20px;margin: 0 0 8px;} body.page-browse .cb-sub-chip {display: flex;flex-direction: column;align-items: center;width: 72px;flex: 0 0 72px;color: inherit;text-decoration: none;} body.page-browse .cb-sub-chip img,body.page-browse .cb-sub-chip span {width: 56px;height: 56px;border-radius: 50%;object-fit: cover;background: #f2f2f2 !important;background-image: none !important;animation: none !important;filter: none !important;opacity: 1 !important;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;color: #606060;} body.page-browse .cb-sub-chip img::before,body.page-browse .cb-sub-chip img::after {content: none !important;display: none !important;} body.page-browse .cb-sub-chip em {margin-top: 6px;font-style: normal;font-size: 12px;line-height: 16px;color: #0f0f0f;max-width: 72px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;} body.page-browse .cb-feed-h2 {margin: 8px 0 16px;font-size: 20px;font-weight: 700;line-height: 28px;color: #0f0f0f;} body.page-browse .cb-feed-h2[hidden] {display: none !important;} body.page-browse .cb-feed-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: 16px 16px;padding-bottom: 40px;} body.page-browse .cb-feed-grid[hidden] {display: none !important;} body.page-browse .cb-feed-card {display: block;color: inherit;text-decoration: none;min-width: 0;} body.page-browse .cb-feed-thumb {position: relative;width: 100%;aspect-ratio: 16 / 9;border-radius: 12px;overflow: hidden;background: #f2f2f2 !important;background-image: none !important;animation: none !important;} body.page-browse .cb-feed-thumb::before,body.page-browse .cb-feed-thumb::after {content: none !important;display: none !important;} body.page-browse .cb-feed-thumb img,body.page-browse .cb-feed-thumb .ph {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;filter: none !important;opacity: 1 !important;} body.page-browse .cb-feed-dur {position: absolute;right: 8px;bottom: 8px;background: rgba(0,0,0,.8);color: #fff;font-size: 12px;font-weight: 500;line-height: 16px;padding: 3px 4px;border-radius: 4px;} body.page-browse .cb-feed-info {padding: 10px 0 0;} body.page-browse .cb-feed-title {font-size: 16px;font-weight: 500;line-height: 22px;color: #0f0f0f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-browse .cb-feed-sub {margin-top: 4px;font-size: 14px;line-height: 20px;color: #606060;} @media (max-width: 1100px) {body.page-browse .cb-feed-grid {grid-template-columns: repeat(2,1fr);}} @media (max-width: 700px) {body.page-browse .cb-feed-grid {grid-template-columns: 1fr;}} body.page-browse .yt-notif-btn {position: relative;} body.page-browse .yt-notif-dot {position: absolute;top: 4px;right: 2px;min-width: 16px;height: 16px;padding: 0 4px;background: #c00;color: #fff;font-size: 11px;font-weight: 500;line-height: 16px;border-radius: 8px;text-align: center;box-sizing: border-box;font-family: Roboto,Arial,sans-serif;} body.page-history .cb-hist-layout {display: flex;align-items: flex-start;gap: 24px;} body.page-history .cb-hist-main {flex: 1;min-width: 0;} body.page-history .cb-hist-aside {flex: 0 0 280px;padding: 8px 0 0;} body.page-history .cb-later-empty {margin: 72px auto 0;text-align: center;padding: 40px 0;} body.page-history .cb-later-empty svg {display: block;margin: 0 auto;} body.page-history .cb-later-empty h2 {margin: 24px 0 0;font-size: 24px;font-weight: 700;line-height: 32px;color: #0f0f0f;} body.page-history .cb-later-empty p {margin: 16px 0 0;font-size: 14px;line-height: 20px;color: #0f0f0f;} body.page-history .cb-later-empty .nav-btn.primary {height: 40px;margin-top: 20px;padding: 0 16px;border-radius: 20px;border: 1px solid rgba(0,0,0,.2);background: transparent;color: #065fd4;} body.page-history .cb-hist-aside-btn {display: flex;align-items: center;gap: 16px;width: 100%;height: 48px;padding: 0 12px;border: 0;background: transparent;border-radius: 10px;color: #0f0f0f;font-size: 14px;font-weight: 400;cursor: pointer;font-family: Roboto,Arial,sans-serif;text-align: left;} body.page-history .cb-hist-aside-btn:hover {background: #f2f2f2;} body.page-history .cb-hist-aside-btn svg {flex: 0 0 24px;color: #0f0f0f;} body.page-playlists .playlist-cover,body.page-playlists .playlist-detail-art,body.page-playlists .video-item .item-thumb {background: #f2f2f2 !important;background-image: none !important;animation: none !important;} body.page-playlists .playlist-cover::before,body.page-playlists .playlist-cover::after,body.page-playlists .playlist-detail-art::before,body.page-playlists .playlist-detail-art::after,body.page-playlists .video-item .item-thumb::before,body.page-playlists .video-item .item-thumb::after {content: none !important;display: none !important;} body.page-playlists .playlist-cover img,body.page-playlists .playlist-detail-art img,body.page-playlists .video-item .item-thumb img {filter: none !important;opacity: 1 !important;display: block;} @media (max-width: 900px) {body.page-history .cb-hist-layout {flex-direction: column;} body.page-history .cb-hist-aside {flex-basis: auto;width: 100%;}} body.page-feed .cb-later-empty,body.page-later .cb-later-empty,body.page-liked .cb-later-empty,body.page-stars .cb-later-empty,body.page-notif .cb-later-empty {margin: 72px auto 0;text-align: center;padding: 40px 0;} body.page-feed .cb-later-empty svg,body.page-later .cb-later-empty svg,body.page-liked .cb-later-empty svg,body.page-stars .cb-later-empty svg,body.page-notif .cb-later-empty svg {display: block;margin: 0 auto;} body.page-liked .cb-later-empty .nav-btn.primary {height: 40px;margin-top: 20px;padding: 0 16px;border-radius: 20px;border: 1px solid rgba(0,0,0,.2);background: transparent;color: #065fd4;} body.page-feed .cb-later-empty svg {width: 120px;height: 120px;} body.page-feed .cb-later-empty h2 {margin: 24px 0 0;font-size: 24px;font-weight: 700;line-height: 32px;color: #0f0f0f;} body.page-feed .cb-later-empty p {margin: 16px 0 0;font-size: 14px;line-height: 20px;color: #0f0f0f;} body.page-feed .cb-later-empty .nav-btn.primary,body.page-feed .cb-later-empty .cb-later-browse {height: 40px;margin-top: 20px;padding: 0 16px;border-radius: 20px;border: 1px solid rgba(0,0,0,.2);background: transparent;color: #065fd4 !important;font-weight: 500;} body.page-feed .cb-later-empty .nav-btn.primary:hover,body.page-feed .cb-later-empty .cb-later-browse:hover {background: #def1ff;} @media (max-width: 767px) {body.page-browse #mobileBottomNav,body.page-browse .mobile-bottom-nav {display: block !important;visibility: visible !important;position: fixed !important;left: 0;right: 0;bottom: 0;z-index: 960;height: calc(56px + env(safe-area-inset-bottom,0px));padding-bottom: env(safe-area-inset-bottom,0px);background: var(--header-bg,#fff);border-top: 1px solid var(--brd,rgba(0,0,0,.1));transform: translateY(0);} body.page-browse #mobileBottomNav.nav-hidden,body.page-browse .mobile-bottom-nav.nav-hidden {transform: translateY(0);} body.page-browse .mobile-bottom-nav-inner {display: flex;align-items: stretch;justify-content: space-around;height: 56px;max-width: 560px;margin: 0 auto;} body.page-browse .bottom-nav-item {flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;padding: 6px 2px;color: var(--text-primary,#0f0f0f);text-decoration: none;font-size: 10px;font-weight: 400;background: none;border: 0;} body.page-browse .bottom-nav-item span {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.page-browse .bottom-nav-item i {font-size: 18px;line-height: 1;} body.page-browse .bottom-nav-item.active {font-weight: 500;} body.page-browse {padding-bottom: calc(56px + env(safe-area-inset-bottom,0px));}} @media (min-width: 768px) {body.page-browse #mobileBottomNav,body.page-browse .mobile-bottom-nav {display: none !important;}} body.page-browse .cb-lib-chip-rail,body.page-later .cb-lib-chip-rail,body.page-liked .cb-lib-chip-rail,body.page-history .cb-lib-chip-rail,body.page-playlists .cb-lib-chip-rail {display: flex;gap: 8px;overflow-x: auto;margin: 0 0 16px;padding: 0 0 4px;-webkit-overflow-scrolling: touch;scrollbar-width: none;} body.page-browse .cb-lib-chip-rail::-webkit-scrollbar,body.page-later .cb-lib-chip-rail::-webkit-scrollbar,body.page-liked .cb-lib-chip-rail::-webkit-scrollbar,body.page-history .cb-lib-chip-rail::-webkit-scrollbar,body.page-playlists .cb-lib-chip-rail::-webkit-scrollbar {display: none;} body.page-browse .cb-lib-chip,body.page-later .cb-lib-chip,body.page-liked .cb-lib-chip,body.page-history .cb-lib-chip,body.page-playlists .cb-lib-chip {display: inline-flex;align-items: center;height: 32px;padding: 0 12px;border-radius: 8px;background: var(--panel-soft);color: var(--text-primary);font-size: 14px;font-weight: 500;white-space: nowrap;text-decoration: none;flex: 0 0 auto;} body.page-browse .cb-lib-chip:hover,body.page-later .cb-lib-chip:hover,body.page-liked .cb-lib-chip:hover,body.page-history .cb-lib-chip:hover,body.page-playlists .cb-lib-chip:hover {background: var(--card-hover);} body.page-browse .cb-lib-chip.is-on,body.page-later .cb-lib-chip.is-on,body.page-liked .cb-lib-chip.is-on,body.page-history .cb-lib-chip.is-on,body.page-playlists .cb-lib-chip.is-on {background: var(--text-primary);color: var(--bg);} body.page-browse:not(.is-logged-in) .cb-lib-chip-rail,body.page-later:not(.is-logged-in) .cb-lib-chip-rail,body.page-liked:not(.is-logged-in) .cb-lib-chip-rail,body.page-history:not(.is-logged-in) .cb-lib-chip-rail {display: none !important;} body.page-later .cb-page-h1,body.page-liked .cb-page-h1,body.page-history .cb-page-h1,body.page-playlists .cb-page-h1 {margin: 0 0 8px;font-size: 36px;font-weight: 700;line-height: 50px;color: var(--text-primary);} body.page-later .cb-later-item,body.page-liked .cb-later-item,body.page-history .cb-later-item {display: flex;gap: 16px;padding: 8px 0;color: inherit;position: relative;} body.page-liked .cb-later-item.is-selecting,body.page-later .cb-later-item.is-selecting,body.page-history .cb-later-item.is-selecting {cursor: pointer;} body.page-liked .cb-later-item.is-selecting::before,body.page-later .cb-later-item.is-selecting::before,body.page-history .cb-later-item.is-selecting::before {content: "";flex: 0 0 22px;width: 22px;height: 22px;margin-top: 8px;border-radius: 50%;border: 2px solid var(--text-secondary,#606060);box-sizing: border-box;} body.page-liked .cb-later-item.is-selected::before,body.page-later .cb-later-item.is-selected::before,body.page-history .cb-later-item.is-selected::before {background: var(--accent,#065fd4);border-color: var(--accent,#065fd4);box-shadow: inset 0 0 0 3px var(--card,#fff);} body.page-liked #likedSelectCount,body.page-later #laterSelectCount {align-self: center;font-size: 13px;color: var(--text-secondary);} body.page-later .cb-later-item img,body.page-later .cb-later-item .ph,body.page-liked .cb-later-item img,body.page-liked .cb-later-item .ph,body.page-history .cb-later-item img,body.page-history .cb-later-item .ph {width: 246px;height: 138px;border-radius: 12px;object-fit: cover;background: var(--panel-soft);flex: 0 0 246px;} body.page-later .cb-later-item > a,body.page-liked .cb-later-item > a,body.page-history .cb-later-item > a {position: relative;display: block;flex: 0 0 246px;} body.page-later .cb-later-title,body.page-liked .cb-later-title,body.page-history .cb-later-title {font-size: 18px;line-height: 26px;font-weight: 500;color: var(--text-primary);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-later .cb-later-list,body.page-liked .cb-later-list,body.page-history .cb-later-list {display: flex;flex-direction: column;} body.page-later .cb-later-meta,body.page-liked .cb-later-meta,body.page-history .cb-later-meta {flex: 1;min-width: 0;} body.page-later .cb-later-actions,body.page-liked .cb-later-actions {display: flex;gap: 8px;margin: 0 0 20px;} body.page-later .cb-later-actions[hidden],body.page-later .cb-later-list[hidden],body.page-later .cb-later-empty[hidden],body.page-liked .cb-later-actions[hidden],body.page-liked .cb-later-list[hidden],body.page-history .cb-later-list[hidden],body.page-history .cb-later-empty[hidden] {display: none !important;} body.page-later .cb-later-actions button,body.page-liked .cb-later-actions button,body.page-later .cb-later-more,body.page-history .cb-later-more {height: 36px;padding: 0 16px;border-radius: 18px;border: 1px solid var(--brd);background: var(--panel-soft);color: var(--text-primary);font-size: 14px;font-weight: 500;cursor: pointer;} body.page-later .cb-later-more,body.page-history .cb-later-more {margin: 16px 0 40px;} body.page-later .cb-later-more[hidden],body.page-history .cb-later-more[hidden] {display: none !important;} body.page-later .cb-later-dur,body.page-liked .cb-later-dur,body.page-history .cb-later-dur {position: absolute;right: 4px;bottom: 4px;background: rgba(0,0,0,.8);color: #fff;font-size: 12px;line-height: 16px;padding: 1px 4px;border-radius: 2px;} body.page-later .cb-later-sub,body.page-liked .cb-later-sub,body.page-history .cb-later-sub {margin-top: 4px;font-size: 12px;color: var(--text-secondary);} body.page-later .cb-later-morebtn,body.page-liked .cb-later-morebtn,body.page-history .cb-later-morebtn {flex: 0 0 auto;align-self: flex-start;width: 36px;height: 36px;border: 0;background: transparent;color: var(--text-secondary);font-size: 18px;line-height: 1;cursor: pointer;border-radius: 18px;} body.page-later .cb-later-morebtn:hover,body.page-liked .cb-later-morebtn:hover,body.page-history .cb-later-morebtn:hover {background: var(--panel-soft);color: var(--text-primary);} .cb-lib-menu {position: fixed;z-index: 80;min-width: 200px;padding: 8px 0;background: var(--card);border: 1px solid var(--brd);border-radius: 12px;box-shadow: var(--shadow-md);} .cb-lib-menu button {display: block;width: 100%;text-align: left;border: 0;background: none;color: var(--text-primary);font-size: 14px;padding: 10px 16px;cursor: pointer;} .cb-lib-menu button:hover {background: var(--panel-soft);} .cb-lib-menu button.is-danger {color: var(--text-primary);} body.page-later .cb-later-browse {display: inline-flex;align-items: center;justify-content: center;height: 36px;padding: 0 16px;border-radius: 18px;background: var(--text-primary);color: var(--bg) !important;font-size: 14px;font-weight: 500;text-decoration: none;} body.page-later .cb-later-empty h2,body.page-liked .cb-later-empty h2,body.page-history .cb-later-empty h2 {margin: 16px 0 8px;font-size: 24px;font-weight: 400;color: var(--text-primary);} body.page-later .cb-later-empty p,body.page-liked .cb-later-empty p,body.page-history .cb-later-empty p {margin: 0 0 20px;font-size: 14px;color: var(--text-secondary);} @media (max-width: 767px) {body.page-later .cb-page-h1,body.page-liked .cb-page-h1,body.page-history .cb-page-h1,body.page-playlists .cb-page-h1 {font-size: 24px;line-height: 32px;} body.page-later .cb-later-item img,body.page-later .cb-later-item .ph,body.page-liked .cb-later-item img,body.page-liked .cb-later-item .ph,body.page-history .cb-later-item img,body.page-history .cb-later-item .ph {width: 168px;height: 94px;flex-basis: 168px;} body.page-later .cb-later-item > a,body.page-liked .cb-later-item > a,body.page-history .cb-later-item > a {flex-basis: 168px;} body.page-later .cb-later-title,body.page-liked .cb-later-title,body.page-history .cb-later-title {font-size: 14px;line-height: 20px;}} body.page-browse .video-card,body.page-browse .card,body.page-search .video-card,body.page-channel .card {transform: none;box-shadow: none;border-color: transparent;} body.page-browse .video-card:hover,body.page-browse .card:hover,body.page-search .video-card:hover,body.page-channel .card:hover {transform: none;box-shadow: none;} body.page-search .trending-title {font-size: 14px;font-weight: 500;color: #606060;margin: 24px 0 10px;text-align: center;} body.page-search .trending-title i {display: none;} body.page-search .trending-item {display: inline-flex;align-items: center;height: 32px;padding: 0 12px;border-radius: 8px;background: #f2f2f2;color: #0f0f0f !important;font-size: 14px;font-weight: 400;text-decoration: none;} body.page-search .trending-item:hover {background: #e5e5e5;} body.page-search .trend-rank {display: none;} body.page-trending .cb-trend-grid {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 40px 16px;padding: 12px 0 48px;} body.page-trending .cb-trend-card {display: block;color: inherit;text-decoration: none;background: transparent;} body.page-trending .cb-trend-card .cb-trend-thumb {width: 100%;height: auto;flex: none;aspect-ratio: 16/9;border-radius: 12px;} body.page-trending .cb-trend-card .cb-trend-meta {padding: 10px 0 0;} body.page-trending .cb-trend-card .cb-trend-title {font-size: 14px;line-height: 20px;font-weight: 500;color: #0f0f0f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} body.page-trending .cb-trend-card .cb-trend-sub {font-size: 12px;color: #606060;margin-top: 4px;} @media (max-width: 1200px) {body.page-trending .cb-trend-grid {grid-template-columns: repeat(3,minmax(0,1fr));}} @media (max-width: 800px) {body.page-trending .cb-trend-grid {grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px 12px;}} body.page-channel .channel-banner {height: 192px;border-radius: 0;margin: 0 0 20px;} body.page-channel .page-wrap {max-width: 1280px;padding-top: 0;} @media (max-width: 900px) {body.page-channel .channel-banner {height: 120px;} body.page-channel .channel-avatar {width: 80px;height: 80px;font-size: 28px;} body.page-channel .channel-hero h1 {font-size: 24px;line-height: 32px;}} body.page-search .page-wrap {max-width: 1280px !important;margin: 0 !important;padding: 3px 24px 60px !important;box-sizing: border-box !important;} body.page-search .quick-filters {height: 50px;margin: 0 0 3px;} body.page-search .card-author {margin: 12px 0 6px;} html body.page-channel .page-wrap,html body.page-profile .page-wrap {max-width: none !important;width: auto !important;margin: 0 !important;padding: 0 71px 48px 55px !important;box-sizing: border-box !important;} html body.page-channel .profile-container,html body.page-profile .profile-container {max-width: none !important;margin: 0 !important;padding: 0 0 40px !important;} html body.page-channel .banner,html body.page-profile .banner {width: 100% !important;max-width: none !important;height: 172px !important;margin: 12px 0 16px !important;border-radius: 16px !important;background-color: #f2f2f2 !important;} html body.page-channel .banner.banner-fallback,html body.page-profile .banner.banner-fallback {background: #f2f2f2 !important;background-image: none !important;} html body.page-channel .avatar,html body.page-profile .avatar {display: flex !important;align-items: center !important;justify-content: center !important;} html body.page-channel .avatar-letter,html body.page-profile .avatar-letter {font-size: 64px !important;font-weight: 500 !important;color: #606060 !important;line-height: 1 !important;} html body.page-channel .grid,html body.page-channel #videosTab,html body.page-profile .grid,html body.page-profile #videosTab {gap: 16px 16px !important;row-gap: 32px !important;padding: 16px 0 48px !important;} html body.page-channel .btn-follow,html body.page-profile .btn-follow,html body.page-channel #btnFollow,html body.page-profile #btnFollow {width: 94.5px !important;min-width: 94.5px !important;max-width: 94.5px !important;height: 40px !important;padding: 0 16px !important;border-radius: 20px !important;box-sizing: border-box !important;flex-shrink: 0 !important;} html body.page-trending .page-wrap,html body.page-tags .page-wrap,html body.page-categories .page-wrap,html body.page-models .page-wrap,html body.page-history .page-wrap {max-width: none !important;width: auto !important;margin: 0 !important;padding: 24px 24px 48px !important;box-sizing: border-box !important;} html body.page-trending .cb-trend-grid {display: grid !important;grid-template-columns: repeat(4,minmax(0,1fr)) !important;gap: 40px 16px !important;} html body.page-categories .cb-cat-grid {display: grid !important;grid-template-columns: repeat(4,minmax(0,1fr)) !important;gap: 16px !important;} html body.page-models .cb-model-grid {display: grid !important;grid-template-columns: repeat(4,minmax(0,1fr)) !important;gap: 16px !important;} html body.page-browse .yt-mini-guide a,html body.page-search .yt-mini-guide a,html body.page-trending .yt-mini-guide a,html body.page-tags .yt-mini-guide a,html body.page-categories .yt-mini-guide a,html body.page-models .yt-mini-guide a,html body.page-history .yt-mini-guide a,html body.page-channel .yt-mini-guide a {width: 204px !important;max-width: 204px !important;height: 40px !important;box-sizing: border-box !important;} body.page-history .cb-hist-type-chips {display: flex;gap: 8px;margin: 0 0 16px;} body.page-history .cb-hist-type {height: 32px;padding: 0 12px;border: 0;border-radius: 8px;background: #f2f2f2;color: #0f0f0f;font-size: 14px;font-weight: 500;cursor: pointer;} body.page-history .cb-hist-type:hover {background: #e5e5e5;} body.page-history .cb-hist-type.is-on {background: #0f0f0f;color: #fff;} html body.page-search .quick-filters,html body.page-search #quickFilters {width: 1050.8px !important;max-width: 1050.8px !important;height: 50px !important;margin: 0 0 3px !important;box-sizing: border-box !important;} html body.page-search .qf-filters-wrap {margin-left: auto !important;flex: 0 0 auto !important;} html body.page-channel .channel-actions {display: flex !important;align-items: center !important;gap: 8px !important;} html body.page-channel .btn-join {display: inline-flex !important;align-items: center !important;justify-content: center !important;height: 40px !important;min-height: 40px !important;padding: 0 16px !important;border-radius: 20px !important;background: #f2f2f2 !important;color: #0f0f0f !important;font-size: 14px !important;font-weight: 500 !important;line-height: 40px !important;text-decoration: none !important;border: 0 !important;box-sizing: border-box !important;flex-shrink: 0 !important;font-family: Roboto,Arial,sans-serif !important;} html body.page-channel .btn-join:hover {background: #e5e5e5 !important;color: #0f0f0f !important;} html body.page-channel .video-card .info,html body.page-channel .card .info {padding: 12px 0 0 !important;margin: 0 !important;} html body.page-channel .video-card .info .title,html body.page-channel .card .info .title,html body.page-channel .video-card .info .desc,html body.page-channel .card .info .desc {font-size: 16px !important;font-weight: 500 !important;line-height: 22px !important;color: #0f0f0f !important;margin: 0 !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;} html body.page-channel .video-card .info .stat,html body.page-channel .card .info .stat,html body.page-channel .video-card .info .meta,html body.page-channel .card .info .meta {margin: 0 !important;padding: 0 !important;font-size: 14px !important;font-weight: 400 !important;line-height: 20px !important;color: #606060 !important;} html body.page-star .video-card .info {padding: 12px 0 0 !important;} html body.page-star .video-card .info .desc {font-size: 16px !important;font-weight: 500 !important;line-height: 22px !important;margin: 0 !important;} html body.page-star .video-card .info .meta-row {margin: 0 !important;font-size: 14px !important;font-weight: 400 !important;line-height: 20px !important;color: #606060 !important;} #p2p-stat,.p2p-info,.p2p-stats-panel,.swarm-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-9999!important}video{outline:0;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg:#ffffff;--card:#ffffff;--card-hover:#f2f2f2;--text:#0f0f0f;--accent:#065fd4;--accent-hover:#0556bf;--accent-contrast:#fff;--accent-soft:rgba(6,95,212,0.08);--border:rgba(0,0,0,.1);--sub:#606060;--pri:#e8a317;--panel-soft:#f2f2f2;--text-primary:#0f0f0f;--text-secondary:#606060;--text-muted:#606060;--brd:rgba(0,0,0,.1);--border-soft:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.12);--txt:#0f0f0f;--shadow-md:none;--gradient:none;--header-bg:#fff;--header-shadow:none;--header-control-bg:transparent;--header-control-hover:rgba(0,0,0,.05);--header-control-border:transparent;--header-control-text:#0f0f0f;--header-search-bg:#fff;--header-search-focus:#1c62b9;--input-bg:#ffffff;--input-border:#cccccc;--sub-text:#777;--error:#ef4444;--error-soft:rgba(239,68,68,0.12);--success:#22c55e;--warning:#f59e0b;--on-accent:#000;--skeleton-base:#e5e5e5;--skeleton-hl:#f0f0f0;--surface-soft:#f5f5f5;--hero-caption:#e7dcc8;--hero-caption-zh:#c9bea9;--hero-domain-color:#f6efe2;--hero-hot-label:#a79b83;--hero-wordmark-color:#fbf6ec;--hero-link:#fff;--z-dropdown:100;--z-fixed-header:150;--z-sticky:500;--z-floating-btn:900;--z-bottom-nav:950;--bottom-nav-height:60px;--z-modal-backdrop:1900;--z-modal:2000;--z-toast:2100;--z-tooltip:2200;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--text-3xl:42px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.18);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 12px 40px rgba(0,0,0,0.28);--shadow-xl:0 24px 70px rgba(0,0,0,0.35);--transition-fast:0.15s;--transition-normal:0.25s;--transition-slow:0.4s;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900}body.light-mode,html[data-home-theme=light],html[data-home-theme=light] body{--bg:#ffffff;--card:#ffffff;--text:#0f0f0f;--accent:#065fd4;--accent-hover:#0556bf;--accent-contrast:#ffffff;--accent-soft:rgba(0,123,255,0.12);--border:#ccc;--header-bg:rgba(255,255,255,0.98);--header-shadow:0 12px 30px rgba(35,52,87,0.08);--header-control-bg:rgba(255,255,255,0.94);--header-control-hover:#eef4ff;--header-control-border:#d7dfea;--header-control-text:#182234;--header-search-bg:#fff;--header-search-focus:rgba(0,123,255,0.14);--input-bg:#eee;--input-border:#ddd;--sub-text:#666;--pri:var(--accent);--panel-soft:#f0f0f0;--text-primary:var(--text);--text-secondary:#5b6474;--text-muted:#7b8494;--brd:var(--border);--border-soft:rgba(15,23,42,0.08);--border-strong:rgba(15,23,42,0.18);--txt:var(--text);--shadow-md:0 4px 12px rgba(15,23,42,0.08);--shadow-sm:0 2px 8px rgba(15,23,42,0.08);--shadow-lg:0 12px 40px rgba(15,23,42,0.10);--shadow-xl:0 24px 70px rgba(15,23,42,0.12);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:999px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--text-3xl:42px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--error:#dc2626;--error-soft:rgba(220,38,38,0.10);--success:#15803d;--warning:#d97706;--on-accent:#ffffff;--skeleton-base:#e8e8e8;--skeleton-hl:#f4f4f4;--surface-soft:#f5f5f5;--hero-caption:#3c3428;--hero-caption-zh:#665a4a;--hero-domain-color:#332416;--hero-hot-label:#7e6e58;--hero-wordmark-color:#1a1a1a;--hero-link:#1a1a1a}html[data-home-theme=light] body{background:var(--bg);color:var(--text)}#googleOneTapDock{position:fixed;top:14px;right:14px;z-index:var(--z-tooltip);min-width:1px;min-height:1px;pointer-events:auto}@media (max-width:768px){#googleOneTapDock{top:62px;right:10px;max-width:calc(100vw - 20px)}}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent,#065fd4);outline-offset:2px}#googleQuickLoginDock{position:fixed;top:14px;right:14px;z-index:var(--z-toast);display:none;max-width:min(360px,calc(100vw - 28px))}.google-quick-card{background:rgba(255,255,255,.98);color:var(--text-primary,#111827);border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:14px 16px;box-shadow:0 18px 48px rgba(15,23,42,.2);backdrop-filter:blur(10px)}.google-quick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.google-quick-title{font-size:15px;font-weight:800;line-height:1.3}.google-quick-body{margin-top:4px;font-size:13px;color:var(--text-secondary,#5b6474);line-height:1.5}.google-quick-close{appearance:none;border:none;background:0 0;color:var(--text-muted,#7b8494);cursor:pointer;font-size:18px;line-height:1;padding:2px}.google-quick-action{margin-top:12px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid var(--border-soft);background:var(--card);color:var(--text-primary);font-weight:700;font-size:14px;padding:11px 14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.google-quick-action:hover{transform:translateY(-1px);border-color:#c9d2e3;box-shadow:0 10px 24px rgba(66,133,244,.12)}body.light-mode .google-quick-card{background:rgba(255,255,255,.98);border-color:rgba(15,23,42,.08)}body,html{width:100%;overflow-x:hidden;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--accent-contrast,#000)}::-moz-selection{background:var(--accent);color:var(--accent-contrast,#000)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--sub)}header{position:sticky;top:0;z-index:var(--z-fixed-header,150);background:rgba(10,10,10,.82);border-bottom:1px solid var(--border-soft,rgba(255,255,255,.06));padding:12px 0;backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);box-shadow:var(--header-shadow)}.header-inner{max-width:1400px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.logo{font-size:26px;font-weight:900;letter-spacing:-.5px;color:var(--text);text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,var(--text) 40%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo span{color:var(--accent);background:0 0;padding:0;border-radius:0}.search-box{flex:1;max-width:600px;display:flex;position:relative;margin:0 20px}.search-input{width:100%;background:var(--header-search-bg);border:1px solid var(--header-control-border);color:var(--header-control-text);padding:10px 20px;border-radius:50px 0 0 50px;outline:0;transition:all var(--transition-normal,.25s) ease;font-size:14px}.search-input::placeholder{color:var(--sub-text)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--header-search-focus),0 0 24px rgba(6,95,212,.08)}.search-btn{background:var(--accent);color:var(--accent-contrast);border:none;padding:0 25px;border-radius:0 50px 50px 0;cursor:pointer;font-weight:700;font-size:16px;transition:.2s}.search-btn:hover{background:var(--accent-hover)}.controls{display:flex;align-items:center;gap:10px}.header-auth-strip{display:flex;align-items:center;gap:5px;min-width:0}.auth-btn,.header-tool-btn{background:var(--header-control-bg);border:1px solid var(--header-control-border);color:var(--header-control-text);padding:8px 16px;cursor:pointer;font-size:13px;font-weight:700;margin-left:5px;text-transform:uppercase;transition:.3s;border-radius:999px;white-space:nowrap;text-decoration:none;box-shadow:0 10px 22px rgba(0,0,0,.06)}.auth-btn:hover,.header-tool-btn:hover{background:var(--header-control-hover);border-color:var(--accent);color:var(--accent)}.header-tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:6px}.btn-primary{background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:var(--accent)!important}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}@media (min-width:769px) and (max-width:1100px){.header-inner{flex-wrap:nowrap;gap:8px}.auth-btn,.header-tool-btn{padding:6px 10px;font-size:11px;letter-spacing:0}.auth-btn .label-text,.header-tool-btn .label-text{display:none}.search-box{max-width:280px}}@media (max-width:768px){header{padding:10px 0}.header-inner{gap:8px;padding:0 10px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo controls" "search search";align-items:center}.logo{grid-area:logo;font-size:18px}.controls{grid-area:controls;order:0;width:auto;justify-content:flex-end;gap:4px;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none;min-width:0}.controls::-webkit-scrollbar{display:none}.header-auth-strip{gap:4px!important;flex-wrap:nowrap;min-width:max-content}.search-box{grid-area:search;order:0;width:100%;max-width:100%;margin:6px 0 0 0}.auth-btn,.header-tool-btn{margin-left:0;padding:6px 8px;font-size:10px;min-height:44px;box-shadow:none}#authBtns,#userPanel{border-left:none!important;margin-left:0!important;padding-left:0!important}#uName{display:none}#bellBtn{padding:6px 8px!important}#themeBtn .theme-label{display:none}#langBtn,#themeBtn{min-width:44px;min-height:44px;justify-content:center;box-shadow:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}.hero-domain{font-size:32px;letter-spacing:1px}.hero-subtitle{font-size:12px;letter-spacing:2px}.auth-box{max-width:min(340px,calc(100vw - 24px))!important;padding:18px 16px 16px!important;border-radius:14px!important;max-height:calc(100dvh - 80px)!important}.auth-box h2{font-size:18px!important;margin-bottom:2px!important}.auth-subtitle{font-size:12px!important;margin:-4px 0 12px!important}.form-group{margin-bottom:12px!important}.form-group label{font-size:11px!important;margin-bottom:5px!important}.form-control{padding:11px 12px!important;font-size:16px!important;border-radius:6px!important}.btn-submit{padding:12px!important;font-size:14px!important;margin-top:10px!important;letter-spacing:.5px!important}.oauth-divider{margin:12px 0 10px!important}.oauth-btn{padding:10px 14px!important;min-height:44px!important;font-size:13px!important}.strength-meter{margin-top:4px!important}.auth-legal{margin-top:10px!important;font-size:11px!important}.switch-link{margin-top:14px!important;font-size:12px!important}.auth-close{top:10px!important;right:14px!important;font-size:24px!important}.card{height:320px}.thumb{height:180px}.section-title{font-size:17px}.trust-badges{gap:16px}.trust-img{height:34px}.warning-block{padding:18px}#googleQuickLoginDock{top:64px;right:10px;max-width:calc(100vw - 20px)}.google-quick-card{padding:12px 14px;border-radius:6px}.google-quick-title{font-size:14px}.google-quick-body{font-size:12px}}.auth-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:rgba(0,0,0,.75);z-index:var(--z-modal,2000);justify-content:center;align-items:center;padding:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;animation:authFadeIn .25s ease}@keyframes authFadeIn{from{opacity:0}to{opacity:1}}@keyframes authSlideUp{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-box{background:var(--card);width:100%;max-width:min(400px,calc(100vw - 32px));padding:36px 28px 28px;border-radius:var(--radius-2xl);border:1px solid var(--border-soft);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03) inset;position:relative;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;animation:authSlideUp .35s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.auth-box{animation:none}}.auth-box::before{content:'';position:absolute;inset:0;border-radius:var(--radius-2xl);pointer-events:none;background:linear-gradient(180deg,rgba(6,95,212,.03) 0,transparent 40%)}body.modal-open{position:fixed;width:100%;overflow:hidden}.auth-box h2{text-align:center;margin:0 0 4px;color:var(--text-primary);border-bottom:none;padding-bottom:0;font-size:24px;font-weight:800;letter-spacing:-.3px}.auth-box .auth-subtitle{text-align:center;font-size:13px;color:var(--text-secondary,#888);margin:4px 0 24px}.auth-box .auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-secondary,#888);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.auth-box .auth-divider::after,.auth-box .auth-divider::before{content:'';flex:1;height:1px;background:var(--border-soft)}.auth-box .auth-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:0 0;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s;z-index:1}.auth-box .auth-close:hover{background:var(--accent-soft,rgba(6,95,212,.12));color:var(--accent)}@media (min-width:600px){.auth-box{max-width:420px;padding:40px 32px 32px}.auth-box h2{font-size:26px}}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;margin-bottom:6px;font-weight:600;color:var(--text-secondary,#888);letter-spacing:.3px;text-transform:uppercase}.form-control{width:100%;padding:14px 16px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);border-radius:var(--radius-md);outline:0;transition:all .25s ease;font-size:16px}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft,rgba(6,95,212,.1))}.form-control::placeholder{color:var(--text-muted,#555);font-weight:400}.btn-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:var(--accent-contrast,#000);border:none;font-weight:900;border-radius:var(--radius-md);cursor:pointer;margin-top:20px;font-size:16px;transition:all .25s ease;letter-spacing:.5px}.btn-submit:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,95,212,.25)}.btn-submit:disabled{background:var(--border);opacity:1;color:var(--text-secondary);cursor:not-allowed;transform:none;border:1px solid var(--border-strong,var(--border));box-shadow:none}.auth-box .switch-link{text-align:center;margin-top:20px;font-size:13px;color:var(--text-secondary)}.auth-box .switch-link a{color:var(--accent);text-decoration:none;font-weight:600;transition:all .2s}.auth-box .switch-link a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;border:1px solid transparent;user-select:none}.btn-primary{background:var(--accent);color:var(--accent-contrast,#000);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--card,#ffffff);color:var(--text-primary);border-color:var(--border,#2a2a2a)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:0 0;color:var(--text-primary);border-color:var(--border-soft,rgba(255,255,255,.12))}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--error,#ef4444);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);min-height:44px}.btn-icon{padding:var(--space-2);min-width:44px;min-height:44px}.btn-full{width:100%}.auth-subtitle{text-align:center;margin:-8px 0 18px;color:var(--text-secondary,#888);font-size:13px;line-height:1.5}.oauth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px}.oauth-divider::after,.oauth-divider::before{content:'';flex:1;height:1px;background:var(--border)}.oauth-divider span{font-size:12px;color:var(--text-secondary,#999);font-weight:700;letter-spacing:1px}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-buttons.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oauth-btn{width:100%;padding:14px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;min-height:52px}.oauth-btn:hover{transform:translateY(-1px)}.oauth-btn:active{transform:scale(.97)}.oauth-google{background:var(--card,#fff);color:var(--text-primary,#333);border:1px solid var(--border,#dadce0)}.oauth-google:hover{background:var(--panel-soft,#f7f8f8);border-color:var(--accent,#065fd4);box-shadow:0 2px 12px rgba(66,133,244,.12)}.oauth-apple{background:var(--card,#fff);color:var(--text-primary,#333);border:1px solid var(--border,#dadce0)}.oauth-apple:hover{background:var(--panel-soft,#f7f8f8);border-color:var(--accent,#065fd4);box-shadow:0 2px 12px rgba(0,0,0,.18)}.auth-legal{margin-top:14px;font-size:12px;line-height:1.6;color:var(--text-secondary,#8d8d8d);text-align:center}.auth-legal a{color:var(--accent);text-decoration:underline}.code-row{display:flex;gap:10px;align-items:center}.btn-code{background:var(--card);color:var(--text);border:1px solid var(--border-strong,var(--border));white-space:nowrap;cursor:pointer;padding:0 20px;border-radius:6px;font-size:12px;font-weight:700;height:46px;min-width:96px}@media (max-width:768px){.btn-code{min-width:96px;min-height:44px;height:44px;padding:0 14px}}.captcha-img{height:46px;cursor:pointer;border-radius:6px;border:1px solid var(--border)}.strength-meter{height:4px;background:var(--border,#333);margin-top:5px;border-radius:2px;overflow:hidden;display:flex}.strength-bar{height:100%;width:0%;transition:.3s}.strength-text{font-size:12px;margin-top:3px;text-align:right;height:14px;color:var(--text-secondary,#888)}.hero-section{text-align:center;margin:30px 0 20px;position:relative;isolation:isolate}.hero-domain{font-family:Impact,sans-serif;font-size:42px;color:var(--text);letter-spacing:2px;line-height:1}.hero-subtitle{color:var(--accent);font-size:14px;font-weight:700;text-transform:uppercase;margin-top:10px;letter-spacing:3px}.hero-wordmark-wrap{max-width:1280px;margin:0 auto 20px;padding:20px 24px 14px;position:relative;overflow:visible}.hero-wordmark-wrap::before{content:'';position:absolute;inset:-26px 4% -22px;border-radius:42px;background:radial-gradient(circle at 18% 16%,rgba(6,95,212,.18),transparent 34%),radial-gradient(circle at 82% 22%,rgba(255,138,0,.15),transparent 30%),radial-gradient(circle at 50% 100%,rgba(255,255,255,.05),transparent 36%);opacity:.92;pointer-events:none;z-index:0;filter:blur(1px)}.hero-wordmark-wrap::after{content:'';position:absolute;left:50%;bottom:-8px;width:min(920px,82vw);height:1px;background:linear-gradient(90deg,transparent,rgba(6,95,212,.5),rgba(255,255,255,.12),rgba(6,95,212,.5),transparent);transform:translateX(-50%) scaleX(.78);opacity:.82;pointer-events:none}.hero-wordmark-grid{position:relative;z-index:1;display:grid;gap:12px}.hero-wordmark-kicker{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.34em;text-transform:uppercase}.hero-reveal{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}.hero-wordmark-wrap.is-visible .hero-reveal{opacity:1;transform:translateY(0)}.hero-wordmark{display:flex;justify-content:center;flex-wrap:wrap;gap:.02em;padding-bottom:8px;position:relative;font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua","Times New Roman",serif;font-style:italic;font-weight:700;font-size:clamp(62px,11vw,154px);line-height:.88;letter-spacing:.08em;color:var(--hero-wordmark-color,#fbf6ec);text-shadow:0 10px 34px rgba(0,0,0,.46),0 0 24px rgba(6,95,212,.12)}.hero-wordmark::after{content:'';position:absolute;left:50%;bottom:0;width:min(430px,56%);height:1px;background:linear-gradient(90deg,transparent,rgba(6,95,212,.85),rgba(255,255,255,.22),rgba(6,95,212,.85),transparent);transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .9s cubic-bezier(.22,1,.36,1) .22s}.hero-wordmark-wrap.is-visible .hero-wordmark::after{transform:translateX(-50%) scaleX(1)}.hero-wordmark .char{display:inline-block;opacity:0;transform:translateY(58px) rotate(7deg) scale(.9);filter:blur(6px);transition:opacity .88s cubic-bezier(.22,1,.36,1),transform .88s cubic-bezier(.22,1,.36,1),filter .88s cubic-bezier(.22,1,.36,1);transition-delay:var(--char-delay,0ms);will-change:transform,opacity,filter}.hero-wordmark.is-visible .char{opacity:1;transform:translateY(0) rotate(0) scale(1);filter:blur(0)}.hero-wordmark .char.dot{margin:0 .11em 0 .03em}.hero-wordmark-caption{max-width:940px;margin:0 auto;font-size:15px;line-height:1.78;color:var(--hero-caption,#ded7c7)}.hero-wordmark-note{max-width:940px;margin:0 auto;font-size:14px;line-height:1.78;color:var(--hero-caption-zh,#bcb29f)}.hero-wordmark-link{display:inline-flex;justify-self:center;align-items:center;gap:18px;padding:6px 0 0;font-size:18px;color:var(--hero-link,#fff);letter-spacing:.14em;text-transform:uppercase}.hero-wordmark-link::after,.hero-wordmark-link::before{content:'';width:62px;height:1px;background:linear-gradient(90deg,transparent,rgba(6,95,212,.8));opacity:.75}.hero-wordmark-link::after{transform:scaleX(-1)}.hero-wordmark-link em{font-style:italic;font-weight:700;color:var(--hero-domain-color,#f5efe4)}.hero-status-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:1}.hero-status-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(14,14,14,.7);border:1px solid rgba(6,95,212,.18);color:var(--hero-caption,#d9d0be);font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.hero-status-pill i{color:var(--accent)}#hotSearchBar{max-width:1180px;margin:10px auto 0;padding:0 18px}.hero-hot-label{margin-bottom:12px;font-size:12px;font-weight:900;letter-spacing:.24em;color:var(--hero-hot-label,#9f9684);text-transform:uppercase}@media (max-width:768px){.hero-wordmark-wrap{padding:14px 16px 10px}.hero-wordmark-wrap::before{inset:-18px -2px -16px;border-radius:30px}.hero-wordmark-kicker{letter-spacing:.24em}.hero-wordmark-caption,.hero-wordmark-note{font-size:13px}.hero-wordmark-link{font-size:15px}.hero-wordmark-link::after,.hero-wordmark-link::before{width:28px}.hero-status-row{margin-top:14px;gap:8px}.hero-status-pill{padding:8px 12px;font-size:11px}#hotSearchBar{padding:0 12px}}.filter-bar{max-width:1400px;margin:0 auto 30px;padding:0 15px;display:flex;gap:10px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{background:var(--card);color:var(--text);border:1px solid var(--border);padding:8px 20px;border-radius:50px;cursor:pointer;font-size:13px;font-weight:700;transition:.3s}.filter-btn:hover{background:var(--accent);color:var(--accent-contrast,#000);border-color:var(--accent)}.section-container{max-width:1400px;margin:0 auto 24px;padding:0 2px;display:none}@media (min-width:640px){.section-container{padding:0 15px;margin-bottom:40px}}.section-container .section-header{padding:0 12px}@media (min-width:640px){.section-container .section-header{padding:0}}.section-header{display:flex;align-items:center;margin-bottom:20px}.section-title{font-size:20px;font-weight:900;text-transform:uppercase;margin-right:15px;display:flex;align-items:center;gap:8px;color:var(--text)}.section-line{flex:1;height:1px;background:var(--border,#333)}.color-top{color:var(--accent)}.color-hot{color:var(--error,#f44)}.category-block{margin-bottom:50px;scroll-margin-top:100px}.category-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid var(--border)}.cat-title{font-size:20px;font-weight:900;color:var(--accent);text-transform:uppercase;margin-right:15px;white-space:nowrap}.cat-line{flex:1;height:1px;background:var(--border,#333)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-width:100%;margin:0;padding:0 2px}@media (min-width:640px){.grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 12px;max-width:1400px;margin:0 auto}}@media (min-width:750px) and (max-width:899px){.grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:15px;padding:0}}@media (min-width:1440px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--card);border:1px solid var(--border);position:relative;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease,border-color .3s ease;width:100%;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:auto;min-height:280px}@media (min-width:640px){.card{min-height:380px}}.card:hover{border-color:var(--accent-soft,rgba(6,95,212,.3));z-index:2;transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.45)}.thumb{width:100%;aspect-ratio:16/9;height:auto;position:relative;overflow:hidden;background:#000;cursor:pointer}@media (min-width:640px){.thumb{aspect-ratio:auto;height:220px}}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .thumb img,.card:hover .thumb video{transform:none;filter:none}.badge-top{position:absolute;top:6px;left:6px;background:var(--accent);color:var(--accent-contrast,#000);font-size:10px;font-weight:800;padding:2px 5px;z-index:5;border-radius:2px}.status-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:900;padding:2px 4px;z-index:5;border-radius:2px;color:#fff;background:var(--error,#f44)}.duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 4px;border-radius:2px}.info{padding:12px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.desc{font-size:13px;color:var(--text);margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px}.meta-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:10px;margin-top:auto}.u-tag{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary,#888);overflow:hidden}.u-avt-small{width:20px;height:20px;border-radius:50%;background-color:var(--panel-soft,#333);background-size:cover;border:1px solid var(--border,#444);flex-shrink:0}.u-name{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploader-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border-radius:50%;font-family:"Font Awesome 6 Free";font-weight:900;font-size:9px;line-height:1;flex-shrink:0;vertical-align:-1px}.uploader-badge.official{background:#1d9bf0;color:#fff}.uploader-badge.official::before{content:"\f00c"}.uploader-badge.vip{background:#065fd4;color:#fff}.uploader-badge.vip::before{content:"\f521";font-size:8px}.stats-tag{font-size:10px;color:var(--text-secondary,#888);display:flex;gap:8px}.stats-tag span{display:flex;align-items:center;gap:3px;cursor:pointer;transition:color .2s}.stats-tag span:hover{color:var(--accent)}.stats-tag .like-btn.active{color:var(--error,#f44)}.search-results-panel{display:none;max-width:1400px;margin:20px auto;padding:0 15px}.result-head{font-size:20px;font-weight:900;border-bottom:1px solid var(--border);padding-bottom:15px;margin-bottom:20px;color:var(--accent)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-bottom:40px}.user-card{background:var(--card);border:1px solid var(--border);padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;transition:.3s}.user-card:hover{border-color:var(--accent);transform:translateY(-3px)}.uc-avt{width:70px;height:70px;border-radius:50%;background-size:cover;border:2px solid var(--border)}.uc-name{font-weight:700;font-size:15px;color:var(--text);margin-top:5px}.uc-bio{font-size:12px;color:var(--text-secondary,#888);min-height:32px;max-height:48px;overflow:hidden}.uc-actions{width:100%;display:flex;gap:10px;margin-top:5px}.uc-btn{flex:1;padding:6px 0;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;display:block}.btn-home{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-home:hover{background:var(--card-hover,var(--card));border-color:var(--accent);color:var(--accent)}.btn-dm{background:var(--accent);color:var(--accent-contrast,#000)}.btn-dm:hover{background:var(--accent-hover,var(--accent))}@media (max-width:768px){.btn-dm,.btn-home{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}.intro-section{max-width:1000px;margin:40px auto;padding:0 20px;text-align:center;color:var(--text)}.intro-text-box{display:flex;gap:40px;text-align:left;background:var(--card);border:1px solid var(--border);padding:30px;border-radius:4px}.intro-col{flex:1}.intro-col h4{color:var(--accent);margin-top:0;text-transform:uppercase;font-size:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.intro-col p{font-size:13px;line-height:1.8;color:var(--text-secondary);margin:0;text-align:justify}.intro-inline-link{margin-top:14px;font-size:14px;color:var(--text);font-style:italic;letter-spacing:.04em}@media(max-width:768px){.intro-text-box{flex-direction:column;gap:20px}}.biz-section{padding:50px 20px;background:var(--bg);border-top:2px solid var(--border);text-align:center}.biz-title{color:var(--accent);font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px}.biz-grid{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.biz-pill{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);padding:10px 25px;border-radius:50px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,transform .3s ease;min-width:180px}.biz-pill:hover{background:var(--card-hover);border-color:var(--accent);transform:translateY(-3px)}.biz-icon{font-size:18px;color:var(--accent);background:rgba(255,204,0,.1);width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center}.biz-info{text-align:left}.biz-label{font-size:9px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;line-height:1;margin-bottom:3px}.biz-val{font-size:13px;color:var(--text);font-family:monospace;font-weight:700;line-height:1}footer{background:var(--bg);color:var(--text-secondary);padding:50px 20px;text-align:center;border-top:4px solid var(--accent)}body.light-mode footer,html[data-home-theme=light] body footer{background:var(--card);color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0 10px}.footer-links a{color:var(--accent);text-decoration:none;font-size:13px;font-weight:700}.footer-links a:hover{text-decoration:underline}.trust-badges{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.trust-img{height:45px;filter:grayscale(100%);opacity:.5;transition:filter .4s ease,opacity .4s ease,transform .4s ease;cursor:pointer}.trust-img:hover{filter:grayscale(0);opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.warning-block{max-width:900px;margin:0 auto;border:1px solid var(--error,#500);background:linear-gradient(to bottom,rgba(239,68,68,.08),var(--card));padding:25px;margin-top:20px}.warning-title{color:var(--error,red);font-size:20px;font-weight:900;margin-bottom:15px;letter-spacing:1px;border-bottom:1px solid var(--error-soft,#500);padding-bottom:10px}.warning-text{color:var(--error,#c44);font-size:12px;line-height:1.6;font-weight:700;text-align:justify;font-family:Arial,sans-serif}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:var(--z-modal);justify-content:center;align-items:center}.modal.active{display:flex}.modal-close{position:absolute;top:20px;right:30px;font-size:40px;color:var(--text-primary,#fff);cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.back-to-top{position:fixed;bottom:30px;right:30px;background:var(--accent);color:var(--accent-contrast,#000);width:50px;height:50px;border-radius:50%;border:none;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 15px rgba(255,204,0,.4);z-index:var(--z-floating-btn);opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background-color .3s ease}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-hover,var(--accent));transform:translateY(-3px)}.mini-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:var(--z-modal);justify-content:center;align-items:center}.mini-box{background:var(--card);padding:30px;border-radius:8px;border:1px solid var(--border);max-width:400px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.5)}.mini-content{color:var(--text);margin-bottom:20px;text-align:center}.mini-btn{width:100%;padding:12px;background:var(--accent);color:var(--accent-contrast,#000);border:none;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase}.comment-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:var(--z-modal);justify-content:center;align-items:center;backdrop-filter:blur(8px);cursor:pointer}.comment-box{background:var(--card);width:600px;max-width:95%;max-height:80vh;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.8);overflow:hidden;display:flex;flex-direction:column}@media (max-width:768px){.comment-box{max-width:calc(100vw - 20px);max-height:70vh}.comment-content{-webkit-overflow-scrolling:touch}}.comment-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.comment-header h3{margin:0;color:var(--accent)}.comment-close{font-size:28px;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;line-height:1}.comment-close:hover{color:var(--accent)}.comment-content{flex:1;overflow-y:auto;padding:20px}.comment-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border)}.comment-user{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-avatar{width:30px;height:30px;border-radius:50%;background-size:cover}.comment-username{font-weight:700;font-size:13px}.comment-text{font-size:13px;line-height:1.4;color:var(--text)}.comment-input-area{padding:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.comment-input{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);border-radius:6px;outline:0;resize:none;height:80px;font-size:16px}.comment-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px rgba(6,95,212,.25)}.comment-submit-btn{padding:10px 20px;background:var(--accent);color:var(--accent-contrast,#000);border:none;border-radius:6px;cursor:pointer;font-weight:700;align-self:flex-end}.comment-submit-btn:disabled{background:var(--border);opacity:1;cursor:not-allowed;color:var(--text-secondary)}.comment-emoji-row{display:flex;gap:8px;flex-wrap:wrap}.comment-emoji-btn{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;transition:border-color .2s,color .2s}.comment-emoji-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.feed-tabs{max-width:1400px;margin:0 auto 0;padding:0 15px;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:2px solid var(--border)}.feed-tabs::-webkit-scrollbar{display:none}.feed-tab{white-space:nowrap;padding:12px 20px;cursor:pointer;font-size:15px;font-weight:900;color:var(--text-secondary);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .3s;text-transform:uppercase;letter-spacing:1px}.feed-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.feed-tab:hover:not(.active){color:var(--text)}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:1400px;margin:20px auto;padding:0 15px}@media(min-width:768px) and (max-width:1023px){.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1024px){.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:18px}}.skeleton-card{background:var(--card);border:1px solid var(--border);border-radius:6px;overflow:hidden;height:320px}.skeleton-thumb{width:100%;height:200px;background:linear-gradient(90deg,var(--skeleton-base,#1a1a1a) 25%,var(--skeleton-hl,#252525) 50%,var(--skeleton-base,#1a1a1a) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-line{height:13px;margin:10px 12px;border-radius:4px;background:linear-gradient(90deg,var(--skeleton-base,#1a1a1a) 25%,var(--skeleton-hl,#252525) 50%,var(--skeleton-base,#1a1a1a) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-line.short{width:55%}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-line,.skeleton-thumb{animation:none}}.scroll-sentinel{height:50px;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);font-size:13px}.scroll-end-msg{text-align:center;padding:25px;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border);margin-top:10px;display:none}.vs-placeholder{background:var(--card);border:1px solid var(--border);border-radius:6px}.card img[data-src],.card video[data-src]{opacity:0;transition:opacity .3s ease}.card img.vs-loaded,.card video.vs-loaded{opacity:1}#followContent{max-width:1400px;margin:20px auto;padding:0 15px;display:none}#followContent .grid{max-width:100%;margin:0}.follow-empty{text-align:center;padding:80px 20px;color:var(--text-secondary)}.follow-empty i{font-size:50px;margin-bottom:20px;color:var(--text-secondary);opacity:.5;display:block}.tab-empty-state{max-width:720px;margin:18px auto 0;padding:34px 28px;border-radius:22px;border:1px solid rgba(6,95,212,.16);background:linear-gradient(180deg,rgba(23,23,23,.96),rgba(13,13,13,.96));box-shadow:0 24px 54px rgba(0,0,0,.32);text-align:center}.tab-empty-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--accent);background:rgba(6,95,212,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.tab-empty-title{font-size:22px;font-weight:900;color:var(--text);margin-bottom:10px;letter-spacing:.01em}.tab-empty-desc{max-width:520px;margin:0 auto;font-size:14px;line-height:1.7;color:var(--text-muted)}.tab-empty-actions{margin-top:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tab-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s}.tab-empty-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.tab-empty-btn.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.tab-empty-btn.primary:hover{color:var(--accent-contrast);opacity:.92}body.page-home.light-mode .tab-empty-state,html[data-home-theme=light] body.page-home .tab-empty-state{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,252,.98));border-color:rgba(15,23,42,.1);box-shadow:0 24px 54px rgba(15,23,42,.1)}body.page-home.light-mode .tab-empty-icon,html[data-home-theme=light] body.page-home .tab-empty-icon{background:rgba(0,123,255,.1);color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}body.page-home.light-mode .tab-empty-desc,html[data-home-theme=light] body.page-home .tab-empty-desc{color:#66758b}.fav-btn{display:flex;align-items:center;gap:3px;cursor:pointer;transition:color .2s}.fav-btn i{transition:transform .2s,color .2s}.fav-btn.active i{color:var(--accent);transform:scale(1.2)}.fav-btn:not(.active) i{color:var(--text-secondary)}.fav-btn:hover i{color:var(--accent)}.card-menu-wrap{position:absolute;top:6px;right:6px;z-index:10}.card-menu-btn{background:rgba(0,0,0,.6);border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.2s}.card-menu-btn:hover{background:var(--accent);color:var(--accent-contrast,#000)}@media(max-width:768px){.card-menu-btn{min-width:44px;min-height:44px}}.card-dropdown{display:none;position:absolute;right:0;top:32px;background:var(--card);border:1px solid var(--border);border-radius:8px;min-width:130px;z-index:200;box-shadow:0 5px 20px rgba(0,0,0,.6);overflow:hidden}.card-dropdown.open{display:block}.card-dropdown div{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:.15s}.card-dropdown div:hover{background:var(--border);color:var(--text-primary)}.report-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:var(--z-modal);justify-content:center;align-items:center;cursor:pointer}.report-modal.open{display:flex}.report-box{background:var(--card);width:480px;max-width:95%;padding:30px;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.8)}.report-box h3{margin-top:0;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:15px;margin-bottom:15px}.report-reasons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.report-reason{padding:7px 14px;border:1px solid var(--border);border-radius:50px;cursor:pointer;font-size:12px;transition:.2s;color:var(--text);background:0 0}.report-reason:hover{border-color:var(--accent)}.report-reason.sel{background:var(--accent);color:var(--accent-contrast,#000);border-color:var(--accent);font-weight:700}.report-desc{width:100%;padding:10px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);border-radius:6px;outline:0;resize:none;height:70px;font-size:13px;box-sizing:border-box}.report-desc:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px rgba(6,95,212,.25)}.report-actions{display:flex;gap:10px;margin-top:15px}.report-submit-btn{flex:1;padding:11px;background:var(--accent);color:var(--accent-contrast,#000);border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px}.report-submit-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed;opacity:1}.report-cancel-btn{padding:11px 20px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:14px}.report-cancel-btn:hover{border-color:var(--accent);color:var(--accent)}.promo-stack{max-width:1400px;margin:20px auto 0;padding:0 15px;display:grid;gap:16px}.promo-card{background:linear-gradient(135deg,rgba(6,95,212,.12),rgba(255,138,0,.06));border:1px solid rgba(6,95,212,.25);border-radius:14px;padding:18px 20px}.promo-title{font-size:15px;font-weight:900;color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:10px}.promo-text{font-size:13px;color:var(--text-secondary);line-height:1.6}.promo-list{display:grid;gap:10px}.promo-item{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 14px}.smart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.smart-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:.25s}.smart-card:hover{border-color:var(--accent);transform:translateY(-3px)}.smart-cover{width:100%;height:124px;object-fit:cover;background:var(--bg)}.smart-body{padding:12px}.smart-name{font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px}.smart-meta{font-size:12px;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:10px}.ann-grid{display:grid;gap:10px}.ann-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px}.ann-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px}.ann-badge{background:rgba(6,95,212,.14);color:var(--accent);border:1px solid rgba(6,95,212,.28);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.ann-body{font-size:13px;color:var(--text-secondary);line-height:1.6}.playlist-preview-grid{display:grid;gap:16px}.playlist-preview{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.playlist-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.playlist-preview-title{font-size:15px;font-weight:900;color:var(--text)}.playlist-preview-sub{font-size:12px;color:var(--text-secondary)}.playlist-preview-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.playlist-mini{cursor:pointer;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--border-soft,rgba(255,255,255,.04))}.playlist-mini img{width:100%;height:86px;object-fit:cover;display:block}.playlist-mini div{padding:8px;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.comment-toolbar .form-mini{flex:1;min-width:160px;padding:10px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text)}.comment-meta{padding:0 20px 14px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.comment-replies{margin-top:12px;padding-left:16px;border-left:2px solid rgba(6,95,212,.18);display:grid;gap:10px}.comment-reply{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 12px}.comment-reply-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.comment-reply-user{font-weight:800;color:var(--accent)}.comment-reply-time{color:var(--text-secondary)}.comment-reply-text{font-size:13px;line-height:1.5;color:var(--text-primary,var(--text))}.comment-actions-row{display:flex;gap:12px;margin-top:10px}.comment-action{background:0 0;color:var(--text-secondary);border:none;font-size:12px;cursor:pointer;padding:0}.comment-action:hover{color:var(--accent)}.comment-reply-composer{margin-top:12px;padding:14px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,144,0,.16);display:grid;gap:10px}.comment-reply-composer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary,#9a9386)}.comment-reply-composer textarea{width:100%;min-height:88px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;outline:0;resize:vertical;font-size:13px;line-height:1.6;font-family:inherit}.comment-reply-composer textarea:focus{border-color:var(--accent)}.comment-reply-composer textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px rgba(6,95,212,.25)}.comment-reply-composer-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.comment-reply-actions{display:flex;gap:8px;flex-wrap:wrap}.comment-reply-btn{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:800;transition:.2s}.comment-reply-btn:hover{border-color:var(--accent);color:var(--accent)}.comment-reply-btn.primary{background:var(--accent);color:var(--accent-contrast,#000);border-color:var(--accent)}.comment-reply-btn.primary:hover{color:var(--accent-contrast,#000);transform:translateY(-1px)}body.page-home .feed-tabs{padding:5px;gap:4px}body.page-home .feed-tab{min-width:0;flex:1 1 0;padding:10px 14px;font-size:13px;font-weight:900;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:8px}body.page-home .feed-tab-icon{display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;line-height:1}body.page-home .hero-section{max-width:1180px;margin:8px auto 12px;padding:0 15px}body.page-home .hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(290px,0.88fr);gap:18px;padding:22px 24px;border-radius:22px;overflow:hidden;border:1.5px solid rgba(255,255,255,.12);background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.1),transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(6,95,212,.05),transparent 50%),rgba(18,22,30,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.12),0 20px 60px rgba(0,0,0,.38);backdrop-filter:blur(32px) saturate(1.7) brightness(1.04);-webkit-backdrop-filter:blur(32px) saturate(1.7) brightness(1.04);outline:1px solid rgba(255,255,255,.05);outline-offset:-2px}body.page-home .hero-shell::before{content:'';position:absolute;inset:0;background:conic-gradient(from 135deg at 30% 20%,transparent 0deg,rgba(255,255,255,.03) 60deg,transparent 120deg);pointer-events:none}body.page-home .hero-main,body.page-home .hero-side{position:relative;z-index:1}body.page-home .hero-main{display:grid;gap:12px;align-content:start}body.page-home .hero-side{display:grid;gap:14px;align-content:start}body.page-home .hero-wordmark-kicker{width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:4px;background:rgba(255,144,0,.1);border:1px solid rgba(255,144,0,.2);color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}body.page-home .hero-wordmark{justify-content:flex-start;gap:.01em;width:fit-content;padding-bottom:6px;font-size:clamp(50px,6.9vw,96px);letter-spacing:.06em;line-height:.84}body.page-home .hero-wordmark::after{left:0;bottom:-2px;width:min(420px,78%);transform:translateX(0) scaleX(0);transform-origin:left center}body.page-home .hero-section.is-visible .hero-wordmark::after{transform:translateX(0) scaleX(1)}body.page-home .hero-copy-stack{display:grid;gap:10px;max-width:720px}body.page-home .hero-copy{margin:0;font-size:15px;line-height:1.72;color:var(--hero-caption,#e7dcc8)}body.page-home .hero-copy.zh{color:var(--hero-caption-zh,#c9bea9);font-size:14px}body.page-home .hero-domain{width:fit-content;display:inline-flex;align-items:center;gap:16px;margin-top:2px;color:var(--hero-domain-color,#f6efe2);font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua","Times New Roman",serif;font-style:italic;font-weight:700;font-size:clamp(18px,2.1vw,24px);letter-spacing:.18em;text-transform:uppercase}body.page-home .hero-domain::after,body.page-home .hero-domain::before{content:'';width:58px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,144,0,.84));opacity:.9}body.page-home .hero-domain::after{transform:scaleX(-1)}body.page-home .hero-status-row{justify-content:flex-start;gap:8px;margin-top:0}body.page-home .hero-status-pill{padding:6px 10px;background:var(--card);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:800;border-radius:4px}body.page-home #hotSearchBar{display:grid;gap:12px;margin:0!important;padding:14px;border-radius:4px;background:var(--card);border:1px solid var(--border);box-shadow:none}body.page-home .hero-hot-label{padding:0;background:0 0;border:none;color:var(--hero-hot-label,#a79b83);font-size:12px;letter-spacing:.18em}body.page-home #hotSearchTags{justify-content:flex-start!important}body.page-home .intro-section{max-width:1180px;margin:18px auto 0;padding:0 15px}body.page-home .intro-text-box{gap:20px;padding:20px 22px;border-radius:6px}body.page-home .intro-col p{font-size:12px;line-height:1.72}body.page-home .intro-inline-link{display:none}body.page-home.light-mode{--accent:#c28d1b;--accent-hover:#d79f28}body.page-home.light-mode .feed-tabs{border-color:#ddd;background:#fff;box-shadow:none}body.page-home.light-mode .feed-tab{color:#756957}body.page-home.light-mode .feed-tab:hover:not(.active){color:#221c12;border-color:rgba(158,118,34,.12);background:rgba(164,127,49,.06)}body.page-home.light-mode .feed-tab.active{color:#000;box-shadow:none}body.page-home.light-mode .feed-tab#tab-vip:not(.active){color:#b88216}body.page-home.light-mode .feed-tab-icon{background:rgba(164,127,49,.08);color:#9d6d10}body.page-home.light-mode .feed-tab.active .feed-tab-icon{background:rgba(255,255,255,.55);color:#5a3f08}body.page-home.light-mode .hero-shell{border-color:#ddd;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}body.page-home.light-mode .hero-shell::before{background:0 0}body.page-home.light-mode .hero-wordmark-kicker{background:#f0f0f0;border-color:#ddd;color:var(--accent)}body.page-home.light-mode .hero-wordmark{color:#111;text-shadow:none}body.page-home.light-mode .hero-copy{color:#3c3428}body.page-home.light-mode .hero-copy.zh{color:#665a4a}body.page-home.light-mode .hero-domain{color:#332416}body.page-home.light-mode .hero-status-pill{background:#f5f5f5;border-color:#ddd;color:#333;box-shadow:none}body.page-home.light-mode #hotSearchBar{background:#f5f5f5;border-color:#ddd;box-shadow:none}body.page-home.light-mode .hero-hot-label{color:#7e6e58}body.page-home.light-mode .promo-card{background:#fff;border-color:#ddd}body.page-home.light-mode .ann-body,body.page-home.light-mode .playlist-preview-sub,body.page-home.light-mode .promo-text{color:#5f5649}body.page-home.light-mode .ann-item,body.page-home.light-mode .playlist-mini{background:#fff;border-color:#ddd}body.page-home.light-mode .ann-head,body.page-home.light-mode .playlist-mini div,body.page-home.light-mode .playlist-preview-title{color:#231c15}body.page-home.light-mode .biz-pill,body.page-home.light-mode .intro-text-box{background:#fff}body.page-home.light-mode .biz-section{background:#f0f0f0;border-top-color:#ddd}body.page-home.light-mode .biz-pill{border-color:#ddd}body.page-home.light-mode .biz-pill:hover{background:rgba(255,255,255,.96)}body.page-home.light-mode .biz-icon{background:rgba(194,141,27,.1)}body.page-home.light-mode .biz-val{color:#1d1812}@media (max-width:900px){body.page-home .feed-tabs{position:static;width:auto;margin:10px 12px 12px}body.page-home .feed-tab{min-width:max-content;flex:0 0 auto}body.page-home .hero-shell{grid-template-columns:1fr;gap:14px}}@media (max-width:768px){body.page-home .feed-tabs{margin:10px 12px;padding:4px;border-radius:0}body.page-home .feed-tab{padding:9px 11px;gap:8px;font-size:12px}body.page-home .feed-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;flex-shrink:0;line-height:1}body.page-home .feed-tab{gap:5px}body.page-home .feed-tab-label{font-size:11px}body.page-home .hero-section{margin-top:6px;padding:0 12px}body.page-home .hero-shell{padding:18px 16px;border-radius:6px}body.page-home .hero-wordmark-kicker{font-size:10px;letter-spacing:.16em}body.page-home .hero-wordmark{font-size:clamp(36px,13.2vw,50px);letter-spacing:.02em}body.page-home .hero-copy{font-size:13px;line-height:1.68}body.page-home .hero-copy.zh{font-size:12px}body.page-home .hero-domain{gap:10px;font-size:16px;letter-spacing:.12em}body.page-home .hero-domain::after,body.page-home .hero-domain::before{width:18px}body.page-home .hero-status-row{gap:6px}body.page-home .hero-status-pill{padding:8px 10px;font-size:10px}body.page-home #hotSearchBar{padding:13px 12px;border-radius:4px}body.page-home #hotSearchTags{gap:8px!important}body.page-home .promo-stack{padding:0 12px}body.page-home .intro-section{padding:0 12px}body.page-home .intro-text-box{padding:18px 16px;gap:14px}}@media (max-width:768px){.auth-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.header-tool-btn{min-height:44px;min-width:44px}.search-btn{min-height:44px;min-width:48px}.search-input{min-height:44px}.footer-links a{min-height:44px;display:inline-flex;align-items:center;padding:10px 8px}}@media (max-width:480px){body.page-home .feed-tab{padding:8px 8px;gap:4px;font-size:11px}body.page-home .feed-tab-icon{width:16px;height:16px;font-size:10px}body.page-home .feed-tab-label{font-size:10px}body.page-home .feed-tabs{margin:8px 8px;padding:3px}}@media (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{font-size:16px!important}}.surface{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.surface-elevated{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.surface-glass{background:var(--site-glass,rgba(255,255,255,.08));backdrop-filter:var(--liquid-blur,blur(20px));border:2px solid var(--liquid-border,rgba(255,255,255,.15));border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}:root{--glass-blur:40px;--glass-saturate:1.8;--glass-brightness:1.05;--glass-contrast:1.05;--glass-tint:rgba(18,22,30,0.42);--glass-tint-strong:rgba(15,18,25,0.58);--glass-specular:rgba(255,255,255,0.18);--glass-specular-soft:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.18);--glass-border-inner:rgba(255,255,255,0.08);--glass-shadow-outer:0 20px 60px rgba(0,0,0,0.35),0 8px 20px rgba(0,0,0,0.2);--glass-shadow-inner:inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -1px 0 rgba(0,0,0,0.15);--glass-accent-glow:rgba(6,95,212,0.08);--glass-highlight-angle:135deg;--glass-highlight-x:30%;--glass-highlight-y:20%}body.light-mode{--glass-tint:rgba(255,255,255,0.52);--glass-tint-strong:rgba(255,255,255,0.68);--glass-specular:rgba(255,255,255,0.35);--glass-specular-soft:rgba(255,255,255,0.15);--glass-border:rgba(255,255,255,0.45);--glass-border-inner:rgba(255,255,255,0.25);--glass-shadow-outer:0 20px 60px rgba(0,0,0,0.12),0 8px 20px rgba(0,0,0,0.06);--glass-shadow-inner:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.05);--glass-accent-glow:rgba(0,123,255,0.08)}@property --glass-hx{syntax:'<percentage>';inherits:false;initial-value:30%}@property --glass-hy{syntax:'<percentage>';inherits:false;initial-value:20%}@property --caustic-phase{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes liquidCaustic{0%{--caustic-phase:0deg;--glass-hx:25%;--glass-hy:15%}25%{--caustic-phase:90deg;--glass-hx:65%;--glass-hy:20%}50%{--caustic-phase:180deg;--glass-hx:70%;--glass-hy:60%}75%{--caustic-phase:270deg;--glass-hx:35%;--glass-hy:55%}100%{--caustic-phase:360deg;--glass-hx:25%;--glass-hy:15%}}@keyframes liquidShimmer{0%,100%{opacity:.6}50%{opacity:1}}.liquid-glass{position:relative;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness)) contrast(var(--glass-contrast));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness)) contrast(var(--glass-contrast));background:radial-gradient(ellipse at var(--glass-hx) var(--glass-hy),var(--glass-specular),transparent 50%),radial-gradient(ellipse at calc(100% - var(--glass-hx)) calc(100% - var(--glass-hy)),var(--glass-specular-soft),transparent 60%),var(--glass-tint);border:1.5px solid var(--glass-border);outline:1px solid var(--glass-border-inner);outline-offset:-3px;box-shadow:var(--glass-shadow-inner),var(--glass-shadow-outer);animation:liquidCaustic 12s ease-in-out infinite;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .4s ease,backdrop-filter .3s ease}.liquid-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--caustic-phase) at var(--glass-hx) var(--glass-hy),transparent 0deg,rgba(255,255,255,.04) 45deg,transparent 90deg,rgba(255,255,255,.03) 180deg,transparent 270deg,rgba(255,255,255,.04) 315deg,transparent 360deg);animation:liquidCaustic 12s ease-in-out infinite,liquidShimmer 6s ease-in-out infinite;mix-blend-mode:overlay;opacity:.7}.liquid-glass::after{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0,transparent 4%,transparent 96%,rgba(0,0,0,.08) 100%);mask-image:linear-gradient(180deg,black 0%,black 3%,transparent 8%,transparent 92%,black 97%,black 100%);-webkit-mask-image:linear-gradient(180deg,black 0%,black 3%,transparent 8%,transparent 92%,black 97%,black 100%)}.liquid-glass:hover{--glass-specular:rgba(255,255,255,0.25);border-color:rgba(255,255,255,.25);box-shadow:var(--glass-shadow-inner),0 24px 70px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08)}.liquid-glass-subtle{position:relative;backdrop-filter:blur(20px) saturate(1.6) brightness(1.02);-webkit-backdrop-filter:blur(20px) saturate(1.6) brightness(1.02);background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.12),transparent 50%),var(--glass-tint);border:1.5px solid var(--glass-border);outline:1px solid rgba(255,255,255,.05);outline-offset:-2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.2);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,background .3s ease}.liquid-glass-subtle:hover{border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.3)}.liquid-glass-strong{position:relative;backdrop-filter:blur(50px) saturate(2.0) brightness(1.08) contrast(1.08);-webkit-backdrop-filter:blur(50px) saturate(2.0) brightness(1.08) contrast(1.08);background:radial-gradient(ellipse at var(--glass-hx) var(--glass-hy),var(--glass-specular),transparent 45%),radial-gradient(ellipse at 80% 80%,var(--glass-accent-glow),transparent 50%),var(--glass-tint-strong);border:2px solid var(--glass-border);outline:1px solid var(--glass-border-inner);outline-offset:-4px;box-shadow:var(--glass-shadow-inner),0 30px 80px rgba(0,0,0,.45),0 12px 30px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05);animation:liquidCaustic 12s ease-in-out infinite}.liquid-glass-strong::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--caustic-phase) at var(--glass-hx) var(--glass-hy),transparent 0deg,rgba(255,255,255,.06) 60deg,transparent 120deg,rgba(255,255,255,.04) 200deg,transparent 280deg,rgba(255,255,255,.05) 340deg,transparent 360deg);animation:liquidCaustic 12s ease-in-out infinite,liquidShimmer 8s ease-in-out infinite;mix-blend-mode:overlay;opacity:.8}.liquid-glass [class*=fa-],.liquid-glass i,.liquid-glass-strong [class*=fa-],.liquid-glass-strong i,.liquid-glass-subtle [class*=fa-],.liquid-glass-subtle i{filter:drop-shadow(0 2px 6px rgba(6,95,212,.35))}@media (prefers-reduced-motion:reduce){.liquid-glass,.liquid-glass-strong,.liquid-glass-strong::before,.liquid-glass::before{animation:none}}@media (max-width:768px){:root{--glass-blur:24px;--glass-saturate:1.5}.liquid-glass,.liquid-glass-strong{animation-duration:20s}.liquid-glass-strong::before,.liquid-glass::before{animation:none;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.06),transparent 50%);opacity:1}}.sprite-preview{position:absolute;bottom:64px;left:0;z-index:50;pointer-events:none;display:none;flex-direction:column;align-items:center;gap:4px;transform:translateX(-50%)}.sprite-preview-inner{width:160px;height:90px;border-radius:6px;border:2px solid var(--accent,#065fd4);background-size:auto 100%;background-repeat:no-repeat;background-color:#000;box-shadow:0 4px 16px rgba(0,0,0,.7)}.sprite-preview-time{font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.8);padding:2px 8px;border-radius:4px}body.light-mode .sprite-preview-inner{border-color:var(--accent,#065fd4)}body.light-mode .sprite-preview-time{color:var(--text);background:rgba(255,255,255,.9)}.c-vote-group{display:inline-flex;align-items:center;gap:2px;margin-right:8px}.c-vote-btn{display:inline-flex;align-items:center;gap:3px;background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 5px;transition:color .2s,transform .15s;white-space:nowrap;line-height:1;user-select:none;border-radius:4px}.c-vote-btn:hover{transform:scale(1.1)}.c-vote-btn:active{transform:scale(.95)}.c-vote-up.active,.c-vote-up:hover{color:#1db954}.c-vote-down.active,.c-vote-down:hover{color:var(--error)}body.light-mode .c-vote-btn{color:#999}body.light-mode .c-vote-up.active,body.light-mode .c-vote-up:hover{color:#1db954}body.light-mode .c-vote-down.active,body.light-mode .c-vote-down:hover{color:#e63946}.trending-tags-bar{max-width:1400px;margin:0 auto;padding:12px 15px 0}.trending-tags-inner{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px}.trending-tags-label{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.trending-tags-label i{color:var(--error)}.trending-tags-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1;padding:2px 0}.trending-tags-scroll::-webkit-scrollbar{display:none}.trending-tag-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:0 0;border:1px solid var(--border);border-radius:20px;color:var(--text);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .25s ease;flex-shrink:0}.trending-tag-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(6,95,212,.08)}.trending-tag-chip .tag-rank{color:var(--accent);font-weight:900;font-size:11px}.trending-tag-chip .tag-count{color:var(--sub,#888);font-size:10px}.cw-section{max-width:1400px;margin:0 auto;padding:16px 15px 0}.cw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cw-title{font-size:16px;font-weight:700;color:var(--text)}.cw-title i{color:var(--accent);margin-right:4px}.cw-clear-btn{background:0 0;border:1px solid var(--border);color:var(--sub,#888);font-size:12px;padding:5px 14px;border-radius:20px;cursor:pointer;transition:all .25s ease}.cw-clear-btn:hover{border-color:var(--error);color:var(--error)}.cw-scroll-wrap{position:relative}.cw-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:4px}.cw-scroll::-webkit-scrollbar{display:none}.cw-card{flex:0 0 200px;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .25s ease}.cw-card:hover{transform:translateY(-3px);border-color:var(--accent)}.cw-card-thumb{position:relative;width:100%;aspect-ratio:16/9;background:var(--card);overflow:hidden}.cw-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cw-card-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:rgba(128,128,128,.25)}.cw-card-progress-fill{height:100%;background:var(--accent);border-radius:0 2px 2px 0;transition:width .3s ease}.cw-card-progress-pct{position:absolute;bottom:8px;right:6px;background:rgba(0,0,0,.75);color:var(--accent);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.cw-card-duration{position:absolute;bottom:8px;left:6px;background:rgba(0,0,0,.75);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.cw-card-info{padding:8px 10px 10px}.cw-card-desc{font-size:12px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.cw-card-author{font-size:11px;color:var(--sub,#888)}#searchAutocompletePanel{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;z-index:1001;max-height:360px;overflow-y:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.5)}.sac-section-label{padding:8px 14px 4px;font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.sac-item{padding:9px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);transition:background .15s ease}.sac-item:hover{background:var(--border)}.sac-item i{color:var(--sub,#888);font-size:12px;width:16px;text-align:center;flex-shrink:0}.sac-item .sac-keyword{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sac-item .sac-count{font-size:11px;color:var(--sub,#888);flex-shrink:0}.sac-item-trending .sac-rank{color:var(--accent);font-weight:900;font-size:11px;width:16px;text-align:center;flex-shrink:0}@media (max-width:768px){.cw-card{flex:0 0 160px;min-width:160px}.trending-tags-inner{padding:8px 12px}.trending-tags-label{font-size:12px}}body.light-mode .trending-tags-inner,html[data-home-theme=light] .trending-tags-inner{background:var(--card);border-color:var(--border)}body.light-mode .trending-tag-chip:hover,html[data-home-theme=light] .trending-tag-chip:hover{background:rgba(0,123,255,.08)}body.light-mode .cw-card,html[data-home-theme=light] .cw-card{background:var(--card);border-color:var(--border)}body.light-mode .cw-card-progress-pct,html[data-home-theme=light] .cw-card-progress-pct{background:rgba(0,0,0,.6)}body.light-mode .cw-card-duration,html[data-home-theme=light] .cw-card-duration{background:rgba(0,0,0,.6)}body.light-mode #searchAutocompletePanel,html[data-home-theme=light] #searchAutocompletePanel{background:var(--card);border-color:var(--border);box-shadow:0 8px 24px rgba(0,0,0,.12)}body.light-mode .sac-item:hover,html[data-home-theme=light] .sac-item:hover{background:rgba(0,0,0,.04)}@keyframes caobiSpin{to{transform:rotate(360deg)}}body.light-mode .cat-drawer-backdrop,html[data-home-theme=light] .cat-drawer-backdrop{background:rgba(30,30,30,.55)}body.light-mode .cat-side-nav,html[data-home-theme=light] .cat-side-nav{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none}body.light-mode .cat-side-title .cat-close:hover,html[data-home-theme=light] .cat-side-title .cat-close:hover{background:rgba(0,0,0,.06);color:var(--text-primary,#111)}body.light-mode .cat-side-item:hover,html[data-home-theme=light] .cat-side-item:hover{background:rgba(6,95,212,.12)}body.light-mode .cat-side-item .cat-count,html[data-home-theme=light] .cat-side-item .cat-count{background:rgba(0,0,0,.06)}.cat-fab{position:fixed;left:16px;bottom:88px;height:48px;padding:0 18px 0 16px;border-radius:999px;background:var(--gradient,linear-gradient(135deg,#065fd4,#ff8a00));color:#000;border:0;cursor:pointer;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(6,95,212,.55),0 2px 8px rgba(0,0,0,.25);z-index:95;transition:transform .2s,box-shadow .2s;animation:catFabPulse 2.4s ease-out 1.5s 2}.cat-fab i{font-size:18px}.cat-fab .cat-fab-label{letter-spacing:1px}.cat-fab:hover{transform:scale(1.06);box-shadow:0 10px 32px rgba(6,95,212,.7)}.cat-fab.open{background:linear-gradient(135deg,#ff8a00,var(--pri,#065fd4))}.cat-fab.open i{transform:rotate(90deg);transition:transform .25s}@keyframes catFabPulse{0%,100%{box-shadow:0 8px 24px rgba(6,95,212,.55),0 2px 8px rgba(0,0,0,.25)}50%{box-shadow:0 8px 40px rgba(6,95,212,.95),0 2px 14px rgba(255,138,0,.5)}}@media (min-width:768px){.cat-fab{display:none!important}}@media (max-width:479px){.cat-fab{padding:0 14px 0 12px;font-size:13px;height:44px}}.cat-side-nav{position:fixed;left:0;top:0;width:min(300px,85vw);height:100vh!important;height:100dvh!important;box-sizing:border-box;background:var(--card,rgba(18,18,18,.96));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border,rgba(255,255,255,.1));border-radius:0 16px 16px 0;padding:20px 14px 24px;z-index:var(--z-modal,2000);box-shadow:var(--shadow-md,8px 0 36px rgba(0,0,0,.3));transform:translateX(-105%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.cat-side-nav.open{transform:translateX(0)}.cat-side-nav.empty{display:none}.cat-drawer-backdrop{position:fixed;inset:0;background:var(--drawer-backdrop,rgba(0,0,0,.55));z-index:var(--z-modal-backdrop,1900);opacity:0;pointer-events:none;transition:opacity .28s}.cat-drawer-backdrop.open{opacity:1;pointer-events:auto}.cat-side-title{font-size:15px;font-weight:800;color:var(--accent,#065fd4);padding-bottom:14px;border-bottom:1px solid var(--border,rgba(255,255,255,.1));margin-bottom:12px;display:flex;align-items:center;gap:8px;flex:0 0 auto}.cat-side-title .cat-close{margin-left:auto;background:0 0;border:0;color:var(--sub,#888);cursor:pointer;font-size:20px;padding:4px 10px;border-radius:6px;transition:background .15s}.cat-side-title .cat-close:hover{background:var(--border-soft,rgba(255,255,255,.08));color:var(--text,#fff)}.cat-side-list{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-height:0;overflow-y:auto;min-height:0}.cat-side-item{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:14px;color:var(--text,#eee);cursor:pointer;border-radius:10px;transition:background .15s,transform .1s;user-select:none}.cat-side-item:hover{background:rgba(6,95,212,.1);color:var(--accent,#065fd4);transform:translateX(3px)}.cat-side-item:active{transform:translateX(1px) scale(.98)}.cat-side-item.active{background:rgba(6,95,212,.18);color:var(--accent,#065fd4);font-weight:700}.cat-side-item .cat-count{font-size:11px;color:var(--sub,#888);background:var(--border-soft,rgba(128,128,128,.14));padding:2px 8px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:767px){body.page-home #recContent{display:flex;flex-direction:column}body.page-home #recContent .hero-section{order:1}body.page-home #recContent .promo-stack{order:2}body.page-home #recContent .filter-bar{order:3}body.page-home #recContent .section-container{order:4}body.page-home #recContent #contentArea{order:5}body.page-home #recContent .hero-section{display:flex;flex-direction:column}body.page-home #recContent .hero-section .hero-shell{order:1}}.ai-search-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#065fd4,#ff8a00);color:var(--accent-contrast);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px;flex-shrink:0;transition:all .25s ease;margin-left:8px;box-shadow:0 2px 8px rgba(6,95,212,.3)}.ai-search-btn:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(6,95,212,.5)}@media (max-width:768px){.ai-search-btn{display:none!important}}:root{--site-shadow-lg:0 30px 90px rgba(0,0,0,0.34);--site-shadow-md:0 18px 40px rgba(0,0,0,0.22);--site-shadow-sm:0 10px 24px rgba(0,0,0,0.16);--site-ring:rgba(6,95,212,0.12);--site-glass:rgba(18,22,30,0.66);--site-glass-strong:rgba(15,18,25,0.82);--site-line:rgba(255,255,255,0.08);--liquid-highlight:rgba(255,255,255,0.15);--liquid-highlight-sm:rgba(255,255,255,0.12);--liquid-border:rgba(255,255,255,0.12);--liquid-border-sm:rgba(255,255,255,0.10);--liquid-inset-top:rgba(255,255,255,0.15);--liquid-inset-bottom:rgba(0,0,0,0.10);--liquid-outer-glow:rgba(255,255,255,0.04);--liquid-blur:blur(28px) saturate(1.5) contrast(1.05);--liquid-blur-sm:blur(20px) saturate(1.4);--liquid-icon-glow:drop-shadow(0 2px 4px rgba(6,95,212,0.3))}body.page-home,body.page-video{background:radial-gradient(ellipse at 20% 0,rgba(6,95,212,.06) 0,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(120,80,255,.04) 0,transparent 50%),var(--bg);font-family:"Segoe UI","SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}body.page-home.light-mode,html[data-home-theme=light] body.page-home{background:radial-gradient(ellipse at 20% 0,rgba(6,95,212,.05) 0,transparent 50%),var(--bg)}body.page-home header,body.page-video header{border-bottom:1px solid var(--site-line);background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.08),transparent 50%),radial-gradient(circle at 10% 50%,rgba(255,255,255,.06),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--site-glass-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.04),0 8px 32px rgba(0,0,0,.28);backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);outline:1px solid rgba(255,255,255,.05);outline-offset:-2px}body.page-home.light-mode header,html[data-home-theme=light] body.page-home header{background:rgba(255,255,255,.82);border-bottom-color:rgba(0,0,0,.06);box-shadow:inset 0 -1px 0 rgba(0,0,0,.04),0 4px 24px rgba(0,0,0,.08);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}body.page-home .header-inner,body.page-video .header-inner{gap:16px}body.page-home .controls,body.page-video .header-inner>div:last-child{flex-wrap:wrap}body.page-home .search-box{background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.12),transparent 50%),radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--site-glass);border:2px solid var(--liquid-border);border-radius:var(--radius-2xl);padding:6px;box-shadow:inset 0 1px 0 var(--liquid-inset-top),inset 0 -1px 0 var(--liquid-inset-bottom),0 8px 32px rgba(0,0,0,.3),0 2px 8px var(--liquid-outer-glow);backdrop-filter:blur(24px) saturate(1.6) brightness(1.02);-webkit-backdrop-filter:blur(24px) saturate(1.6) brightness(1.02);outline:1px solid rgba(255,255,255,.05);outline-offset:-2px;transition:box-shadow .3s ease,border-color .3s ease}body.page-home.light-mode .search-box,html[data-home-theme=light] body.page-home .search-box{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 20px rgba(0,0,0,.08)}body.page-home .search-input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 6px rgba(0,0,0,.12);padding:10px 18px;border-radius:var(--radius-xl) 0 0 var(--radius-xl);transition:border-color .3s ease,box-shadow .3s ease}body.page-home .search-input:focus{border-color:rgba(6,95,212,.4);box-shadow:inset 0 2px 6px rgba(0,0,0,.12),0 0 0 3px var(--site-ring)}body.page-home .search-btn{border-radius:0 var(--radius-xl) var(--radius-xl) 0;min-width:52px;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 8px rgba(6,95,212,.18)}body.page-home .auth-btn:hover,body.page-home .search-btn:hover,body.page-video .nav-btn:hover{transform:translateY(-1px)}body.page-home #langBtn,body.page-home #themeBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:40px;padding:0 14px;border-radius:var(--radius-xl);border:2px solid var(--liquid-border-sm);background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.12),transparent 50%),radial-gradient(circle at 30% 30%,var(--liquid-highlight-sm),transparent 50%),var(--site-glass);color:var(--text);cursor:pointer;font-weight:800;box-shadow:inset 0 1px 0 var(--liquid-highlight-sm),0 4px 16px rgba(0,0,0,.2),0 1px 4px rgba(255,255,255,.03);backdrop-filter:blur(20px) saturate(1.6) brightness(1.02);-webkit-backdrop-filter:blur(20px) saturate(1.6) brightness(1.02);outline:1px solid rgba(255,255,255,.04);outline-offset:-2px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}body.page-home #langBtn:hover,body.page-home #themeBtn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--liquid-highlight-sm),0 6px 24px rgba(0,0,0,.28),0 2px 8px rgba(255,255,255,.05)}body.page-home #langBtn i,body.page-home #langBtn svg,body.page-home #themeBtn i,body.page-home #themeBtn svg{filter:var(--liquid-icon-glow)}body.page-home.light-mode #langBtn,body.page-home.light-mode #themeBtn,html[data-home-theme=light] body.page-home #langBtn,html[data-home-theme=light] body.page-home #themeBtn{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.06)}body.page-home .auth-btn,body.page-video .nav-btn{border-radius:var(--radius-xl);padding:9px 18px;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.1),transparent 50%),radial-gradient(circle at 30% 30%,var(--liquid-highlight-sm),transparent 50%),var(--site-glass);border:2px solid var(--liquid-border-sm);box-shadow:inset 0 1px 0 var(--liquid-highlight-sm),inset 0 -1px 0 rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.2),0 1px 4px rgba(255,255,255,.03);backdrop-filter:blur(20px) saturate(1.6) brightness(1.02);-webkit-backdrop-filter:blur(20px) saturate(1.6) brightness(1.02);outline:1px solid rgba(255,255,255,.04);outline-offset:-2px;transition:transform .2s ease,box-shadow .2s ease}body.page-home .auth-btn:hover,body.page-video .nav-btn:hover{box-shadow:inset 0 1px 0 var(--liquid-highlight-sm),0 6px 24px rgba(0,0,0,.28),0 2px 8px rgba(255,255,255,.05)}body.page-home.light-mode .auth-btn,body.page-home.light-mode .header-tool-btn,html[data-home-theme=light] body.page-home .auth-btn,html[data-home-theme=light] body.page-home .header-tool-btn{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08);color:#182234;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.06)}body.page-home.light-mode .auth-btn.btn-primary,html[data-home-theme=light] body.page-home .auth-btn.btn-primary{color:#fff}body.page-home #authBtns,body.page-home #userPanel{border-left:1px solid var(--site-line);margin-left:8px;padding-left:12px;gap:8px;flex-wrap:wrap}body.page-home #notifPanel,body.page-home #searchHistoryPanel,body.page-video #notifPanel2{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.1),var(--site-shadow-lg);border-radius:var(--radius-2xl);overflow:hidden;backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05);border:1.5px solid rgba(255,255,255,.15);outline:1px solid rgba(255,255,255,.05);outline-offset:-3px}body.page-home.light-mode #notifPanel,body.page-home.light-mode #searchHistoryPanel,html[data-home-theme=light] body.page-home #notifPanel,html[data-home-theme=light] body.page-home #searchHistoryPanel{background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 48px rgba(0,0,0,.12);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}body.page-home.light-mode #push-bell-icon,html[data-home-theme=light] body.page-home #push-bell-icon{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.06);box-shadow:0 4px 16px rgba(0,0,0,.08)}body.page-home.light-mode #push-prefs-panel,html[data-home-theme=light] body.page-home #push-prefs-panel{background:rgba(255,255,255,.92);border-color:rgba(0,0,0,.08);color:#1b2638;box-shadow:0 12px 48px rgba(0,0,0,.12);border-radius:var(--radius-2xl);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}body.page-home.light-mode #push-prefs-panel .push-prefs-title,html[data-home-theme=light] body.page-home #push-prefs-panel .push-prefs-title{color:#172233;border-bottom-color:rgba(0,0,0,.06)}body.page-home.light-mode #push-prefs-panel .push-prefs-row,html[data-home-theme=light] body.page-home #push-prefs-panel .push-prefs-row{border-bottom-color:rgba(0,0,0,.04)}body.page-home.light-mode #push-prefs-panel .push-prefs-label,html[data-home-theme=light] body.page-home #push-prefs-panel .push-prefs-label{color:#243247}body.page-home.light-mode #push-prefs-panel .push-prefs-slider,html[data-home-theme=light] body.page-home #push-prefs-panel .push-prefs-slider{box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}body.page-home.light-mode #push-prefs-panel .push-prefs-knob,html[data-home-theme=light] body.page-home #push-prefs-panel .push-prefs-knob{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}body.page-home.light-mode #push-prefs-panel .push-prefs-enable,html[data-home-theme=light] body.page-home #push-prefs-panel .push-prefs-enable{background:rgba(255,255,255,.9);color:#b67a00;border-color:rgba(6,95,212,.35)}body.page-home #searchHistoryPanel{margin-top:10px;border-top:1px solid var(--border)}body.page-home .feed-tabs{position:sticky;top:82px;z-index:70;width:min(100%,1400px);margin:0 auto;padding:0 18px;display:flex;gap:0;background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.15),transparent 50%),radial-gradient(ellipse at calc(100% - var(--glass-hx,30%)) calc(100% - var(--glass-hy,20%)),rgba(255,255,255,.06),transparent 60%),radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--site-glass);border:2px solid var(--liquid-border);border-radius:var(--radius-2xl);box-shadow:inset 0 1px 0 var(--liquid-inset-top),inset 0 -1px 0 var(--liquid-inset-bottom),0 8px 32px rgba(0,0,0,.3),0 2px 8px var(--liquid-outer-glow);backdrop-filter:blur(40px) saturate(1.8) brightness(1.05) contrast(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05) contrast(1.05);outline:1px solid rgba(255,255,255,.06);outline-offset:-3px;overflow-x:auto;scrollbar-width:none;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .4s ease}body.page-home .feed-tabs::-webkit-scrollbar{display:none}body.page-home.light-mode .feed-tabs,html[data-home-theme=light] body.page-home .feed-tabs{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 24px rgba(0,0,0,.08);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}body.page-home .feed-tab{appearance:none;border:none;border-radius:var(--radius-xl);margin:6px 4px;padding:10px 22px;letter-spacing:.03em;text-transform:uppercase}:lang(ja) body.page-home .feed-tab,:lang(ko) body.page-home .feed-tab,:lang(zh) body.page-home .feed-tab{text-transform:none;letter-spacing:0}body.page-home .feed-tab{min-width:auto;flex:0 0 auto;font-size:13px;font-weight:800;color:rgba(255,255,255,.5);background:0 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;cursor:pointer;transition:color .25s ease,background .25s ease,box-shadow .25s ease}body.page-home .feed-tab.active{background:radial-gradient(circle at 40% 30%,rgba(6,95,212,.18),transparent 60%),rgba(6,95,212,.12);color:var(--accent);box-shadow:inset 0 1px 0 rgba(6,95,212,.15),0 2px 12px rgba(6,95,212,.12)}body.page-home .feed-tab#tab-vip:not(.active){color:rgba(6,95,212,.7)}body.page-home .feed-tab:hover:not(.active){color:rgba(255,255,255,.85);background:rgba(255,255,255,.06)}body.page-home .hero-section{max-width:1280px;margin:18px auto 28px;padding:0 18px;border:none;background:0 0;box-shadow:none;backdrop-filter:none}body.page-home .hero-strip{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:24px;align-items:center;padding:28px 32px;border-radius:var(--radius-3xl);border:2px solid var(--liquid-border);background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.18),transparent 45%),radial-gradient(ellipse at 80% 80%,rgba(6,95,212,.06),transparent 50%),radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--site-glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.15),0 30px 80px rgba(0,0,0,.45),0 12px 30px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(50px) saturate(2.0) brightness(1.08) contrast(1.08);-webkit-backdrop-filter:blur(50px) saturate(2.0) brightness(1.08) contrast(1.08);outline:1px solid rgba(255,255,255,.08);outline-offset:-4px;overflow:hidden;position:relative}body.page-home .hero-strip::before{content:"";position:absolute;top:-40%;left:-10%;width:60%;height:120%;background:radial-gradient(ellipse,rgba(255,255,255,.04),transparent 70%);pointer-events:none}body.page-home .hero-strip-copy{display:grid;gap:14px}body.page-home .hero-kicker-line{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-lg);width:fit-content;background:radial-gradient(circle at 30% 30%,rgba(6,95,212,.18),transparent 60%),rgba(6,95,212,.08);border:1px solid rgba(6,95,212,.2);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(6,95,212,.1),0 2px 10px rgba(6,95,212,.08)}body.page-home .hero-kicker-line i,body.page-home .hero-kicker-line svg{filter:var(--liquid-icon-glow)}body.page-home .hero-inline-title{max-width:760px;font-size:clamp(26px,3.4vw,42px);line-height:1.06;letter-spacing:-.04em;font-weight:900}body.page-home .hero-inline-note{max-width:700px;color:var(--sub);font-size:15px;line-height:1.7}body.page-home .hero-status-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}body.page-home .hero-hot-label,body.page-home .hero-status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-xl);background:radial-gradient(circle at 30% 30%,var(--liquid-highlight-sm),transparent 50%),var(--site-glass);border:1px solid var(--site-line);color:rgba(255,255,255,.75);font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.16);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}body.page-home .hero-hot-label i,body.page-home .hero-status-pill i{filter:var(--liquid-icon-glow)}body.page-home #hotSearchBar{display:grid;gap:12px;max-width:1280px;margin:16px 0 0;padding:18px;border-radius:var(--radius-3xl);background:radial-gradient(circle at 80% 80%,rgba(255,255,255,.06),transparent 50%),var(--site-glass);border:1px solid var(--site-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--site-shadow-sm);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}body.page-home .biz-section,body.page-home .intro-section,body.page-home .promo-stack,body.page-home .section-container,body.page-home footer{position:relative}body.page-home .auth-box,body.page-home .comment-box,body.page-home .intro-text-box,body.page-home .mini-box,body.page-home .playlist-preview,body.page-home .promo-card,body.page-home .report-box,body.page-home .smart-card,body.page-home .user-card{border-radius:var(--radius-3xl);box-shadow:inset 0 1px 0 var(--liquid-inset-top),inset 0 -1px 0 var(--liquid-inset-bottom),0 8px 32px rgba(0,0,0,.3),0 2px 8px var(--liquid-outer-glow);backdrop-filter:blur(28px) saturate(1.5) contrast(1.05);-webkit-backdrop-filter:blur(28px) saturate(1.5) contrast(1.05);outline:1px solid rgba(255,255,255,.04);outline-offset:-2px}body.page-home .promo-card{background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.1),transparent 50%),radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--site-glass);border:2px solid var(--liquid-border)}body.page-home.light-mode .promo-card,html[data-home-theme=light] body.page-home .promo-card{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 28px rgba(0,0,0,.08)}body.page-home .grid,body.page-home .playlist-preview-grid,body.page-home .user-grid{gap:16px}body.page-home .card{border-radius:var(--radius-2xl);height:100%;min-height:340px;border:2px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05) 0,transparent 4%,transparent 96%,rgba(0,0,0,.04) 100%),linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--site-glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.08),0 12px 40px rgba(0,0,0,.25);outline:1px solid rgba(255,255,255,.03);outline-offset:-2px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .4s ease}body.page-home .card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.06),0 20px 60px rgba(0,0,0,.32),0 0 0 1px rgba(6,95,212,.06)}body.page-home .thumb{height:208px;border-bottom:1px solid var(--site-line)}body.page-home .info{padding:12px 14px;gap:8px;background:0 0}body.page-home .meta-row{gap:10px;flex-wrap:wrap}body.page-home .ann-body,body.page-home .playlist-preview-sub,body.page-home .promo-text,body.page-home .smart-meta,body.page-home .stats-tag,body.page-home .u-tag,body.page-home .uc-bio{color:var(--sub)}body.page-home .intro-text-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:2px solid var(--liquid-border);background:radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--site-glass);padding:28px}body.page-home.light-mode .intro-text-box,html[data-home-theme=light] body.page-home .intro-text-box{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.06)}body.page-home .biz-section{padding-top:28px;background:radial-gradient(ellipse at 50% 0,rgba(6,95,212,.03),transparent 60%),transparent;border-top:1px solid var(--site-line)}body.page-home .biz-grid{max-width:1200px;margin:0 auto}body.page-home .biz-pill{border-radius:var(--radius-2xl);background:radial-gradient(circle at 30% 30%,var(--liquid-highlight-sm),transparent 50%),var(--site-glass);border:1px solid var(--site-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--site-shadow-sm);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);transition:transform .25s ease,box-shadow .25s ease}body.page-home .biz-pill:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),var(--site-shadow-md)}body.page-home.light-mode .biz-pill,html[data-home-theme=light] body.page-home .biz-pill{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.06)}body.page-home footer{background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.02),transparent 50%),var(--site-glass-strong);border-top:1px solid var(--site-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}body.page-home .warning-block{border-radius:var(--radius-2xl);border:1px solid rgba(255,68,68,.25);background:radial-gradient(circle at 20% 20%,rgba(255,68,68,.08),transparent 50%),rgba(30,8,8,.7);box-shadow:inset 0 1px 0 rgba(255,68,68,.06),0 8px 32px rgba(0,0,0,.2);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}body.page-home .trust-img{border-radius:var(--radius-xl)}body.page-home #sysMessageModal,body.page-home .auth-modal,body.page-home .comment-modal,body.page-home .report-modal,body.page-video .modal-overlay,body.page-video .reward-modal{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}body.page-home .auth-box{background:radial-gradient(ellipse at var(--glass-hx,30%) var(--glass-hy,20%),rgba(255,255,255,.15),transparent 50%),radial-gradient(ellipse at calc(100% - var(--glass-hx,30%)) calc(100% - var(--glass-hy,20%)),rgba(255,255,255,.06),transparent 60%),radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),var(--site-glass);border:2px solid var(--liquid-border);backdrop-filter:blur(40px) saturate(1.8) brightness(1.05) contrast(1.05);-webkit-backdrop-filter:blur(40px) saturate(1.8) brightness(1.05) contrast(1.05)}body.page-home .auth-box form{display:flex;flex-direction:column;gap:0}body.page-home .auth-legal{margin-top:16px;padding:14px 16px;border-radius:var(--radius-xl);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:var(--sub);line-height:1.6}body.page-home .switch-link{margin-top:16px}body.page-home .container{max-width:1400px;margin:0 auto;padding:0 18px}body.page-video .page-wrap{gap:24px;align-items:start}body.page-video .side-col{position:sticky;top:72px}body.page-video .header-inner>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}body.page-video .author-card,body.page-video .comment-item,body.page-video .desc-wrap,body.page-video .dropdown-menu,body.page-video .modal-box,body.page-video .next-up-wrap,body.page-video .player-wrap,body.page-video .reward-box,body.page-video .reward-history-wrap{border-radius:var(--radius-2xl);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.08),0 12px 40px rgba(0,0,0,.25);backdrop-filter:blur(28px) saturate(1.6) brightness(1.03);-webkit-backdrop-filter:blur(28px) saturate(1.6) brightness(1.03);border:1.5px solid rgba(255,255,255,.1);outline:1px solid rgba(255,255,255,.04);outline-offset:-2px}body.page-video .video-title{font-size:clamp(22px,3vw,36px);letter-spacing:-.03em}body.page-video .video-meta{padding:14px 18px;background:radial-gradient(circle at 30% 30%,var(--liquid-highlight-sm),transparent 50%),var(--site-glass);border:1px solid var(--site-line);border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--site-shadow-sm)}body.page-video .author-card{padding:18px}body.page-video .danmaku-list,body.page-video .desc-wrap,body.page-video .reward-history-wrap{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--site-glass)}body.page-video .comment-input-box{gap:14px}body.page-video .ci-inner{min-width:0}body.page-video .ci-textarea,body.page-video .comment-toolbar input,body.page-video .comment-toolbar select,body.page-video .danmaku-input-box input,body.page-video .danmaku-input-box select,body.page-video .reward-message-input{border-radius:var(--radius-lg)}body.page-video .side-title{margin-bottom:16px}body.page-video #notifPanel2{position:absolute;top:46px;right:0;width:min(340px,calc(100vw - 24px));background:radial-gradient(circle at 20% 20%,var(--liquid-highlight),transparent 40%),var(--site-glass-strong);border:1px solid var(--site-line);z-index:300;border-radius:var(--radius-2xl)}body.page-home.light-mode .card,html[data-home-theme=light] body.page-home .card{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 28px rgba(0,0,0,.08)}body.page-home.light-mode .card:hover,html[data-home-theme=light] body.page-home .card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 44px rgba(0,0,0,.12)}body.page-home.light-mode .hero-strip,html[data-home-theme=light] body.page-home .hero-strip{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 28px rgba(0,0,0,.08);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}body.page-home.light-mode .hero-hot-label,body.page-home.light-mode .hero-status-pill,html[data-home-theme=light] body.page-home .hero-hot-label,html[data-home-theme=light] body.page-home .hero-status-pill{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.06);color:#3a3a3a}body.page-home.light-mode #hotSearchBar,html[data-home-theme=light] body.page-home #hotSearchBar{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.06);box-shadow:0 4px 20px rgba(0,0,0,.06)}body.page-home.light-mode .hero-kicker-line,html[data-home-theme=light] body.page-home .hero-kicker-line{background:rgba(6,95,212,.1);border-color:rgba(6,95,212,.2)}body.page-home.light-mode .auth-box,html[data-home-theme=light] body.page-home .auth-box{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 36px rgba(0,0,0,.1)}body.page-home.light-mode .warning-block,html[data-home-theme=light] body.page-home .warning-block{background:rgba(255,240,240,.85);border-color:rgba(255,68,68,.2)}body.page-home.light-mode footer,html[data-home-theme=light] body.page-home footer{background:rgba(255,255,255,.9);border-top-color:rgba(0,0,0,.06)}body.page-home.light-mode .biz-section,html[data-home-theme=light] body.page-home .biz-section{border-top-color:rgba(0,0,0,.06)}body.page-home.light-mode .feed-tab,html[data-home-theme=light] body.page-home .feed-tab{color:rgba(0,0,0,.4)}body.page-home.light-mode .feed-tab.active,html[data-home-theme=light] body.page-home .feed-tab.active{background:rgba(6,95,212,.12);color:#b8920e}body.page-home.light-mode .feed-tab:hover:not(.active),html[data-home-theme=light] body.page-home .feed-tab:hover:not(.active){color:rgba(0,0,0,.7);background:rgba(0,0,0,.04)}body.page-home.light-mode .feed-tab#tab-vip:not(.active),html[data-home-theme=light] body.page-home .feed-tab#tab-vip:not(.active){color:#c9a20f}body.page-home.light-mode .search-input,html[data-home-theme=light] body.page-home .search-input{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 3px rgba(0,0,0,.06);color:#182234}body.page-home.light-mode .search-input:focus,html[data-home-theme=light] body.page-home .search-input:focus{border-color:rgba(6,95,212,.4);box-shadow:inset 0 1px 3px rgba(0,0,0,.06),0 0 0 3px rgba(6,95,212,.1)}body.page-home.light-mode .auth-legal,html[data-home-theme=light] body.page-home .auth-legal{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}body.page-video.light-mode .video-meta,html[data-video-theme=light] body.page-video .video-meta{background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.06)}body.page-video.light-mode .danmaku-list,body.page-video.light-mode .desc-wrap,body.page-video.light-mode .reward-history-wrap,html[data-video-theme=light] body.page-video .danmaku-list,html[data-video-theme=light] body.page-video .desc-wrap,html[data-video-theme=light] body.page-video .reward-history-wrap{background:rgba(255,255,255,.82)}@media (max-width:1024px){body.page-video .side-col{position:static}}@media (max-width:900px){body.page-home .feed-tabs{position:static;border-radius:var(--radius-2xl)}body.page-home .controls{width:100%;justify-content:space-between}body.page-home .hero-strip{grid-template-columns:1fr}body.page-home .hero-status-row{justify-content:flex-start}}@media (max-width:768px){body.page-home .header-inner,body.page-video .header-inner{padding-left:12px;padding-right:12px}body.page-home .search-box{order:2;width:100%;max-width:none;margin:0;border-radius:var(--radius-xl)}body.page-home .controls{width:100%;justify-content:flex-start;gap:10px}body.page-home #authBtns,body.page-home #userPanel{width:100%;justify-content:flex-start}body.page-home #langBtn,body.page-home #themeBtn{display:inline-flex;height:36px;padding:0 10px;font-size:12px;border-radius:var(--radius-lg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.1);background:var(--site-glass)}body.page-home.light-mode #langBtn,body.page-home.light-mode #themeBtn,html[data-home-theme=light] body.page-home #langBtn,html[data-home-theme=light] body.page-home #themeBtn{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body.page-home .hero-section{margin-top:14px;padding:0 12px}body.page-home .hero-strip{padding:18px 16px;border-radius:var(--radius-2xl)}body.page-home .hero-inline-title{font-size:24px}body.page-home .auth-box{width:min(100%,420px);padding:24px 18px;border-radius:var(--radius-2xl)}body.page-home .card{min-height:280px;border-radius:var(--radius-xl)}body.page-home .thumb{height:156px}body.page-home #continueGrid,body.page-home #smartFeedGrid{grid-template-columns:1fr}body.page-home .intro-text-box{grid-template-columns:1fr;padding:20px;border-radius:var(--radius-2xl)}body.page-home .warning-block{padding:20px;border-radius:var(--radius-xl)}body.page-home .warning-text{text-align:left}body.page-home #notifPanel{width:min(340px,calc(100vw - 24px));right:auto;left:0}body.page-home .feed-tabs{border-radius:var(--radius-2xl);padding:0 12px}body.page-home .feed-tab{padding:9px 12px;font-size:12px;border-radius:var(--radius-lg);gap:5px}body.page-home .comment-box,body.page-home .intro-text-box,body.page-home .mini-box,body.page-home .playlist-preview,body.page-home .promo-card,body.page-home .report-box,body.page-home .smart-card,body.page-home .user-card{border-radius:var(--radius-2xl)}body.page-home .biz-pill{border-radius:var(--radius-xl)}body.page-home #hotSearchBar{border-radius:var(--radius-2xl);padding:14px}body.page-video .header-inner>div:last-child{width:100%;justify-content:flex-start}body.page-video .header-inner>div:last-child .nav-btn{justify-content:center;flex:1 1 calc(50% - 8px);min-width:132px}body.page-video .video-meta{padding:12px;border-radius:var(--radius-xl)}body.page-video .comment-input-box{flex-direction:column}body.page-video .ci-avt{display:none}body.page-video .ci-footer{flex-direction:column;align-items:stretch;gap:10px}body.page-video .reward-box{max-height:calc(100vh - 40px);overflow-y:auto;padding:20px 16px;border-radius:var(--radius-2xl)}body.page-video .author-card,body.page-video .comment-item,body.page-video .desc-wrap,body.page-video .dropdown-menu,body.page-video .modal-box,body.page-video .next-up-wrap,body.page-video .player-wrap,body.page-video .reward-box,body.page-video .reward-history-wrap{border-radius:var(--radius-xl)}body.page-home .hero-hot-label,body.page-home .hero-status-pill{padding:8px 12px;border-radius:var(--radius-lg)}}@media (max-width:480px){body.page-home .hero-strip{padding:14px 12px;border-radius:var(--radius-2xl);gap:14px}body.page-home .hero-inline-title{font-size:20px}body.page-home .hero-inline-note{font-size:13px}body.page-home .hero-kicker-line{font-size:10px;padding:5px 10px;border-radius:var(--radius-lg)}body.page-home .card{min-height:240px;border-radius:var(--radius-xl)}body.page-home .thumb{height:130px}body.page-home .feed-tabs{border-radius:var(--radius-xl)}body.page-home .feed-tab{padding:8px 12px;font-size:11px}body.page-home .auth-box{padding:18px 14px;border-radius:var(--radius-2xl)}body.page-home .container{padding:0 10px}body.page-home .search-box{border-radius:var(--radius-xl)}}@media (prefers-reduced-motion:reduce){body.page-home #langBtn,body.page-home #themeBtn,body.page-home .auth-btn,body.page-home .biz-pill,body.page-home .card,body.page-home .search-btn,body.page-video .nav-btn{transition:none}body.page-home .biz-pill:hover,body.page-home .card:hover{transform:none}}body.page-home .card{transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94),border-color .35s ease;will-change:transform,box-shadow}body.page-home .card .thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 40%,rgba(6,95,212,.08) 70%,rgba(6,95,212,.18) 100%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:2}body.page-home .card:hover .thumb::after{opacity:1}body.page-home .card:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(6,95,212,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.08),0 24px 64px rgba(0,0,0,.38),0 0 0 1px rgba(6,95,212,.12),0 0 20px rgba(6,95,212,.08)}body.page-home.light-mode .card:hover,html[data-home-theme=light] body.page-home .card:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(6,95,212,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 52px rgba(0,0,0,.14),0 0 0 1px rgba(6,95,212,.15),0 0 16px rgba(6,95,212,.06)}.img-loading{opacity:0;transition:opacity .5s cubic-bezier(.25,.46,.45,.94)}.img-loaded{opacity:1}@keyframes skeletonShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton-placeholder{background:linear-gradient(90deg,#1a1a1a 0,#2a2a2a 20%,#323232 50%,#2a2a2a 80%,#1a1a1a 100%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}body.light-mode .skeleton-placeholder,html[data-home-theme=light] .skeleton-placeholder{background:linear-gradient(90deg,#e6e6e6 0,#f5f5f5 20%,#fafafa 50%,#f5f5f5 80%,#e6e6e6 100%);background-size:200% 100%}.blur-up{filter:blur(20px);opacity:.6;transform:scale(1.04);transition:filter .6s cubic-bezier(.25,.46,.45,.94),opacity .6s ease,transform .6s ease}.blur-up.sharp{filter:blur(0);opacity:1;transform:scale(1)}.card .thumb img.lazy-blur{filter:blur(16px);opacity:.7;transition:filter .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease}.card .thumb img.lazy-blur.loaded{filter:blur(0);opacity:1}body.page-home .grid{display:grid;gap:16px;max-width:1400px;margin:0 auto}@media (max-width:479px){body.page-home .grid{grid-template-columns:1fr;gap:12px;padding:0 10px}body.page-home .search-results-panel,body.page-home .section-container{padding:0 10px}body.page-home .container{padding:0 10px}}@media (min-width:480px) and (max-width:767px){body.page-home .grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 12px}}@media (min-width:768px) and (max-width:1023px){body.page-home .grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1024px) and (max-width:1399px){body.page-home .grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width:1400px){body.page-home .grid{grid-template-columns:repeat(4,1fr);gap:18px}}@media (max-width:767px){body.page-home .section-container{margin-bottom:24px}body.page-home .category-block{margin-bottom:32px}body.page-home .info{padding:10px 12px}body.page-home .meta-row{padding-top:8px}body.page-home .desc{font-size:12px;margin-bottom:6px}}body.page-home,body.page-video{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.page-home .desc,body.page-video .desc{font-size:14px;line-height:1.5;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:auto;max-height:calc(14px * 1.5 * 2);margin-bottom:8px;word-break:break-word}body.page-home .section-title{font-size:22px;line-height:1.3;letter-spacing:-.02em}body.page-home .cat-title{font-size:20px;line-height:1.3;letter-spacing:-.01em}body.page-home .promo-title{font-size:16px;line-height:1.4}body.page-home .ann-body,body.page-home .promo-text{line-height:1.7}body.page-home .intro-col p{line-height:1.8}body.page-home .u-name{font-size:12px;line-height:1.4}body.page-home .stats-tag{font-size:11px;line-height:1.4}body.page-home .u-name{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pageFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.page-home,body.page-video{animation:pageFadeIn .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes dropdownSlideIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}#notifPanel[style*=block],#searchHistoryPanel[style*=block],.card-dropdown.open,body.page-video #notifPanel2[style*=block],body.page-video .dropdown-menu.show{animation:dropdownSlideIn .25s cubic-bezier(.22,1,.36,1) both}body.page-home #notifPanel,body.page-home #searchHistoryPanel,body.page-video #notifPanel2,body.page-video .dropdown-menu{transform-origin:top center;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.search-input:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(6,95,212,.25)}.auth-btn:focus-visible,.feed-tab:focus-visible,.filter-btn:focus-visible,.header-tool-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-control:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(6,95,212,.2)}.card a:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:inherit}.auth-btn:active,.btn-submit:active,.feed-tab:active,.filter-btn:active,.header-tool-btn:active,.search-btn:active{transform:scale(.97);transition-duration:.1s}@keyframes bottomNavSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-bottom-nav,950);height:60px;padding-bottom:env(safe-area-inset-bottom,0);background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.06),transparent 60%),rgba(10,10,10,.94);border-top:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -8px 32px rgba(0,0,0,.4);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);transition:transform .3s cubic-bezier(.25,.46,.45,.94);animation:bottomNavSlideUp .4s cubic-bezier(.22,1,.36,1) both}.mobile-bottom-nav.nav-hidden{transform:translateY(100%)}.mobile-bottom-nav.nav-visible{transform:translateY(0)}.mobile-bottom-nav-inner{display:flex;align-items:center;justify-content:space-around;height:100%;max-width:480px;margin:0 auto;padding:0 8px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;padding:6px 0;text-decoration:none;color:rgba(255,255,255,.45);font-size:10px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .25s ease,transform .2s ease;-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item i{font-size:20px;transition:color .25s ease,transform .2s ease,filter .25s ease}.bottom-nav-item span{font-size:10px;white-space:nowrap}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active i{color:var(--accent);filter:drop-shadow(0 2px 6px rgba(6,95,212,.4));transform:scale(1.1)}.bottom-nav-item.active::before{content:'';position:absolute;top:2px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px rgba(6,95,212,.5)}.bottom-nav-item:hover{color:rgba(255,255,255,.75)}.bottom-nav-item:active{transform:scale(.92)}@media (max-width:767px){.mobile-bottom-nav{display:block}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.back-to-top{bottom:calc(var(--bottom-nav-height,60px) + 20px + env(safe-area-inset-bottom,0px))}}body.light-mode .mobile-bottom-nav,html[data-home-theme=light] .mobile-bottom-nav{background:rgba(255,255,255,.92);border-top-color:rgba(0,0,0,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 -4px 20px rgba(0,0,0,.08)}body.light-mode .bottom-nav-item,html[data-home-theme=light] .bottom-nav-item{color:rgba(0,0,0,.35)}body.light-mode .bottom-nav-item.active,html[data-home-theme=light] .bottom-nav-item.active{color:var(--accent)}body.light-mode .bottom-nav-item.active i,html[data-home-theme=light] .bottom-nav-item.active i{color:var(--accent)}body.light-mode .bottom-nav-item:hover,html[data-home-theme=light] .bottom-nav-item:hover{color:rgba(0,0,0,.6)}@media (min-width:768px){.mobile-bottom-nav{display:none!important}}@media (prefers-reduced-motion:reduce){body.page-home,body.page-video{animation:none}.card-dropdown.open,.mobile-bottom-nav{animation:none}.blur-up{filter:none;opacity:1;transform:none;transition:none}.img-loading{opacity:1;transition:none}.skeleton-placeholder{animation:none}}.cat-header-btn{display:inline-flex;align-items:center;gap:6px;background:0 0;color:var(--text,#f0f0f0);border:1px solid var(--border,#333);padding:8px 14px;font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap}.cat-header-btn:hover{background:var(--accent,#065fd4);color:var(--accent-contrast,#000);border-color:var(--accent,#065fd4)}.cat-header-btn i{font-size:14px}.cat-fab{display:none}@media (max-width:767px){.cat-fab{display:inline-flex;align-items:center;gap:6px;position:fixed;left:14px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:var(--z-modal);background:var(--accent,#065fd4);color:var(--accent-contrast,#000);border:none;padding:10px 14px;border-radius:var(--radius-3xl);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35),0 0 0 2px rgba(255,204,0,.15);transition:transform .18s ease,box-shadow .18s ease;min-height:44px}.cat-fab:active{transform:scale(.95)}.cat-fab i{font-size:15px}.cat-fab-label{font-size:13px;font-weight:700}.cat-header-btn{display:none}}.back-to-top{z-index:var(--z-floating-btn)}@media (max-width:768px){.back-to-top{z-index:calc(var(--z-bottom-nav) + 1)}}.card[data-media-id]{cursor:pointer}@media (max-width:768px){body.page-home .grid{grid-template-columns:1fr;gap:18px;padding:0}body.page-home .card{min-height:auto;height:auto;border-radius:0;border:none;background:0 0;overflow:visible;box-shadow:none;transition:none;flex-direction:column}body.page-home .card:hover{transform:none;border-color:transparent;box-shadow:none}body.page-home .card:active{transform:scale(.995)}body.page-home .card .thumb{aspect-ratio:16/9;height:auto;border-radius:0;overflow:hidden}.card .thumb img,.card .thumb video{width:100%;height:100%;object-fit:cover}.card:hover .thumb img,.card:hover .thumb video{transform:none;filter:none}.card .duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);line-height:1.3;letter-spacing:.2px}.card .info{padding:10px 14px 0;gap:6px}.card .desc{font-size:15px;line-height:1.4;font-weight:500;color:var(--text-primary,var(--text));padding:0;margin:0 0 8px;height:auto;max-height:none;min-height:0;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.card .meta-row{border-top:none;padding-top:0;margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.card .u-tag{padding:0;font-size:13px;gap:8px;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden}.card .u-avt-small{width:24px;height:24px;border-radius:50%;flex-shrink:0}.card .u-name{max-width:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary,var(--text))}.card .stats-tag{font-size:13px;gap:14px;color:var(--text-secondary);flex-shrink:0}.card .stats-tag span{gap:4px}.card .badge-top,.card .status-badge{font-size:10px;padding:3px 7px;border-radius:var(--radius-sm)}.card .card-menu-btn{background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}@media (max-width:480px){.card .desc{font-size:14.5px}.card .stats-tag,.card .u-tag{font-size:12.5px}body.page-home .grid{gap:16px}}.mobile-nav-btn,.mobile-user-btn{display:none}@media (max-width:768px){.header-inner{grid-template-columns:auto 1fr auto;grid-template-areas:"hamburger logo user" "search search search";gap:6px;column-gap:8px}.mobile-nav-btn{grid-area:hamburger;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;color:var(--text,#fff);font-size:20px;cursor:pointer;padding:0;flex-shrink:0;border-radius:var(--radius-lg);transition:background .15s,transform .1s}.mobile-nav-btn:active{transform:scale(.92);background:rgba(255,255,255,.08)}.mobile-nav-btn i{font-size:20px;line-height:1}.mobile-user-btn{grid-area:user;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;color:var(--text,#fff);font-size:22px;cursor:pointer;padding:0;flex-shrink:0;border-radius:50%;position:relative;transition:background .15s,transform .1s}.mobile-user-btn:active{transform:scale(.92);background:rgba(255,255,255,.08)}.mobile-user-btn i{font-size:22px;line-height:1}.mobile-user-badge{position:absolute;top:3px;right:3px;width:9px;height:9px;background:var(--error,#f44);border-radius:50%;border:2px solid var(--header-bg,#0a0a0a);pointer-events:none}.controls{display:none!important}.cat-fab{display:none!important}}.cat-side-tools{display:none}@media (max-width:768px){.cat-side-tools{display:flex;flex:0 0 auto;margin-top:auto;padding-top:12px;border-top:1px solid var(--border,rgba(255,255,255,.1));flex-direction:column;gap:2px}}.cat-tool-item{display:flex;align-items:center;gap:12px;padding:11px 14px;font-size:14px;color:var(--text,#eee);text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:background .15s,color .15s,transform .1s;user-select:none;position:relative}@media (hover:hover){.cat-tool-item:hover{background:rgba(6,95,212,.1);color:var(--accent,#065fd4);transform:translateX(3px)}.cat-tool-item:hover i{color:var(--accent,#065fd4)}}.cat-tool-item:active{transform:translateX(1px) scale(.98)}.cat-tool-item>span:first-of-type{flex:1}.cat-tool-item i{width:18px;text-align:center;font-size:15px;color:var(--sub,#888);flex-shrink:0}.cat-tool-item.cat-tool-primary{background:linear-gradient(135deg,rgba(6,95,212,.18),rgba(255,138,0,.12));border:1px solid rgba(6,95,212,.32);font-weight:700;color:var(--accent,#065fd4)}.cat-tool-item.cat-tool-primary i{color:var(--accent,#065fd4)}.cat-tool-item.cat-tool-primary:hover{background:linear-gradient(135deg,rgba(6,95,212,.28),rgba(255,138,0,.18))}.cat-tool-badge{background:var(--error);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-lg);line-height:1.4;min-width:18px;text-align:center}.cat-tool-auth{display:none}@media (max-width:768px){#googleQuickLoginDock{top:auto;bottom:calc(60px + 14px + env(safe-area-inset-bottom,0px));right:12px;left:12px;max-width:none;z-index:var(--z-toast)}#googleQuickLoginDock .google-quick-card{border-radius:var(--radius-2xl);padding:16px;box-shadow:0 -8px 32px rgba(0,0,0,.45),0 2px 12px rgba(0,0,0,.2);animation:googleQuickSheetUp .32s cubic-bezier(.4,0,.2,1) both}#googleQuickLoginDock .google-quick-action{padding:13px 14px;font-size:15px}}@keyframes googleQuickSheetUp{from{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}body.light-mode .cat-side-tools,html[data-home-theme=light] .cat-side-tools{border-top-color:rgba(0,0,0,.08)}body.light-mode .cat-tool-item:hover,html[data-home-theme=light] .cat-tool-item:hover{background:rgba(6,95,212,.15)}.cat-side-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 18px;margin-bottom:8px;flex-shrink:0}.cat-close-x{background:0 0;border:none;color:var(--accent,#065fd4);font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.cat-close-x:hover{background:rgba(6,95,212,.12)}.cat-side-logo{font-size:22px;font-weight:900;letter-spacing:-.04em;color:var(--text,#fff)}.cat-side-logo span{color:var(--accent-contrast);background:var(--accent,#065fd4);padding:0 6px;border-radius:var(--radius-sm)}body.light-mode .cat-side-logo,html[data-home-theme=light] .cat-side-logo{color:#1a1a1a}body.light-mode .cat-side-logo span,html[data-home-theme=light] .cat-side-logo span{color:#fff;background:var(--accent,#065fd4)}.cat-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0 18px;margin-bottom:6px;border-bottom:1px solid var(--border,rgba(255,255,255,.08));flex-shrink:0}.cat-quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text,#fff);padding:6px 4px;border-radius:var(--radius-lg);transition:background .15s,transform .15s;cursor:pointer}.cat-quick-btn:hover{background:rgba(6,95,212,.08);transform:translateY(-1px)}.cat-quick-btn:active{transform:scale(.96)}.cat-quick-icon{width:56px;height:56px;border-radius:50%;background:rgba(6,95,212,.12);display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent,#065fd4);border:1px solid rgba(6,95,212,.18);transition:background .15s,border-color .15s}.cat-quick-btn:hover .cat-quick-icon{background:rgba(6,95,212,.2);border-color:var(--accent,#065fd4)}.cat-quick-label{font-size:12px;font-weight:700;text-align:center;color:var(--text,#fff)}body.light-mode .cat-quick-icon,html[data-home-theme=light] .cat-quick-icon{background:rgba(0,123,255,.1);border-color:rgba(0,123,255,.18);color:var(--accent,#065fd4)}body.light-mode .cat-quick-btn:hover,html[data-home-theme=light] .cat-quick-btn:hover{background:rgba(0,123,255,.06)}body.light-mode .cat-quick-btn:hover .cat-quick-icon,html[data-home-theme=light] .cat-quick-btn:hover .cat-quick-icon{background:rgba(0,123,255,.18);border-color:var(--accent,#065fd4)}.cat-side-section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary,#888);padding:4px 6px 8px;border-bottom:1px solid var(--border,rgba(255,255,255,.06));margin-bottom:6px}.cat-side-section-title i{font-size:12px;color:var(--accent,#065fd4)}.cat-section-mt{margin-top:14px}.cat-tool-meta{margin-left:auto;font-size:11px;color:var(--text-secondary,#888);font-weight:600}.cat-tool-item.cat-tool-danger{color:var(--error,#e74c3c)}.cat-tool-item.cat-tool-danger:hover{background:var(--error-soft,rgba(231,76,60,.1))}.cat-tool-item.cat-tool-danger i{color:var(--error,#e74c3c)}@media (min-width:769px){.cat-side-tools{display:flex!important;flex-direction:column;gap:2px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border,rgba(255,255,255,.08))}}@media (min-width:480px){.cat-side-nav{width:min(360px,90vw)}}body:not(.is-logged-in) .cat-quick-btn.cat-tool-auth{display:none}body.is-logged-in .cat-quick-btn.cat-tool-guest{display:none}.user-side-nav{position:fixed;right:0;top:0;width:min(360px,90vw);height:100vh;height:100dvh;box-sizing:border-box;background:var(--card,#ffffff);border-left:1px solid var(--border,rgba(255,255,255,.08));border-radius:var(--radius-xl) 0 0 var(--radius-xl);padding:20px 14px 24px;z-index:var(--z-modal);box-shadow:-8px 0 36px rgba(0,0,0,.35);transform:translateX(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain}.user-side-nav.open{transform:translateX(0)}.user-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:var(--z-modal-backdrop);opacity:0;pointer-events:none;transition:opacity .28s}.user-drawer-backdrop.open{opacity:1;pointer-events:auto}body.light-mode .user-side-nav,html[data-home-theme=light] .user-side-nav{background:#fff;border-left-color:rgba(0,0,0,.08)}.ph-side-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 18px;margin-bottom:8px}.ph-close-btn{background:0 0;border:none;color:var(--accent,#065fd4);font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.ph-close-btn:hover{background:rgba(6,95,212,.12)}body.light-mode .ph-close-btn:hover{background:rgba(6,95,212,.08)}.ph-side-logo{font-size:22px;font-weight:900;letter-spacing:-.04em;color:var(--text,#fff)}.ph-side-logo span{color:var(--accent,#065fd4);background:0 0;padding:0}body.light-mode .ph-side-logo,html[data-home-theme=light] .ph-side-logo{color:#1a1a1a}body.light-mode .ph-side-logo span,html[data-home-theme=light] .ph-side-logo span{color:var(--accent,#065fd4)}.ph-quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 0 16px;margin-bottom:8px;border-bottom:1px solid var(--border,rgba(255,255,255,.08))}.ph-quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--text,#fff);padding:6px 4px;border-radius:var(--radius-lg);cursor:pointer;transition:background .15s}.ph-quick-btn:hover{background:rgba(6,95,212,.08)}.ph-quick-circle{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.06);display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent,#065fd4);border:1px solid rgba(255,255,255,.06);transition:background .15s,border-color .15s}.ph-quick-btn:hover .ph-quick-circle{background:rgba(6,95,212,.18);border-color:var(--accent,#065fd4)}.ph-quick-label{font-size:13px;font-weight:700;color:var(--text,#fff)}body.light-mode .ph-quick-circle,html[data-home-theme=light] .ph-quick-circle{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08);color:#1a1a1a}body.light-mode .ph-quick-btn:hover,html[data-home-theme=light] .ph-quick-btn:hover{background:rgba(0,123,255,.06)}body.light-mode .ph-quick-btn:hover .ph-quick-circle,html[data-home-theme=light] .ph-quick-btn:hover .ph-quick-circle{background:rgba(0,123,255,.12);border-color:var(--accent,#065fd4);color:var(--accent,#065fd4)}body.light-mode .ph-quick-label,html[data-home-theme=light] .ph-quick-label{color:#1a1a1a}.ph-nav-item{display:flex;align-items:center;gap:14px;padding:14px 14px;color:var(--text,#fff);text-decoration:none;border-radius:var(--radius-lg);margin-bottom:4px;background:rgba(255,255,255,.03);transition:background .15s,transform .15s;font-size:15px;font-weight:600}.ph-nav-item:hover{background:rgba(6,95,212,.1);transform:translateX(2px)}.ph-nav-item:active{transform:scale(.98)}.ph-nav-item i{width:22px;text-align:center;font-size:16px;color:var(--text,#fff);opacity:.9}.ph-nav-item>span:first-of-type{flex:1}.ph-nav-meta{font-size:11px;color:var(--text-secondary,#888);font-weight:500}.ph-nav-badge{background:var(--error);color:#fff;font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:700;min-width:22px;text-align:center}.ph-nav-danger{color:var(--error)}.ph-nav-danger i{color:var(--error)}.ph-nav-danger:hover{background:var(--error-soft)}body.light-mode .ph-nav-item,html[data-home-theme=light] .ph-nav-item{background:rgba(0,0,0,.025);color:#1a1a1a}body.light-mode .ph-nav-item i,html[data-home-theme=light] .ph-nav-item i{color:#1a1a1a}body.light-mode .ph-nav-item:hover,html[data-home-theme=light] .ph-nav-item:hover{background:rgba(0,123,255,.08)}.ph-side-section{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary,#888);padding:14px 8px 8px;margin-top:6px}.ph-side-section i{font-size:12px;color:var(--accent,#065fd4)}body:not(.is-logged-in) .ph-nav-item.cat-tool-auth,body:not(.is-logged-in) .ph-quick-btn.cat-tool-auth{display:none}body.is-logged-in .ph-nav-item.cat-tool-guest,body.is-logged-in .ph-quick-btn.cat-tool-guest{display:none}.card .thumb,.discover-thumb,.next-up-card img,.next-up-list-item img,.rel-thumb{background:linear-gradient(135deg,var(--skeleton-base,#1a1a1a) 0,var(--skeleton-hl,#252525) 50%,var(--skeleton-base,#1a1a1a) 100%);background-size:200% 200%;animation:thumb-shimmer 2.5s ease-in-out infinite;position:relative}.card .thumb::before{content:'\f144';font-family:'Font Awesome 6 Free','Font Awesome 5 Free';font-weight:900;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(6,95,212,.18);font-size:38px;z-index:0;pointer-events:none}.card .thumb img,.card .thumb video{position:relative;z-index:1;background:0 0}.card .thumb img.vs-loaded~::before,.card .thumb:has(img.vs-loaded){animation:none}@keyframes thumb-shimmer{0%,100%{background-position:0 0}50%{background-position:100% 100%}}body.light-mode .card .thumb::before,html[data-home-theme=light] body .card .thumb::before{color:rgba(0,123,255,.18)}@media (prefers-reduced-motion:reduce){.card .thumb,.discover-thumb,.next-up-card img,.next-up-list-item img,.rel-thumb{animation:none}}.sort-filter-bar{max-width:1400px;margin:0 auto;padding:10px 15px 6px;display:flex;align-items:center;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sort-filter-bar::-webkit-scrollbar{display:none}.sf-sort-wrap{position:relative;flex-shrink:0}.sf-sort-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text-secondary,#ccc);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap;user-select:none}.sf-sort-btn:hover{border-color:var(--accent);color:var(--accent)}.sf-sort-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(6,95,212,.08)}.sf-sort-btn i.fa-chevron-down{font-size:9px;transition:transform .2s}.sf-sort-btn.open i.fa-chevron-down{transform:rotate(180deg)}.sf-sort-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 0;box-shadow:0 12px 40px rgba(0,0,0,.5);backdrop-filter:blur(20px);z-index:var(--z-dropdown);display:none;animation:sfDropIn .15s ease}.sf-sort-dropdown.show{display:block}@keyframes sfDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sf-sort-option{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--text-secondary,#bbb);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.sf-sort-option:hover{background:rgba(6,95,212,.08);color:var(--text-primary)}.sf-sort-option.active{color:var(--accent)}.sf-sort-option.active::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;margin-left:auto;color:var(--accent)}.sf-sort-option i{width:16px;text-align:center;font-size:12px;opacity:.7}.sf-divider{width:1px;height:22px;background:rgba(255,255,255,.08);flex-shrink:0}.sf-duration-pills{display:flex;gap:6px;flex-shrink:0}.sf-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:0 0;color:var(--sub-text,#888);font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap;user-select:none}.sf-pill:hover{border-color:rgba(255,255,255,.2);color:var(--text-secondary,#ccc)}.sf-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(6,95,212,.1)}body.light-mode .sf-sort-btn{background:rgba(0,0,0,.03);border-color:var(--border-soft);color:var(--text-secondary)}body.light-mode .sf-sort-btn.active,body.light-mode .sf-sort-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(0,123,255,.06)}body.light-mode .sf-sort-dropdown{background:var(--card);border-color:var(--border-soft);box-shadow:0 12px 40px rgba(0,0,0,.12)}body.light-mode .sf-sort-option{color:var(--text-secondary,#555)}body.light-mode .sf-sort-option:hover{background:rgba(0,123,255,.06);color:var(--text-primary)}body.light-mode .sf-sort-option.active{color:var(--accent)}body.light-mode .sf-divider{background:var(--border-soft)}body.light-mode .sf-pill{border-color:var(--border-soft);color:var(--text-muted)}body.light-mode .sf-pill:hover{border-color:var(--border-soft);color:var(--text-primary)}body.light-mode .sf-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(0,123,255,.08)}@media (max-width:768px){.sort-filter-bar{padding:8px 12px 4px;gap:6px}.sf-sort-btn{padding:6px 10px;font-size:11px}.sf-pill{padding:5px 10px;font-size:11px}.sf-sort-dropdown{min-width:140px}}body.page-home .sort-filter-bar{position:sticky;top:118px;z-index:77;background:var(--bg);transition:background .3s}@media (max-width:900px){body.page-home .sort-filter-bar{position:static}} body.page-home .hero-reveal,.hero-reveal,body.page-home .hero-wordmark .char {opacity: 1 !important;transform: none !important;filter: none !important;transition: none !important;} body.page-home .hero-section--compact {margin: 12px 0 8px;text-align: left;} body.page-home .hero-section--compact .hero-shell {display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: 18px 28px;align-items: start;max-width: 1180px;margin: 0 auto;padding: 18px 18px 16px;border-radius: 18px;border: 1px solid var(--border-soft,rgba(255,255,255,.08));background: radial-gradient(circle at 12% 0%,rgba(6,95,212,.12),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));} body.page-home .hero-brand-row {display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin-bottom: 10px;} body.page-home .hero-brand {font-size: clamp(28px,5vw,40px);font-weight: 900;letter-spacing: -0.03em;color: var(--text);line-height: 1;} body.page-home .hero-brand span {color: var(--accent);} body.page-home .hero-status-pills {display: inline-flex;flex-wrap: wrap;gap: 6px;} body.page-home .hero-section--compact .hero-status-pill {padding: 5px 10px;font-size: 11px;font-weight: 700;letter-spacing: 0;background: rgba(255,255,255,.04);border: 1px solid rgba(255,255,255,.08);color: var(--text-secondary,#aaa);} body.page-home .hero-section--compact .hero-status-pill i {color: var(--accent);font-size: 11px;} body.page-home .hero-lead {margin: 0;max-width: 42em;font-size: 14px;line-height: 1.65;color: var(--text-secondary,#bbb);} body.page-home .hot-search-panel {max-width: none;margin: 0;padding: 12px 14px;border-radius: 14px;background: rgba(0,0,0,.22);border: 1px solid rgba(255,255,255,.06);} body.page-home .hero-hot-label {margin: 0 0 10px;font-size: 11px;letter-spacing: .12em;color: var(--accent);} body.page-home .hot-search-tags {display: flex;flex-wrap: wrap;gap: 8px;min-height: 28px;} body.page-home .hot-search-tags button,body.page-home #hotSearchTags button {cursor: pointer;background: rgba(255,255,255,.04) !important;border: 1px solid rgba(255,255,255,.1) !important;padding: 6px 12px !important;border-radius: 999px !important;font-size: 12px !important;color: var(--text) !important;transition: border-color .15s,color .15s,background .15s !important;} body.page-home .hot-search-tags button:hover,body.page-home #hotSearchTags button:hover {border-color: var(--accent) !important;color: var(--accent) !important;background: rgba(6,95,212,.08) !important;} @media (max-width: 900px) {body.page-home .hero-section--compact .hero-shell {grid-template-columns: 1fr;padding: 14px 12px;gap: 12px;}} body.light-mode .hero-section--compact .hero-shell,html[data-home-theme=light] body.page-home .hero-section--compact .hero-shell {background: linear-gradient(180deg,#fff,#f7f9fc);border-color: rgba(15,23,42,.08);} body.light-mode .hot-search-panel,html[data-home-theme=light] body.page-home .hot-search-panel {background: rgba(0,0,0,.03);border-color: rgba(15,23,42,.08);} .skip-link:focus{top:12px!important;outline:2px solid var(--accent);outline-offset:2px}:root,html,html[data-home-theme],html[data-home-theme="light"],html[data-home-theme="dark"],body,body.light-mode,body.page-home {--bg: #fff !important;--body-bg: #fff !important;--card: #fff !important;--card-hover: #f2f2f2 !important;--text: #0f0f0f !important;--text-primary: #0f0f0f !important;--text-secondary: #606060 !important;--text-muted: #606060 !important;--sub: #606060 !important;--sub-text: #606060 !important;--txt: #0f0f0f !important;--accent: #065fd4 !important;--accent-hover: #0556bf !important;--accent-contrast: #fff !important;--accent-soft: rgba(6,95,212,.08) !important;--pri: #e8a317 !important;--on-accent: #fff !important;--border: rgba(0,0,0,.1) !important;--brd: rgba(0,0,0,.1) !important;--border-soft: rgba(0,0,0,.08) !important;--border-strong: rgba(0,0,0,.12) !important;--header-bg: #fff !important;--header-shadow: none !important;--header-control-bg: transparent !important;--header-control-hover: rgba(0,0,0,.05) !important;--header-control-border: transparent !important;--header-control-text: #0f0f0f !important;--header-search-bg: #fff !important;--header-search-focus: #1c62b9 !important;--input-bg: #fff !important;--input-border: #ccc !important;--panel-soft: #f2f2f2 !important;--surface-soft: #f2f2f2 !important;--skeleton-base: #e5e5e5 !important;--skeleton-hl: #f2f2f2 !important;--gradient: none !important;--shadow-md: none !important;--shadow-sm: none !important;--shadow-lg: 0 4px 32px rgba(0,0,0,.12) !important;--header-height: 56px;--sidebar-width: 240px;--chip-h: 32px;--guide-item-h: 40px;--yt-item-radius: 12px;--yt-gap-x: 16px;--yt-gap-y: 40px;color-scheme: light !important;} html,body,body.page-home {background: #fff !important;color: #0f0f0f !important;font-family: "Roboto",Arial,"PingFang SC","Microsoft YaHei",sans-serif !important;font-size: 14px !important;line-height: 1.4 !important;margin: 0 !important;padding: 0 !important;} #themeBtn,body.page-home #themeBtn,.ph-nav-item[onclick*="toggleTheme"] {display: none !important;} body.page-home > header,body.page-home header {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;height: 56px !important;min-height: 56px !important;max-height: 56px !important;z-index: 2020 !important;background: #fff !important;border-bottom: none !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;padding: 0 !important;overflow: visible !important;} body.page-home header .header-inner {height: 56px !important;max-width: none !important;width: 100% !important;margin: 0 !important;padding: 0 16px !important;display: grid !important;grid-template-columns: 169px minmax(0,1fr) 225px !important;justify-content: space-between !important;align-items: center !important;column-gap: 0 !important;box-sizing: border-box !important;} body.page-home header .header-start {display: inline-flex !important;align-items: center !important;gap: 4px !important;min-width: 0 !important;justify-self: start !important;} body.page-home header .mobile-nav-btn {flex: 0 0 40px !important;width: 40px !important;height: 40px !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;color: #0f0f0f !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;box-shadow: none !important;padding: 0 !important;margin: 0 !important;cursor: pointer !important;font-size: 18px !important;transition: none !important;pointer-events: auto !important;position: relative !important;z-index: 3 !important;} body.page-home header .mobile-nav-btn:hover,body.page-home header .mobile-nav-btn:active {background: rgba(0,0,0,.2) !important;border-radius: 24px !important;} body.page-home header .logo {flex: 0 0 auto !important;display: inline-flex !important;align-items: center !important;gap: 3px !important;font-size: 20px !important;font-weight: 500 !important;letter-spacing: -0.3px !important;color: #0f0f0f !important;background: none !important;background-image: none !important;-webkit-background-clip: border-box !important;background-clip: border-box !important;-webkit-text-fill-color: #0f0f0f !important;text-decoration: none !important;padding: 0 22px 0 8px !important;white-space: nowrap !important;line-height: 20px !important;height: 40px !important;} body.page-home header .logo .cb-logo-mark {display: inline-flex !important;width: 32px !important;height: 22px !important;align-items: center !important;justify-content: center !important;flex: 0 0 32px !important;} body.page-home header .logo .cb-logo-mark svg {width: 32px !important;height: 22px !important;display: block !important;overflow: visible !important;} body.page-home header .logo .cb-logo-word {color: #0f0f0f !important;-webkit-text-fill-color: #0f0f0f !important;font-family: "Roboto",Arial,sans-serif !important;font-weight: 500 !important;letter-spacing: -0.4px !important;font-size: 20px !important;line-height: 20px !important;display: inline-flex !important;align-items: baseline !important;height: 20px !important;} body.page-home header .logo .cb-logo-bi {color: #e8a317 !important;-webkit-text-fill-color: #e8a317 !important;font-weight: 500 !important;font-size: 20px !important;line-height: 20px !important;display: inline !important;position: relative !important;vertical-align: baseline !important;} body.page-home header .logo .cb-logo-18 {position: absolute !important;top: -7px !important;left: 100% !important;margin-left: 1px !important;font-size: 8px !important;font-weight: 700 !important;letter-spacing: 0 !important;line-height: 1 !important;color: #e8a317 !important;-webkit-text-fill-color: #e8a317 !important;font-family: "Roboto",Arial,sans-serif !important;font-style: normal !important;} body.page-home header .logo span:not(.cb-logo-word):not(.cb-logo-mark):not(.cb-logo-bi):not(.cb-logo-18) {color: #0f0f0f !important;-webkit-text-fill-color: #0f0f0f !important;background: none !important;font-weight: 700 !important;} body.page-home header .logo .logo-tld {display: none !important;} body.page-home header .search-box {justify-self: center !important;width: 100% !important;max-width: 732px !important;min-width: 0 !important;height: 40px !important;margin: 0 !important;display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: stretch !important;position: relative !important;border: 0 !important;background: transparent !important;box-shadow: none !important;overflow: visible !important;padding: 0 !important;gap: 0 !important;} body.page-home header .search-box > label.sr-only {position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);} body.page-home header .search-input,body.page-home header #searchInput {flex: 1 1 auto !important;min-width: 0 !important;width: auto !important;height: 40px !important;margin: 0 !important;padding: 0 4px 0 16px !important;border: 1px solid #ccc !important;border-right: none !important;border-radius: 40px 0 0 40px !important;background: #fff !important;color: #0f0f0f !important;font-size: 16px !important;font-family: inherit !important;box-shadow: inset 0 1px 2px rgba(0,0,0,.05) !important;outline: none !important;line-height: 40px !important;} body.page-home header .search-input::placeholder {color: #888 !important;} body.page-home header .search-input:focus {border-color: #1c62b9 !important;box-shadow: inset 0 1px 2px rgba(0,0,0,.05) !important;z-index: 1 !important;} body.page-home header .search-btn {flex: 0 0 64px !important;width: 64px !important;min-width: 64px !important;height: 40px !important;margin: 0 !important;padding: 0 !important;border: 1px solid #ccc !important;border-radius: 0 40px 40px 0 !important;background: #f8f8f8 !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;position: static !important;top: auto !important;right: auto !important;cursor: pointer !important;font-size: 0 !important;font-weight: 400 !important;line-height: 0 !important;text-indent: 0 !important;overflow: hidden !important;} body.page-home header .search-btn::before,body.page-home header .search-btn::after {content: none !important;display: none !important;} body.page-home header .search-btn:hover {background: #f0f0f0 !important;} body.page-home header .search-btn i,body.page-home header .search-btn svg {pointer-events: none !important;display: block !important;width: 24px !important;height: 24px !important;color: #0f0f0f !important;fill: #0f0f0f !important;font-size: 20px !important;} body.page-home header .yt-voice-btn,body.page-home header #voiceSearchBtn {flex: 0 0 40px !important;width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 0 0 12px !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: rgba(0,0,0,.05) !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;font-size: 16px !important;line-height: 1 !important;} body.page-home header .yt-voice-btn:hover,body.page-home header #voiceSearchBtn:hover,body.page-home header .yt-voice-btn:active,body.page-home header #voiceSearchBtn:active {background: rgba(0,0,0,.2) !important;} body.page-home header .yt-voice-btn i {pointer-events: none !important;} body.page-home header .search-box {max-width: 732px !important;} body.page-home header #searchHistoryPanel,body.page-home header #searchAutocompletePanel {position: absolute !important;top: 44px !important;left: 0 !important;right: 116px !important;z-index: 3000 !important;background: #fff !important;border: 1px solid rgba(0,0,0,.1) !important;border-radius: 12px !important;box-shadow: 0 4px 32px rgba(0,0,0,.12) !important;} body.page-home header .controls {justify-self: end !important;display: inline-flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;justify-content: flex-end !important;gap: 8px !important;margin: 0 !important;width: 100% !important;max-width: none !important;min-width: 0 !important;} body.page-home header .yt-create-btn,body.page-home header .yt-icon-btn,body.page-home header #createBtn {width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;text-decoration: none !important;cursor: pointer !important;font-size: 18px !important;line-height: 1 !important;} body.page-home header .yt-create-btn:hover,body.page-home header .yt-icon-btn:hover,body.page-home header #createBtn:hover {background: rgba(0,0,0,.05) !important;} body.page-home header .yt-icon-btn[hidden] {display: none !important;} body.page-home:not(.is-logged-in) header #createBtn,body.page-home:not(.is-logged-in) header .yt-create-btn {display: none !important;} body.page-home.is-logged-in header .yt-kebab-btn,body.page-home.is-logged-in header #moreMenuBtn {display: none !important;} body.page-home header .yt-kebab-btn,body.page-home header #moreMenuBtn {width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;transition: none !important;} body.page-home header .yt-kebab-btn:hover,body.page-home header #moreMenuBtn:hover,body.page-home header .yt-kebab-btn:active,body.page-home header #moreMenuBtn:active {background: rgba(0,0,0,.2) !important;border-radius: 24px !important;} body.page-home header .yt-kebab-btn svg {display: block;width: 24px;height: 24px;} body.page-home header .ai-search-btn,body.page-home header .cat-header-btn,body.page-home header #langBtn,body.page-home header #authBtns > a,body.page-home header #authBtns > a.auth-btn,body.page-home header #authBtns a[href="/trending/"],body.page-home header #userPanel > a[href="/trending/"],body.page-home header #userPanel > a[href="/checkin/"],body.page-home header #userPanel > a[href="/dashboard/"],body.page-home header #userPanel > a.auth-btn {display: none !important;} body.page-home header #bellBtn {width: 40px !important;height: 40px !important;min-width: 40px !important;min-height: 40px !important;padding: 0 !important;margin: 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;text-transform: none !important;font-weight: 500 !important;font-size: 16px !important;cursor: pointer !important;} body.page-home header #bellBtn:hover {background: rgba(0,0,0,.05) !important;} body.page-home header .header-auth-strip {display: inline-flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;gap: 8px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;} body.page-home header #userPanel[style*="display: none"],body.page-home header #userPanel[style*="display:none"] {display: none !important;} body.page-home header #authBtns[style*="display: none"],body.page-home header #authBtns[style*="display:none"] {display: none !important;} body.page-home header #userPanel[style*="display: flex"],body.page-home header #userPanel[style*="display:flex"] {display: inline-flex !important;} body.page-home header #authBtns .auth-btn[onclick*="login"],body.page-home header #authBtns .auth-btn:not(.btn-primary) {height: 40px !important;min-height: 40px !important;min-width: 0 !important;padding: 0 15px !important;margin: 0 !important;border-radius: 20px !important;border: 1px solid rgba(0,0,0,.2) !important;background: #fff !important;color: #065fd4 !important;transform: none !important;transition: background-color .15s ease,border-color .15s ease !important;font-size: 14px !important;font-weight: 500 !important;text-transform: none !important;letter-spacing: 0 !important;box-shadow: none !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;white-space: nowrap !important;cursor: pointer !important;} body.page-home header #authBtns .auth-btn[onclick*="login"] i,body.page-home header #authBtns .auth-btn:not(.btn-primary) i {font-size: 22px !important;color: #065fd4 !important;line-height: 1 !important;} body.page-home header #authBtns .auth-btn[onclick*="login"]:hover,body.page-home header #authBtns .auth-btn:not(.btn-primary):hover {background: rgb(222,241,255) !important;border-color: rgba(0,0,0,0) !important;transform: none !important;} body.page-home header #authBtns .auth-btn.btn-primary,body.page-home header #authBtns .auth-btn[onclick*="register"] {display: none !important;} body.page-home header #userPanel .auth-btn {height: 40px !important;width: 40px !important;min-width: 40px !important;padding: 0 !important;border-radius: 50% !important;border: 0 !important;background: transparent !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;} body.page-home header #userPanel .auth-btn:hover {background: rgba(0,0,0,.05) !important;} body.page-home header #userPanel .auth-btn.btn-primary {display: none !important;} body.page-home header #uName {color: #0f0f0f !important;font-weight: 500 !important;font-size: 14px !important;max-width: 96px !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;margin: 0 4px 0 0 !important;} body.page-home header #langBtn,body.page-home header #themeBtn,body.page-home header .header-tool-btn,body.page-home header .mobile-user-btn,body.page-home header #mobileUserBtn,body.page-home header [onclick*="toggleTheme"],body.page-home header [onclick*="toggleLang"] {display: none !important;width: 0 !important;height: 0 !important;min-width: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important;visibility: hidden !important;pointer-events: none !important;} body.page-home #mainContent,body.page-home main {padding-top: 56px !important;background: #fff !important;min-height: 100vh !important;box-sizing: border-box !important;overflow: visible !important;position: relative !important;} body.page-home #catSideNav,body.page-home #userSideNav {top: 56px !important;width: 240px !important;max-width: 240px !important;background: #fff !important;border-right: 0 !important;border-radius: 0 !important;box-shadow: none !important;backdrop-filter: none !important;padding: 12px 12px 24px !important;overflow-y: auto !important;overflow-x: hidden !important;height: calc(100vh - 56px) !important;box-sizing: border-box !important;scrollbar-width: none !important;-ms-overflow-style: none !important;} body.page-home #catSideNav::-webkit-scrollbar,body.page-home #userSideNav::-webkit-scrollbar {width: 0 !important;height: 0 !important;display: none !important;} body.page-home #catSideNav .ph-side-header,body.page-home #userSideNav .ph-side-header {display: none !important;} body.page-home #catSideNav .ph-nav-item,body.page-home #userSideNav .ph-nav-item,body.page-home #catSideNav .cat-side-list a,body.page-home #catSideNav .cat-side-list button {height: 40px !important;min-height: 40px !important;margin: 0 0 0 !important;padding: 0 12px !important;border-radius: 10px !important;border: 0 !important;background: transparent !important;color: #0f0f0f !important;font-size: 14px !important;font-weight: 400 !important;display: flex !important;align-items: center !important;gap: 24px !important;text-decoration: none !important;box-shadow: none !important;width: 204px !important;max-width: 204px !important;box-sizing: border-box !important;cursor: pointer !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} body.page-home #catSideNav .ph-nav-item:hover,body.page-home #userSideNav .ph-nav-item:hover,body.page-home #catSideNav .cat-side-list a:hover {background: rgba(0,0,0,.05) !important;} body.page-home #catSideNav .ph-nav-item.active,body.page-home #catSideNav .yt-guide-entry.active,body.page-home #catSideNav #tab-rec.active {background: rgba(0,0,0,.05) !important;font-weight: 500 !important;} body.page-home #catSideList,body.page-home #catSideNav .yt-guide-heading:has(+ #catSideList) {display: none !important;} body.page-home #catSideNav .ph-nav-item i,body.page-home #userSideNav .ph-nav-item i,body.page-home #catSideNav .cat-side-list i,body.page-home #catSideNav .ph-nav-item svg.feed-tab-icon,body.page-home #catSideNav a.ph-nav-item svg,body.page-home.light-mode #catSideNav .ph-nav-item svg.feed-tab-icon {width: 24px !important;min-width: 24px !important;height: 24px !important;font-size: 18px !important;color: #0f0f0f !important;fill: #0f0f0f !important;background: transparent !important;background-color: transparent !important;box-shadow: none !important;border-radius: 0 !important;text-align: center !important;flex: 0 0 24px !important;display: block !important;} body.page-home #catSideNav .ph-side-section,body.page-home #userSideNav .ph-side-section {padding: 12px 12px 4px !important;margin: 12px 0 0 !important;border-top: 1px solid rgba(0,0,0,.1) !important;font-size: 16px !important;font-weight: 500 !important;color: #0f0f0f !important;text-transform: none !important;background: transparent !important;letter-spacing: 0 !important;display: flex !important;align-items: center !important;gap: 8px !important;} body.page-home #catSideNav .ph-side-section i {display: none !important;} body.page-home #catFab {display: none !important;} @media (min-width: 792px) {body.page-home #catSideNav {position: fixed !important;left: 0 !important;top: 56px !important;transform: none !important;visibility: visible !important;display: block !important;z-index: 1200 !important;pointer-events: auto !important;overflow-x: hidden !important;} body.page-home #catSideNav:not(.open) {width: 72px !important;max-width: 72px !important;padding: 12px 4px 24px !important;box-shadow: none !important;} body.page-home #catSideNav:not(.open) .yt-guide-heading,body.page-home #catSideNav:not(.open) .ph-side-section,body.page-home #catSideNav:not(.open) .cat-side-list,body.page-home #catSideNav:not(.open) .yt-guide-footer,body.page-home #catSideNav:not(.open) .yt-guide-signin,body.page-home #catSideNav:not(.open) .ph-side-header,body.page-home #catSideNav:not(.open) a.ph-nav-item:not(#tab-rec):not(#tab-random):not(#tab-follow):not(#tab-you),body.page-home #catSideNav:not(.open) button.ph-nav-item:not(#tab-rec):not(#tab-random):not(#tab-follow):not(#tab-you),body.page-home #catSideNav:not(.open) #tab-queue,body.page-home #catSideNav:not(.open) #tab-history,body.page-home #catSideNav:not(.open) #tab-later,body.page-home #catSideNav:not(.open) #tab-liked,body.page-home #catSideNav:not(.open) #tab-vip {display: none !important;} body.page-home #catSideNav:not(.open) .yt-guide-section {display: flex !important;flex-direction: column !important;align-items: center !important;gap: 0 !important;} body.page-home #catSideNav:not(.open) #tab-rec,body.page-home #catSideNav:not(.open) #tab-random,body.page-home #catSideNav:not(.open) #tab-follow,body.page-home #catSideNav:not(.open) #tab-you {display: flex !important;flex-direction: column !important;justify-content: center !important;align-items: center !important;height: 76px !important;min-height: 76px !important;width: 64px !important;margin: 0 auto !important;padding: 16px 0 14px !important;gap: 6px !important;border-radius: 10px !important;overflow: visible !important;text-overflow: unset !important;white-space: nowrap !important;} body.page-home #catSideNav:not(.open) #tab-rec .feed-tab-label,body.page-home #catSideNav:not(.open) #tab-random .feed-tab-label,body.page-home #catSideNav:not(.open) #tab-follow .feed-tab-label,body.page-home #catSideNav:not(.open) #tab-you .feed-tab-label {display: block !important;font-size: 10px !important;line-height: 1.2 !important;font-weight: 400 !important;max-width: 64px !important;overflow: hidden !important;text-align: center !important;} body.page-home #catSideNav:not(.open) #tab-rec .feed-tab-icon,body.page-home #catSideNav:not(.open) #tab-random .feed-tab-icon,body.page-home #catSideNav:not(.open) #tab-follow .feed-tab-icon,body.page-home #catSideNav:not(.open) #tab-you .feed-tab-icon {width: 24px !important;height: 24px !important;margin: 0 !important;} body.page-home #catSideNav.open {width: 240px !important;max-width: 240px !important;padding: 12px 12px 24px !important;} body.page-home.is-logged-in #catSideNav.open #tab-you {display: none !important;}} html {--guide-push: 240px;} @media (max-width: 1311px) {html {--guide-push: 72px;}} @media (max-width: 791px) {html {--guide-push: 0px;}} @media (min-width: 792px) {body.page-home #mainContent,body.page-home main,body.page-home footer {margin-left: var(--guide-push,72px) !important;width: calc(100% - var(--guide-push,72px)) !important;}} @media (min-width: 1312px) {body.page-home #catDrawerBackdrop {display: none !important;pointer-events: none !important;}} @media (min-width: 792px) and (max-width: 1311px) {body.page-home #catSideNav.open {z-index: 2030 !important;box-shadow: none !important;} body.page-home #catDrawerBackdrop.open {display: block !important;pointer-events: auto !important;background: rgba(0,0,0,.5) !important;opacity: 1 !important;}} @media (max-width: 791px) {body.page-home #mainContent,body.page-home main,body.page-home footer {margin-left: 0 !important;width: 100% !important;} body.page-home #catSideNav {position: fixed !important;left: 0 !important;top: 56px !important;width: 240px !important;max-width: 240px !important;padding: 0 12px 24px !important;z-index: 1300 !important;transition: transform 200ms cubic-bezier(0.05,0,0,1),visibility 200ms cubic-bezier(0.05,0,0,1) !important;} body.page-home #catSideNav:not(.open) {transform: translateX(-100%) !important;pointer-events: none !important;box-shadow: none !important;} body.page-home #catSideNav.open {transform: none !important;visibility: visible !important;pointer-events: auto !important;box-shadow: none !important;z-index: 2030 !important;} body.page-home.is-logged-in #catSideNav.open #tab-you {display: none !important;} body.page-home #catSideNav .ph-side-header {display: flex !important;} body.page-home #catDrawerBackdrop.open {display: block !important;pointer-events: auto !important;background: rgba(0,0,0,.5) !important;opacity: 1 !important;}} body.page-home .feed-tabs,body.page-home .feed-tabs-moved {display: none !important;height: 0 !important;margin: 0 !important;padding: 0 !important;overflow: hidden !important;border: 0 !important;} body.page-home #catSideNav .yt-guide-section {display: flex !important;flex-direction: column !important;gap: 0 !important;margin: 0 0 8px !important;padding: 0 !important;border: 0 !important;} body.page-home #catSideNav button.ph-nav-item.feed-tab,body.page-home #catSideNav button.yt-guide-entry {font-family: Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif !important;appearance: none !important;-webkit-appearance: none !important;text-align: left !important;} body.page-home #catSideNav .feed-tab .feed-tab-icon,body.page-home.light-mode #catSideNav .feed-tab-icon,body.page-home.light-mode #catSideNav .feed-tab.active .feed-tab-icon,html[data-home-theme="light"] body.page-home #catSideNav .feed-tab-icon {display: block !important;width: 24px !important;min-width: 24px !important;height: 24px !important;font-size: 18px !important;text-align: center !important;color: #0f0f0f !important;fill: #0f0f0f !important;background: transparent !important;background-color: transparent !important;box-shadow: none !important;border-radius: 0 !important;filter: none !important;opacity: 1 !important;} body.page-home #catSideNav .feed-tab#tab-vip,body.page-home.light-mode #catSideNav .feed-tab#tab-vip:not(.active) {color: #0f0f0f !important;} body.page-home #catSideNav .feed-tab .feed-tab-label {font-size: 14px !important;font-weight: inherit !important;color: inherit !important;} body.page-home #catSideNav .ph-nav-item.active,body.page-home #catSideNav button.feed-tab.active,body.page-home #catSideNav .yt-guide-entry.active {background: rgba(0,0,0,.05) !important;color: #0f0f0f !important;font-weight: 500 !important;} body.page-home #catSideNav a.ph-nav-item[href="/"]:not(.active),body.page-home #catSideNav a.ph-nav-item[href="/index.html"]:not(.active) {background: transparent !important;font-weight: 400 !important;} body.page-home #catSideNav .yt-guide-signin {margin: 8px 0 0 !important;padding: 16px 12px 16px !important;border-top: 1px solid rgba(0,0,0,.1) !important;border-bottom: 1px solid rgba(0,0,0,.1) !important;} body.page-home.is-logged-in #catSideNav .yt-guide-signin {display: none !important;} body.page-home:not(.is-logged-in) #catSideNav .yt-guide-you-head,body.page-home:not(.is-logged-in) #catSideNav .yt-guide-lib,body.page-home:not(.is-logged-in) #catSideNav #tab-later,body.page-home:not(.is-logged-in) #catSideNav #tab-liked,body.page-home:not(.is-logged-in) #catSideNav #tab-vip,body.page-home:not(.is-logged-in) #catSideNav #tab-queue,body.page-home:not(.is-logged-in) #catSideNav a.yt-guide-entry[href="/playlists/"],body.page-home:not(.is-logged-in) #catSideNav a.yt-guide-entry[href="/vip/"],body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/vip/"],body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/later/"],body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/liked/"],body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/playlists/"],body.page-home:not(.is-logged-in) #catSideNav #catSideList,body.page-home:not(.is-logged-in) #catSideNav .yt-guide-heading:not(:has([data-i18n="exploreSection"])) {display: none !important;} body.page-home #catSideNav .yt-guide-signin p {margin: 0 0 12px !important;padding: 0 !important;font-size: 14px !important;line-height: 20px !important;font-weight: 400 !important;color: #0f0f0f !important;} body.page-home #catSideNav .yt-guide-signin-btn {height: 40px !important;padding: 0 15px !important;border-radius: 20px !important;border: 1px solid #065fd4 !important;background: #fff !important;color: #065fd4 !important;font-size: 14px !important;font-weight: 500 !important;display: inline-flex !important;align-items: center !important;gap: 8px !important;cursor: pointer !important;box-shadow: none !important;text-decoration: none !important;} body.page-home #catSideNav .yt-guide-signin-btn i {font-size: 20px !important;color: #065fd4 !important;} body.page-home #catSideNav .yt-guide-signin-btn:hover {background: rgb(222,241,255) !important;transform: none !important;} body.page-home #catSideNav .yt-guide-footer {margin-top: 16px !important;padding: 12px 12px 24px !important;border-top: 1px solid rgba(0,0,0,.1) !important;font-size: 12px !important;line-height: 1.6 !important;color: #606060 !important;} body.page-home #catSideNav .yt-guide-footer a {color: #606060 !important;text-decoration: none !important;margin-right: 8px !important;font-size: 12px !important;font-weight: 500 !important;} body.page-home #catSideNav .yt-guide-footer a:hover {color: #0f0f0f !important;} body.page-home #catSideNav .yt-guide-copy {margin-top: 8px !important;font-size: 11px !important;color: #909090 !important;} body.page-home .filter-bar {padding: 0 24px 4px !important;background: transparent !important;border: 0 !important;display: flex !important;flex-wrap: wrap !important;gap: 12px !important;align-items: center !important;} body.page-home .filter-bar button,body.page-home .filter-chip,body.page-home .sort-btn {border-radius: 8px !important;border: 0 !important;background: #f2f2f2 !important;color: #0f0f0f !important;box-shadow: none !important;text-transform: none !important;font-weight: 500 !important;font-size: 14px !important;height: 32px !important;padding: 0 12px !important;cursor: pointer !important;} body.page-home .filter-bar button.active,body.page-home .filter-chip.active {background: #0f0f0f !important;color: #fff !important;outline: none !important;box-shadow: none !important;} body.page-home .filter-bar button:focus,body.page-home .filter-chip:focus {outline: none !important;} body.page-home .hero-section,body.page-home #heroSection,body.page-home .hero-shell,body.page-home .hero-wordmark,body.page-home .intro-section,body.page-home .biz-section,body.page-home .trust-badges,body.page-home .warning-block,body.page-home #smartFeedWrap,body.page-home #continueWrap,body.page-home #announcementWrap,body.page-home #memberCollectionsWrap,body.page-home .promo-stack,body.page-home #topSection,body.page-home #hotSection {display: none !important;} body.page-home #hotSearchBar,body.page-home .hot-search-panel {display: none !important;} body.page-home .section-container {padding: 12px 24px 0 !important;margin: 0 !important;} body.page-home .section-header {border: 0 !important;margin: 0 0 16px !important;background: transparent !important;display: flex !important;align-items: center !important;gap: 8px !important;} body.page-home .section-title {font-size: 20px !important;font-weight: 700 !important;color: #0f0f0f !important;text-transform: none !important;background: none !important;-webkit-text-fill-color: #0f0f0f !important;letter-spacing: 0 !important;display: inline-flex !important;align-items: center !important;gap: 8px !important;} body.page-home .section-title i {color: #0f0f0f !important;font-size: 18px !important;} body.page-home .section-line {display: none !important;} body.page-home #hotSection,body.page-home #topSection,body.page-home #hotSection.section-container,body.page-home #topSection.section-container {display: none !important;height: 0 !important;min-height: 0 !important;padding: 0 !important;margin: 0 !important;overflow: hidden !important;border: 0 !important;} body.page-home #contentArea {display: block !important;min-height: 120px !important;padding: 0 0 48px !important;margin: 0 !important;background: transparent !important;max-width: none !important;box-sizing: border-box !important;} body.page-home #contentArea > .category-block,body.page-home #contentArea > .yt-shelf,body.page-home .category-block {display: block !important;width: 100% !important;max-width: none !important;margin: 0 0 24px !important;padding: 0 !important;box-sizing: border-box !important;grid-column: auto !important;} body.page-home #contentArea > .category-block > .section-header,body.page-home .category-block > .section-header {padding: 12px 24px 0 !important;margin: 0 0 12px !important;} body.page-home .grid,body.page-home #contentArea .grid,body.page-home #contentArea > .grid,body.page-home .category-block > .grid,body.page-home #hotGrid,body.page-home #topGrid,body.page-home #vipGrid,body.page-home #followGrid,body.page-home #videoResults,body.page-home #catFocusGrid {display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;column-gap: 16px !important;row-gap: 40px !important;padding: 12px 24px 24px !important;background: transparent !important;max-width: none !important;margin: 0 !important;box-sizing: border-box !important;width: 100% !important;} body.page-home #contentArea,body.page-home #contentArea.yt-card-grid,body.page-home #contentArea.is-cat-focus,body.page-home #contentArea.is-yt-home-flat {display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;column-gap: 16px !important;row-gap: 40px !important;padding: 0 24px 48px !important;} body.page-home #contentArea.yt-card-grid > .section-header,body.page-home #contentArea.is-cat-focus > .section-header,body.page-home #contentArea.is-yt-home-flat > .section-header,body.page-home #contentArea.yt-card-grid > .category-block,body.page-home #contentArea.is-cat-focus > .category-block,body.page-home #contentArea.is-yt-home-flat > .category-block,body.page-home #contentArea.yt-card-grid > .skeleton-grid,body.page-home #contentArea.is-yt-home-flat > .skeleton-grid,body.page-home #contentArea.yt-card-grid > .cb-home-shorts,body.page-home #contentArea.is-yt-home-flat > .cb-home-shorts,body.page-home #contentArea > #homeShortsRail,body.page-home #contentArea > .cb-home-shorts {grid-column: 1 / -1 !important;} @media (min-width: 1750px) {body.page-home .grid,body.page-home #contentArea .grid,body.page-home .category-block > .grid,body.page-home #hotGrid,body.page-home #topGrid,body.page-home #vipGrid,body.page-home #followGrid,body.page-home #catFocusGrid,body.page-home #contentArea.yt-card-grid,body.page-home #contentArea.is-cat-focus,body.page-home #contentArea.is-yt-home-flat {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}} @media (max-width: 1199px) and (min-width: 792px) {body.page-home .grid,body.page-home #contentArea .grid,body.page-home .category-block > .grid,body.page-home #hotGrid,body.page-home #topGrid,body.page-home #vipGrid,body.page-home #followGrid,body.page-home #catFocusGrid,body.page-home #contentArea.yt-card-grid,body.page-home #contentArea.is-cat-focus,body.page-home #contentArea.is-yt-home-flat {grid-template-columns: repeat(2,minmax(0,1fr)) !important;padding: 12px 16px 48px !important;row-gap: 32px !important;}} @media (max-width: 791px) and (min-width: 600px) {body.page-home .grid,body.page-home #contentArea .grid,body.page-home .category-block > .grid,body.page-home #hotGrid,body.page-home #topGrid,body.page-home #vipGrid,body.page-home #followGrid,body.page-home #catFocusGrid,body.page-home #contentArea.yt-card-grid,body.page-home #contentArea.is-cat-focus,body.page-home #contentArea.is-yt-home-flat {grid-template-columns: repeat(2,minmax(0,1fr)) !important;padding: 12px 16px 48px !important;row-gap: 32px !important;}} @media (max-width: 599px) {body.page-home .grid,body.page-home #contentArea .grid,body.page-home .category-block > .grid,body.page-home #hotGrid,body.page-home #topGrid,body.page-home #vipGrid,body.page-home #followGrid,body.page-home #catFocusGrid,body.page-home #contentArea.yt-card-grid,body.page-home #contentArea.is-cat-focus,body.page-home #contentArea.is-yt-home-flat {grid-template-columns: 1fr 1fr !important;column-gap: 8px !important;row-gap: 24px !important;padding: 8px 12px 80px !important;}} body.page-home #catFocusBar {display: none;align-items: center;gap: 12px;padding: 8px 24px 0;margin: 0;} body.page-home.is-cat-focus #catFocusBar {display: flex !important;} body.page-home.is-cat-focus #hotSection,body.page-home.is-cat-focus #topSection,body.page-home.is-cat-focus #cwSection,body.page-home.is-cat-focus #smartFeedSection,body.page-home.is-cat-focus #memberCollectionsSection,body.page-home.is-cat-focus #filterContainer,body.page-home.is-cat-focus #trendingTagsBar,body.page-home.is-cat-focus .filter-container {display: none !important;} body.page-home.is-cat-focus #catFocusBar {display: none !important;} body.page-home #contentArea.is-cat-focus > .skeleton-grid,body.page-home #contentArea.is-yt-home-flat > .skeleton-grid {grid-column: 1 / -1 !important;display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;column-gap: 16px !important;row-gap: 40px !important;padding: 12px 0 !important;width: 100% !important;} @media (min-width: 1750px) {body.page-home #contentArea.is-cat-focus > .skeleton-grid,body.page-home #contentArea.is-yt-home-flat > .skeleton-grid {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}} body.page-home #contentArea.is-cat-focus > .card,body.page-home #contentArea.is-cat-focus > article,body.page-home #contentArea.is-cat-focus > a.card,body.page-home #contentArea.is-cat-focus > [data-media-id] {min-width: 0 !important;width: 100% !important;max-width: none !important;} body.page-home .category-block > .section-header {display: flex !important;align-items: center !important;gap: 12px !important;} body.page-home .category-block > .section-header .section-title {flex: 0 1 auto !important;} body.page-home .category-block > .section-header .cat-focus-back {flex: 0 0 auto !important;margin-left: auto !important;} body.page-home #catFocusBar .cat-focus-title {font-size: 20px;font-weight: 700;color: #0f0f0f;margin: 0;flex: 1;min-width: 0;} body.page-home #catFocusBar .cat-focus-back {height: 36px;padding: 0 14px;border-radius: 18px;border: 0;background: rgba(0,0,0,.05);color: #0f0f0f;font-size: 14px;font-weight: 500;cursor: pointer;} body.page-home #catFocusBar .cat-focus-back:hover {background: rgba(0,0,0,.1);} body.page-home .cat-side-item {cursor: pointer;} body.page-home .cat-side-item.active {background: rgba(0,0,0,.05) !important;font-weight: 500;} body.page-home .card,body.page-home .grid .card,body.page-home .cb-item,body.page-home #contentArea > .card,body.page-home #contentArea .card,body.page-home #hotGrid .card,body.page-home #topGrid .card,body.page-home #vipGrid .card,body.page-home #followGrid .card {background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;overflow: visible !important;transform: none !important;max-width: none !important;width: 100% !important;margin: 0 !important;padding: 0 !important;display: flex !important;flex-direction: column !important;visibility: visible !important;opacity: 1 !important;position: relative !important;min-width: 0 !important;min-height: 0 !important;height: auto !important;max-height: none !important;} body.page-home .grid .card:hover,body.page-home #contentArea .card:hover {transform: none !important;box-shadow: none !important;border: 0 !important;background: transparent !important;} body.page-home .grid .card .thumb,body.page-home #contentArea .card .thumb,body.page-home .cb-thumb {position: relative !important;display: block !important;width: 100% !important;aspect-ratio: 16 / 9 !important;height: auto !important;border-radius: 12px !important;overflow: hidden !important;background: #e5e5e5 !important;padding: 0 !important;padding-bottom: 0 !important;margin: 0 !important;animation: none !important;flex: 0 0 auto !important;} body.page-home .card .thumb::before,body.page-home .cb-thumb::before,body.page-home .grid .card .thumb::before,body.page-home .card .thumb::after,body.page-home .cb-thumb::after,body.page-home .grid .card .thumb::after {content: none !important;display: none !important;opacity: 0 !important;background: none !important;animation: none !important;font-size: 0 !important;width: 0 !important;height: 0 !important;} body.page-home .card .thumb img,body.page-home .grid .card .thumb img,body.page-home #contentArea .card .thumb img,body.page-home .cb-thumb img {position: absolute !important;inset: 0 !important;width: 100% !important;height: 100% !important;min-height: 100% !important;object-fit: cover !important;border-radius: 12px !important;display: block !important;z-index: 2 !important;opacity: 1 !important;background: #e5e5e5 !important;margin: 0 !important;padding: 0 !important;border: 0 !important;} body.page-home .grid .card .duration,body.page-home #contentArea .card .duration,body.page-home .card .thumb .duration {position: absolute !important;right: 4px !important;bottom: 4px !important;left: auto !important;top: auto !important;background: rgba(0,0,0,.8) !important;color: #fff !important;font-size: 12px !important;font-weight: 500 !important;font-variant-numeric: tabular-nums !important;line-height: 1.2 !important;padding: 3px 4px !important;border-radius: 4px !important;border: 0 !important;opacity: 1 !important;z-index: 3 !important;letter-spacing: 0 !important;} body.page-home .card .card-menu-wrap {position: absolute !important;top: 4px !important;right: 4px !important;z-index: 4 !important;} body.page-home .card .card-menu-btn {background: rgba(0,0,0,.6) !important;color: #fff !important;border: 0 !important;border-radius: 50% !important;width: 28px !important;height: 28px !important;opacity: 0 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;font-size: 16px !important;line-height: 1 !important;padding: 0 !important;} body.page-home .card:hover .card-menu-btn {opacity: 1 !important;} body.page-home .card .badge-top,body.page-home .card .thumb > span[style*="VIP"],body.page-home .card .thumb > span[style*="linear-gradient"] {border-radius: 4px !important;font-weight: 600 !important;letter-spacing: 0 !important;z-index: 5 !important;} body.page-home .grid .card .info,body.page-home #contentArea .card .info,body.page-home .card .video-info-grid,body.page-home .grid .card .card-body {position: relative !important;display: grid !important;grid-template-columns: 36px minmax(0,1fr) 24px !important;column-gap: 12px !important;align-items: start !important;padding: 12px 0 0 !important;margin: 0 !important;background: transparent !important;min-height: 0 !important;min-width: 0 !important;box-sizing: border-box !important;} body.page-home .card .info .channel-picture {width: 36px !important;height: 36px !important;display: block !important;margin: 0 !important;padding: 0 !important;text-decoration: none !important;flex: none !important;} body.page-home .card .info .u-avt-small,body.page-home .card .info .profile-pic {position: static !important;left: auto !important;top: auto !important;width: 36px !important;height: 36px !important;border-radius: 50% !important;background-size: cover !important;background-position: center !important;background-color: #e5e5e5 !important;display: block !important;margin: 0 !important;padding: 0 !important;border: 0 !important;} body.page-home .card .info .channel-picture {grid-column: 1 !important;grid-row: 1 !important;} body.page-home .card .info .video-info {min-width: 0 !important;width: auto !important;max-width: 100% !important;padding: 0 !important;margin: 0 !important;grid-column: 2 !important;grid-row: 1 !important;} body.page-home .card .info .card-menu-wrap {grid-column: 3 !important;grid-row: 1 !important;} body.page-home .card .info > a.desc,body.page-home .card .info .video-title,body.page-home .grid .card .desc,body.page-home .grid .card .title,body.page-home .grid .card h3,body.page-home #contentArea .card .desc {display: -webkit-box !important;-webkit-line-clamp: 2 !important;line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;margin: 0 0 4px 0 !important;padding: 0 0 0 0 !important;font-size: 14px !important;line-height: 20px !important;font-weight: 500 !important;color: #0f0f0f !important;max-height: 40px !important;min-height: 0 !important;text-decoration: none !important;word-break: normal !important;overflow-wrap: break-word !important;grid-column: auto !important;grid-row: auto !important;} body.page-home .card .info .u-name,body.page-home .card .info .video-author {display: block !important;color: #606060 !important;font-size: 12px !important;font-weight: 400 !important;line-height: 18px !important;max-width: 100% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;margin: 0 !important;padding: 0 !important;} body.page-home .card .info .video-stats {display: block !important;color: #606060 !important;font-size: 12px !important;font-weight: 400 !important;line-height: 18px !important;margin: 0 !important;padding: 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;} body.page-home .card .info .card-menu-wrap {position: static !important;top: auto !important;right: auto !important;justify-self: end !important;align-self: start !important;z-index: 4 !important;} body.page-home .card .info .card-menu-btn {background: transparent !important;color: #0f0f0f !important;border: 0 !important;border-radius: 50% !important;width: 36px !important;height: 36px !important;opacity: 0 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;font-size: 18px !important;line-height: 1 !important;padding: 0 !important;} body.page-home .card:hover .info .card-menu-btn,body.page-home .card .info .card-menu-btn:focus {opacity: 1 !important;background: rgba(0,0,0,.05) !important;} body.page-home .card .thumb .card-menu-wrap {display: none !important;} body.page-home .card .info .stats-tag,body.page-home .card .info .vote-system,body.page-home .card .info .vote-btn,body.page-home .card .info .vote-bar-wrap,body.page-home .card .info .vote-count,body.page-home .card .info .like-btn,body.page-home .card .info .fav-btn,body.page-home .card .info .comment-count,body.page-home .card .vote-widget,body.page-home .card [class*="vote-"] {display: none !important;} body.page-home .card .vip-badge {position: absolute !important;top: 6px !important;left: 6px !important;background: #0f0f0f !important;color: #fff !important;font-size: 10px !important;font-weight: 700 !important;padding: 2px 6px !important;z-index: 5 !important;border-radius: 4px !important;letter-spacing: 0 !important;} body.page-home .card .thumb-placeholder {width: 100% !important;height: 100% !important;display: flex !important;align-items: center !important;justify-content: center !important;background: #e5e5e5 !important;color: #909090 !important;font-size: 28px !important;} body.page-home #cwSection,body.page-home .cw-section {padding: 8px 24px 0 !important;background: transparent !important;} body.page-home .cw-title {font-size: 20px !important;font-weight: 700 !important;color: #0f0f0f !important;} body.page-home .tab-empty-state,body.page-home .cb-ia-subs-empty {background: transparent !important;border: 0 !important;box-shadow: none !important;color: #606060 !important;padding: 120px 24px 80px !important;text-align: center !important;min-height: calc(100vh - 56px);display: flex;flex-direction: column;align-items: center;justify-content: flex-start;} body.page-home:has(#homeEmptyState[style*="block"]) #contentArea,body.page-home:has(#homeEmptyState[style*="block"]) #homeShortsPark,body.page-home:has(#homeEmptyState[style*="block"]) #homeShortsRail,body.page-home:has(#homeEmptyState[style*="block"]) #catFocusBar,body.page-home:has(#homeEmptyState[style*="block"]) #sortFilterBar,body.page-home:has(#homeEmptyState[style*="block"]) #recSentinel,body.page-home:has(#homeEmptyState[style*="block"]) #recEndMsg,body.page-home:has(#homeEmptyState[style*="block"]) #heroSection,body.page-home:has(#homeEmptyState[style*="block"]) .hero-section,body.page-home:has(#homeEmptyState[style*="block"]) .promo-stack,body.page-home:has(#homeEmptyState[style*="block"]) #filterContainer,body.page-home:has(#homeEmptyState[style*="block"]) #hotSection,body.page-home:has(#homeEmptyState[style*="block"]) #topSection,body.page-home:has(#homeEmptyState[style*="block"]) .section-container {display: none !important;min-height: 0 !important;height: 0 !important;padding: 0 !important;margin: 0 !important;overflow: hidden !important;border: 0 !important;} body.page-home #homeEmptyState.tab-empty-state,body.page-home #homeEmptyState.yt-feed-nudge {margin: 24px auto 0 !important;max-width: 700px !important;width: min(700px,calc(100% - 48px)) !important;min-height: 100px !important;height: auto !important;padding: 16px 42px 12px !important;background: #fff !important;border-radius: 12px !important;box-shadow: rgba(0,0,0,.2) 0 8px 23px 0 !important;flex-direction: column !important;justify-content: center !important;align-items: center !important;box-sizing: border-box !important;} body.page-home #homeEmptyState[style*="block"] {display: flex !important;} body.page-home #homeEmptyState[style*="none"] {display: none !important;} body.page-home #homeEmptyState .tab-empty-icon,body.page-home #homeEmptyState .tab-empty-actions {display: none !important;} body.page-home .tab-empty-icon {width: 120px;height: 120px;margin: 0 0 24px !important;color: #0f0f0f !important;font-size: 72px !important;line-height: 120px !important;opacity: 1 !important;display: flex;align-items: center;justify-content: center;background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;} body.page-home .tab-empty-icon svg {width: 96px;height: 96px;display: block;} body.page-home .tab-empty-title {font-size: 24px !important;font-weight: 400 !important;line-height: 32px !important;color: #0f0f0f !important;margin: 0 0 8px !important;font-family: Roboto,Arial,sans-serif !important;} body.page-home #homeEmptyState .tab-empty-title {font-weight: 900 !important;margin: 0 0 4px !important;text-align: center !important;} body.page-home .tab-empty-desc {font-size: 14px !important;font-weight: 400 !important;line-height: 20px !important;color: #606060 !important;margin: 0 0 24px !important;max-width: 400px;} body.page-home #homeEmptyState .tab-empty-desc {margin: 0 !important;max-width: 520px !important;color: #0f0f0f !important;text-align: center !important;} body.page-home .tab-empty-btn.primary,body.page-home .tab-empty-btn.signin {background: #fff !important;color: #065fd4 !important;border: 1px solid #065fd4 !important;border-radius: 20px !important;text-transform: none !important;font-weight: 500 !important;font-size: 14px !important;height: 40px !important;padding: 0 15px !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;cursor: pointer;} body.page-home .tab-empty-btn.signin:hover,body.page-home .tab-empty-btn.primary:hover {background: #def1ff !important;border-color: #def1ff !important;} body.page-home:not(.is-feed-rec) #sortFilterBar,body.page-home:not(.is-feed-rec) .sort-filter-bar,body.page-home:not(.is-feed-rec) #hotSection,body.page-home:not(.is-feed-rec) #contentArea,body.page-home:not(.is-feed-rec) #topSection {display: none !important;} body.page-home footer {background: #fff !important;border-top: 1px solid rgba(0,0,0,.08) !important;color: #606060 !important;padding: 24px !important;} body.page-home footer a {color: #606060 !important;} body.page-home footer a:hover {color: #0f0f0f !important;} body.page-home #mobileBottomNav,body.page-home .mobile-bottom-nav {background: rgba(255,255,255,.9) !important;border-top: 1px solid rgba(0,0,0,.1) !important;backdrop-filter: saturate(180%) blur(20px) !important;-webkit-backdrop-filter: saturate(180%) blur(20px) !important;box-shadow: none !important;} body.page-home .bottom-nav-item {color: #0f0f0f !important;} body.page-home .bottom-nav-item.active {color: #0f0f0f !important;font-weight: 500 !important;} body.page-home .fa,body.page-home .fas,body.page-home .far,body.page-home .fab,body.page-home i.fa,body.page-home i.fas {font-family: "Font Awesome 6 Free","Font Awesome 6 Brands","FontAwesome" !important;font-style: normal !important;} body.page-home .fas,body.page-home .fa {font-weight: 900 !important;} body.page-home .fab {font-family: "Font Awesome 6 Brands" !important;font-weight: 400 !important;} body.page-home header,body.page-home #catSideNav,body.page-home #userSideNav,body.page-home .feed-tabs,body.page-home .card {backdrop-filter: none !important;-webkit-backdrop-filter: none !important;} body.page-home .auth-modal {background: #f0f4f9 !important;z-index: 5000 !important;} body.page-home .auth-box {background: #fff !important;color: #1f1f1f !important;border: 0 !important;box-shadow: none !important;border-radius: 28px !important;} body.page-home .auth-box .btn-submit {background: #0b57d0 !important;color: #fff !important;border-radius: 20px !important;text-transform: none !important;font-weight: 500 !important;border: 0 !important;} body.page-home .skeleton-grid {display: grid !important;grid-template-columns: repeat(3,minmax(0,1fr)) !important;column-gap: 16px !important;row-gap: 40px !important;padding: 12px 24px !important;} body.page-home .skeleton-card {background: transparent !important;} body.page-home .skeleton-thumb {aspect-ratio: 16/9 !important;border-radius: 12px !important;background: var(--skeleton-base) !important;} body.page-home #trendingTagsBar,body.page-home .trending-tags-bar {background: #fff !important;border: 0 !important;padding: 0 24px 8px !important;} body.page-home .trending-tags-label {color: #606060 !important;font-weight: 500 !important;} body.page-home #vipContent > div[style*="linear-gradient"] {background: #f2f2f2 !important;border: 0 !important;border-radius: 12px !important;color: #0f0f0f !important;} body.page-home .scroll-sentinel,body.page-home .scroll-end-msg {color: #606060 !important;padding: 24px !important;text-align: center !important;grid-column: 1 / -1 !important;} body.page-home .filter-btn,body.page-home button.filter-btn {height: 32px !important;padding: 0 12px !important;margin: 0 !important;border-radius: 8px !important;border: 0 !important;outline: none !important;box-shadow: none !important;background: #f2f2f2 !important;color: #0f0f0f !important;font-size: 14px !important;font-weight: 500 !important;text-transform: none !important;cursor: pointer !important;display: inline-flex !important;align-items: center !important;white-space: nowrap !important;} body.page-home .filter-btn:hover {background: #e5e5e5 !important;} body.page-home .filter-btn.active,body.page-home button.filter-btn.active {background: #0f0f0f !important;color: #fff !important;border: 0 !important;outline: none !important;box-shadow: none !important;} body.page-home #sortFilterBar,body.page-home .sort-filter-bar {display: flex !important;flex-wrap: nowrap !important;align-items: center !important;gap: 12px !important;padding: 12px 24px 12px !important;margin: 0 !important;background: #fff !important;border: 0 !important;box-shadow: none !important;position: sticky !important;top: 56px !important;z-index: 3 !important;overflow-x: auto !important;overflow-y: hidden !important;scrollbar-width: none !important;-ms-overflow-style: none !important;} body.page-home #sortFilterBar::-webkit-scrollbar,body.page-home .sort-filter-bar::-webkit-scrollbar {display: none !important;height: 0 !important;} body.page-home #sortFilterBar .sf-sort-wrap,body.page-home .sort-filter-bar .sf-sort-wrap,body.page-home #sortFilterBar .sf-divider,body.page-home .sort-filter-bar .sf-divider {display: none !important;} body.page-home #sfDurationPills,body.page-home .sf-duration-pills {display: flex !important;flex-wrap: nowrap !important;gap: 12px !important;align-items: center !important;min-width: max-content !important;} body.page-home #filterContainer,body.page-home .filter-bar {display: none !important;} body.page-home #sortFilterBar button,body.page-home .sort-filter-bar button,body.page-home #sfDurationPills button,body.page-home .sf-duration-pills button,body.page-home #sortFilterBar .sf-pill,body.page-home .sf-pill {height: 32px !important;padding: 0 12px !important;margin: 0 !important;border-radius: 8px !important;border: 0 !important;outline: none !important;box-shadow: none !important;background: rgba(0,0,0,.05) !important;color: #09090a !important;font-size: 14px !important;font-weight: 500 !important;font-family: "Roboto","Arial","PingFang SC","Microsoft YaHei",sans-serif !important;text-transform: none !important;letter-spacing: 0 !important;cursor: pointer !important;display: inline-flex !important;align-items: center !important;white-space: nowrap !important;flex: 0 0 auto !important;line-height: 32px !important;transition: none !important;} body.page-home #sortFilterBar button:hover,body.page-home .sf-pill:hover,body.page-home #sfDurationPills button:hover {background: rgba(0,0,0,.05) !important;color: #09090a !important;} body.page-home #sortFilterBar button.active,body.page-home .sf-pill.active,body.page-home #sfDurationPills button.active,body.page-home #sortFilterBar button[aria-pressed="true"] {background: #09090a !important;color: #f2f2f5 !important;border: 0 !important;outline: none !important;box-shadow: none !important;} body.page-home #sortFilterBar button.active:hover,body.page-home .sf-pill.active:hover,body.page-home #sfDurationPills button.active:hover,body.page-home #sortFilterBar button[aria-pressed="true"]:hover {background: #09090a !important;color: #f2f2f5 !important;} body.page-home #hotSection,body.page-home #topSection {display: none !important;} body.page-home #catSideNav .ph-nav-item svg.feed-tab-icon .ico-filled {display: none;} body.page-home #catSideNav .ph-nav-item svg.feed-tab-icon .ico-outline {display: block;} body.page-home #catSideNav .ph-nav-item.active svg.feed-tab-icon .ico-filled {display: block;} body.page-home #catSideNav .ph-nav-item.active svg.feed-tab-icon .ico-outline {display: none;} body.page-home #catSideNav .yt-guide-heading {display: flex !important;align-items: center !important;justify-content: flex-start !important;gap: 4px !important;} body.page-home #catSideNav .yt-guide-heading .yt-guide-chevron {width: 20px !important;height: 20px !important;margin-left: 2px !important;fill: currentColor !important;color: #0f0f0f !important;} body.page-home #pwa-install-banner,#pwa-install-banner {display: none !important;visibility: hidden !important;pointer-events: none !important;} body.page-home #recSentinel {min-height: 1px !important;padding: 0 !important;border: 0 !important;background: transparent !important;color: transparent !important;overflow: hidden !important;} body.page-home #recSentinel .rec-busy {display: none !important;} body.page-home #recSentinel.is-busy {min-height: 48px !important;padding: 16px 0 !important;color: var(--text-secondary) !important;justify-content: center !important;} body.page-home #recSentinel.is-busy .rec-busy {display: inline-flex !important;align-items: center !important;gap: 8px !important;}} body.page-home #sortFilterBar select,body.page-home .filter-bar select,body.page-home #filterContainer select {height: 32px !important;border-radius: 8px !important;border: 0 !important;background: #f2f2f2 !important;color: #0f0f0f !important;padding: 0 28px 0 12px !important;font-size: 14px !important;font-weight: 500 !important;outline: none !important;box-shadow: none !important;cursor: pointer !important;} body.page-home .filter-bar button,body.page-home .filter-chip,body.page-home .filter-bar button:focus,body.page-home .filter-chip:focus,body.page-home .filter-bar button:focus-visible {outline: none !important;box-shadow: none !important;border: 0 !important;} body.page-home .home-vip-strip,body.page-home .vip-upsell,body.page-home .vip-upsell-row,body.page-home .vip-upsell-card,body.page-home .vip-banner,body.page-home [class*="vip-upsell"],body.page-home [id*="vipUpsell"],body.page-home [id*="VipStrip"],body.page-home .cb-vip-strip,body.page-home .member-upsell,body.page-home .vip-upsell-row > div[style*="radial-gradient"],body.page-home [style*="rgba(245,197,24"] {display: none !important;} body.page-home .ai-search-btn {display: none !important;} body.page-home .hero-shell {display: none !important;} body.page-home .section-title {font-size: 20px !important;margin: 0 !important;} body.page-home #hotSection {padding-top: 8px !important;} body.page-home .card,body.page-home .grid .card,body.page-home #contentArea .card {min-height: 0 !important;height: auto !important;max-height: none !important;padding-bottom: 0 !important;margin-bottom: 0 !important;} body.page-home header #authBtns .auth-btn[onclick*="login"],body.page-home header #authBtns button.auth-btn:not(.btn-primary) {height: 40px !important;min-height: 40px !important;min-width: 0 !important;padding: 0 15px !important;border-radius: 20px !important;border: 1px solid rgba(0,0,0,.2) !important;border-color: rgba(0,0,0,.2) !important;background: #fff !important;color: #065fd4 !important;font-size: 14px !important;font-weight: 500 !important;gap: 6px !important;box-shadow: none !important;} body.page-home header #authBtns .auth-btn[onclick*="login"] i,body.page-home header #authBtns button.auth-btn:not(.btn-primary) i {font-size: 18px !important;color: #065fd4 !important;} body.page-home header #authBtns .auth-btn[onclick*="login"]:hover,body.page-home header #authBtns button.auth-btn:not(.btn-primary):hover {background: rgb(222,241,255) !important;border-color: rgba(0,0,0,0) !important;transform: none !important;} @media (max-width: 800px) {body.page-home > header,body.page-home header {height: 56px !important;min-height: 56px !important;max-height: 56px !important;overflow: hidden !important;padding: 0 !important;} body.page-home header .header-inner,body.page-home .header-inner {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;justify-content: flex-start !important;grid-template-columns: none !important;grid-template-areas: none !important;grid-template-rows: none !important;height: 56px !important;max-height: 56px !important;width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 6px !important;gap: 2px !important;column-gap: 2px !important;row-gap: 0 !important;box-sizing: border-box !important;} body.page-home header .header-start {display: inline-flex !important;flex: 0 0 auto !important;align-items: center !important;gap: 0 !important;min-width: 0 !important;grid-area: auto !important;order: 0 !important;} body.page-home header .mobile-nav-btn {display: inline-flex !important;flex: 0 0 40px !important;width: 40px !important;height: 40px !important;grid-area: auto !important;order: 0 !important;} body.page-home header .logo {display: inline-flex !important;flex: 0 0 auto !important;font-size: 18px !important;padding: 0 4px 0 0 !important;height: 40px !important;grid-area: auto !important;order: 0 !important;} body.page-home header .search-box {display: flex !important;flex: 1 1 0 !important;width: auto !important;max-width: none !important;min-width: 0 !important;height: 36px !important;margin: 0 4px !important;padding: 0 !important;order: 0 !important;grid-area: auto !important;justify-self: auto !important;position: relative !important;} body.page-home header .search-input,body.page-home header #searchInput {flex: 1 1 auto !important;min-width: 0 !important;width: auto !important;height: 36px !important;line-height: 36px !important;font-size: 14px !important;padding: 0 4px 0 12px !important;} body.page-home header .search-btn {flex: 0 0 44px !important;width: 44px !important;min-width: 44px !important;height: 36px !important;} body.page-home header .controls {display: inline-flex !important;flex: 0 0 auto !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;justify-content: flex-end !important;gap: 0 !important;width: auto !important;max-width: none !important;margin: 0 !important;padding: 0 !important;order: 0 !important;grid-area: auto !important;overflow: visible !important;} body.page-home header #authBtns,body.page-home header #userPanel {display: none !important;width: 0 !important;height: 0 !important;overflow: hidden !important;} body.page-home header .mobile-user-btn,body.page-home header #mobileUserBtn {display: inline-flex !important;flex: 0 0 40px !important;width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 !important;padding: 0 !important;order: 0 !important;grid-area: auto !important;overflow: visible !important;visibility: visible !important;pointer-events: auto !important;} body.page-home .feed-tabs {padding: 8px 12px !important;gap: 8px !important;} body.page-home .section-container {padding: 8px 12px 0 !important;} body.page-home #sortFilterBar,body.page-home .sort-filter-bar,body.page-home .filter-bar {padding: 0 12px 8px !important;gap: 8px !important;} body.page-home .grid .card .info,body.page-home #contentArea .card .info {padding: 10px 0 0 0 !important;} body.page-home .card .info .u-avt-small {display: none !important;} body.page-home .card .info > a.desc,body.page-home .card .info .desc {font-size: 14px !important;line-height: 20px !important;max-height: 40px !important;} body.page-home .card .info .u-name {font-size: 12px !important;line-height: 16px !important;}} @media (max-width: 480px) {body.page-home header .logo {font-size: 16px !important;} body.page-home header .search-btn {flex: 0 0 40px !important;width: 40px !important;min-width: 40px !important;}} @media (prefers-reduced-motion: reduce) {body.page-home *,body.page-home *::before,body.page-home *::after {animation: none !important;transition: none !important;}} body.page-home #hotSection .section-header,body.page-home #topSection .section-header {display: none !important;} body.page-home #vipContent > div[style*="linear-gradient"] {display: none !important;} body.page-home #vipContent {max-width: none !important;margin: 0 !important;padding: 0 !important;} body.page-home #catSideNav button.ph-nav-item {background: transparent !important;border: 0 !important;width: 100% !important;} body.page-home #catSideNav button.ph-nav-item.active,body.page-home #catSideNav button.ph-nav-item.feed-tab.active,body.page-home #catSideNav .ph-nav-item.active {background: rgba(0,0,0,.05) !important;border-radius: 10px !important;} body.page-home.light-mode header #authBtns .auth-btn,body.page-home.light-mode header #authBtns button.auth-btn,html[data-home-theme="light"] body.page-home header #authBtns .auth-btn,body.page-home header #authBtns .auth-btn,body.page-home header #authBtns button.auth-btn {border: 1px solid rgba(0,0,0,.2) !important;border-color: rgba(0,0,0,.2) !important;color: #065fd4 !important;background: #fff !important;border-radius: 20px !important;height: 40px !important;min-height: 40px !important;box-shadow: none !important;} body.page-home header #authBtns .auth-btn.btn-primary,body.page-home header #authBtns .auth-btn[onclick*="register"] {display: none !important;} body.page-home .card .info .channel-picture,body.page-home .card .video-info-grid .channel-picture {width: 36px !important;height: 36px !important;min-width: 36px !important;min-height: 36px !important;display: block !important;flex-shrink: 0 !important;} body.page-home .card .info .channel-picture,body.page-home .card .video-info-grid .channel-picture {width: 36px !important;height: 36px !important;border-radius: 50% !important;overflow: hidden !important;} body.page-home .card .info .u-avt-small,body.page-home .card .info .profile-pic,body.page-home .card .video-info-grid .u-avt-small,body.page-home .card .video-info-grid .profile-pic {width: 36px !important;height: 36px !important;min-width: 36px !important;min-height: 36px !important;border-radius: 50% !important;overflow: hidden !important;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;background-color: #e5e5e5 !important;display: block !important;} body.page-home .card .info .u-name,body.page-home .card .info .video-info .channel-name,body.page-home .card .info .meta,body.page-home .card .info .video-stats,body.page-home .card .info .cb-sub {font-size: 12px !important;line-height: 18px !important;color: #606060 !important;font-weight: 400 !important;} body.page-home .card .info .u-name {display: inline !important;} body.page-home .card .card-menu-btn.meta-menu {opacity: 0 !important;background: transparent !important;color: #0f0f0f !important;width: 24px !important;height: 24px !important;} body.page-home .card:hover .card-menu-btn.meta-menu {opacity: 1 !important;} body.page-home #contentArea.is-yt-home-flat,body.page-home #contentArea.yt-card-grid,body.page-home.is-cat-focus #contentArea {gap: 40px 16px !important;row-gap: 40px !important;column-gap: 16px !important;padding: 0 24px 48px !important;} body.page-home .card .video-title,body.page-home .card .info .desc {font-size: 14px !important;line-height: 20px !important;font-weight: 500 !important;color: #0f0f0f !important;max-height: 40px !important;-webkit-line-clamp: 2 !important;display: -webkit-box !important;-webkit-box-orient: vertical !important;overflow: hidden !important;margin: 0 0 4px !important;} body.page-home .card .info .card-menu-wrap {position: static !important;top: auto !important;right: auto !important;justify-self: end !important;align-self: start !important;margin: 0 !important;} body.page-home .card .info .card-menu-btn,body.page-home .card .info .card-menu-btn.meta-menu {width: 40px !important;height: 40px !important;border-radius: 50% !important;background: transparent !important;color: #0f0f0f !important;opacity: 0 !important;font-size: 18px !important;font-weight: 700 !important;} body.page-home .card:hover .info .card-menu-btn,body.page-home .card:hover .info .card-menu-btn.meta-menu,body.page-home .card .info .card-menu-btn:focus {opacity: 1 !important;background: rgba(0,0,0,.05) !important;} @media (max-width: 700px) {body.page-home header .yt-voice-btn,body.page-home header #voiceSearchBtn,body.page-home header .yt-create-btn,body.page-home header #createBtn {display: none !important;} body.page-home header .search-box {max-width: none !important;}} body.page-home header #userPanel .yt-uname {font-size: 13px !important;font-weight: 500 !important;color: #0f0f0f !important;margin: 0 4px 0 0 !important;max-width: 96px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} body.page-home header #userPanel .yt-bell-wrap {position: relative !important;display: inline-flex !important;margin: 0 !important;} body.page-home header #userPanel .yt-legacy-account-link {display: none !important;} body.page-home header #userPanel .yt-avatar-btn,body.page-home header #userPanel #desktopAccountBtn,body.page-home header #userPanel .yt-logout-btn {width: 40px !important;height: 40px !important;min-width: 40px !important;padding: 0 !important;margin: 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #0f0f0f !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;font-size: 20px !important;cursor: pointer !important;box-shadow: none !important;} body.page-home header #userPanel .yt-avatar-btn:hover,body.page-home header #userPanel #desktopAccountBtn:hover,body.page-home header #userPanel .yt-logout-btn:hover {background: rgba(0,0,0,.05) !important;} body.page-home header #userPanel #bellBtn {position: relative !important;width: 40px !important;height: 40px !important;min-width: 40px !important;padding: 0 !important;border-radius: 50% !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;} body.page-home header #voiceSearchBtn.is-listening {background: rgba(6,95,212,.12) !important;color: #065fd4 !important;animation: cbVoicePulse 1.2s ease-in-out infinite;} @keyframes cbVoicePulse {0%,100% {box-shadow: 0 0 0 0 rgba(6,95,212,.35);} 50% {box-shadow: 0 0 0 8px rgba(6,95,212,0);}} body.page-home header #appsBtn,body.page-home header .ai-search-btn {display: none !important;} @media (max-width: 767px) {body.page-home #mobileBottomNav,body.page-home .mobile-bottom-nav,body.page-home.light-mode #mobileBottomNav,body.page-home.light-mode .mobile-bottom-nav,html[data-home-theme="light"] body.page-home #mobileBottomNav {display: block !important;visibility: visible !important;opacity: 1 !important;position: fixed !important;bottom: 0 !important;left: 0 !important;right: 0 !important;z-index: 960 !important;height: calc(56px + env(safe-area-inset-bottom,0px)) !important;padding-bottom: env(safe-area-inset-bottom,0px) !important;background: rgba(255,255,255,.9) !important;border-top: 1px solid rgba(0,0,0,.1) !important;backdrop-filter: saturate(180%) blur(20px) !important;-webkit-backdrop-filter: saturate(180%) blur(20px) !important;box-shadow: none !important;transform: translateY(0) !important;} body.page-home #mobileBottomNav.nav-hidden,body.page-home .mobile-bottom-nav.nav-hidden {transform: translateY(0) !important;} body.page-home #mobileBottomNav .mobile-bottom-nav-inner,body.page-home .mobile-bottom-nav-inner {display: flex !important;align-items: center !important;justify-content: space-around !important;height: 56px !important;padding: 0 4px !important;} body.page-home #mobileBottomNav .bottom-nav-item,body.page-home .bottom-nav-item {flex: 1 1 0 !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;gap: 2px !important;min-width: 0 !important;height: 100% !important;padding: 6px 2px !important;color: #0f0f0f !important;text-decoration: none !important;font-size: 10px !important;font-weight: 400 !important;line-height: 1.2 !important;background: transparent !important;border: 0 !important;border-radius: 0 !important;} body.page-home #mobileBottomNav .bottom-nav-item span,body.page-home .bottom-nav-item span {max-width: 100% !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;} body.page-home #mobileBottomNav .bottom-nav-item i,body.page-home .bottom-nav-item i,body.page-home #mobileBottomNav .bottom-nav-item svg.bottom-nav-icon,body.page-home .bottom-nav-item svg.bottom-nav-icon {font-size: 18px !important;line-height: 1 !important;color: inherit !important;fill: currentColor !important;width: 22px !important;height: 22px !important;display: block !important;margin: 0 auto !important;flex: 0 0 22px !important;overflow: visible !important;} body.page-home #mobileBottomNav .bottom-nav-item.active,body.page-home .bottom-nav-item.active {color: #0f0f0f !important;font-weight: 500 !important;} body.page-home #mobileBottomNav .bottom-nav-item:active {opacity: .7 !important;} body.page-home {padding-bottom: calc(56px + env(safe-area-inset-bottom,0px)) !important;}} @media (min-width: 768px) {body.page-home #mobileBottomNav,body.page-home .mobile-bottom-nav {display: none !important;}} body.page-home,body.page-home.light-mode,html[data-home-theme="light"] body.page-home {animation: none !important;transform: none !important;filter: none !important;perspective: none !important;} body.page-home #mobileBottomNav,body.page-home .mobile-bottom-nav {position: fixed !important;left: 0 !important;right: 0 !important;bottom: 0 !important;top: auto !important;width: 100% !important;transform: translateY(0) !important;} @media (max-width: 767px) {body.page-home #mobileBottomNav.nav-hidden,body.page-home .mobile-bottom-nav.nav-hidden,body.page-home #mobileBottomNav.nav-visible,body.page-home .mobile-bottom-nav.nav-visible {transform: translateY(0) !important;}} body.page-home #scrollTopBtn,body.page-home #back-to-top-btn,body.page-home #backToTop,body.page-home .back-to-top,#scrollTopBtn,#back-to-top-btn,#backToTop,.back-to-top {display: none !important;visibility: hidden !important;pointer-events: none !important;opacity: 0 !important;} body.page-home .cb-ia-thumb-ov,body.page-home .cb-ia-ov-btn,body.page-home .card .duration::before,body.page-home .card .duration::after,body.page-home .card .cb-duration::before,body.page-home .card .video-time::before,body.page-home #seWlHeaderBtn,body.page-home .se-wl-card-btn,#seWlHeaderBtn,.se-wl-card-btn {display: none !important;content: none !important;} body.page-home .bottom-nav-item.active,body.page-home.light-mode .bottom-nav-item.active,body.page-home.light-mode #mobileBottomNav .bottom-nav-item.active,html[data-home-theme="light"] body.page-home .bottom-nav-item.active {color: #0f0f0f !important;font-weight: 500 !important;} body.page-home .bottom-nav-item.active i,body.page-home.light-mode .bottom-nav-item.active i,body.page-home.light-mode #mobileBottomNav .bottom-nav-item.active i {color: #0f0f0f !important;filter: none !important;transform: none !important;text-shadow: none !important;} body.page-home .bottom-nav-item.active::before,body.page-home.light-mode .bottom-nav-item.active::before,body.page-home.light-mode #mobileBottomNav .bottom-nav-item.active::before,html[data-home-theme="light"] body.page-home .bottom-nav-item.active::before {content: none !important;display: none !important;background: transparent !important;box-shadow: none !important;width: 0 !important;height: 0 !important;} body.page-home .comment-input:focus,body.page-home .comment-input:focus-visible,body.page-home.light-mode .comment-input:focus,body.page-home.light-mode .comment-input:focus-visible,html[data-home-theme="light"] body.page-home .comment-input:focus-visible {border-color: #065fd4 !important;outline: none !important;box-shadow: 0 0 0 2px rgba(6,95,212,.25) !important;} body.page-home .auth-box::before,body.page-home.light-mode .auth-box::before,html[data-home-theme="light"] body.page-home .auth-box::before {content: none !important;display: none !important;background: none !important;box-shadow: none !important;} body.page-home .auth-box .btn-submit,body.page-home.light-mode .auth-box .btn-submit {background: #0b57d0 !important;color: #fff !important;box-shadow: none !important;filter: none !important;text-shadow: none !important;} body.page-home .auth-box .btn-submit:hover,body.page-home.light-mode .auth-box .btn-submit:hover,html[data-home-theme="light"] body.page-home .auth-box .btn-submit:hover {background: #0842a0 !important;box-shadow: none !important;filter: none !important;transform: none !important;opacity: 1 !important;} body.page-home footer,body.page-home.light-mode footer {display: none !important;} body.page-home header #uName,body.page-home header #userPanel #uName,body.page-home header #userPanel .yt-uname,body.page-home.is-logged-in header #uName,body.page-home.is-logged-in header #userPanel .yt-uname {display: none !important;} body.page-home header #userPanel .yt-logout-btn,body.page-home.is-logged-in header #userPanel .yt-logout-btn,body.page-home header #userPanel button.yt-logout-btn {display: none !important;} body.page-home.light-mode .feed-tab-icon,body.page-home.light-mode .feed-tab.active .feed-tab-icon,body.page-home.light-mode #catSideNav .feed-tab-icon,body.page-home.light-mode #catSideNav .feed-tab.active .feed-tab-icon,body.page-home.light-mode #catSideNav .ph-nav-item svg.feed-tab-icon,html[data-home-theme="light"] body.page-home .feed-tab-icon,html[data-home-theme="light"] body.page-home .feed-tab.active .feed-tab-icon {background: transparent !important;background-color: transparent !important;background-image: none !important;color: #0f0f0f !important;fill: #0f0f0f !important;box-shadow: none !important;filter: none !important;border: 0 !important;border-radius: 0 !important;} body.page-home header .logo,body.page-home.light-mode header .logo,html[data-home-theme="light"] body.page-home header .logo {background: none !important;background-image: none !important;-webkit-background-clip: border-box !important;background-clip: border-box !important;-webkit-text-fill-color: #0f0f0f !important;color: #0f0f0f !important;} body.page-home header .logo .cb-logo-word {-webkit-text-fill-color: #0f0f0f !important;color: #0f0f0f !important;background: none !important;} body.page-home header .logo .cb-logo-bi,body.page-home header .logo .cb-logo-18 {color: #e8a317 !important;-webkit-text-fill-color: #e8a317 !important;background: none !important;} body.page-home header .yt-m-search-btn,body.page-home header .yt-m-search-back,body.page-home header #mobileSearchBtn,body.page-home header #mobileSearchBack {display: none !important;} body.page-home #catDrawerBackdrop,body.page-home .cat-drawer-backdrop {background: rgba(0,0,0,.5) !important;} @media (max-width: 791px) {body.page-home > header,body.page-home header {height: 48px !important;min-height: 48px !important;max-height: 48px !important;overflow: visible !important;} body.page-home header .header-inner,body.page-home .header-inner {height: 48px !important;max-height: 48px !important;padding: 0 4px 0 12px !important;display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;justify-content: space-between !important;gap: 0 !important;} body.page-home header .header-start {flex: 1 1 auto !important;min-width: 0 !important;} body.page-home header .mobile-nav-btn,body.page-home header #mobileNavBtn {display: none !important;width: 0 !important;height: 0 !important;min-width: 0 !important;overflow: hidden !important;pointer-events: none !important;} body.page-home header .logo {padding: 0 !important;height: 48px !important;font-size: 18px !important;} body.page-home header .yt-search-cluster,body.page-home header .search-box,body.page-home header .yt-voice-btn,body.page-home header #voiceSearchBtn,body.page-home header .yt-create-btn,body.page-home header #createBtn,body.page-home header .yt-kebab-btn,body.page-home header #moreMenuBtn,body.page-home header #authBtns,body.page-home header #userPanel,body.page-home header .mobile-user-btn,body.page-home header #mobileUserBtn {display: none !important;width: 0 !important;height: 0 !important;min-width: 0 !important;overflow: hidden !important;margin: 0 !important;padding: 0 !important;pointer-events: none !important;} body.page-home header .controls {display: inline-flex !important;flex: 0 0 auto !important;width: auto !important;overflow: visible !important;pointer-events: auto !important;} body.page-home header .yt-m-search-btn,body.page-home header #mobileSearchBtn {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 48px !important;height: 48px !important;min-width: 48px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;color: #0f0f0f !important;box-shadow: none !important;cursor: pointer !important;pointer-events: auto !important;overflow: visible !important;} body.page-home header .yt-m-search-back,body.page-home header #mobileSearchBack {display: none !important;} body.page-home #mainContent,body.page-home main {padding-top: 48px !important;} body.page-home #catSideNav {top: 48px !important;} body.page-home.yt-m-searching header .logo,body.page-home.yt-m-searching header #mobileNavBtn,body.page-home.yt-m-searching header .mobile-nav-btn,body.page-home.yt-m-searching header #mobileSearchBtn,body.page-home.yt-m-searching header .yt-m-search-btn {display: none !important;} body.page-home.yt-m-searching header .header-start {display: inline-flex !important;flex: 0 0 auto !important;width: auto !important;pointer-events: auto !important;} body.page-home.yt-m-searching header .yt-m-search-back,body.page-home.yt-m-searching header #mobileSearchBack {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 48px !important;height: 48px !important;min-width: 48px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;background: transparent !important;color: #0f0f0f !important;cursor: pointer !important;pointer-events: auto !important;overflow: visible !important;} body.page-home.yt-m-searching header .yt-search-cluster {display: flex !important;flex: 1 1 auto !important;width: auto !important;max-width: none !important;min-width: 0 !important;pointer-events: auto !important;} body.page-home.yt-m-searching header .search-box {display: flex !important;flex: 1 1 auto !important;width: auto !important;max-width: none !important;min-width: 0 !important;height: 40px !important;margin: 0 8px 0 0 !important;padding: 0 !important;pointer-events: auto !important;overflow: visible !important;} body.page-home.yt-m-searching header .search-input,body.page-home.yt-m-searching header #searchInput {display: block !important;flex: 1 1 auto !important;width: auto !important;min-width: 0 !important;height: 40px !important;pointer-events: auto !important;} body.page-home.yt-m-searching header .search-btn {display: none !important;width: 0 !important;min-width: 0 !important;pointer-events: none !important;} body.page-home.yt-m-searching header .yt-voice-btn,body.page-home.yt-m-searching header #voiceSearchBtn {display: inline-flex !important;width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 8px 0 0 !important;padding: 0 !important;pointer-events: auto !important;overflow: visible !important;} body.page-home.yt-m-searching header .search-box {border: 0 !important;background: transparent !important;box-shadow: none !important;border-radius: 0 !important;}} @media (max-width: 767px) {body.page-home #mobileBottomNav .bottom-nav-item[data-nav="subs"],body.page-home #mobileBottomNav .bottom-nav-item[data-nav="library"] {display: none !important;} body.page-home #mobileBottomNav .bottom-nav-item {flex: 1 1 0 !important;font-size: 11px !important;} body.page-home #mobileBottomNav .bottom-nav-item i {font-size: 22px !important;}} body.page-home header .yt-search-cluster {justify-self: center !important;width: 100% !important;max-width: 732px !important;display: flex !important;align-items: center !important;gap: 12px !important;min-width: 0 !important;} body.page-home header .yt-search-cluster .search-box {flex: 1 1 auto !important;width: auto !important;max-width: none !important;min-width: 0 !important;} body.page-home header .yt-search-cluster .yt-voice-btn,body.page-home header .yt-search-cluster #voiceSearchBtn {margin: 0 !important;flex: 0 0 40px !important;} body.page-home header .search-btn {background: #f8f8f8 !important;color: transparent !important;font-size: 0 !important;font-weight: 400 !important;letter-spacing: 0 !important;text-indent: 0 !important;padding: 0 !important;min-width: 64px !important;width: 64px !important;transform: none !important;box-shadow: none !important;} body.page-home header .search-btn svg {color: #0f0f0f !important;fill: #0f0f0f !important;display: block !important;} body.page-home #catSideNav #tab-rec.active {background: rgba(0,0,0,.05) !important;font-weight: 500 !important;} #cookie-consent-banner {padding-bottom: calc(14px + env(safe-area-inset-bottom,0px)) !important;} body:has(#cookie-consent-banner:not([hidden])) {padding-bottom: 72px !important;} body.page-home:has(#cookie-consent-banner:not([hidden])) #mobileBottomNav {bottom: 72px !important;} html body.page-home #catSideNav .ph-nav-item,html body.page-home #userSideNav .ph-nav-item,html body.page-home #catSideNav .cat-side-list a,html body.page-home #catSideNav .cat-side-list button,html body.page-home #catSideNav button.ph-nav-item,html body.page-home #catSideNav a.ph-nav-item,html body.page-home #catSideNav .yt-guide-entry {width: 204px !important;max-width: 204px !important;height: 40px !important;box-sizing: border-box !important;} #ytMSearchDim {display: none;} body.page-home.yt-m-searching #ytMSearchDim {display: block !important;position: fixed !important;top: 48px !important;left: 0 !important;right: 0 !important;bottom: 0 !important;z-index: 1900 !important;background: rgba(0,0,0,.5) !important;pointer-events: auto !important;} body.page-home:not(.is-logged-in) #catSideNav .yt-guide-lib,body.page-home:not(.is-logged-in) #catSideNav .yt-guide-you-head,body.page-home:not(.is-logged-in) #catSideNav #tab-later,body.page-home:not(.is-logged-in) #catSideNav #tab-liked,body.page-home:not(.is-logged-in) #catSideNav #tab-vip,body.page-home:not(.is-logged-in) #catSideNav #tab-queue,body.page-home:not(.is-logged-in) #catSideNav a[href="/vip/"],body.page-home:not(.is-logged-in) #catSideNav a[href="/later/"],body.page-home:not(.is-logged-in) #catSideNav a[href="/liked/"],body.page-home:not(.is-logged-in) #catSideNav a[href="/playlists/"],body.page-home:not(.is-logged-in) #catSideNav #catSideList,body.page-home:not(.is-logged-in) #catSideNav .yt-guide-heading:not(:has([data-i18n="exploreSection"])) {display: none !important;} html,body.page-browse,body.page-search,body.page-tags,body.page-categories,body.page-trending,body.page-models {background: #fff !important;color: #0f0f0f !important;font-family: Roboto,Arial,"PingFang SC","Microsoft YaHei",sans-serif !important;margin: 0 !important;padding: 0 !important;} body.page-browse,body.page-search,body.page-tags,body.page-categories,body.page-trending,body.page-models {--bg: #fff !important;--card: #fff !important;--card-hover: #f2f2f2 !important;--text: #0f0f0f !important;--text-primary: #0f0f0f !important;--sub: #606060 !important;--text-muted: #606060 !important;--accent: #065fd4 !important;--accent-hover: #0556bf !important;--accent-soft: rgba(6,95,212,0.08) !important;--border: rgba(0,0,0,0.1) !important;--gradient: none !important;--pri: #e8a317 !important;padding-top: 56px !important;box-sizing: border-box !important;} html.cb-preview #age-verify-overlay,html.cb-preview #cookie-consent-banner {display: none !important;visibility: hidden !important;pointer-events: none !important;} html.cb-preview body.age-verify-locked {overflow: auto !important;height: auto !important;} body.page-browse > header,body.page-search > header,body.page-tags > header,body.page-categories > header,body.page-trending > header,body.page-models > header,body.page-browse header.cb-br-mast,body.page-search header,body.page-tags header,body.page-categories header,body.page-trending header,body.page-models header {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;height: 56px !important;min-height: 56px !important;max-height: 56px !important;padding: 0 16px !important;margin: 0 !important;background: #fff !important;border-bottom: none !important;border-top: 0 !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;z-index: 2020 !important;box-sizing: border-box !important;} body.page-browse header .header-inner,body.page-search header .header-inner,body.page-tags header .header-inner,body.page-categories header .header-inner,body.page-trending header .header-inner,body.page-models header .header-inner {max-width: none !important;width: 100% !important;height: 56px !important;margin: 0 !important;padding: 0 !important;display: grid !important;grid-template-columns: 169px minmax(0,1fr) 225px !important;align-items: center !important;gap: 0 !important;box-sizing: border-box !important;} body.page-browse header .header-start,body.page-search header .header-start,body.page-channel header .header-start,body.page-tags header .header-start,body.page-categories header .header-start,body.page-trending header .header-start,body.page-models header .header-start {display: inline-flex !important;align-items: center !important;gap: 4px !important;min-width: 0 !important;grid-column: 1 !important;justify-self: start !important;} body.page-browse header .header-end,body.page-search header .header-end,body.page-channel header .header-end,body.page-browse header .header-nav-links,body.page-search header .header-nav-links,body.page-channel header .header-nav-links,body.page-tags header .header-end,body.page-categories header .header-end,body.page-trending header .header-end,body.page-models header .header-end {display: flex !important;align-items: center !important;justify-content: flex-end !important;gap: 8px !important;min-width: 0 !important;grid-column: 3 !important;justify-self: end !important;} body.page-browse header .cb-br-search-wrap,body.page-search header .cb-br-search-wrap,body.page-channel header .cb-br-search-wrap,body.page-browse header .header-center,body.page-search header .header-center,body.page-channel header .header-center,body.page-tags header .cb-br-search-wrap,body.page-categories header .cb-br-search-wrap,body.page-trending header .cb-br-search-wrap,body.page-models header .cb-br-search-wrap {grid-column: 2 !important;justify-self: stretch !important;display: flex !important;align-items: center !important;gap: 12px !important;max-width: 732px !important;width: 100% !important;margin: 0 auto !important;min-width: 0 !important;} body.page-browse header .header-search,body.page-search header .header-search,body.page-channel header .header-search,body.page-tags header .header-search,body.page-categories header .header-search,body.page-trending header .header-search,body.page-models header .header-search,body.page-browse header form.header-search,body.page-search header form.header-search,body.page-channel header form.header-search,body.page-tags header form.header-search {display: flex !important;flex: 1 1 auto !important;height: 40px !important;max-width: none !important;width: auto !important;margin: 0 !important;border: 1px solid #ccc !important;border-radius: 40px !important;background: #fff !important;overflow: hidden !important;box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;align-items: center !important;} body.page-browse header .header-search input,body.page-tags header .header-search input,body.page-categories header .header-search input,body.page-trending header .header-search input,body.page-models header .header-search input {flex: 1 !important;border: 0 !important;background: transparent !important;color: #0f0f0f !important;font-size: 16px !important;padding: 0 16px !important;outline: none !important;min-width: 0 !important;height: 100% !important;} body.page-browse header .header-search button[type="submit"],body.page-tags header .header-search button[type="submit"],body.page-categories header .header-search button[type="submit"],body.page-trending header .header-search button[type="submit"],body.page-models header .header-search button[type="submit"] {width: 64px !important;height: 100% !important;border: 0 !important;border-left: 1px solid #ccc !important;border-radius: 0 40px 40px 0 !important;background: #f8f8f8 !important;color: #0f0f0f !important;cursor: pointer !important;margin: 0 !important;padding: 0 !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;font-size: 14 !important;font-weight: 400 !important;} body.page-browse header .header-search button[type="submit"]:hover,body.page-tags header .header-search button[type="submit"]:hover {background: #f0f0f0 !important;} body.page-browse header .yt-voice-btn,body.page-tags header .yt-voice-btn,body.page-categories header .yt-voice-btn,body.page-trending header .yt-voice-btn,body.page-models header .yt-voice-btn,body.page-browse header #voiceSearchBtn,body.page-tags header #voiceSearchBtn {flex: 0 0 40px !important;width: 40px !important;height: 40px !important;min-width: 40px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: #f2f2f2 !important;color: #0f0f0f !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;line-height: 1 !important;} body.page-browse header .yt-voice-btn:hover,body.page-tags header .yt-voice-btn:hover,body.page-browse header #voiceSearchBtn:hover {background: #e5e5e5 !important;} body.page-browse header .yt-voice-btn.is-listening,body.page-tags header .yt-voice-btn.is-listening,body.page-browse header #voiceSearchBtn.is-listening {background: #ffe6e6 !important;color: #ff0000 !important;} body.page-browse header .logo,body.page-tags header .logo,body.page-categories header .logo,body.page-trending header .logo,body.page-models header .logo {font-size: 20px !important;font-weight: 700 !important;color: #0f0f0f !important;text-decoration: none !important;letter-spacing: -0.5px !important;display: inline-flex !important;align-items: center !important;background: none !important;background-image: none !important;-webkit-text-fill-color: #0f0f0f !important;box-shadow: none !important;} body.page-browse header .logo span,body.page-tags header .logo span,body.page-categories header .logo span,body.page-trending header .logo span,body.page-models header .logo span {color: inherit !important;-webkit-text-fill-color: inherit !important;background: transparent !important;background-image: none !important;padding: 0 !important;border-radius: 0 !important;font-weight: 700 !important;} body.page-browse header .logo .cb-logo-bi,body.page-tags header .logo .cb-logo-bi,body.page-categories header .logo .cb-logo-bi,body.page-trending header .logo .cb-logo-bi,body.page-models header .logo .cb-logo-bi {color: #e8a317 !important;-webkit-text-fill-color: #e8a317 !important;} body.page-browse header .cb-mast-burger,body.page-tags header .cb-mast-burger,body.page-categories header .cb-mast-burger,body.page-trending header .cb-mast-burger,body.page-models header .cb-mast-burger,body.page-browse header #cbMastBurger {width: 40px !important;height: 40px !important;min-width: 40px !important;padding: 0 !important;margin: 0 4px 0 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #0f0f0f !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;cursor: pointer !important;box-shadow: none !important;flex-shrink: 0 !important;font-size: 18px !important;} body.page-browse header .cb-mast-burger:hover,body.page-tags header .cb-mast-burger:hover {background: rgba(0,0,0,0.05) !important;} body.page-browse header .nav-btn:not(.primary),body.page-tags header .nav-btn:not(.primary),body.page-categories header .nav-btn:not(.primary),body.page-trending header .nav-btn:not(.primary),body.page-models header .nav-btn:not(.primary) {display: none !important;} body.page-browse header .nav-btn.primary,body.page-tags header .nav-btn.primary,body.page-categories header .nav-btn.primary,body.page-trending header .nav-btn.primary,body.page-models header .nav-btn.primary {height: 36px !important;min-height: 36px !important;padding: 0 14px !important;border-radius: 18px !important;border: 1px solid #065fd4 !important;background: transparent !important;color: #065fd4 !important;font-size: 14px !important;font-weight: 500 !important;box-shadow: none !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;text-decoration: none !important;line-height: 36px !important;} body.page-browse header .nav-btn.primary:hover,body.page-tags header .nav-btn.primary:hover {background: rgba(6,95,212,0.08) !important;color: #065fd4 !important;border-color: #065fd4 !important;} body.page-browse header .nav-btn.primary i,body.page-tags header .nav-btn.primary i {color: #065fd4 !important;font-size: 18px !important;} body.page-browse:not(.page-search):not(.page-channel):not(.page-profile) .page-wrap,body.page-tags .page-wrap,body.page-categories .page-wrap,body.page-trending .page-wrap,body.page-models .page-wrap {max-width: 1280px !important;margin: 0 auto !important;padding: 24px 24px 48px !important;background: #fff !important;box-sizing: border-box !important;} body.page-browse .page-title,body.page-tags .page-title,body.page-categories .page-title,body.page-trending .page-title,body.page-models .page-title {display: flex !important;align-items: center !important;gap: 12px !important;margin: 0 0 4px !important;} body.page-browse .page-title h1,body.page-tags .page-title h1,body.page-categories .page-title h1,body.page-trending .page-title h1,body.page-models .page-title h1 {margin: 0 !important;font-size: 24px !important;font-weight: 700 !important;color: #0f0f0f !important;letter-spacing: 0 !important;} body.page-browse .page-title .title-icon,body.page-tags .page-title .title-icon,body.page-browse .page-title .fire-icon,body.page-tags .page-title i,body.page-categories .page-title i,body.page-trending .page-title i,body.page-models .page-title i {display: none !important;} body.page-browse .page-desc,body.page-tags .page-desc,body.page-categories .page-desc,body.page-trending .page-desc,body.page-models .page-desc {color: #606060 !important;font-size: 14px !important;margin: 0 0 20px !important;font-weight: 400 !important;} body.page-browse .section-title,body.page-tags .section-title,body.page-categories .section-title,body.page-trending .section-title,body.page-models .section-title {font-size: 16px !important;font-weight: 600 !important;color: #0f0f0f !important;margin: 28px 0 12px !important;display: flex !important;align-items: center !important;gap: 8px !important;background: none !important;-webkit-text-fill-color: #0f0f0f !important;} body.page-browse .section-title i,body.page-tags .section-title i,body.page-categories .section-title i {display: none !important;} body.page-tags .popular-tags,body.page-browse.page-tags .popular-tags {display: flex !important;flex-wrap: wrap !important;gap: 8px !important;margin: 0 0 20px !important;padding: 0 !important;background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;} body.page-tags .popular-tag,body.page-tags .cloud-tag,body.page-tags .letter-tag {display: inline-flex !important;align-items: center !important;gap: 6px !important;padding: 0 12px !important;height: 32px !important;background: #f2f2f2 !important;border: 0 !important;border-radius: 8px !important;font-size: 14px !important;font-weight: 400 !important;color: #0f0f0f !important;cursor: pointer !important;transition: background 0.15s ease !important;text-decoration: none !important;box-shadow: none !important;transform: none !important;white-space: nowrap !important;} body.page-tags .popular-tag:hover,body.page-tags .cloud-tag:hover,body.page-tags .letter-tag:hover {background: #e5e5e5 !important;border-color: transparent !important;color: #0f0f0f !important;transform: none !important;} body.page-tags .popular-tag i,body.page-tags .letter-tag i,body.page-tags .cloud-tag i {display: none !important;} body.page-tags .popular-tag .tag-count,body.page-tags .cloud-tag .tag-cnt,body.page-tags .letter-tag .tag-cnt {font-size: 12px !important;color: #606060 !important;font-weight: 400 !important;} body.page-tags .tag-cloud {display: flex !important;flex-wrap: wrap !important;gap: 8px !important;align-items: center !important;justify-content: flex-start !important;padding: 0 !important;margin: 0 0 28px !important;background: transparent !important;} body.page-tags .tag-cloud .cloud-tag {font-size: 14px !important;opacity: 1 !important;} body.page-tags .alpha-index,body.page-models .alpha-index {display: flex !important;flex-wrap: wrap !important;gap: 4px !important;margin: 0 0 20px !important;padding: 8px 0 !important;background: transparent !important;border: 0 !important;border-bottom: 1px solid rgba(0,0,0,0.1) !important;border-radius: 0 !important;position: sticky !important;top: 56px !important;z-index: 50 !important;box-shadow: none !important;background: #fff !important;} body.page-tags .alpha-link,body.page-models .alpha-link {width: 32px !important;height: 32px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;border-radius: 8px !important;font-size: 13px !important;font-weight: 500 !important;color: #0f0f0f !important;background: transparent !important;text-decoration: none !important;} body.page-tags .alpha-link:hover,body.page-tags .alpha-link.active,body.page-models .alpha-link:hover,body.page-models .alpha-link.active {background: #0f0f0f !important;color: #fff !important;} body.page-tags .alpha-link.disabled {color: #aaa !important;opacity: 0.5 !important;pointer-events: none !important;} body.page-tags .letter-header {font-size: 18px !important;font-weight: 700 !important;color: #0f0f0f !important;margin: 0 0 10px !important;padding: 0 0 8px !important;border-bottom: 1px solid rgba(0,0,0,0.08) !important;} body.page-tags .letter-tags {display: flex !important;flex-wrap: wrap !important;gap: 8px !important;} body.page-tags .letter-section {margin-bottom: 24px !important;} body.page-tags .tag-search-wrap,body.page-models .model-search-wrap {margin: 0 0 20px !important;max-width: 480px !important;position: relative !important;} body.page-tags .tag-search-wrap input,body.page-models .model-search-wrap input {width: 100% !important;height: 40px !important;padding: 0 16px 0 40px !important;background: #fff !important;border: 1px solid #ccc !important;border-radius: 40px !important;color: #0f0f0f !important;font-size: 14px !important;outline: none !important;box-sizing: border-box !important;box-shadow: inset 0 1px 2px rgba(0,0,0,0.04) !important;} body.page-tags .tag-search-wrap input:focus,body.page-models .model-search-wrap input:focus {border-color: #1c62b9 !important;box-shadow: inset 0 1px 2px rgba(0,0,0,0.04),0 0 0 1px #1c62b9 !important;} body.page-tags .tag-search-wrap .search-icon,body.page-models .model-search-wrap .search-icon {position: absolute !important;left: 14px !important;top: 50% !important;transform: translateY(-50%) !important;color: #606060 !important;font-size: 14px !important;} body.page-categories .cat-grid,body.page-categories .categories-grid,body.page-categories .grid {display: grid !important;grid-template-columns: repeat(4,minmax(0,1fr)) !important;gap: 16px !important;row-gap: 24px !important;} @media (max-width: 1100px) {body.page-categories .cat-grid,body.page-categories .categories-grid,body.page-categories .grid {grid-template-columns: repeat(3,minmax(0,1fr)) !important;}} @media (max-width: 700px) {body.page-categories .cat-grid,body.page-categories .categories-grid,body.page-categories .grid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}} body.page-categories .cat-card {background: #fff !important;border: 0 !important;border-radius: 12px !important;box-shadow: none !important;overflow: hidden !important;transform: none !important;transition: background 0.15s ease !important;padding: 0 !important;} body.page-categories .cat-card:hover {background: #f2f2f2 !important;border-color: transparent !important;transform: none !important;box-shadow: none !important;} body.page-categories .cat-name {font-size: 14px !important;font-weight: 500 !important;color: #0f0f0f !important;padding: 10px 4px 0 !important;} body.page-categories .cat-name .cat-icon {display: none !important;} body.page-categories .cat-count,body.page-categories .cat-meta {font-size: 12px !important;color: #606060 !important;padding: 2px 4px 8px !important;} body.page-trending .trend-tabs,body.page-trending .tabs {display: flex !important;gap: 8px !important;border-bottom: 1px solid rgba(0,0,0,0.1) !important;margin: 0 0 20px !important;padding: 0 !important;background: transparent !important;} body.page-trending .trend-tab {height: 36px !important;padding: 0 14px !important;border: 0 !important;border-bottom: 2px solid transparent !important;border-radius: 0 !important;background: transparent !important;color: #606060 !important;font-size: 14px !important;font-weight: 500 !important;cursor: pointer !important;box-shadow: none !important;} body.page-trending .trend-tab.active,body.page-trending .trend-tab:hover {color: #0f0f0f !important;border-bottom-color: #0f0f0f !important;background: transparent !important;} body.page-trending .rank-item,body.page-trending .trend-card {background: #fff !important;border: 0 !important;border-radius: 12px !important;box-shadow: none !important;transform: none !important;} body.page-trending .rank-item:hover,body.page-trending .trend-card:hover {background: #f2f2f2 !important;border-color: transparent !important;transform: none !important;box-shadow: none !important;} body.page-models .sort-tabs {display: flex !important;flex-wrap: wrap !important;gap: 8px !important;margin: 0 0 16px !important;} body.page-models .sort-tab {height: 32px !important;padding: 0 12px !important;border: 0 !important;border-radius: 8px !important;background: #f2f2f2 !important;color: #0f0f0f !important;font-size: 14px !important;font-weight: 400 !important;cursor: pointer !important;box-shadow: none !important;} body.page-models .sort-tab.active {background: #0f0f0f !important;color: #fff !important;} body.page-models .model-card {background: #fff !important;border: 0 !important;border-radius: 12px !important;box-shadow: none !important;transform: none !important;} body.page-models .model-card:hover {background: #f2f2f2 !important;border-color: transparent !important;transform: none !important;box-shadow: none !important;} body.page-models .page-btn {height: 36px !important;min-width: 36px !important;padding: 0 12px !important;border: 0 !important;border-radius: 18px !important;background: #f2f2f2 !important;color: #0f0f0f !important;font-size: 14px !important;box-shadow: none !important;} body.page-models .page-btn:hover {background: #e5e5e5 !important;color: #0f0f0f !important;} body.page-models .page-btn.active {background: #0f0f0f !important;color: #fff !important;border: 0 !important;} body.page-browse .empty-state,body.page-search .empty-state,body.page-tags .empty-state,body.page-categories .empty-state,body.page-trending .empty-state,body.page-models .empty-state,body.page-browse .cb-empty,body.page-search .search-landing {max-width: 420px !important;margin: 0 auto !important;padding: 80px 20px !important;text-align: center !important;color: #606060 !important;font-size: 14px !important;line-height: 20px !important;grid-column: 1 / -1 !important;} body.page-browse .empty-state h2,body.page-search .empty-state h2,body.page-search .search-landing h2,body.page-tags .empty-state h2,body.page-browse .cb-empty h2 {margin: 16px 0 8px !important;font-size: 24px !important;font-weight: 400 !important;line-height: 32px !important;color: #0f0f0f !important;} body.page-browse .empty-state p,body.page-search .empty-state p,body.page-search .search-landing p,body.page-browse .cb-empty p {margin: 0 0 20px !important;font-size: 14px !important;line-height: 20px !important;color: #606060 !important;} body.page-browse .empty-state i,body.page-search .empty-state i,body.page-tags .empty-state i {display: none !important;} body.page-browse .site-footer,body.page-tags .site-footer,body.page-categories .site-footer,body.page-trending .site-footer,body.page-models .site-footer {background: #fff !important;border-top: 1px solid rgba(0,0,0,0.08) !important;color: #606060 !important;} body.page-browse .site-footer .footer-brand,body.page-tags .site-footer .footer-brand {color: #0f0f0f !important;} body.page-browse .site-footer .footer-heading,body.page-tags .site-footer .footer-heading {color: #0f0f0f !important;} body.page-browse .site-footer .footer-links a,body.page-tags .site-footer .footer-links a {color: #606060 !important;} body.page-browse .site-footer .footer-links a:hover {color: #0f0f0f !important;} body.page-browse .cb-br-guide,body.page-tags .cb-br-guide,body.page-categories .cb-br-guide,body.page-trending .cb-br-guide,body.page-models .cb-br-guide {display: none;position: fixed;top: 56px;left: 0;bottom: 0;width: 240px;background: #fff;padding: 12px;overflow-y: auto;z-index: 2010;box-sizing: border-box;border-right: 1px solid rgba(0,0,0,0.1);box-shadow: 2px 0 8px rgba(0,0,0,0.06);} body.page-browse.cb-guide-open .cb-br-guide,body.page-tags.cb-guide-open .cb-br-guide,body.page-categories.cb-guide-open .cb-br-guide,body.page-trending.cb-guide-open .cb-br-guide,body.page-models.cb-guide-open .cb-br-guide {display: block;} body.page-browse .cb-br-guide a,body.page-tags .cb-br-guide a {display: flex;align-items: center;gap: 24px;height: 40px;width: 204px;max-width: 204px;box-sizing: border-box;padding: 0 12px;border-radius: 10px;color: #0f0f0f;font-size: 14px;text-decoration: none;font-weight: 400;} body.page-browse .cb-br-guide a:hover {background: #f2f2f2;} body.page-browse .cb-br-guide a.is-active {background: rgba(0,0,0,0.05);font-weight: 500;} body.page-browse .cb-br-guide .g-sep {height: 1px;background: rgba(0,0,0,0.1);margin: 12px 0;} body.page-browse .cb-br-scrim,body.page-tags .cb-br-scrim {display: none;position: fixed;inset: 56px 0 0 0;background: rgba(0,0,0,0.4);z-index: 2005;} body.page-browse.cb-guide-open .cb-br-scrim,body.page-tags.cb-guide-open .cb-br-scrim {display: block;} @media (max-width: 700px) {body.page-browse header .cb-br-search-wrap,body.page-tags header .cb-br-search-wrap {display: none !important;} body.page-browse header .header-inner,body.page-tags header .header-inner {grid-template-columns: 1fr auto !important;} body.page-browse .page-wrap,body.page-tags .page-wrap {padding: 16px 12px 40px !important;} body.page-browse .page-title h1,body.page-tags .page-title h1 {font-size: 20px !important;}} .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} @font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2?v=20260717) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;src:url(/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2?v=20260717) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:400;src:url(/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2?v=20260717) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a} .fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-alipay:before{content:"\f642"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-award:before{content:"\f559"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-border-all:before{content:"\f84c"}.fa-briefcase:before{content:"\f0b1"}.fa-broom:before{content:"\f51a"}.fa-bug:before{content:"\f188"}.fa-bullhorn:before{content:"\f0a1"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-week:before{content:"\f784"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-cc-stripe:before{content:"\f1f5"}.fa-certificate:before{content:"\f0a3"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-circle:before{content:"\f111"}.fa-clipboard-check:before{content:"\f46c"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-coins:before{content:"\f51e"}.fa-comment:before{content:"\f075"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-copy:before{content:"\f0c5"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crown:before{content:"\f521"}.fa-dice:before{content:"\f522"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-envelope:before{content:"\f0e0"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-eye:before{content:"\f06e"}.fa-file-contract:before{content:"\f56c"}.fa-file-video:before{content:"\f1c8"}.fa-film:before{content:"\f008"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-flag:before{content:"\f024"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-forward:before{content:"\f04e"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-globe:before{content:"\f0ac"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-google:before{content:"\f1a0"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-hashtag:before{content:"\23"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-infinity:before{content:"\f534"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-key:before{content:"\f084"}.fa-language:before{content:"\f1ab"}.fa-laptop-code:before{content:"\f5fc"}.fa-layer-group:before{content:"\f5fd"}.fa-lightbulb:before{content:"\f0eb"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-lock:before{content:"\f023"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-medal:before{content:"\f5a2"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill-wave:before{content:"\f53a"}.fa-moon:before{content:"\f186"}.fa-music:before{content:"\f001"}.fa-network-wired:before{content:"\f6ff"}.fa-palette:before{content:"\f53f"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-plug:before{content:"\f1e6"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-power-off:before{content:"\f011"}.fa-qq:before{content:"\f1d6"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-recycle:before{content:"\f1b8"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-shield-heart:before{content:"\e574"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-star:before{content:"\f005"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-stripe-s:before{content:"\f42a"}.fa-sun:before{content:"\f185"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-toggle-on:before{content:"\f205"}.fa-torii-gate:before{content:"\f6a1"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trophy:before{content:"\f091"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-unlock:before{content:"\f09c"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-vial:before{content:"\f492"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-vr-cardboard:before{content:"\f729"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"} .fa-bookmark:before{content:"\f02e"}.fa-reddit-alien:before{content:"\f281"}.fa-ruler-horizontal:before{content:"\f547"}.fa-share:before{content:"\f064"}.fa-shoe-prints:before{content:"\f54b"}.fa-user-tie:before{content:"\f508"}.fa-users-viewfinder:before{content:"\e595"}.fa-whatsapp:before{content:"\f232"}.fa-twitter:before{content:"\f099"}.fa-wand-magic-sparkles:before{content:"\e2ca"} /* Self-hosted Roboto (消除 Google Fonts 外部请求) */
@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/roboto-var.woff2)format('woff2')}