:root{--accent-blue: #3b82f6;--accent-gradient: linear-gradient(40.64deg, #ff0033 64.72%, #ff2791 92.44%);--accent-red: #ff0033;--accent-red-hover: #e0002d;--ai-gradient: linear-gradient(161.57deg, #ff459c 7.7%, #7eabff 55.3%, #ffb6da 100%);--bg-bottom-bar: rgba(16, 16, 16, .9);--bg-button-dark: #202124;--bg-chip: #23232c;--bg-elevated: #1e1e24;--bg-hover-dark: #2f3035;--bg-page: #101010;--bg-surface: #141416;--bg-surface-dialog: #121214;--border-card: rgba(255, 255, 255, .08);--border-chip: #3c4043;--border-divider: rgba(255, 255, 255, .15);--border-focus: rgba(255, 255, 255, .35);--border-hover: rgba(255, 255, 255, .18);--border-input: #505050;--border-selected: #ff0033;--border-subtle: rgba(255, 255, 255, .08);--bottom-bar-height-mobile: 64px;--color-purple: #ff2791;--color-youtube-red: #ff0033;--container-max-width: 1440px;--container-padding-desktop: 60px;--container-padding-mobile: 28px;--font-alt: "Inter", "Roboto", sans-serif;--font-brand-display: "YouTube Sans", "YouTube Display", "Roboto", sans-serif;--font-google: "Google Sans Text", "Google Sans", "Roboto", sans-serif;--font-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height-desktop: 64px;--nav-height-mobile: 64px;--radius-2xl: 24px;--radius-lg: 16px;--radius-md: 8px;--radius-pill: 999px;--radius-sm: 4px;--radius-xl: 20px;--shadow-card: 0 4px 16px rgba(0, 0, 0, .3);--shadow-floating: 0 16px 36px rgba(0, 0, 0, .55);--text-dark: #202124;--text-inactive: #b7b7b7;--text-muted: #80868b;--text-placeholder: #5f6368;--text-primary: #ffffff;--text-secondary: #f0f0f0;--text-subtle: #9aa0a6}*,*:before,*:after{box-sizing:border-box}html,body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-primary);margin:0;min-height:100vh;-moz-osx-font-smoothing:grayscale;padding:0;-webkit-font-smoothing:antialiased;width:100%}main.main{display:block;overflow-x:hidden;width:100%}.page-container{box-sizing:border-box;margin:0 auto;max-width:var(--container-max-width);overflow-x:clip;padding:60px 60px 100px;width:100%}@media(max-width:1024px){.page-container{padding:40px 32px 80px}}@media(max-width:600px){.page-container{padding:24px var(--container-padding-mobile) 96px}}@media(max-width:360px){.page-container{padding:20px 12px 96px}}.font-brand-logo{font-family:var(--font-brand-display);font-weight:700;letter-spacing:-.2px}.text-hero{font-family:var(--font-primary);font-size:48px;font-weight:700;letter-spacing:-1px;line-height:56px}@media(max-width:600px){.text-hero{font-size:32px;letter-spacing:-.5px;line-height:40px}}.text-hero-brand{font-family:var(--font-brand-display);font-size:38px;font-weight:700;line-height:normal}@media(max-width:600px){.text-hero-brand{font-size:28px;line-height:34px}}.text-page-title{font-family:var(--font-primary);font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2}@media(max-width:600px){.text-page-title{font-size:24px;letter-spacing:0;line-height:28px}}.text-section-title{font-family:var(--font-primary);font-size:24px;font-weight:700;line-height:32px}@media(max-width:600px){.text-section-title{font-size:20px;line-height:26px}}.text-eyebrow{color:var(--text-muted);font-family:var(--font-google);font-size:14px;font-weight:500;letter-spacing:.5px;line-height:24px;text-transform:uppercase}.text-creator-handle{font-family:var(--font-primary);font-size:16px;font-weight:500;line-height:normal}.text-card-heading{font-family:var(--font-primary);font-size:18px;font-weight:600;line-height:1.3}@media(max-width:600px){.text-card-heading{font-size:16px}}.text-body-large{font-family:var(--font-primary);font-size:16px;font-weight:400;line-height:1.5}@media(max-width:600px){.text-body-large{font-size:14px}}.text-body{font-family:var(--font-primary);font-size:14px;font-weight:400;line-height:1.5}.text-body-medium{font-family:var(--font-primary);font-size:14px;font-weight:500;line-height:1.4}.text-caption{color:var(--text-muted);font-family:var(--font-primary);font-size:12px;font-weight:400;line-height:16px}.text-tag{color:var(--text-secondary);font-family:var(--font-primary);font-size:12px;font-weight:400;line-height:20px}.text-metric-value{color:var(--text-primary);font-family:var(--font-primary);font-size:14px;font-weight:700;line-height:16px}.text-metric-label{color:var(--text-muted);font-family:var(--font-primary);font-size:10px;font-weight:500;letter-spacing:.5px;line-height:12px;text-transform:uppercase}.text-bottom-bar-label{color:var(--text-inactive);font-family:var(--font-primary);font-size:10px;font-weight:400;line-height:12px}.text-quote{color:var(--text-muted);font-family:var(--font-alt);font-size:16px;font-weight:600;line-height:normal}.text-ai-gradient{background:var(--ai-gradient);background-clip:text;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-pill-primary{align-items:center;background-color:var(--accent-red);border:none;border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 24px;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.btn-pill-primary:hover{background-color:var(--accent-red-hover);box-shadow:0 4px 12px #f036}.btn-pill-primary:active{transform:scale(.98)}@media(max-width:600px){.btn-pill-primary{font-size:14px;height:44px;padding:0 20px}}.btn-pill-gradient{align-items:center;background-image:var(--accent-gradient);border:none;border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 24px;transition:box-shadow .2s ease,filter .2s ease,transform .15s ease}.btn-pill-gradient:hover{box-shadow:0 4px 14px #ff003359;filter:brightness(1.08)}.btn-pill-gradient:active{transform:scale(.98)}@media(max-width:600px){.btn-pill-gradient{height:44px;padding:0 20px}}.btn-pill-secondary{align-items:center;background-color:#ffffff14;border:1px solid var(--border-hover);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 20px;transition:background-color .2s ease,border-color .2s ease}.btn-pill-secondary:hover{background-color:#ffffff29;border-color:var(--border-focus)}.btn-pill-secondary:active{transform:scale(.98)}@media(max-width:600px){.btn-pill-secondary{height:44px;padding:0 16px}}.btn-outline-white{align-items:center;background:transparent;border:1px solid var(--text-primary);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 24px;transition:background-color .2s ease,transform .15s ease}.btn-outline-white:hover{background-color:#ffffff1f}.btn-outline-white:active{transform:scale(.98)}@media(max-width:600px){.btn-outline-white{height:44px;padding:0 20px}}.btn-edit-preferences{align-items:center;background-color:var(--bg-button-dark);border:1px solid var(--border-chip);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-subtle);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:8px;height:36px;justify-content:center;letter-spacing:.25px;padding:0 16px 0 12px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-edit-preferences:hover{background-color:var(--bg-hover-dark);border-color:var(--border-focus);color:var(--text-primary)}@media(max-width:600px){.btn-edit-preferences{font-size:12px;height:32px;padding:8px 16px 8px 12px}}.btn-carousel-arrow{align-items:center;background:transparent;border:1.18px solid var(--border-chip);border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background-color .2s ease,opacity .2s ease;width:36px}.btn-carousel-arrow.disabled-visual{cursor:default;opacity:.35}.btn-carousel-arrow:hover:not(.disabled-visual){background-color:#ffffff1a}.btn-pill-dark{align-items:center;background-color:var(--bg-button-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:400;gap:8px;height:36px;justify-content:center;padding:0 14px;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;white-space:nowrap}.btn-pill-dark:hover{background-color:var(--bg-hover-dark);border-color:var(--bg-hover-dark)}.btn-pill-dark:active{transform:scale(.98)}.btn-circle-action{align-items:center;background-color:transparent;border:1px solid var(--text-primary);border-radius:var(--radius-pill);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;width:36px}.btn-circle-action:hover{background-color:var(--border-subtle)}.btn-circle-action:active{transform:scale(.95)}.pagination-dots{align-items:center;display:flex;gap:12px;justify-content:center}.pagination-dots .dot{background-color:#ffffff4d;border:none;border-radius:var(--radius-sm);cursor:pointer;height:8px;padding:0;transition:background-color .2s ease,width .2s ease;width:8px}.pagination-dots .dot:hover{background-color:var(--text-muted)}.pagination-dots .dot.active{background-color:var(--text-primary);border-radius:var(--radius-sm);width:24px}.segmented-pill-tabs{align-items:center;background-color:#ffffff0d;border:1px solid var(--border-divider);border-radius:var(--radius-pill);box-sizing:border-box;display:inline-flex;height:48px;padding:2px}.segmented-pill-tabs .tab-pill{align-items:center;background:transparent;border:none;border-radius:var(--radius-pill);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:inline-flex;flex:1 1 0;font-family:var(--font-primary);font-size:12px;font-weight:500;gap:4px;height:42px;justify-content:center;padding:8px 16px;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.segmented-pill-tabs .tab-pill.active{background-color:var(--text-primary);box-shadow:0 2px 8px #00000040;color:var(--bg-button-dark)}@media(max-width:600px){.segmented-pill-tabs{justify-content:space-between;max-width:100%;width:100%}.segmented-pill-tabs .tab-pill{flex:1 1 auto;gap:4px;padding:8px 10px}}@media(max-width:375px){.segmented-pill-tabs .tab-pill{font-size:11px;gap:3px;padding:6px 8px}}@media(max-width:360px){.segmented-pill-tabs .tab-pill{font-size:10.5px;gap:2px;padding:6px 4px}}.category-chip{align-items:center;backdrop-filter:blur(6px);background-color:var(--bg-chip);border-radius:var(--radius-pill);box-sizing:border-box;display:inline-flex;gap:4px;padding:4px 12px;-webkit-backdrop-filter:blur(6px)}.category-chip.more-chip{padding:4px 10px}.toast-notification{align-items:center;background-color:var(--bg-chip);border:1px solid var(--border-hover);border-radius:var(--radius-pill);bottom:32px;box-shadow:var(--shadow-floating);box-sizing:border-box;color:var(--text-primary);display:inline-flex;font-family:var(--font-primary);font-size:14px;font-weight:500;justify-content:center;left:50%;padding:12px 24px;position:fixed;transform:translate(-50%);white-space:nowrap;z-index:1000}@media(max-width:600px){.toast-notification{bottom:76px;left:16px;max-width:calc(100vw - 32px);right:16px;text-align:center;transform:none;white-space:normal}}@media(max-width:600px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none!important}@media(max-width:600px){.show-on-mobile{display:block!important}}@media(max-width:960px){.hide-on-tablet{display:none!important}}.show-on-tablet{display:none!important}@media(max-width:960px){.show-on-tablet{display:block!important}}