@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{color-scheme:dark;--color-bg: #0d0d0d;--color-bg-base: #0d0d0d;--color-bg-subtle: #121212;--color-bg-elevated: #181818;--color-bg-hover: #282828;--color-surface: #121212;--color-surface-elevated: #1a1a1a;--color-border: #2a2a2a;--color-border-subtle: #2a2a2a;--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: #b3b3b3;--color-text-tertiary: #6b6b6b;--color-text-muted: #6b6b6b;--color-primary: #1db954;--color-primary-hover: #1ed760;--color-primary-muted: #169c46;--color-accent: #9146ff;--color-accent-secondary: #9146ff;--color-accent-hover: #a970ff;--color-error: #e91429;--color-error-bg: rgba(233, 20, 41, .15);--color-success: #1db954;--color-warning: #f59e0b;--color-focus-ring: #1db954;--color-auth-login: var(--link-color);--color-auth-signup: var(--color-success);--color-auth-sdk: var(--color-accent-secondary);--color-auth-admin: var(--color-warning);--color-auth-admin-text: var(--color-text-primary);--color-auth-pubfuse-admin: var(--color-error);--color-auth-help: var(--color-text-tertiary);--color-auth-btn-on-dark: #ffffff;--link-color: #a970ff;--link-hover-color: #9146ff;--btn-primary-bg: #1db954;--btn-primary-hover-bg: #1ed760;--btn-primary-text: #ffffff;--color-home-action-go-live: #FFC107;--color-home-action-go-live-hover: #ffca28;--color-home-action-music: #EF5350;--color-home-action-music-hover: #e57373;--color-home-action-discover: #00BCD4;--color-home-action-discover-hover: #4dd0e1;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--btn-font-size: .75rem;--btn-min-height: 2rem;--btn-padding-x: var(--space-3);--btn-padding-y: var(--space-1);--btn-radius: var(--radius-sm);--font-size-base: var(--text-base);--navbar-height: 4rem;--playbar-height: 4.75rem;--playbar-bottom-reserve: calc(var(--playbar-height) + var(--space-4));--bottom-nav-height: 4rem;--content-max-width: 1280px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--color-stat-sdk-bg: rgba(29, 185, 84, .18);--color-stat-appids-bg: rgba(145, 70, 255, .15);--color-stat-users-bg: rgba(0, 188, 212, .15);--color-stat-active-bg: rgba(245, 158, 11, .2);--color-overlay-bg: rgba(0, 0, 0, .5);--icon-size-md: 1.5rem;--icon-size-lg: 2rem;--focus-outline: 2px solid var(--color-focus-ring);--focus-outline-offset: 2px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-duration-normal: .25s}[data-theme=light]{color-scheme:light;--color-bg: #f5f5f5;--color-bg-base: #ffffff;--color-bg-subtle: #fafafa;--color-bg-elevated: #ffffff;--color-bg-hover: #e8e8e8;--color-surface: #ffffff;--color-surface-elevated: #fafafa;--color-border: #e0e0e0;--color-border-subtle: #e4e4e7;--color-text: #121212;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-tertiary: #71717a;--color-text-muted: #71717a;--link-color: #9146ff;--link-hover-color: #772ce8;--color-focus-ring: #1db954}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--color-bg: #f5f5f5;--color-bg-base: #ffffff;--color-bg-subtle: #fafafa;--color-bg-elevated: #ffffff;--color-bg-hover: #e8e8e8;--color-surface: #ffffff;--color-surface-elevated: #fafafa;--color-border: #e0e0e0;--color-border-subtle: #e4e4e7;--color-text: #121212;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-tertiary: #71717a;--color-text-muted: #71717a;--link-color: #9146ff;--link-hover-color: #772ce8;--color-focus-ring: #1db954}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-duration-normal: 0ms}}[dir=rtl]{--flow-start: right;--flow-end: left}body.app-body[data-theme=pubfuse].dark{--color-bg: rgb(20, 20, 26);--color-bg-base: rgb(20, 20, 26);--color-bg-subtle: rgb(20, 20, 26);--color-bg-elevated: rgb(31, 31, 38);--color-bg-hover: rgb(46, 46, 56);--color-surface: rgb(38, 38, 46);--color-surface-elevated: rgb(31, 31, 38);--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--color-text: rgb(250, 250, 252);--color-text-primary: rgb(250, 250, 252);--color-text-secondary: rgb(179, 179, 191);--color-text-tertiary: rgb(128, 128, 140);--color-text-muted: rgb(128, 128, 140);--color-primary: rgb(255, 51, 0);--color-primary-hover: rgb(102, 153, 255);--color-primary-muted: rgba(255, 51, 0, .15);--color-accent: rgb(153, 102, 255);--color-accent-secondary: rgb(77, 179, 255);--color-accent-hover: rgb(102, 153, 255);--link-color: rgb(102, 153, 255);--link-hover-color: rgb(77, 179, 255);--btn-primary-bg: rgb(255, 51, 0);--btn-primary-hover-bg: rgb(102, 153, 255);--color-focus-ring: rgb(255, 51, 0);--color-success: rgb(51, 204, 102);--color-warning: rgb(255, 179, 51);--color-error: rgb(255, 77, 77);--color-error-bg: rgba(255, 77, 77, .15);--color-home-action-go-live: #FFC107;--color-home-action-go-live-hover: #ffca28;--color-home-action-music: #EF5350;--color-home-action-music-hover: #e57373;--color-home-action-discover: #00BCD4;--color-home-action-discover-hover: #4dd0e1}body.app-body[data-theme=pubfuse].light{--color-bg: rgb(250, 250, 252);--color-bg-base: rgb(250, 250, 252);--color-bg-subtle: rgb(250, 250, 252);--color-bg-elevated: #ffffff;--color-bg-hover: rgb(240, 240, 242);--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-subtle: rgba(0, 0, 0, .04);--color-text: rgb(26, 26, 31);--color-text-primary: rgb(26, 26, 31);--color-text-secondary: rgb(102, 102, 115);--color-text-tertiary: rgb(153, 153, 166);--color-text-muted: rgb(153, 153, 166);--color-primary: rgb(26, 128, 230);--color-primary-hover: rgb(51, 102, 230);--color-primary-muted: rgba(26, 128, 230, .1);--color-accent: rgb(128, 77, 230);--color-accent-secondary: rgb(26, 128, 255);--color-accent-hover: rgb(51, 102, 230);--link-color: rgb(26, 128, 230);--link-hover-color: rgb(51, 102, 230);--btn-primary-bg: rgb(26, 128, 230);--btn-primary-hover-bg: rgb(51, 102, 230);--color-focus-ring: rgb(26, 128, 230);--color-home-action-go-live: #FFC107;--color-home-action-go-live-hover: #ffca28;--color-home-action-music: #EF5350;--color-home-action-music-hover: #e57373;--color-home-action-discover: #00BCD4;--color-home-action-discover-hover: #4dd0e1}body.app-body[data-theme=classic].dark{--color-bg: #000000;--color-bg-base: #000000;--color-bg-subtle: #000000;--color-bg-elevated: rgb(31, 31, 31);--color-bg-hover: rgb(46, 46, 46);--color-surface: rgb(20, 20, 20);--color-surface-elevated: rgb(31, 31, 31);--color-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-primary: #007aff;--color-primary-hover: #007aff;--color-accent: #af52de;--color-accent-secondary: rgb(128, 102, 255);--link-color: #007aff;--btn-primary-bg: #007aff;--btn-primary-hover-bg: #007aff;--color-focus-ring: #007aff;--color-home-action-go-live: #FF9500;--color-home-action-go-live-hover: #ffb340;--color-home-action-music: #FF3B30;--color-home-action-music-hover: #ff6b63;--color-home-action-discover: #007aff;--color-home-action-discover-hover: #5ac8fa}body.app-body[data-theme=classic].light{--color-bg: #ffffff;--color-bg-base: #ffffff;--color-bg-elevated: rgb(242, 242, 242);--color-bg-hover: rgb(230, 230, 230);--color-surface: rgb(230, 230, 230);--color-border: rgba(0, 0, 0, .1);--color-text: #000000;--color-text-primary: #000000;--color-text-secondary: rgba(0, 0, 0, .7);--color-text-muted: rgba(0, 0, 0, .5);--color-primary: #007aff;--color-accent: #af52de;--link-color: #007aff;--btn-primary-bg: #007aff;--btn-primary-hover-bg: #007aff;--color-focus-ring: #007aff;--color-home-action-go-live: #FF9500;--color-home-action-go-live-hover: #ffb340;--color-home-action-music: #FF3B30;--color-home-action-music-hover: #ff6b63;--color-home-action-discover: #007aff;--color-home-action-discover-hover: #5ac8fa}body.app-body[data-theme=psytrance].dark{--color-bg: rgb(13, 0, 26);--color-bg-base: rgb(13, 0, 26);--color-bg-elevated: rgb(38, 0, 51);--color-bg-hover: rgb(26, 0, 38);--color-surface: rgb(26, 0, 38);--color-border: rgba(128, 0, 255, .3);--color-text: rgb(0, 255, 128);--color-text-primary: rgb(0, 255, 128);--color-text-secondary: rgb(128, 255, 179);--color-text-muted: rgb(77, 179, 128);--color-primary: rgb(0, 255, 128);--color-primary-hover: rgb(0, 255, 128);--color-accent: rgb(255, 0, 204);--color-accent-secondary: rgb(128, 0, 255);--color-success: rgb(0, 255, 128);--color-warning: rgb(255, 204, 0);--color-error: rgb(255, 0, 77);--link-color: rgb(0, 255, 128);--btn-primary-bg: rgb(0, 255, 128);--btn-primary-hover-bg: rgb(0, 255, 128);--color-focus-ring: rgb(0, 255, 128);--color-home-action-go-live: rgb(0, 255, 128);--color-home-action-go-live-hover: rgb(128, 255, 179);--color-home-action-music: rgb(255, 0, 204);--color-home-action-music-hover: rgb(255, 128, 230);--color-home-action-discover: rgb(128, 0, 255);--color-home-action-discover-hover: rgb(179, 77, 255)}body.app-body[data-theme=psytrance].light{--color-bg: rgb(250, 242, 255);--color-bg-base: rgb(250, 242, 255);--color-bg-elevated: rgb(242, 230, 250);--color-surface: rgb(235, 217, 250);--color-border: rgba(128, 0, 255, .2);--color-text: rgb(51, 0, 102);--color-text-primary: rgb(51, 0, 102);--color-text-secondary: rgb(102, 51, 153);--color-primary: rgb(0, 204, 128);--color-accent: rgb(204, 0, 153);--color-accent-secondary: rgb(128, 0, 204);--link-color: rgb(0, 204, 128);--btn-primary-bg: rgb(0, 204, 128);--btn-primary-hover-bg: rgb(0, 204, 128);--color-focus-ring: rgb(0, 204, 128);--color-home-action-go-live: rgb(0, 255, 128);--color-home-action-go-live-hover: rgb(128, 255, 179);--color-home-action-music: rgb(255, 0, 204);--color-home-action-music-hover: rgb(255, 128, 230);--color-home-action-discover: rgb(128, 0, 255);--color-home-action-discover-hover: rgb(179, 77, 255)}body.app-body[data-theme=classichiphop].dark{--color-bg: rgb(20, 20, 20);--color-bg-base: rgb(20, 20, 20);--color-bg-elevated: rgb(38, 38, 38);--color-surface: rgb(31, 31, 31);--color-border: rgba(255, 166, 0, .3);--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: rgb(230, 230, 230);--color-text-muted: rgb(179, 179, 179);--color-primary: rgb(255, 51, 0);--color-primary-hover: rgb(255, 166, 0);--color-accent: rgb(255, 166, 0);--color-accent-secondary: rgb(0, 204, 102);--color-success: rgb(0, 204, 102);--color-warning: rgb(255, 166, 0);--color-error: rgb(255, 51, 0);--link-color: rgb(255, 51, 0);--btn-primary-bg: rgb(255, 51, 0);--btn-primary-hover-bg: rgb(255, 166, 0);--color-focus-ring: rgb(255, 51, 0);--color-home-action-go-live: rgb(255, 51, 0);--color-home-action-go-live-hover: rgb(255, 102, 51);--color-home-action-music: rgb(255, 166, 0);--color-home-action-music-hover: rgb(255, 191, 77);--color-home-action-discover: rgb(0, 204, 102);--color-home-action-discover-hover: rgb(51, 230, 128)}body.app-body[data-theme=classichiphop].light{--color-bg: rgb(250, 250, 250);--color-bg-base: rgb(250, 250, 250);--color-bg-elevated: rgb(242, 242, 242);--color-surface: rgb(235, 235, 235);--color-border: rgba(255, 166, 0, .2);--color-text: #000000;--color-text-primary: #000000;--color-text-secondary: rgb(51, 51, 51);--color-primary: rgb(255, 51, 0);--color-accent: rgb(255, 166, 0);--color-accent-secondary: rgb(0, 204, 102);--link-color: rgb(255, 51, 0);--btn-primary-bg: rgb(255, 51, 0);--btn-primary-hover-bg: rgb(255, 166, 0);--color-focus-ring: rgb(255, 51, 0);--color-home-action-go-live: rgb(255, 51, 0);--color-home-action-go-live-hover: rgb(255, 102, 51);--color-home-action-music: rgb(255, 166, 0);--color-home-action-music-hover: rgb(255, 191, 77);--color-home-action-discover: rgb(0, 204, 102);--color-home-action-discover-hover: rgb(51, 230, 128)}body.app-body[data-theme=streamer].dark{--color-bg: rgb(23, 18, 33);--color-bg-base: rgb(23, 18, 33);--color-bg-elevated: rgb(36, 28, 46);--color-surface: rgb(28, 23, 36);--color-border: rgba(148, 33, 245, .3);--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: rgb(230, 217, 242);--color-text-muted: rgb(179, 166, 191);--color-primary: rgb(148, 33, 245);--color-primary-hover: rgb(148, 33, 245);--color-accent: rgb(0, 204, 102);--color-accent-secondary: rgb(255, 166, 0);--link-color: rgb(148, 33, 245);--btn-primary-bg: rgb(148, 33, 245);--btn-primary-hover-bg: rgb(148, 33, 245);--color-focus-ring: rgb(148, 33, 245);--color-home-action-go-live: rgb(148, 33, 245);--color-home-action-go-live-hover: rgb(179, 77, 255);--color-home-action-music: rgb(0, 204, 102);--color-home-action-music-hover: rgb(51, 230, 128);--color-home-action-discover: rgb(255, 166, 0);--color-home-action-discover-hover: rgb(255, 191, 77)}body.app-body[data-theme=streamer].light{--color-bg: rgb(250, 247, 255);--color-bg-base: rgb(250, 247, 255);--color-bg-elevated: rgb(242, 237, 250);--color-surface: rgb(235, 229, 242);--color-border: rgba(148, 33, 245, .2);--color-text: rgb(26, 13, 38);--color-text-primary: rgb(26, 13, 38);--color-text-secondary: rgb(77, 64, 89);--color-primary: rgb(148, 33, 245);--color-accent: rgb(0, 204, 102);--color-accent-secondary: rgb(255, 166, 0);--link-color: rgb(148, 33, 245);--btn-primary-bg: rgb(148, 33, 245);--btn-primary-hover-bg: rgb(148, 33, 245);--color-focus-ring: rgb(148, 33, 245);--color-home-action-go-live: rgb(148, 33, 245);--color-home-action-go-live-hover: rgb(179, 77, 255);--color-home-action-music: rgb(0, 204, 102);--color-home-action-music-hover: rgb(51, 230, 128);--color-home-action-discover: rgb(255, 166, 0);--color-home-action-discover-hover: rgb(255, 191, 77)}body.app-body[data-theme=diy].dark{--color-bg: rgb(31, 26, 20);--color-bg-base: rgb(31, 26, 20);--color-bg-elevated: rgb(46, 38, 31);--color-surface: rgb(38, 31, 26);--color-border: rgba(217, 140, 64, .3);--color-text: rgb(250, 242, 230);--color-text-primary: rgb(250, 242, 230);--color-text-secondary: rgb(230, 217, 191);--color-text-muted: rgb(179, 166, 140);--color-primary: rgb(217, 140, 64);--color-primary-hover: rgb(217, 140, 64);--color-accent: rgb(179, 102, 51);--color-accent-secondary: rgb(242, 179, 77);--link-color: rgb(217, 140, 64);--btn-primary-bg: rgb(217, 140, 64);--btn-primary-hover-bg: rgb(217, 140, 64);--color-focus-ring: rgb(217, 140, 64);--color-home-action-go-live: rgb(217, 140, 64);--color-home-action-go-live-hover: rgb(230, 166, 102);--color-home-action-music: rgb(179, 102, 51);--color-home-action-music-hover: rgb(191, 128, 77);--color-home-action-discover: rgb(242, 179, 77);--color-home-action-discover-hover: rgb(255, 204, 128)}body.app-body[data-theme=diy].light{--color-bg: rgb(250, 245, 240);--color-bg-base: rgb(250, 245, 240);--color-bg-elevated: rgb(242, 237, 230);--color-surface: rgb(235, 229, 217);--color-border: rgba(217, 140, 64, .2);--color-text: rgb(51, 38, 26);--color-text-primary: rgb(51, 38, 26);--color-text-secondary: rgb(102, 77, 64);--color-primary: rgb(217, 140, 64);--color-accent: rgb(179, 102, 51);--color-accent-secondary: rgb(242, 179, 77);--link-color: rgb(217, 140, 64);--btn-primary-bg: rgb(217, 140, 64);--btn-primary-hover-bg: rgb(217, 140, 64);--color-focus-ring: rgb(217, 140, 64);--color-home-action-go-live: rgb(217, 140, 64);--color-home-action-go-live-hover: rgb(230, 166, 102);--color-home-action-music: rgb(179, 102, 51);--color-home-action-music-hover: rgb(191, 128, 77);--color-home-action-discover: rgb(242, 179, 77);--color-home-action-discover-hover: rgb(255, 204, 128)}body.app-body[data-theme=spiritual].dark{--color-bg: rgb(20, 26, 31);--color-bg-base: rgb(20, 26, 31);--color-bg-elevated: rgb(31, 36, 46);--color-surface: rgb(26, 31, 38);--color-border: rgba(153, 179, 230, .2);--color-text: rgb(242, 242, 250);--color-text-primary: rgb(242, 242, 250);--color-text-secondary: rgb(204, 204, 217);--color-text-muted: rgb(153, 166, 179);--color-primary: rgb(153, 179, 230);--color-primary-hover: rgb(153, 179, 230);--color-accent: rgb(217, 191, 242);--color-accent-secondary: rgb(230, 217, 179);--color-success: rgb(128, 204, 153);--link-color: rgb(153, 179, 230);--btn-primary-bg: rgb(153, 179, 230);--btn-primary-hover-bg: rgb(153, 179, 230);--color-focus-ring: rgb(153, 179, 230);--color-home-action-go-live: rgb(153, 179, 230);--color-home-action-go-live-hover: rgb(179, 204, 242);--color-home-action-music: rgb(217, 191, 242);--color-home-action-music-hover: rgb(230, 217, 250);--color-home-action-discover: rgb(230, 217, 179);--color-home-action-discover-hover: rgb(242, 230, 204)}body.app-body[data-theme=spiritual].light{--color-bg: rgb(250, 247, 252);--color-bg-base: rgb(250, 247, 252);--color-bg-elevated: rgb(242, 240, 247);--color-surface: rgb(235, 232, 240);--color-border: rgba(153, 179, 230, .15);--color-text: rgb(38, 46, 56);--color-text-primary: rgb(38, 46, 56);--color-text-secondary: rgb(77, 89, 102);--color-primary: rgb(153, 179, 230);--color-accent: rgb(217, 191, 242);--color-accent-secondary: rgb(230, 217, 179);--link-color: rgb(153, 179, 230);--btn-primary-bg: rgb(153, 179, 230);--btn-primary-hover-bg: rgb(153, 179, 230);--color-focus-ring: rgb(153, 179, 230);--color-home-action-go-live: rgb(153, 179, 230);--color-home-action-go-live-hover: rgb(179, 204, 242);--color-home-action-music: rgb(217, 191, 242);--color-home-action-music-hover: rgb(230, 217, 250);--color-home-action-discover: rgb(230, 217, 179);--color-home-action-discover-hover: rgb(242, 230, 204)}body.app-body[data-theme=livemusic].dark{--color-bg: rgb(15, 15, 20);--color-bg-base: rgb(15, 15, 20);--color-bg-elevated: rgb(31, 26, 31);--color-surface: rgb(28, 26, 28);--color-border: rgba(255, 89, 51, .4);--color-text: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: rgb(242, 230, 217);--color-text-muted: rgb(179, 166, 153);--color-primary: rgb(255, 89, 51);--color-primary-hover: rgb(255, 89, 51);--color-accent: rgb(255, 204, 0);--color-accent-secondary: rgb(230, 51, 128);--color-success: rgb(51, 230, 102);--color-warning: rgb(255, 204, 0);--color-error: rgb(255, 51, 77);--link-color: rgb(255, 89, 51);--btn-primary-bg: rgb(255, 89, 51);--btn-primary-hover-bg: rgb(255, 89, 51);--color-focus-ring: rgb(255, 89, 51);--color-home-action-go-live: rgb(255, 89, 51);--color-home-action-go-live-hover: rgb(255, 128, 77);--color-home-action-music: rgb(255, 204, 0);--color-home-action-music-hover: rgb(255, 217, 77);--color-home-action-discover: rgb(230, 51, 128);--color-home-action-discover-hover: rgb(255, 102, 179)}body.app-body[data-theme=livemusic].light{--color-bg: rgb(252, 250, 250);--color-bg-base: rgb(252, 250, 250);--color-bg-elevated: rgb(245, 240, 240);--color-surface: rgb(237, 232, 232);--color-border: rgba(255, 89, 51, .25);--color-text: rgb(26, 26, 31);--color-text-primary: rgb(26, 26, 31);--color-text-secondary: rgb(77, 64, 51);--color-primary: rgb(255, 89, 51);--color-accent: rgb(255, 204, 0);--color-accent-secondary: rgb(230, 51, 128);--link-color: rgb(255, 89, 51);--btn-primary-bg: rgb(255, 89, 51);--btn-primary-hover-bg: rgb(255, 89, 51);--color-focus-ring: rgb(255, 89, 51);--color-home-action-go-live: rgb(255, 89, 51);--color-home-action-go-live-hover: rgb(255, 128, 77);--color-home-action-music: rgb(255, 204, 0);--color-home-action-music-hover: rgb(255, 217, 77);--color-home-action-discover: rgb(230, 51, 128);--color-home-action-discover-hover: rgb(255, 102, 179)}body.app-body[data-theme=pubfuse-dark].dark{--color-bg: rgb(26, 26, 26);--color-bg-base: rgb(26, 26, 26);--color-bg-elevated: rgb(20, 20, 26);--color-surface: rgb(20, 20, 26);--color-border: rgba(255, 255, 255, .06);--color-text: rgb(250, 250, 250);--color-text-primary: rgb(250, 250, 250);--color-text-secondary: rgb(191, 191, 191);--color-text-muted: rgb(140, 140, 140);--color-primary: rgb(255, 51, 0);--color-primary-hover: rgb(77, 153, 242);--color-accent: rgb(128, 77, 242);--color-accent-secondary: rgb(0, 179, 255);--color-success: rgb(0, 255, 128);--color-warning: rgb(255, 204, 0);--color-error: rgb(255, 51, 102);--link-color: rgb(255, 51, 0);--btn-primary-bg: rgb(255, 51, 0);--btn-primary-hover-bg: rgb(77, 153, 242);--color-focus-ring: rgb(255, 51, 0);--color-home-action-go-live: #FFC107;--color-home-action-go-live-hover: #ffca28;--color-home-action-music: #EF5350;--color-home-action-music-hover: #e57373;--color-home-action-discover: #00BCD4;--color-home-action-discover-hover: #4dd0e1}body.app-body[data-theme=pubfuse-dark].light{--color-bg: #000000;--color-bg-base: #000000;--color-bg-elevated: rgb(38, 38, 38);--color-surface: rgb(46, 46, 46);--color-border: rgba(0, 0, 0, .06);--color-text: rgb(242, 242, 242);--color-text-primary: rgb(242, 242, 242);--color-text-secondary: rgb(179, 179, 179);--color-primary: rgb(255, 51, 0);--color-accent: rgb(102, 51, 204);--color-accent-secondary: rgb(0, 102, 242);--link-color: rgb(255, 51, 0);--btn-primary-bg: rgb(255, 51, 0);--btn-primary-hover-bg: rgb(0, 102, 242);--color-focus-ring: rgb(255, 51, 0);--color-home-action-go-live: #FFC107;--color-home-action-go-live-hover: #ffca28;--color-home-action-music: #EF5350;--color-home-action-music-hover: #e57373;--color-home-action-discover: #00BCD4;--color-home-action-discover-hover: #4dd0e1}body.app-body[data-theme=monochromatic].dark{--color-bg: rgb(13, 13, 13);--color-bg-base: rgb(13, 13, 13);--color-bg-elevated: rgb(26, 26, 26);--color-surface: rgb(31, 31, 31);--color-border: rgba(255, 255, 255, .1);--color-text: rgb(242, 242, 242);--color-text-primary: rgb(242, 242, 242);--color-text-secondary: rgb(179, 179, 179);--color-text-muted: rgb(128, 128, 128);--color-primary: rgb(179, 179, 179);--color-primary-hover: rgb(204, 204, 204);--color-accent: rgb(128, 128, 128);--color-accent-secondary: rgb(204, 204, 204);--color-success: rgb(153, 153, 153);--color-warning: rgb(179, 179, 179);--color-error: rgb(128, 128, 128);--link-color: rgb(179, 179, 179);--btn-primary-bg: rgb(179, 179, 179);--btn-primary-hover-bg: rgb(204, 204, 204);--color-focus-ring: rgb(179, 179, 179);--color-home-action-go-live: rgb(204, 204, 204);--color-home-action-go-live-hover: rgb(230, 230, 230);--color-home-action-music: rgb(179, 179, 179);--color-home-action-music-hover: rgb(204, 204, 204);--color-home-action-discover: rgb(153, 153, 153);--color-home-action-discover-hover: rgb(179, 179, 179)}body.app-body[data-theme=monochromatic].light{--color-bg: rgb(250, 250, 250);--color-bg-base: rgb(250, 250, 250);--color-bg-elevated: #ffffff;--color-surface: rgb(242, 242, 242);--color-border: rgba(0, 0, 0, .1);--color-text: rgb(26, 26, 26);--color-text-primary: rgb(26, 26, 26);--color-text-secondary: rgb(102, 102, 102);--color-text-muted: rgb(128, 128, 128);--color-primary: rgb(77, 77, 77);--color-primary-hover: rgb(102, 102, 102);--color-accent: rgb(128, 128, 128);--color-accent-secondary: rgb(51, 51, 51);--color-success: rgb(102, 102, 102);--color-warning: rgb(77, 77, 77);--color-error: rgb(128, 128, 128);--link-color: rgb(77, 77, 77);--btn-primary-bg: rgb(77, 77, 77);--btn-primary-hover-bg: rgb(102, 102, 102);--color-focus-ring: rgb(77, 77, 77);--color-home-action-go-live: rgb(128, 128, 128);--color-home-action-go-live-hover: rgb(153, 153, 153);--color-home-action-music: rgb(102, 102, 102);--color-home-action-music-hover: rgb(128, 128, 128);--color-home-action-discover: rgb(77, 77, 77);--color-home-action-discover-hover: rgb(102, 102, 102)}:root{font-family:var(--font-sans);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;height:100%;max-width:100vw;margin:0;padding:0;box-sizing:border-box;overflow-anchor:none}body,body.app-body{width:100%;height:100%;max-width:100vw;margin:0;padding:0;min-height:100vh;color:var(--color-text-primary);background-color:var(--color-bg-base);box-sizing:border-box;overflow-anchor:none}#root{width:100%;width:100vw;height:100%;min-height:100%;max-width:100vw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;overflow-anchor:none}#root>*{min-width:0;width:100%;width:100vw;max-width:100vw;box-sizing:border-box}a{font-weight:var(--font-weight-medium);color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}button{border-radius:var(--btn-radius);border:1px solid transparent;padding:var(--btn-padding-y) var(--btn-padding-x);min-height:var(--btn-min-height);font-size:var(--btn-font-size);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;transition:background-color var(--transition-duration-normal) ease}button:hover{background-color:var(--btn-primary-hover-bg)}button:focus,button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.watch-overlay .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.watch-overlay{position:fixed;top:0;left:0;right:0;bottom:var(--playbar-height, 4rem);z-index:650;width:100vw;display:flex;flex-direction:column;box-sizing:border-box;background:#0d0d0d}.watch-overlay__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0d0d0d}.watch-overlay__content{position:relative;flex:1;overflow:auto;padding:0;min-height:0;background:#0d0d0d}.watch-overlay__close{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.watch-overlay__close:hover{color:var(--color-text);background:var(--color-bg-hover, rgba(255, 255, 255, .08))}.watch-overlay__close--over-video{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;background:transparent;color:#ffffffe6}.watch-overlay__close--over-video:hover{background:#ffffff26;color:#fff}.watch-overlay__content .watch-embed{max-width:none}.page-now-playing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-lg, 1.5rem);padding-bottom:calc(var(--playbar-height, 72px) + var(--space-xl, 2rem))}.page-now-playing__top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;padding:var(--space-3);z-index:10}.page-now-playing__close{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text);font-size:1.5rem;line-height:1;cursor:pointer}.page-now-playing__close:hover{background:var(--color-bg-hover)}.page-now-playing__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.page-now-playing--video .page-now-playing__video-slot{width:100%;aspect-ratio:16 / 9;max-height:40vh;background:var(--color-bg-hover);margin-bottom:var(--space-md);border-radius:var(--radius-md);overflow:hidden}.page-now-playing--video .page-now-playing__video-slot video{width:100%;height:100%;object-fit:contain}.page-now-playing__video-info{text-align:center;margin-bottom:var(--space-lg);width:100%}.page-now-playing__album{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 .25rem}.page-now-playing__queue{width:100%;margin-top:var(--space-xl);flex:1;min-height:0}.page-now-playing__queue-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.page-now-playing__queue-list{list-style:none;padding:0;margin:0;max-height:12rem;overflow-y:auto}.page-now-playing__queue-row{display:grid;grid-template-columns:1.5rem 1fr;grid-template-rows:auto auto;gap:0 var(--space-2);align-items:center;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;font-size:var(--text-sm)}.page-now-playing__queue-row:hover{background:var(--color-bg-hover)}.page-now-playing__queue-row--current{background:var(--color-bg-hover);color:var(--color-primary)}.page-now-playing__queue-index{grid-row:1 / -1;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.page-now-playing__queue-track-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-now-playing__queue-track-artist{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-now-playing--empty{text-align:center}.page-now-playing__empty-text{color:var(--color-text-secondary, #888);margin:var(--space-md, 1rem) 0}.page-now-playing__browse{display:inline-block;padding:var(--space-2) var(--space-6);background:var(--color-accent-primary);color:var(--btn-primary-text);border-radius:var(--radius-md, 8px);font-weight:500;text-decoration:none}.page-now-playing__browse:hover{background:var(--btn-primary-hover-bg)}.page-now-playing__content{display:flex;flex-direction:column;align-items:center;max-width:24rem;width:100%}.page-now-playing__artwork-wrap{width:min(18rem,100%);aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-lg, 12px);box-shadow:0 8px 32px #0000004d;margin-bottom:var(--space-xl, 2rem);display:flex;align-items:center;justify-content:center}.page-now-playing__artwork{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}.page-now-playing__artwork-placeholder{width:100%;height:100%;background:var(--color-surface, #1a1a1a);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-text-secondary, #888)}.page-now-playing__info{text-align:center;margin-bottom:var(--space-xl, 2rem)}.page-now-playing__title{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.page-now-playing__artist{font-size:1rem;color:var(--color-text-secondary, #888);margin:0}.page-now-playing__progress{width:100%;margin-bottom:var(--space-lg, 1.5rem)}.page-now-playing__range{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border, #333);border-radius:var(--radius-full);margin-bottom:.25rem}.page-now-playing__range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-accent-primary);border-radius:var(--radius-full);cursor:pointer}.page-now-playing__range::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent-primary);border:none;border-radius:var(--radius-full);cursor:pointer}.page-now-playing__times{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary, #888)}.page-now-playing__controls{display:flex;justify-content:center}.page-now-playing__play-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;background:var(--color-accent-primary);color:var(--btn-primary-text);border-radius:var(--radius-full);cursor:pointer;transition:transform .15s ease,background .15s ease}.page-now-playing__play-btn:hover{transform:scale(1.05);background:var(--btn-primary-hover-bg)}.page-now-playing__play-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.now-playing-overlay{position:fixed;top:var(--navbar-height, 4rem);left:0;right:0;bottom:var(--playbar-height, 4rem);z-index:500;width:100%;display:flex;flex-direction:column;box-sizing:border-box;background:var(--color-bg, #0d0d0d);transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);overflow:hidden}.now-playing-overlay--open{transform:translateY(0)}.now-playing-overlay--closing{transform:translateY(100%)}.now-playing-overlay__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;background:var(--color-bg, #0d0d0d)}.embed-button__trigger{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.embed-button__trigger:hover{background:var(--color-bg-elevated);color:var(--color-text)}.embed-button__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);box-sizing:border-box}.embed-button__popup{background:var(--color-bg-elevated);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-4);box-sizing:border-box;width:100%;max-width:min(480px,100%);box-shadow:var(--shadow-lg)}.embed-button__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.embed-button__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold, 600);color:var(--color-text)}.embed-button__hint{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.embed-button__label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.embed-button__row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.embed-button__input{flex:1 1 auto;min-width:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);box-sizing:border-box}.embed-button__textarea{width:100%;min-width:0;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-family:ui-monospace,monospace;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);margin-bottom:var(--space-3);resize:vertical;box-sizing:border-box}.embed-button__copy{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-primary);color:var(--color-primary-contrast, #fff);border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.embed-button__copy:hover{opacity:.9}.embed-button__icon-close{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.embed-button__icon-close:hover{color:var(--color-text);background:var(--color-bg-hover, rgba(255, 255, 255, .08))}.embed-button__close{display:block;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:100%;box-sizing:border-box}.embed-button__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.music-page-wrap{width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;background:var(--color-bg);box-sizing:border-box;padding:0;margin:0;overflow-x:hidden}.music-page-wrap--inview{position:fixed;top:var(--navbar-height, 4rem);left:0;right:0;bottom:var(--playbar-height, 4rem);z-index:200;width:100%;height:calc(100dvh - var(--navbar-height, 4rem) - var(--playbar-height, 4rem));max-width:none;min-height:0;display:flex;flex-direction:column;overflow:auto;overflow-x:hidden}.music-page-wrap--inview .music-page{width:100%;max-width:100%;flex:1;display:flex;flex-direction:column;min-height:0;animation:music-page-in .35s ease}.music-page-wrap--inview .page-music-detail,.music-page-wrap--inview .page-music-artist{flex:1;display:flex;flex-direction:column;min-height:0}.music-page-wrap--playlist{transition:transform .28s cubic-bezier(.32,.72,0,1)}.music-page-wrap--playlist.music-page-wrap--closing{transform:translateY(100%)}.music-page{width:100%;max-width:1200px;min-width:0;margin:0 auto;padding:var(--space-6, 1.5rem) var(--space-3, .75rem) var(--space-12, 3rem);box-sizing:border-box;animation:music-page-in .35s ease}.music-page:has(.page-music-artist){padding-top:0;padding-bottom:calc(var(--space-12, 3rem) + 320px)}@media(min-width:640px){.music-page{padding-left:var(--space-6, 1.5rem);padding-right:var(--space-6, 1.5rem)}}@keyframes music-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.music-page:has(.music-page__top-bar){padding-top:var(--space-2, .5rem);position:relative}.music-page__top-bar{position:absolute;top:20px;right:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin:0;padding:0 15px 0 0;flex-shrink:0;pointer-events:none}.music-page__top-bar>*{pointer-events:auto}.music-page__back-wrap{position:fixed;top:calc(var(--navbar-height, 4rem) + var(--space-2, .5rem));left:var(--space-3, .75rem);z-index:50;display:inline-flex;flex-shrink:0}@media(min-width:640px){.music-page__back-wrap{left:var(--space-6, 1.5rem)}}.music-page__back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:var(--radius-full, 9999px);background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border, rgba(0, 0, 0, .15));text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.music-page__back:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border, rgba(0, 0, 0, .25))}.music-page__back .material-symbols-outlined{font-size:1.25rem;line-height:1}.music-page__top-bar-actions{display:flex;align-items:center;gap:var(--space-2)}.music-page__right-stack,.music-page__top-right-stack{display:flex;flex-direction:column;align-items:center;gap:.25rem}.music-page__icon-group{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0;line-height:0}.music-page__like-row{display:inline-flex;align-items:center;gap:.25rem;justify-content:flex-end}.music-page__top-bar .embed-button__trigger,.music-page__top-bar .embed-button__trigger--icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:var(--radius-full, 9999px);background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border, rgba(0, 0, 0, .15));padding:0;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.music-page__top-bar .embed-button__trigger:hover,.music-page__top-bar .embed-button__trigger--icon:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border, rgba(0, 0, 0, .25))}.music-page__top-bar .embed-button__trigger .material-symbols-outlined,.music-page__top-bar .embed-button__trigger--icon .material-symbols-outlined{font-size:1.25rem;line-height:1}.music-page__top-right-stack .music-page__edit-icon{padding:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text);transition:opacity var(--transition-fast)}.music-page__edit-icon:hover{opacity:.85}.music-page__edit-icon .material-symbols-outlined{font-size:1.25rem;line-height:1}.music-page__like-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text);cursor:pointer;transition:color var(--transition-fast)}.music-page__like-icon-btn:hover:not(:disabled){background:transparent;box-shadow:none}.music-page__like-icon-btn--active{color:#e53935}.music-page__like-icon-btn .material-symbols-outlined{font-size:1.25rem;line-height:1;font-variation-settings:"FILL" 1}.music-page__like-icon-btn:disabled{opacity:.5;cursor:default}.music-page__like-count{font-size:.7rem;color:var(--color-text-secondary);line-height:1}.page-music-detail{padding:var(--space-md, 1rem) 0;max-width:64rem;min-width:0;margin:0 auto;width:100%;box-sizing:border-box}.music-page:has(.music-page__top-bar) .page-music-detail{padding-top:0}.page-music-detail__back{display:inline-block;margin-bottom:var(--space-md, 1rem);color:var(--color-text-secondary);text-decoration:none}.page-music-detail__back:hover{color:var(--link-hover-color)}.page-music-detail__loading,.page-music-detail__error{margin-top:var(--space-md, 1rem)}.page-music-detail__error{color:var(--color-error, #c00)}.page-music-detail__content--project{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;padding:0 0 var(--space-6);margin-top:50px;position:relative}.page-music-detail__content--project .page-music-detail__image{max-width:200px;aspect-ratio:1 / 1;object-fit:cover;object-position:center;flex-shrink:0;align-self:flex-start;border-radius:var(--radius-md, 8px)}.page-music-detail__content--project .page-music-detail__header-text{min-width:0}.page-music-detail__content--project .page-music-detail__header-text .page-music-detail__actions-left{margin-top:0;margin-bottom:0;align-self:flex-start}.page-music-detail__content--project .page-music-detail__name{font-size:var(--text-3xl, 1.875rem);font-weight:700;margin:0 0 var(--space-2)}.page-music-detail__content--track .page-music-detail__name{font-size:1.75rem;font-weight:600;margin:0 0 var(--space-2)}.page-music-detail__content--track{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-6, 1.5rem);text-align:left;padding:0}.page-music-detail__content--track .page-music-detail__image,.page-music-detail__content--track .page-music-detail__image-placeholder{width:240px;height:240px;border-radius:var(--radius-md, 8px);object-fit:cover}.page-music-detail__content--track .page-music-detail__image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-border);color:var(--color-text-muted)}.page-music-detail__content--track .page-music-detail__actions{width:100%;margin-top:var(--space-4)}.page-music-detail__content--track .page-music-detail__play{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:0;margin:0;border-radius:var(--radius-full);background:var(--btn-primary-bg, var(--color-primary));color:var(--btn-primary-text);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.page-music-detail__content--track .page-music-detail__play .page-music-detail__play-icon{font-size:1.25rem;line-height:1;font-variation-settings:"FILL" 1}.page-music-detail__content--track .page-music-detail__play:hover{background:var(--btn-primary-hover-bg, var(--color-primary-hover));color:var(--btn-primary-text)}.page-music-detail__content--track .page-music-detail__play:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg) inset,0 0 0 4px var(--color-focus-ring)}.page-music-detail__content{padding:var(--space-lg, 1.5rem) 0}.page-music-detail__content:not(.page-music-detail__content--project):not(.page-music-detail__content--track):not(.page-music-detail__content--playlist){text-align:center}.page-music-detail__content--playlist{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-4, 1rem);margin-top:var(--space-8, 2rem);width:100%}.playlist-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4, 1rem);width:100%;flex-wrap:wrap}.playlist-header__owner{display:flex;align-items:center;gap:var(--space-3, .75rem);flex:1;min-width:0}.playlist-header__avatar-link{flex-shrink:0;display:block;text-decoration:none}.playlist-header__avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full, 9999px);object-fit:cover;display:block}.playlist-header__avatar-placeholder{width:2.5rem;height:2.5rem;border-radius:var(--radius-full, 9999px);background:var(--color-bg-elevated, rgba(0, 0, 0, .25));color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.playlist-header__avatar-placeholder .material-symbols-outlined{font-size:1.25rem}.playlist-header__meta{display:flex;flex-direction:column;gap:.125rem;min-width:0}.playlist-header__username{font-weight:600;color:var(--color-text);text-decoration:none;font-size:var(--text-md, 1rem)}.playlist-header__username:hover{color:var(--link-hover-color)}.playlist-header__created{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary)}.page-music__track-row.page-music__track-row--playlist{display:grid;grid-template-columns:auto auto minmax(0,3fr) minmax(0,.5fr) auto auto auto auto;grid-template-rows:1fr;align-items:center;column-gap:var(--space-1);position:relative;min-height:5rem;padding:0;border:none}.page-music__track-row.page-music__track-row--playlist>*{padding:0;min-width:0;align-self:center}.page-music__track-cell--empty{display:block;width:2rem;height:2rem;min-width:2rem;min-height:2rem}.page-music__track-row.page-music__track-row--playlist .page-music__track-play{padding:0}.page-music__track-note{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);padding:0;background:transparent;border:none;cursor:pointer}.page-music__track-note .material-symbols-outlined{font-size:1.25rem}.page-music__track-img{display:block;overflow:hidden;padding:0;background:transparent;border:none;cursor:pointer}.page-music__track-img img{display:block;width:100%;height:100%;object-fit:cover}.page-music__track-img--album{width:2.5rem;aspect-ratio:1 / 1;height:auto;border-radius:var(--radius-sm)}.page-music__track-img--album:hover,.page-music__track-img--album:focus,.page-music__track-img--album:focus-visible{outline:none;box-shadow:none;background:transparent;border-color:transparent}.page-music__track-img--artist,.page-music__track-img--user{height:2rem;aspect-ratio:1 / 1;border-radius:var(--radius-full)}.page-music__track-img--artist:hover,.page-music__track-img--artist:focus,.page-music__track-img--artist:focus-visible,.page-music__track-img--user:hover,.page-music__track-img--user:focus,.page-music__track-img--user:focus-visible,.page-music__track-note--artist:hover,.page-music__track-note--artist:focus,.page-music__track-note--artist:focus-visible{outline:none;box-shadow:none;background:transparent}.page-music__track-img-skeleton{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;border-radius:var(--radius-sm);padding:0}.page-music__track-row.page-music__track-row--playlist .page-music__track-main{text-align:left;padding:0;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.page-music__track-row.page-music__track-row--playlist .page-music__track-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;white-space:normal;overflow:hidden}.page-music__track-spacer{min-width:var(--space-4)}.page-music__track-row.page-music__track-row--playlist .page-music__track-like-count{font-size:var(--text-sm);color:var(--color-text);font-weight:600;line-height:1;padding:0 var(--space-1) 0 0;min-width:2ch;text-align:right;justify-self:end;opacity:.95}.page-music__track-like{padding-right:var(--space-2);justify-self:end}.page-music__track-like .material-symbols-outlined{font-size:1.125rem}.page-music__tracks-list--playlist{width:100%;height:auto;padding-left:0;padding-right:0}.playlist-track-overlay{position:absolute;left:0;right:0;bottom:100%;margin-bottom:var(--space-1);background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 -4px 12px #0000004d;display:flex;flex-direction:column;gap:var(--space-2, .5rem);z-index:10;animation:playlist-overlay-slide-up .2s ease}@keyframes playlist-overlay-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.playlist-track-overlay__close{position:absolute;top:var(--space-2, .5rem);right:var(--space-2, .5rem);width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px)}.playlist-track-overlay__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.playlist-track-overlay__close .material-symbols-outlined{font-size:1rem}.playlist-track-overlay__links{display:flex;flex-wrap:wrap;gap:var(--space-2, .5rem);padding-top:var(--space-2, .5rem)}.playlist-track-overlay__link{display:inline-block;padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:var(--radius-md, 8px);background:var(--color-bg-elevated, rgba(255, 255, 255, .08));color:var(--color-text);text-decoration:none;font-size:var(--text-sm, .875rem);transition:background var(--transition-fast)}.playlist-track-overlay__link:hover{background:var(--color-bg-hover)}.page-music-detail__content--playlist.page-music-detail__content--skeleton{margin-top:var(--space-8, 2rem)}.playlist-header--skeleton{margin-bottom:var(--space-2, .5rem)}.playlist-header__avatar-skeleton{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:var(--radius-full, 9999px);flex-shrink:0;display:block}.playlist-header__line-skeleton{height:.875rem;width:6rem;border-radius:var(--radius-sm, 4px);display:block}.playlist-header__line-skeleton--short{width:4rem;height:.75rem;margin-top:.25rem}.playlist-header__like-skeleton{width:1.5rem;height:1.5rem;border-radius:var(--radius-full, 9999px);flex-shrink:0;display:block}.playlist-skeleton-title{height:1.5rem;width:12rem;border-radius:var(--radius-sm, 4px);margin-top:var(--space-2, .5rem)}.playlist-skeleton-meta{height:.875rem;width:6rem;border-radius:var(--radius-sm, 4px);margin-top:var(--space-1, .25rem)}.page-music-detail__track-list--skeleton{margin-top:var(--space-6, 1.5rem);gap:var(--space-2, .5rem)}.page-music-detail__track-row-skeleton--playlist{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-sm, .75rem) var(--space-md, 1rem);border-radius:var(--radius-sm, 4px);background:var(--color-bg-elevated, rgba(0, 0, 0, .25));list-style:none}.page-music-detail__track-row-skeleton__left{width:2.25rem;height:2.25rem;border-radius:var(--radius-sm, 4px);flex-shrink:0}.page-music-detail__track-row-skeleton__text{height:.875rem;width:60%;max-width:12rem;border-radius:var(--radius-sm, 4px)}.page-music-detail__track-row-skeleton__right{width:1.25rem;height:1.25rem;border-radius:var(--radius-full, 9999px);flex-shrink:0;justify-self:end}.page-music-detail__image{height:10rem;object-fit:cover;border-radius:var(--radius-md, 8px);margin-bottom:var(--space-md, 1rem)}.page-music-detail__name{font-size:1.5rem;margin:0 0 .5rem}.page-music-detail__meta{font-size:1rem;color:var(--color-text-secondary);margin:0 0 var(--space-md, 1rem)}.page-music-detail__bio{text-align:left;max-width:36rem;margin:var(--space-md, 1rem) auto 0;color:var(--color-text-secondary);line-height:1.5}.page-music-detail__play{margin-top:var(--space-md, 1rem);width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:0;border-radius:var(--radius-full);background:var(--btn-primary-bg, var(--color-primary));color:var(--btn-primary-text);border:none;cursor:grab;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.page-music-detail__play .page-music-detail__play-icon{font-size:1.25rem;line-height:1;font-variation-settings:"FILL" 1}.page-music-detail__play:hover{background:var(--btn-primary-hover-bg, var(--color-primary-hover));color:var(--btn-primary-text)}.page-music-detail__play:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg) inset,0 0 0 4px var(--color-focus-ring)}.page-music-detail__play:disabled{opacity:.7;cursor:default}.page-music-detail__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3, .75rem);margin-top:var(--space-md, 1rem)}.page-music-detail__actions-left{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3, .75rem)}.page-music-detail__actions-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.page-music-detail__right-stack{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-left:auto}.page-music-detail__content--project .page-music-detail__actions--project-floating{position:absolute;top:0;right:0;display:inline-flex;justify-content:flex-end;padding-right:var(--space-1, .25rem);margin:0}.page-music-detail__content--project .page-music-detail__right-stack{align-items:flex-end}.page-music-detail__icon-group{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;line-height:0}.page-music-detail__edit-icon{padding:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-text);transition:opacity var(--transition-fast)}.page-music-detail__edit-icon:hover{opacity:.85}.page-music-detail__edit-icon .material-symbols-outlined{font-size:1.25rem;line-height:1}.page-music-detail__like-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-secondary, #bbb);cursor:pointer;transition:color var(--transition-fast)}.page-music-detail__like-icon-btn:hover:not(:disabled){background:transparent;box-shadow:none}.page-music-detail__like-icon-btn--active{color:#e53935}.page-music-detail__like-icon-btn .material-symbols-outlined{font-size:1.25rem;line-height:1;font-variation-settings:"FILL" 1}.page-music-detail__like-icon-btn:disabled{opacity:.5;cursor:default}.page-music-detail__like-icon-btn .page-music-detail__like-count{font-size:.7rem;opacity:.9}.page-music-detail__edit{display:inline-block;color:var(--color-text-secondary);text-decoration:none}.page-music-detail__edit:hover{color:var(--link-hover-color)}.page-music-detail__actions .page-music-detail__edit{margin:0}.page-music-detail__actions .embed-button__trigger--icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-radius:var(--radius-full, 9999px);background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);padding:0;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.page-music-detail__actions .embed-button__trigger--icon:hover{background:var(--color-bg-hover);color:var(--color-text)}.page-music-detail__actions .embed-button__trigger--icon .material-symbols-outlined{font-size:1.25rem;line-height:1}.page-music-detail__section{margin-top:var(--space-xl, 2rem)}.page-music-detail__content--project+.page-music-detail__section--tracks{margin-top:var(--space-1, .5rem)}.page-music-detail__section-title{font-size:1.125rem;margin-bottom:var(--space-md, 1rem)}.page-music-artist{width:100%;max-width:64rem;min-width:0;padding:var(--space-md, 1rem);padding-bottom:320px;margin:0 auto;box-sizing:border-box}.page-music-artist--loading{min-height:100vh}.page-music-artist__hero{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;min-height:50dvh;border-radius:0;overflow:hidden;background:var(--color-bg-elevated);margin-bottom:var(--space-6, 1.5rem)}.page-music-artist__hero-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, .75rem) var(--space-4, 1rem);pointer-events:none}.page-music-artist__hero-bar-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;pointer-events:auto}.page-music-artist__hero-close{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-full, 9999px);border:1px solid rgba(0,0,0,.35);background:#0000004d;color:#fff!important;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.page-music-artist__hero-close:hover{background:#00000080;border-color:#00000073;color:#fff!important}.page-music-artist__hero-close .material-symbols-outlined,.page-music-artist__hero-close-icon{font-size:1rem;line-height:1;font-weight:300}.page-music-artist__hero-bar .embed-button__trigger,.page-music-artist__hero-bar .embed-button__trigger--icon{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;padding:0;border-radius:var(--radius-full, 9999px);border:1px solid rgba(0,0,0,.35);background:#0000004d!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center}.page-music-artist__hero-bar .embed-button__trigger:hover,.page-music-artist__hero-bar .embed-button__trigger--icon:hover{background:#00000080!important;border-color:#00000073;color:#fff!important}.page-music-artist__hero-bar .embed-button__trigger--icon .material-symbols-outlined{font-size:1rem}.page-music-artist__hero-right-stack{display:flex;flex-direction:column;align-items:center;gap:.25rem}.page-music-artist__hero-icon-group{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;line-height:0}.page-music-artist__hero-like-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#fff;cursor:pointer;transition:color var(--transition-fast),opacity var(--transition-fast)}.page-music-artist__hero-like-btn:hover:not(:disabled){opacity:.9}.page-music-artist__hero-like-btn--active{color:#e53935}.page-music-artist__hero-like-btn .material-symbols-outlined{font-size:1.25rem;line-height:1;font-variation-settings:"FILL" 1}.page-music-artist__hero-like-btn:disabled{opacity:.5;cursor:default}.page-music-artist__hero-edit{padding:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;transition:opacity var(--transition-fast)}.page-music-artist__hero-edit:hover{opacity:.85}.page-music-artist__hero-edit .material-symbols-outlined{font-size:1.25rem;line-height:1}.page-music-artist__hero-media{position:absolute;top:0;left:0;right:0;z-index:0;width:100%;height:50vh;height:50dvh;min-height:40dvh;max-height:560px}.page-music-artist__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.page-music-artist__hero-placeholder{position:absolute;inset:0;width:100%;height:100%;min-height:40vh;min-height:40dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle, #121212);color:var(--color-text-muted, #888)}.page-music-artist__hero-placeholder svg{width:4rem;height:4rem}.page-music-artist__hero-overlay{position:absolute;top:0;left:0;right:0;z-index:1;width:100%;height:50vh;height:50dvh;min-height:40dvh;max-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5, 1.25rem) var(--space-6, 1.5rem) var(--space-6, 1.5rem);background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.45) 45%,transparent);color:var(--color-text)}.page-music-artist__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3, .75rem);margin-bottom:var(--space-10, .5rem)}.page-music-artist__title-row .page-music-artist__name{flex:0 1 auto}.page-music-artist__profile-btn--hero{position:absolute;right:60px;bottom:var(--space-12, 1.5rem)}.page-music-artist__like-btn--hero{position:absolute;right:60px;top:5rem;z-index:2;background:transparent;border-color:transparent}.page-music-artist__like-btn--hero:hover:not(:disabled){background:transparent;border-color:transparent}.page-music-artist__hero-overlay .page-music-artist__name{display:inline-block;font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 600);margin:0;padding:0;color:var(--color-bg, #121212);background:color-mix(in srgb,var(--color-text, #fff) 22%,transparent);border-radius:2px}.page-music-artist__name{font-size:var(--text-2xl, 1.5rem);font-weight:var(--font-bold, 700);margin:0}.page-music-artist__profile-btn{display:inline-flex;align-items:center;position:absolute;right:60px;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(0,0,0,.35);background:#0000004d!important;color:#fff!important;cursor:pointer;padding:0}.page-music-artist__profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:transparent;color:#fff!important}.page-music-artist__like-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:0 .5rem;border-radius:var(--radius-full, 9999px);border:1px solid transparent;background:transparent;color:#fff;cursor:pointer;font-size:var(--text-sm, .875rem)}.page-music-artist__like-btn:hover:not(:disabled){background:transparent;border-color:transparent;color:#fff}.page-music-artist__like-btn--active{color:#e53935}.page-music-artist__like-btn--active:hover:not(:disabled){color:#ef5350}.page-music-artist__like-btn:disabled{opacity:.6;cursor:default}.page-music-artist__like-btn .page-music-artist__like-icon{font-size:1.5rem;line-height:1;font-variation-settings:"FILL" 1}.page-music-artist__like-count{font-size:var(--text-xs, .75rem);line-height:1}.page-music-artist__hero-overlay .page-music-artist__bio{margin:var(--space-1, .25rem) 0 0;font-size:var(--text-sm, .875rem);line-height:1.45;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.page-music-artist__bio{margin:0;max-width:36rem;color:var(--color-text-secondary, #b3b3b3);line-height:var(--line-height-normal, 1.5)}.page-music-artist__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3, .75rem)}.page-music-artist__projects-group{margin-top:var(--space-lg, 1.5rem)}.page-music-artist__projects-group--categories{margin-top:var(--space-xl, 2rem)}.page-music-artist__projects-heading{font-size:1rem;font-weight:var(--font-semibold, 600);margin:0 0 var(--space-sm, .5rem);color:var(--color-text-secondary, #666)}.page-music-artist__hero--skeleton{min-height:40vh;min-height:40dvh;background:linear-gradient(135deg,#ffffff0a,#ffffff14,#ffffff0a)}.page-music-artist__hero-img-skeleton{width:100%;min-height:40vh;min-height:40dvh;height:50vh;height:50dvh;max-height:560px;border-radius:0;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music-artist__title-skeleton{width:40%;height:1.4rem;border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music-artist__profile-skeleton{width:2.25rem;height:2.25rem;border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music-artist__bio-skeleton{width:100%;max-width:36rem;height:.8rem;border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music-artist__bio-skeleton+.page-music-artist__bio-skeleton{margin-top:.25rem}.page-music-artist__bio-skeleton--short{max-width:24rem}.page-music-artist__card--skeleton{background:transparent}.page-music-artist__card-skeleton{width:100%;aspect-ratio:1;border-radius:var(--radius-md, 8px);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}@media(max-width:1024px){.page-music-artist__hero{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr)}}@media(max-width:768px){.page-music-artist__hero-img,.page-music-artist__hero-placeholder{min-height:240px}.page-music-artist__title-row{align-items:flex-start}}.page-music-detail__section .page-music__card-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-md, 1rem)}.page-music-detail__section .page-music__card{background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px);overflow:hidden}.page-music-detail__section .page-music__card-link{display:block;padding:var(--space-md, 1rem);text-decoration:none;color:inherit}.page-music-detail__section button.page-music__card-link{border:none;background:none;font:inherit;cursor:pointer;width:100%;text-align:left}.page-music-detail__section .page-music__card-link:hover{background:var(--color-bg-hover)}.page-music-artist .page-music-detail__section .page-music__card-link{padding:0 0 var(--space-md, 1rem)}.page-music-artist .page-music-detail__section .page-music__card-image-wrap--category{margin:0;margin-bottom:var(--space-2, .5rem)}.page-music-artist .page-music-detail__section .page-music__card-title{padding:0 var(--space-md, 1rem) 0}.page-music-artist__projects-group--playlist .page-music__card-list{display:flex;flex-direction:column;gap:var(--space-md, 1rem);height:70rem}.page-music-artist__projects-group--playlist .page-music__card{width:auto}.page-music-artist__projects-group--playlist .page-music__card-link{position:relative;display:block;padding:0;min-height:8rem;overflow:hidden}.page-music-artist__projects-group--playlist .page-music__card-image-wrap--artist-playlist{width:100%;height:100%;margin:0}.page-music-artist__projects-group--playlist .page-music__card-image--artist-playlist{width:100%;height:100%;object-fit:cover}.page-music-artist__projects-group--playlist .page-music__artist-placeholder{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center}.page-music-artist__projects-group--playlist .page-music__card-title{position:absolute;left:0;right:0;bottom:0;margin:0;padding:var(--space-2, .5rem) var(--space-md, 1rem);color:#fff;background:linear-gradient(to top,#000000b8,#00000024);z-index:1}.page-music-artist .page-music-detail__section:last-of-type{padding-bottom:100px}.page-music-detail__section .page-music__card-title{display:block;font-weight:500}.page-music-detail__track-list{list-style:none;padding:0;margin:var(--space-md, 1rem) 0 0;text-align:left;max-width:36rem;margin-left:auto;margin-right:auto}.page-music-detail__track-list li{padding:var(--space-2, .5rem) 0;border-bottom:1px solid var(--color-border, #eee)}.page-music-detail__track-list li:last-child{border-bottom:0}.page-music-detail__track-list a{color:var(--link-color);text-decoration:none}.page-music-detail__track-list a:hover{text-decoration:underline}.page-music-detail--loading .page-music-detail__content--skeleton{min-height:16rem}.page-music-detail__image-skeleton{width:12rem;height:12rem;margin:0 auto var(--space-md, 1rem);border-radius:var(--radius-md, 8px);background:var(--color-bg-hover, #333)}.page-music-detail__line-skeleton{width:80%;max-width:18rem;height:1.25rem;margin:0 auto var(--space-2, .5rem);border-radius:var(--radius-sm, 4px);background:var(--color-bg-hover, #333)}.page-music-detail__line-skeleton--short{width:50%;height:.875rem}.page-music-detail__play-skeleton{width:6rem;height:2.25rem;margin:var(--space-md, 1rem) auto 0;border-radius:var(--radius-md, 8px);background:var(--color-bg-hover, #333)}.page-music-detail__skeleton-shimmer{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-detail-shimmer 1.2s ease-in-out infinite}@keyframes page-music-detail-shimmer{0%,to{background-position:100% 0}50%{background-position:-100% 0}}.page-music-detail__cover-wrap{margin-bottom:var(--space-md, 1rem)}.page-music-detail__image{height:12rem;aspect-ratio:1 / 1;max-width:200%;object-fit:cover;border-radius:var(--radius-md, 8px)}.page-music-detail__image-placeholder{width:12rem;height:12rem;aspect-ratio:1 / 1;margin:0 auto;border-radius:var(--radius-md, 8px);background:var(--color-bg-hover, #333);display:flex;align-items:center;justify-content:center}.page-music-detail__image-placeholder-icon{font-size:3rem;color:var(--color-text-muted, #666)}.page-music-detail__creator-link,.page-music-detail__project-link{color:var(--color-primary, #1db954);text-decoration:none}.page-music-detail__creator-link:hover,.page-music-detail__project-link:hover{text-decoration:underline}.page-music-detail__from-album{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary);margin:0 0 var(--space-sm, .5rem)}.page-music-detail__action-btn{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--color-border, #444);border-radius:var(--radius-md, 8px);background:var(--color-bg-elevated, #252525);color:var(--color-text, #eee);font-size:var(--text-sm, .875rem);cursor:pointer}.page-music-detail__action-btn:hover{background:var(--color-bg-hover, #333)}.page-music-detail__action-btn[aria-pressed=true]{color:var(--color-primary, #1db954)}.page-music-detail__count{font-variant-numeric:tabular-nums}.page-music-detail__sign-in-cta{color:var(--color-text-secondary);margin-bottom:var(--space-md, 1rem)}.page-music-detail__sign-in-link{display:inline-block;padding:var(--space-2, .5rem) var(--space-4, 1rem);background:var(--color-primary, #1db954);color:#fff;border-radius:var(--radius-md, 8px);text-decoration:none;font-weight:500}.page-music-detail__sign-in-link:hover{filter:brightness(1.1)}@media(max-width:768px){.page-music-detail__image,.page-music-detail__image-placeholder,.page-music-detail__image-skeleton{width:10rem;height:10rem}}.page-music-detail__header-text{min-width:0}.page-music-detail__creator-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:var(--radius-pill, 999px);border:1px solid var(--color-border, #333);background:transparent;color:var(--color-text-secondary, #aaa);text-decoration:none;font-size:.9rem}.page-music-detail__creator-btn:hover{border-color:var(--link-hover-color);color:var(--link-hover-color)}.page-music-detail__actions-title{display:inline-block;font-size:var(--text-2xl, 1.5rem);font-weight:700;color:var(--color-text);line-height:1.2}.page-music-detail__artist-link{color:var(--link-color);text-decoration:none}.page-music-detail__artist-link:hover{text-decoration:underline}.page-music-detail__like-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .8rem;border-radius:var(--radius-pill, 999px);border:1px solid var(--color-border, #444);background:#ffffff05;color:var(--color-text-secondary, #bbb);font-size:.9rem}.page-music-detail__like-btn--active{border-color:var(--color-accent, #f36);background:#f3668029;color:var(--color-accent, #f36)}.page-music-detail__like-btn:disabled{opacity:.6;cursor:default}.page-music-detail__like-icon{font-size:1rem}.page-music-detail__like-count{font-size:.85rem;opacity:.9}.app-track-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) 0;cursor:pointer}.app-track-num{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);text-align:right}.app-track-main{min-width:0}.app-track-title{display:block;font-weight:500;color:var(--color-text, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-track-meta{display:block;font-size:.85rem;color:var(--color-text-secondary, #999);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-track-artist-link{color:inherit;text-decoration:none}.app-track-artist-link:hover{text-decoration:underline}.app-track-info-btn{border:none;background:transparent;color:var(--color-text-secondary, #aaa);padding:.2rem .4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.app-track-info-btn:hover{background:#ffffff0f;color:var(--color-text, #fff)}.page-music-detail--loading{position:relative}.page-music-detail__skeleton{margin-top:70px}.page-music-detail__skeleton-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4, 1rem)}.page-music-detail__skeleton-cover{width:100%;max-width:200px;aspect-ratio:1 / 1;border-radius:var(--radius-md, 8px);background:var(--color-bg-hover, #333)}.page-music-detail__skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, .5rem);min-width:0;width:100%;max-width:24rem}.page-music-detail__skeleton-line:first-child{height:1.5rem;width:75%}.page-music-detail__skeleton-line{height:.875rem;max-width:14rem;border-radius:999px;background:var(--color-bg-hover, #333)}.page-music-detail__skeleton-line:not(:first-child){width:50%}.page-music-detail__track-list--skeleton{margin-top:var(--space-xl, 2rem);list-style:none;padding:0;margin-left:0;margin-right:0;display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.page-music-detail__track-row-skeleton{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;column-gap:var(--space-sm, .5rem);padding:var(--space-sm, .75rem) var(--space-md, 1rem);border-radius:var(--radius-sm, 4px);background:var(--color-bg-elevated, rgba(0, 0, 0, .25))}.page-music-detail__track-play-skeleton{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-radius:999px;background:var(--color-bg-hover, #333)}.page-music-detail__track-text-skeleton{display:flex;flex-direction:column;gap:.35rem;min-width:0}.page-music-detail__track-row-skeleton .page-music-detail__track-line--primary{height:3.9rem;width:70%;border-radius:999px;background:var(--color-bg-hover, #333)}.page-music-detail__track-row-skeleton .page-music-detail__track-line--secondary{height:.75rem;width:45%;border-radius:999px;background:var(--color-bg-hover, #333)}.page-music{width:100%;max-width:64rem;min-width:0;padding:var(--space-md, 1rem);margin:0 auto;box-sizing:border-box;padding-bottom:var(--space-sm, .5rem)}.page-music__subtitle{margin-top:var(--space-2, .5rem);color:var(--color-text-secondary, #888)}.page-music--loading{min-height:100vh}.page-music__loading,.page-music__error{margin-top:var(--space-md, 1rem)}.page-music__error{color:var(--color-error, #c00)}.page-music__link-prompt{margin-top:var(--space-lg, 1.5rem);padding:var(--space-lg, 1.5rem);background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px)}.page-music__link-prompt h2{font-size:1.25rem;margin:0 0 .5rem}.page-music__link-prompt p{color:var(--color-text-secondary, #888);margin:0 0 var(--space-md, 1rem)}.page-music__link-prompt--hint{padding:var(--space-3, .75rem) var(--space-md, 1rem);margin-top:var(--space-md, 1rem)}.page-music__link-prompt--hint p{margin:0 0 var(--space-2, .5rem)}.page-music__link-prompt--hint .page-music__link-btn{padding:var(--space-1, .25rem) var(--space-3, .75rem);font-size:.875rem}.page-music__link-btn{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-accent-primary);color:var(--btn-primary-text);border-radius:var(--radius-md, 8px);font-weight:500;text-decoration:none}.page-music__link-btn:hover{background:var(--btn-primary-hover-bg)}.page-music__section{margin-top:var(--space-xl, 2rem)}.page-music__projects{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.page-music__projects-heading{font-size:1rem;margin:0 0 var(--space-sm, .5rem)}.page-music__section h2{font-size:var(--text-md, 1.125rem);margin-bottom:var(--space-md, 1rem);color:var(--color-text-secondary, #666)}.page-music__empty{color:var(--color-text-secondary, #888);font-style:italic}.page-music__card-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-md, 1rem)}.page-music__section #music-artists-heading+ul.page-music__card-list{gap:var(--space-sm, .5rem)}.page-music__tracks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.page-music__track-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-sm, .5rem);padding:var(--space-sm, .75rem) var(--space-md, 1rem);border-radius:var(--radius-sm, 4px);background:var(--color-bg-elevated, rgba(0, 0, 0, .25))}.page-music__track-row:hover{background:var(--color-bg-hover, #252525)}.page-music__overlay-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:40}.page-music__overlay{background:var(--color-surface, #111);border-radius:var(--radius-lg, 12px);padding:var(--space-lg, 1.5rem);max-width:28rem;width:100%;box-shadow:0 18px 45px #0009;position:relative}.page-music__overlay-title{margin:0 0 var(--space-sm, .5rem);font-size:var(--text-lg, 1.25rem);color:var(--color-text-primary, #fff)}.page-music__overlay-meta{margin:0 0 var(--space-md, 1rem);font-size:var(--text-sm, .9rem);color:var(--color-text-secondary, #aaa)}.page-music__overlay-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm, .5rem)}.page-music__overlay-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs, .375rem) var(--space-md, 1rem);border-radius:var(--radius-md, 999px);border:1px solid var(--color-border, #444);color:var(--color-text-primary, #fff);text-decoration:none;font-size:var(--text-sm, .9rem)}.page-music__overlay-link:hover{background:var(--color-bg-hover, #252525)}.page-music__overlay-close{position:absolute;top:var(--space-sm, .5rem);right:var(--space-sm, .5rem);width:1.75rem;height:1.75rem;border-radius:999px;border:none;background:transparent;color:var(--color-text-secondary, #aaa);font-size:1.25rem;cursor:pointer}.page-music__overlay-close:hover{background:#ffffff0f}.page-music__track-play{width:3rem;height:3rem;min-width:3rem;min-height:3rem;max-width:3rem;max-height:3rem;border-radius:999px;border:1px solid var(--color-border, #444);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary, #fff);cursor:pointer}.page-music__track-play:hover{background:transparent}.page-music__track-play-icon{font-size:.9rem;transform:translate(1px)}.page-music__track-main{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit;background:transparent;border:none;padding:0;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.page-music__track-main:hover,.page-music__track-main:focus,.page-music__track-main:active{outline:none;background:transparent}.page-music__track-row:focus-within{background:var(--color-bg-hover, #252525)}.page-music__card--skeleton,.page-music__card--artist-skeleton{background:transparent;border-radius:var(--radius-md, 8px)}.page-music__card-skeleton{width:100%;aspect-ratio:1;border-radius:var(--radius-md, 8px);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music__artist-skeleton-avatar{width:6rem;height:6rem;border-radius:9999px;margin:var(--space-md, 1rem) auto var(--space-sm, .5rem);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music__artist-skeleton-line{width:60%;height:.75rem;border-radius:999px;margin:0 auto var(--space-md, 1rem);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music__track-row--skeleton{background:var(--color-bg-elevated, rgba(0, 0, 0, .25))}.page-music__track-play--skeleton{width:3rem;height:3rem;min-width:3rem;min-height:3rem;border-color:transparent;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music__track-text-skeleton{display:flex;flex-direction:column;gap:.35rem;min-width:0}.page-music__track-line{border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-music-skeleton-shimmer 1.2s ease-in-out infinite}.page-music__track-line--primary{height:.9rem;width:65%}.page-music__track-line--secondary{height:.75rem;width:45%}@keyframes page-music-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-music__track-name{font-weight:500;font-size:var(--text-sm, .9rem);color:var(--color-text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-music__track-meta{font-size:.8rem;color:var(--color-text-secondary, #888);display:flex;flex-wrap:nowrap;gap:.25rem;min-width:0}.page-music__track-artist,.page-music__track-project{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-music__track-separator{opacity:.6}.page-music__card{background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px);overflow:hidden;contain:layout paint;display:flex;flex-direction:column}.page-music__card-link{display:block;padding:0;text-decoration:none;color:inherit;transition:transform var(--transition-fast),background var(--transition-fast)}.page-music__card-link:hover{transform:translateY(-2px);background:var(--color-surface-hover, #252525)}.page-music__section #music-playlists-heading+.page-music__projects .page-music__card-link:hover{transform:none;background:transparent}.page-music__section #music-artists-heading+ul .page-music__card-link:hover{transform:none;background:transparent}.page-music__card-title{display:block;font-weight:500;color:var(--color-text-primary, #fff);padding:var(--space-md, 1rem)}.page-music__card-image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);margin:-var(--space-md,1rem);margin-bottom:var(--space-md, 1rem)}.page-music__card-image{width:100%;height:100%;object-fit:cover;display:block}.page-music__card-image-wrap--category{aspect-ratio:1 / 1;margin:-var(--space-md,1rem);margin-bottom:var(--space-md, 1rem)}.page-music__card-image-wrap--category .page-music__card-image{width:100%;height:100%;object-fit:cover}.page-music__card-image-wrap--artist,.page-music__card-image-wrap--track{aspect-ratio:1 / 1}.page-music__section #music-artists-heading+ul .page-music__card{background:#00000003;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.page-music__card-image-wrap--artist{margin:0;width:100%;max-width:12rem;max-height:12rem;border-radius:9999px;overflow:hidden;margin:var(--space-md, 1rem) auto 0;border:2px solid var(--color-border-strong, rgba(255, 255, 255, .18))}.page-music__artist-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-border, #333);color:var(--color-text-muted, #888)}.page-music__artist-placeholder svg{width:50%;height:50%}.page-music__section #music-artists-heading+ul .page-music__card .page-music__card-title{text-align:center;margin-top:var(--space-sm, .5rem);padding:var(--space-sm, .25rem) var(--space-md, 1rem) var(--space-md, 1rem);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;box-sizing:border-box}.page-music .page-home__card--drop .page-home__broadcast-card-media{aspect-ratio:1 / 1}.music-overlay{position:fixed;top:var(--navbar-height, 4rem);left:0;right:0;bottom:var(--playbar-height, 4rem);z-index:450;width:100%;display:flex;flex-direction:column;box-sizing:border-box;background:var(--color-bg, #0d0d0d);margin:0;padding:0;overflow-x:hidden;transform:translate(-100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.music-overlay--open{transform:translate(0)}.music-overlay--closing{transform:translate(-100%)}.music-overlay__panel{position:relative;width:100%;max-width:100vw;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg, #0d0d0d);margin:0;padding:0}.music-overlay__content{position:relative;flex:1;overflow:auto;overflow-x:hidden;padding:0;min-height:0;background:var(--color-bg, #0d0d0d);width:100%}.music-overlay__content .page-music-detail{padding:var(--space-md, 1rem);max-width:48rem;margin:0 auto var(--space-xl, 2rem)}.music-overlay__content .music-page-wrap{max-width:100%}.music-overlay__content .music-page-wrap--inview{position:relative;inset:auto;height:100%;min-height:0;width:100%}.music-overlay__content{position:relative}.music-overlay__layer{position:absolute;inset:0;overflow:auto;overflow-x:hidden;background:var(--color-bg, #0d0d0d)}.music-overlay__layer--back{z-index:0}.music-overlay__layer--front{z-index:1}.music-overlay__slide-panel{transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.music-overlay__slide-panel--open{transform:translateY(0)}.music-overlay__slide-panel--closing{transform:translateY(100%)}.music-overlay__content:has(.music-overlay__layer){overflow:hidden;padding:0}.music-overlay__bar{position:absolute;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 1.25rem) var(--space-4, 1rem) var(--space-3, .75rem);pointer-events:none}.music-overlay__bar>*{pointer-events:auto}.music-overlay__close-wrap{display:inline-flex;flex-shrink:0;line-height:0}.music-overlay__close,.music-overlay__embed-wrap .embed-button__trigger--icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-full, 9999px);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.music-overlay__close:hover,.music-overlay__embed-wrap .embed-button__trigger--icon:hover{background:var(--color-bg-hover);border-color:var(--color-border);color:var(--color-text)}.music-overlay__close:focus,.music-overlay__close:focus-visible{outline:none;box-shadow:none}.music-overlay__close .material-symbols-outlined,.music-overlay__embed-wrap .embed-button__trigger--icon .material-symbols-outlined{font-size:1.25rem;line-height:1}.drop-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.drop-card__main{position:relative;display:block;flex:1;min-height:0;text-decoration:none;color:inherit;padding:0;cursor:pointer;border:none;background:none;width:100%;text-align:left}.drop-card__main:hover{text-decoration:none;color:inherit}.drop-card__media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-subtle, #222)}.drop-card__img{width:100%;height:100%;object-fit:cover;display:block}.drop-card__img--gif{image-rendering:auto;animation:drop-card__gif-repaint 1ms step-end infinite}@keyframes drop-card__gif-repaint{to{opacity:1}}.drop-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-border, #333);color:var(--color-text-muted, #888)}.drop-card__placeholder svg{width:24px;height:24px;opacity:.5}.drop-card__overlay{position:absolute;left:0;right:0;bottom:0;padding:2rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 70%);display:flex;flex-direction:column;gap:.15rem;pointer-events:none}.drop-card__main:hover .drop-card__overlay,.drop-card__main:focus-visible .drop-card__overlay{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 70%)}.drop-card__title{font-weight:500;font-size:.95rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drop-card__subtitle{font-size:.8125rem;color:var(--color-text-secondary, #b3b3b3);line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.drop-card__play{all:unset;box-sizing:border-box;position:absolute;right:.5rem;bottom:.5rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--btn-primary-bg, var(--color-primary));color:var(--btn-primary-text);border:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);pointer-events:auto;flex-shrink:0}.drop-card__play:hover{background-color:var(--btn-primary-hover-bg, var(--color-primary-hover));transform:scale(1.06)}.drop-card__play:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.drop-card__play:disabled{opacity:.99;cursor:not-allowed}.drop-card__play .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin-left:2px}.drop-card__play-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:drop-card__spin .6s linear infinite}@keyframes drop-card__spin{to{transform:rotate(360deg)}}.drop-card__avatar{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated, rgba(0, 0, 0, .6));color:var(--color-text-muted, #888);text-decoration:none;z-index:2;pointer-events:auto}.drop-card__avatar:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .75));color:inherit}.drop-card__avatar svg{width:.9rem;height:.9rem}.page-profile{width:100%;max-width:var(--content-max-width, 64rem);min-width:0;padding:var(--space-md);margin:0 auto;box-sizing:border-box}.page-profile--loading{min-height:100vh}.page-profile__loading,.page-profile__error{margin-top:var(--space-md)}.page-profile__embed-auth-hint{padding:var(--space-md);max-width:28rem}.page-profile__embed-auth-hint p{margin:0 0 var(--space-md)}.page-profile__embed-auth-link{font-weight:600;text-decoration:underline}.page-profile__skeleton{padding:0}.page-profile__header--skeleton .page-profile__stats{margin-top:var(--space-6);margin-bottom:var(--space-8)}.page-profile__skeleton-avatar{width:7.5rem;height:7.5rem;border-radius:50%;margin:0 auto;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__skeleton-name{width:10rem;height:1.5rem;margin:0 auto var(--space-2);border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__skeleton-username{width:6rem;height:1rem;margin:0 auto var(--space-lg);border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__skeleton-stat-value{width:2rem;height:1.25rem;margin:0 auto var(--space-1);border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__skeleton-stat-label{width:3rem;height:.875rem;margin:0 auto;border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__skeleton-btn{width:6rem;height:var(--btn-min-height);border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__drops--skeleton{margin-top:var(--space-lg)}.page-profile__skeleton-section-title{width:5rem;height:var(--text-lg);margin:0 0 var(--space-md);border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__skeleton-drop-line{width:100%;max-width:20rem;height:1rem;margin-bottom:var(--space-2);border-radius:999px;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes page-profile-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-profile__error{color:var(--color-error)}.page-profile__retry{margin-top:var(--space-2)}.page-profile__header{position:relative;padding:var(--space-lg) 0}.page-profile__header-content{display:block;text-align:center}.page-profile__edit-icon{position:absolute;top:55px;right:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-1);border:none;background:none;cursor:pointer}.page-profile__edit-icon:hover,.page-profile__edit-icon:focus{color:var(--color-text-primary)}.page-profile__edit-icon:focus{outline:none}.page-profile__avatar-wrap{margin-bottom:var(--space-md)}.page-profile__avatar{width:7.5rem;height:7.5rem;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-surface)}.page-profile__avatar-placeholder{width:7.5rem;height:7.5rem;border-radius:var(--radius-full);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.page-profile__name{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.page-profile__username{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-lg)}.page-profile__stats{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-8);margin-top:var(--space-3);margin-bottom:var(--space-4)}.page-profile__stat{display:flex;flex-direction:column;align-items:center;min-width:4rem}.page-profile__stat-value{font-size:1.25rem;font-weight:600}.page-profile__stat-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.page-profile__actions{display:flex;justify-content:center;gap:var(--space-md)}.page-profile__btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast)}.page-profile__btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.page-profile__btn--primary:hover{background-color:var(--btn-primary-hover-bg)}.page-profile__btn--compact{padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}.page-profile__btn--secondary{background-color:transparent;border-color:var(--color-text-secondary);color:var(--color-text-primary)}.page-profile__btn--secondary:hover{background-color:var(--color-surface)}.page-profile__btn:disabled{opacity:.6;cursor:not-allowed}.page-profile__section-title{font-size:1.125rem;font-weight:600;margin:var(--space-lg, 1.5rem) 0 var(--space-md, 1rem)}.page-profile__drops{margin-top:var(--space-lg, 1.5rem)}.page-profile__drops-list{list-style:none;padding:0;margin:0}.page-profile__drop-item{margin-bottom:var(--space-2)}.page-profile__drop-link{color:var(--color-accent-primary);text-decoration:none}.page-profile__drop-link:hover{text-decoration:underline}.page-profile__drop-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.page-profile__body{position:relative}.page-profile__tabs-row{margin-top:var(--space-lg);padding:0 var(--space-6)}.page-profile__tabs{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--color-border);padding:0;background:transparent}.page-profile__tab{position:relative;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;margin-bottom:-1px;cursor:pointer;transition:color var(--transition-fast)}.page-profile__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent;border-radius:0;transition:background var(--transition-fast)}.page-profile__tab--active:after{background:var(--color-primary)}.page-profile__tab:hover{color:var(--color-text-primary);background:none}.page-profile__tab:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.page-profile__tab--active{color:var(--color-primary)}.page-profile__actions-group{position:absolute;right:var(--space-6);top:var(--space-2);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-right:var(--space-2);pointer-events:auto;z-index:10}.page-profile__actions-group .embed-button__trigger,.page-profile__actions-group .embed-button__trigger--icon{width:auto;height:auto;min-width:0;min-height:0;border-radius:0;background:transparent;color:var(--color-text);border:none;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1)}.page-profile__like-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.page-profile__like-count{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:1.5rem;text-align:right}.page-profile__like-btn{width:auto;height:auto;min-width:0;min-height:0;border-radius:0;background:transparent;border:none;color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.page-profile__like-btn .material-symbols-outlined{font-size:1.5rem}.page-profile__like-btn--active .material-symbols-outlined{color:var(--color-primary);font-variation-settings:"FILL" 1}.page-profile__like-btn:not(.page-profile__like-btn--active) .material-symbols-outlined{color:var(--color-text);font-variation-settings:"FILL" 1}.page-profile__like-btn:hover:not(:disabled){transform:scale(1.05)}.page-profile__like-btn:disabled{opacity:.5;cursor:not-allowed}.page-profile__content{margin-top:var(--space-lg);padding:0 var(--space-6);padding-bottom:var(--playbar-bottom-reserve, calc(var(--playbar-height, 4.75rem) + var(--space-4)))}.page-profile__panel{min-height:12rem}.page-profile__section{margin-top:var(--space-8)}.page-profile__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-md);color:var(--color-text-secondary)}.page-profile__tabs-skeleton{height:var(--btn-min-height);margin-top:var(--space-lg);border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__content-skeleton{height:20rem;margin-top:var(--space-lg);border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__playlist-card-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-md)}.page-profile__playlist-card-list .page-music__card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.page-profile__playlist-card-list .page-music__card-link{display:block;padding:0 0 var(--space-md);text-decoration:none;color:inherit;cursor:pointer}.page-profile__playlist-card-list button.page-music__card-link{width:100%;border:none;background:transparent;font:inherit;text-align:left}.page-profile__playlist-card-list .page-music__card-link:hover{background:var(--color-bg-hover)}.page-profile button.page-home__broadcast-card-main{width:100%;border:none;background:transparent;font:inherit;text-align:left}.page-profile__playlist-card-list .page-music__card-image-wrap--category{margin:0;margin-bottom:var(--space-2)}.page-profile__playlist-card-list .page-music__card-title{padding:0 var(--space-md);display:block;font-weight:var(--font-weight-medium)}.page-profile__playlist-card--skeleton{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden}.page-profile__playlist-card-skeleton{aspect-ratio:1;background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:200% 100%;animation:page-profile-skeleton-shimmer 1.2s ease-in-out infinite}.page-profile__note-card-wrap{position:relative}.page-profile__note-popover-backdrop{position:fixed;inset:0;z-index:400;background:#0006;cursor:default}.page-profile__note-popover{position:fixed;z-index:401;min-width:100px;max-width:min(86rem,calc(100vw - 2rem));max-height:80vh;padding:var(--space-5);padding-right:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;overflow:auto}.page-profile__note-popover-text{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:1.5;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.page-profile__note-popover-date{font-size:var(--text-xs);color:var(--color-text-muted)}.page-profile__note-popover-close{position:absolute;top:var(--space-2);right:var(--space-2);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast),color var(--transition-fast)}.page-profile__note-popover-close:hover{background:var(--color-bg-hover);color:var(--color-text)}.page-home{width:100%;max-width:64rem;min-width:0;padding:var(--space-md, 1rem);margin:0 auto;box-sizing:border-box}.page-home__subtitle{margin:0 0 1rem;color:var(--color-text-secondary, #666)}.page-home--loading{min-height:100vh}.page-home__loading,.page-home__error{margin-top:var(--space-md, 1rem)}.page-home__error{color:var(--color-error, #c00)}.page-home__section{margin-top:var(--space-xl, 2rem)}.page-home__section-title{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-sm, .5rem);color:var(--color-text-secondary, #666)}.page-home__section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:var(--space-sm, .5rem)}.page-home__section-head .page-home__section-title{margin-bottom:0}.page-home__recorded-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary, #888);-webkit-user-select:none;user-select:none}.page-home__switch{position:relative;width:2.25rem;height:1rem;min-width:2.25rem;min-height:1rem;max-width:2.25rem;max-height:1rem;flex-shrink:0;padding:0;margin:0;border:none;border-radius:var(--radius-full, 999px);background:var(--color-border, #444);cursor:pointer;transition:background var(--transition-fast);box-sizing:border-box;line-height:0;overflow:hidden}.page-home__switch:hover{background:var(--color-bg-hover, #555)}.page-home__switch[aria-checked=true]{background:var(--color-primary, #1db954)}.page-home__switch[aria-checked=true]:hover{filter:brightness(1.1)}.page-home__switch-thumb{position:absolute;top:0;left:0;width:1rem;height:1rem;border-radius:var(--radius-full, 999px);background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--transition-fast)}.page-home__switch[aria-checked=true] .page-home__switch-thumb{transform:translate(1.25rem)}.page-home__switch:focus-visible{outline:2px solid var(--color-focus-ring, #1db954);outline-offset:2px}.app-home-actions{padding:0;margin-top:0}.app-home-actions .app-home-action-card{color:#fff;text-decoration:none;padding:var(--space-xl, 1.5rem) var(--space-lg, 1.25rem);border-radius:var(--radius-md, 8px);transition:transform .2s,box-shadow .2s;border:none;min-height:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app-home-actions .app-home-action-card:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}.app-home-action-icon{font-size:1.75rem;display:block;margin-bottom:.5rem}.app-home-action-icon-svg{display:block;margin-bottom:.5rem;width:1.75rem;height:1.75rem}.app-home-action-icon-svg svg{width:100%;height:100%;display:block;color:currentColor}.app-home-action-discover .app-home-action-icon,.app-home-action-discover .app-home-action-icon-svg{display:block;margin-bottom:.5rem;width:1.75rem;height:1.75rem;transform:scale(1.6);transform-origin:center top;overflow:visible}.app-home-action-discover .app-home-action-discover-stars{color:#fff}.app-home-action-title{font-size:1.125rem;font-weight:700;display:block}.app-home-action-subtitle{font-size:.875rem;opacity:.9;display:block}.app-home-action-go-live{background:var(--color-home-action-go-live, #FFC107);box-shadow:0 4px 14px #00000026}.app-home-action-go-live:hover{background:var(--color-home-action-go-live-hover, #ffca28);box-shadow:0 6px 18px #0003}.app-home-action-music{background:var(--color-home-action-music, #EF5350);box-shadow:0 4px 14px #00000026}.app-home-action-music:hover{background:var(--color-home-action-music-hover, #e57373);box-shadow:0 6px 18px #0003}.app-home-action-discover{background:var(--color-home-action-discover, #00BCD4);box-shadow:0 4px 14px #00000026;overflow:visible}.app-home-action-discover:hover{background:var(--color-home-action-discover-hover, #4dd0e1);box-shadow:0 6px 18px #0003}.page-home__action-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 1rem);margin-bottom:var(--space-md, 1rem)}@media(max-width:480px){.page-home__action-row{grid-template-columns:1fr}}.page-home__action-row-full{margin-bottom:0}.page-home__card-list--notes{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));grid-auto-rows:120px}.page-home__card--note{padding:0;height:100%;min-height:0;background:var(--color-bg-subtle, #121212)}.page-home__card--note .page-home__card-link{padding:0;height:100%}.page-home__note-card{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem);height:100%;min-height:0;box-sizing:border-box;text-decoration:none;color:inherit;position:relative;text-align:left;background:transparent;border:none}.page-home__note-card--link{cursor:pointer;transition:background var(--transition-fast);background:transparent}.page-home__note-card--link:hover{background:#ffffff1f}.page-home__note-card-avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--radius-full, 9999px);overflow:hidden;border:1px solid var(--color-border, #2a2a2a);display:block}.page-home__note-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.page-home__note-card-avatar:hover{border-color:var(--color-primary, #1db954)}.page-home__note-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;min-height:0;position:relative}.page-home__note-card-date{font-size:.75rem;color:var(--color-text-tertiary, #6b6b6b);flex-shrink:0}.page-home__note-card-title{font-weight:600;font-size:var(--text-sm, .875rem);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}.page-home__note-card-body{font-size:.8125rem;color:var(--color-text-secondary, #b3b3b3);line-height:1.4;overflow:hidden;flex:1;min-height:2.5em;min-width:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.page-home__note-card-profile-icon{position:absolute;right:var(--space-2, .5rem);bottom:var(--space-2, .5rem);width:1.5rem;height:1.5rem;border-radius:var(--radius-full, 9999px);overflow:hidden;border:1px solid var(--color-border, #2a2a2a);display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated, #1a1a1a);color:var(--color-text-muted, #888);z-index:1;pointer-events:auto}.page-home__note-card-profile-icon img{width:100%;height:100%;object-fit:cover;display:block}.page-home__note-card-profile-icon svg{width:.75rem;height:.75rem}.page-home__note{cursor:default}.page-home__note:hover{transform:none}.page-home__card--note-skeleton,.page-home__card--completed-skeleton{background:transparent;overflow:hidden}.page-home__note-skeleton,.page-home__completed-skeleton{width:100%;height:100%;border-radius:var(--radius-md, 8px);background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite}.page-home__card-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-md, 1rem)}.page-home__card{background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px);overflow:hidden;contain:layout paint}.page-home__card--go-live-empty,.page-home__card--live-skeleton{display:flex;aspect-ratio:1}.page-home__go-live-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md, 1rem);width:100%;height:100%;padding:var(--space-md, 1rem);background:transparent;border:none;border-radius:inherit;color:var(--color-text-primary, #fff);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.page-home__go-live-empty:hover{background:#ffffff0a}.page-home__go-live-empty-icon{width:3rem;height:3rem;min-width:3rem;min-height:3rem;max-width:3rem;max-height:3rem;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, rgba(255, 255, 255, .16));background:var(--color-bg-elevated, rgba(0, 0, 0, .45));color:var(--color-accent-primary, #1db954);padding:0;box-sizing:border-box;flex-shrink:0}.page-home__go-live-empty-icon svg{width:2.3rem;height:2.3rem}.page-home__go-live-empty-text{display:flex;flex-direction:column;gap:.15rem}.page-home__go-live-empty-title{font-weight:600;font-size:var(--text-sm, .95rem)}.page-home__go-live-empty-subtitle{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #b3b3b3)}.page-home__live-skeleton{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite}.page-home__card-link{display:block;padding:var(--space-md, 1rem);text-decoration:none;color:inherit;transition:transform var(--transition-fast),background var(--transition-fast)}.page-home__card-link:hover{transform:translateY(-2px);background:var(--color-surface-hover, #252525)}.page-home__card-title{display:block;font-weight:500;margin-bottom:.25rem}.page-home__card-meta{font-size:.875rem;color:var(--color-text-secondary, #888)}.page-home__card-list--drops{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.page-home__card--drop,.page-home__card--drop-skeleton{display:flex;flex-direction:column;contain:none}.page-home__drop-skeleton{width:100%;aspect-ratio:1;border-radius:var(--radius-md, 8px);background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite}@keyframes page-home__skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-home__card-link--drop{display:flex;flex-direction:column;padding:0;height:100%;min-height:0}.page-home__drop-cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-subtle, #222);flex-shrink:0}.page-home__drop-cover img{width:100%;height:100%;object-fit:cover;display:block}.page-home__drop-cover-placeholder{display:block;width:100%;height:100%;background:var(--color-border, #333)}.page-home__drop-cover-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #888)}.page-home__drop-cover-icon svg{width:24px;height:24px;opacity:.5}.page-home__drop-info{padding:var(--space-sm, .5rem) var(--space-md, 1rem);flex:0 0 auto;min-height:0}.page-home__drop-info .page-home__card-title{margin-bottom:.15rem}.page-home__drop-info .page-home__card-meta{font-size:.8125rem}.page-home__card-list--broadcast{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.page-home__card--broadcast,.page-home__card--broadcast .page-home__card-link{padding:0}.page-home__broadcast-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.page-home__broadcast-card-main{display:flex;flex-direction:column;flex:0 0 auto;text-decoration:none;color:inherit;padding:0;transition:background var(--transition-fast);align-items:stretch;text-align:left;cursor:pointer}.page-home__broadcast-card-main:hover{background:#ffffff14;text-decoration:none;color:inherit}.page-home__broadcast-card-main a,.page-home__broadcast-card-main a:hover,.page-home__broadcast-card-main a:focus{text-decoration:none;color:inherit}.page-home__broadcast-card-media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg-subtle, #222);flex-shrink:0}.page-home__card--drop .page-home__broadcast-card-media{aspect-ratio:1 / 1}.page-home__broadcast-card-media img{width:100%;height:100%;object-fit:cover;display:block}.page-home__card--drop .page-home__broadcast-card-media img.page-home__drop-card-media-img{image-rendering:auto}.page-home__card--drop .page-home__broadcast-card-media img.page-home__drop-card-media-img--gif{content-visibility:visible;animation:page-home__gif-repaint 1ms step-end infinite}@keyframes page-home__gif-repaint{to{opacity:1}}.page-home__broadcast-card-placeholder{display:flex;width:100%;height:100%;min-height:0;background:var(--color-bg-subtle, #222)}.page-home__broadcast-card-placeholder-icon{align-items:center;justify-content:center;color:var(--color-text-muted, #888)}.page-home__broadcast-card-placeholder-icon svg{width:24px;height:24px;opacity:.5}.page-home__broadcast-card-info{padding:var(--space-sm, .5rem) var(--space-md, 1rem);flex:1;min-width:0;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-2, .5rem)}.page-home__broadcast-card-info-main{display:flex;flex-direction:column;min-width:0;flex:1}.page-home__broadcast-card-info-link{text-decoration:none;color:inherit;min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start}.page-home__broadcast-card-info-link:hover,.page-home__broadcast-card-info-link:focus-visible{color:inherit;text-decoration:none;background:transparent}.page-placeholder__actions--compact .page-placeholder__button{padding-inline:var(--space-4);min-width:0}.page-home__broadcast-card-info .page-home__card-title{margin-bottom:.15rem}.page-home__broadcast-card-info .page-home__card-meta{font-size:.8125rem}.page-home__broadcast-card-viewers{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--color-text-secondary, #888)}.page-home__broadcast-card-viewers svg{width:.875rem;height:.875rem;flex-shrink:0}.page-home__broadcast-card-avatar{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:50%;overflow:hidden;border:1px solid var(--color-border, #2a2a2a);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated, #1a1a1a);box-sizing:border-box}.page-home__broadcast-card-info .page-home__broadcast-card-avatar{align-self:center}.page-home__broadcast-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.page-home__broadcast-card-avatar svg{width:1.25rem;height:1.25rem;color:var(--color-text-muted, #888)}.page-home__broadcast-card-avatar:hover{border-color:var(--color-primary, #1db954)}button.page-home__broadcast-card-avatar{margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.page-home__empty{color:var(--color-text-secondary, #888);font-style:italic;margin:0}.demo-play-btn{margin-top:var(--space-md, 1rem);padding:.5rem 1rem;font-size:.875rem;cursor:pointer;background:var(--color-primary, #1db954);color:#fff;border:none;border-radius:var(--radius-sm, 4px)}.demo-play-btn:hover{opacity:.9}@keyframes profile-overlay-slide-up{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.profile-overlay{position:fixed;inset:0;z-index:400;width:100vw;height:100vh;display:flex;flex-direction:column;box-sizing:border-box;background:var(--color-bg)}@keyframes profile-overlay-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.6}}.profile-overlay__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);animation:profile-overlay-slide-up var(--transition-duration-normal, .25s) ease-out forwards}.profile-overlay__panel--closing{animation:profile-overlay-slide-down .3s ease-in forwards}.profile-overlay__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--btn-min-height, 2.75rem);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.profile-overlay__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.profile-overlay__content{position:relative;flex:1;overflow:auto;padding:0;min-height:0;background:var(--color-bg)}.profile-overlay__content .page-profile{padding-bottom:200px}.profile-overlay__close{flex-shrink:0;width:1.5rem;min-height:1.5rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;color:#fff;background:#2a2a2a;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.profile-overlay__close svg{width:1.25rem;height:1.25rem;flex-shrink:0}.profile-overlay__close:hover{color:#fff;background:#3a3a3a;border-color:#ffffff4d}.profile-overlay__close:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.profile-overlay__close--top{margin-left:auto}.page-profile--embed{position:relative;padding-top:var(--space-2)}.watch-embed{position:relative;width:100%;min-height:calc(100dvh - var(--playbar-height, 4rem));margin:0;background:#000;color:var(--color-text, #fff);z-index:100}.watch-embed--embed{max-width:none}.watch-embed__title.visually-hidden,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.watch-embed__loading,.watch-embed__error{position:absolute;left:var(--space-4);right:var(--space-4);margin:var(--space-md, 1rem) 0;z-index:2}.watch-embed__error{color:var(--color-error, #e91429);font-size:var(--text-base, 1rem);padding:var(--space-2) var(--space-3);max-width:32rem;background:var(--color-error-bg, rgba(233, 20, 41, .15));border-radius:var(--radius-sm)}.watch-embed__layout{position:relative;width:100%;height:100%;min-height:calc(100dvh - var(--playbar-height, 4rem))}.watch-embed__top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:flex-start;padding:var(--space-4);pointer-events:none}.watch-embed__top-bar>*{pointer-events:auto}.watch-embed__top-bar .watch-embed__viewer-stats{grid-column:1;justify-self:start;align-self:flex-start;display:flex;flex-direction:column;gap:.125rem;font-size:.7rem;color:#ffffffe6}.watch-embed__viewer-stats-icon{margin-right:.25rem}.watch-embed__viewer-stats-peak{font-size:.65rem;color:#ffffffbf}.watch-embed__top-bar .watch-embed__overlay--top{grid-column:2;justify-self:center}.watch-embed__top-bar-right{grid-column:3;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-wrap:nowrap}.watch-embed__top-bar-right-tools{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.watch-embed__info-wrap{position:relative;flex-shrink:0;margin-top:0;width:min-content}.watch-embed__info-btn{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;background:transparent;border:none;border-radius:50%;cursor:pointer;box-sizing:border-box}.watch-embed__info-btn:hover{color:#fff;background:transparent}.watch-embed__info-btn:focus{outline:none}.watch-embed__info-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffffd9}.watch-embed__icon,.watch-embed__info-icon.material-symbols-outlined,.watch-embed__chat-icon.material-symbols-outlined,.watch-embed__profile-avatar--icon.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.watch-embed__close .watch-embed__icon,.watch-embed__debug-toggle .watch-embed__icon,.watch-embed__chat-close .watch-embed__icon,.watch-embed__debug-panel-close .watch-embed__icon{font-size:1.25rem}.watch-embed__chat-icon.material-symbols-outlined{font-size:1.5rem}.watch-embed__info-icon{width:1.25rem;height:1.25rem}.watch-embed__info-icon.material-symbols-outlined{width:auto;height:auto}.watch-embed__info-backdrop{position:fixed;inset:0;z-index:4;cursor:default}.watch-embed__info-popover{position:absolute;top:100%;right:0;margin-top:.25rem;padding:var(--space-2);min-width:12rem;background:#181818f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;z-index:5;font-size:var(--text-xs, .75rem);color:#e7ebf0}.watch-embed__info-row{margin:0 0 var(--space-1)}.watch-embed__info-row:last-child{margin-bottom:0}.watch-embed__info-label{font-weight:var(--font-semibold, 600);margin-right:var(--space-1);color:#c4b5fd}.watch-embed__info-empty{color:var(--color-text-secondary)}.watch-embed__info-actions{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border, rgba(255, 255, 255, .2))}.watch-embed__reconnect-btn{display:inline-block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm, .875rem);color:var(--color-text);background:var(--color-primary, #7c3aed);border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%}.watch-embed__reconnect-btn:hover{opacity:.9}.watch-embed__reconnect-btn:focus-visible{outline:2px solid var(--color-focus, #a78bfa);outline-offset:2px}.watch-embed__delete-session-btn{display:inline-block;margin-top:var(--space-2, .5rem);padding:var(--space-2) var(--space-3);font-size:var(--text-sm, .875rem);color:var(--color-text);background:var(--color-destructive, #b91c1c);border:none;border-radius:var(--radius-sm);cursor:pointer}.watch-embed__delete-session-btn:hover{opacity:.9}.watch-embed__delete-session-btn:focus-visible{outline:2px solid var(--color-focus, #a78bfa);outline-offset:2px}.watch-embed__confirm-backdrop{position:fixed;inset:0;z-index:100;background:#0009}.watch-embed__confirm-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:101;max-width:22rem;padding:var(--space-4);background:var(--color-bg-elevated, #1a1a2e);color:var(--color-text, #fff);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006}.watch-embed__confirm-title{margin:0 0 var(--space-2);font-size:var(--text-lg, 1.125rem);font-weight:600}.watch-embed__confirm-desc{margin:0 0 var(--space-4);font-size:var(--text-sm, .875rem);color:var(--color-text-secondary);line-height:1.4}.watch-embed__confirm-actions{display:flex;flex-direction:column;gap:var(--space-2)}.watch-embed__confirm-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm, .875rem);border:none;border-radius:var(--radius-sm);cursor:pointer}.watch-embed__confirm-btn--end{background:var(--color-error, #e91429);color:#fff}.watch-embed__confirm-btn--reconnect{background:var(--color-primary, #7c3aed);color:#fff}.watch-embed__confirm-btn--cancel{background:var(--color-bg-secondary);color:var(--color-text)}.watch-embed__confirm-btn:hover{opacity:.9}.watch-embed__confirm-btn:focus-visible{outline:2px solid var(--color-focus, #a78bfa);outline-offset:2px}.watch-embed__player-wrap{position:absolute;inset:0}.watch-embed__player-inner{position:relative;width:100%;height:100%;min-height:100vh;min-height:100dvh;background:#000;overflow:hidden;isolation:isolate}.watch-embed__ad-holder{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden;border-radius:inherit}.watch-embed__ad-holder>*{pointer-events:auto}.watch-embed__video{position:relative;z-index:0;width:100%;height:100%;min-height:100vh;min-height:100dvh;object-fit:cover;object-position:center center;display:block}.watch-embed__status{position:absolute;top:var(--space-2);left:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm, .875rem);color:var(--color-text);background:#0009;border-radius:var(--radius-sm);z-index:2}.watch-embed__status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary, #b3b3b3)}.watch-embed__status-dot--connecting{background:var(--color-accent, #f90);animation:watch-embed-pulse 1s ease-in-out infinite}.watch-embed__status-dot--connected{background:var(--color-success, #1db954)}.watch-embed__status-dot--disconnected{background:var(--color-error, #e91429)}.watch-embed__participants{position:absolute;top:var(--space-2);left:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm, .875rem);color:var(--color-text);background:#0009;border-radius:var(--radius-sm);z-index:2}.watch-embed__participants-icon{font-size:1rem}.watch-embed__player-inner--cohost{display:flex;align-items:center;justify-content:center}.watch-embed__cohost-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);width:100%;height:100%;padding:var(--space-2);box-sizing:border-box}.watch-embed__cohost-tile{position:relative;width:100%;aspect-ratio:16 / 10;min-height:0;background:var(--color-bg-subtle, #222);border-radius:var(--radius-sm);overflow:hidden}.watch-embed__cohost-tile-video{width:100%;height:100%;object-fit:contain;display:block}.watch-embed__cohost-tile-label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-1) var(--space-2);font-size:var(--text-xs, .75rem);color:var(--color-text);background:linear-gradient(transparent,#000000bf)}.watch-embed__participants-list{flex-shrink:0;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.watch-embed__participants-list-title{font-size:var(--text-sm);font-weight:var(--font-semibold, 600);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.watch-embed__participants-list-ul{list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--color-text)}.watch-embed__participants-list-li{padding:var(--space-1) 0}@keyframes watch-embed-pulse{0%,to{opacity:1}50%{opacity:.5}}.watch-embed__reactions{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:3;display:flex;gap:var(--space-3)}.watch-embed__reaction{padding:var(--space-2);font-size:1.5rem;line-height:1;background:transparent;border:none;border-radius:0;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);color:inherit}.watch-embed__reaction:hover:not(:disabled){opacity:.9;transform:scale(1.1)}.watch-embed__reaction:disabled{opacity:.5;cursor:not-allowed}.watch-embed__reaction:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.watch-embed__chat-toggle{position:absolute;top:auto;bottom:5rem;left:var(--space-4);z-index:3;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:none}.watch-embed__chat-toggle:hover,.watch-embed__chat-toggle[aria-expanded=true]{color:#fff;background:transparent}.watch-embed__chat-toggle:focus{outline:none;outline-offset:0;box-shadow:none}.watch-embed__chat-toggle:focus-visible{outline:none;outline-offset:0}.watch-embed__chat-backdrop{position:fixed;inset:0;z-index:650;cursor:default}.watch-embed__chat-icon{flex-shrink:0}.watch-embed__chat-icon.material-symbols-outlined{width:auto;height:auto}.watch-embed__chat-pane{position:fixed;bottom:0;left:0;width:min(100%,22rem);max-height:400px;padding:0;background:color-mix(in srgb,var(--color-surface-elevated) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-left:none;border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-direction:column;z-index:650;box-shadow:0 4px 20px color-mix(in srgb,var(--color-bg) 40%,transparent);overflow:hidden}.watch-embed__chat-pane-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.watch-embed__chat-pane-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.watch-embed__chat-pane h2,.watch-embed__chat-pane h3{color:var(--color-text-secondary)}.watch-embed__chat-close{width:2rem;height:2rem;min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.25rem;line-height:1;color:var(--color-text-primary);background:transparent;border:none;border-radius:0;cursor:pointer;outline:none}.watch-embed__chat-close:hover,.watch-embed__chat-close:focus,.watch-embed__chat-close:focus-visible{color:var(--color-text);background:transparent;box-shadow:none;outline:none}.watch-embed__chat-close .watch-embed__icon{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.watch-embed__chat-close:focus-visible{outline:none}.watch-embed__chat-pane .watch-embed__participants-list{padding:var(--space-2) var(--space-3) var(--space-3)}.watch-embed__chat-pane .watch-embed__chat-log{padding:var(--space-2) var(--space-3)}.watch-embed__chat-pane .watch-embed__chat-form{padding:var(--space-2) var(--space-3) var(--space-3)}.watch-embed__chat-log{flex:1;overflow-y:auto;min-height:6rem;margin-bottom:var(--space-2)}.watch-embed__chat-empty{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.watch-embed__chat-msg{font-size:var(--text-sm);margin-bottom:var(--space-2);border-radius:var(--radius-sm);max-width:100%;background:color-mix(in srgb,var(--color-surface-elevated) 60%,transparent);word-wrap:break-word;overflow-wrap:break-word;display:grid;grid-template-columns:minmax(calc(5rem + 5ch),auto) 1fr;gap:8px;align-items:start}.watch-embed__chat-sender{font-weight:var(--font-semibold);font-size:.75rem;flex-shrink:0;color:var(--color-text-secondary);text-align:right;justify-self:end}.watch-embed__chat-text{line-height:1.4;min-width:0}.watch-embed__chat-form{display:flex;gap:var(--space-2)}.watch-embed__chat-input{flex:1;padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text);background:color-mix(in srgb,var(--color-bg) 80%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.watch-embed__chat-input::placeholder{color:var(--color-text-muted)}.watch-embed__chat-send{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--btn-primary-text, #ffffff);background:var(--btn-primary-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-bg) 90%,transparent);transition:background var(--transition-fast)}.watch-embed__chat-send:hover:not(:disabled){background:var(--btn-primary-hover-bg)}.watch-embed__chat-send:disabled{opacity:.6;cursor:not-allowed}.watch-embed__overlay{position:absolute;z-index:3;pointer-events:none}.watch-embed__overlay--top{position:relative;top:0;left:0;transform:none;pointer-events:auto}.watch-embed__profile-title-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.watch-embed__profile-wrap{position:relative;pointer-events:auto}.watch-embed__profile-trigger{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:var(--radius-full);background:#00000080;cursor:pointer;color:var(--color-text);transition:background var(--transition-fast);pointer-events:auto}.watch-embed__profile-trigger:hover{background:#000000b3}.watch-embed__profile-trigger:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.watch-embed__profile-avatar{width:2.75rem;height:2.75rem;border-radius:var(--radius-full);object-fit:cover}.watch-embed__profile-avatar--icon{width:1.5rem;height:1.5rem;color:#fff}.watch-embed__profile-popover-backdrop{position:fixed;inset:0;z-index:4;cursor:default}.watch-embed__profile-popover{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-1);padding:var(--space-2);background:#181818f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;z-index:5;min-width:10rem;color:#e7ebf0}.watch-embed__profile-popover-info{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .12));margin-bottom:var(--space-1)}.watch-embed__profile-popover-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;display:block;margin-bottom:var(--space-2)}.watch-embed__profile-popover-name{margin:0 0 .125rem;font-size:var(--text-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-text, #fff)}.watch-embed__profile-popover-username{margin:0 0 var(--space-2);font-size:var(--text-xs);color:#c4b5fd}.watch-embed__profile-popover-stats{margin:0;font-size:var(--text-xs);color:#e5e7eb}.watch-embed__profile-popover-link{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-primary, #1db954);text-decoration:none;border-radius:var(--radius-sm)}.watch-embed__profile-popover-link:hover{background:#ffffff14;color:var(--color-primary-hover, #1ed760)}.watch-embed__profile-popover-unavailable{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary, #b3b3b3)}.watch-embed__title-visible{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-medium, 500);color:#fff;max-width:min(90vw,28rem)}.watch-embed__profile-icon-placeholder{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);background:#00000080;color:#fff}.watch-embed__profile-icon-placeholder .watch-embed__profile-avatar--icon{width:1.5rem;height:1.5rem;color:#fff}.watch-embed__close{position:absolute;top:var(--space-4);right:var(--space-4);width:2.75rem;height:2.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:#fff;background:#00000080;border:none;border-radius:var(--radius-full);cursor:pointer;z-index:3}.watch-embed__close:hover{color:#fff;background:#00000059}.watch-embed__close:focus,.watch-embed__close:focus-visible{outline:none;box-shadow:none}.watch-embed__top-bar-right .watch-embed__close{position:static!important;top:auto;right:auto}.watch-embed__top-bar-right .watch-embed__info-wrap{align-self:center}.watch-embed__debug-toggle{position:static;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:none;background:transparent;color:#e7ebf0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;pointer-events:auto}.watch-embed__debug-toggle:hover,.watch-embed__debug-toggle:focus,.watch-embed__debug-toggle:focus-visible{background:transparent;border:none;box-shadow:none;outline:none}.watch-embed__debug-toggle--active{background:transparent}.watch-embed__debug-panel{position:absolute;top:72px;left:.75rem;right:.75rem;z-index:11;max-height:70vh;overflow-y:auto;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(27,33,53,.6);background:#0a0c14f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e7ebf0;font-size:.75rem}.watch-embed__ad-test-strip{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(124,58,237,.5);background:#0a0c14e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #0000004d;pointer-events:auto;max-width:calc(100% - 1.5rem)}.watch-embed__ad-status-pill{position:absolute;top:.75rem;right:.75rem;bottom:auto;z-index:50;max-width:min(16rem,calc(100% - 1.5rem));padding:.5rem .65rem;border-radius:var(--radius-md, .5rem);border:1px solid rgba(124,58,237,.35);background:#0a0c14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e7ebf0;font-size:.68rem;line-height:1.35;pointer-events:none;box-shadow:0 8px 20px #00000059}.watch-embed__ad-status-pill-title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;color:#c4b5fd;margin-bottom:.35rem}.watch-embed__ad-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.2rem}.watch-embed__ad-status-label{color:#e7ebf0bf}.watch-embed__ad-status-value{font-weight:600;color:#34d399f2;white-space:nowrap}.watch-embed__ad-test-strip-label{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c4b5fd}.watch-embed__ad-test-button{min-width:0}.watch-embed__ad-test-switch{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.72rem;color:#e7ebf0}.watch-embed__ad-test-switch-toggle{position:relative;width:2.4rem;height:1.4rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1f;cursor:pointer;padding:0;flex-shrink:0}.watch-embed__ad-test-switch-thumb{position:absolute;top:.14rem;left:.14rem;width:1rem;height:1rem;border-radius:999px;background:#fff;transition:transform .18s ease}.watch-embed__ad-test-switch-toggle[aria-checked=true]{background:#7c3aedcc;border-color:#a78bfacc}.watch-embed__ad-test-switch-toggle[aria-checked=true] .watch-embed__ad-test-switch-thumb{transform:translate(1rem)}.watch-embed__debug-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.watch-embed__debug-panel-close{border:none;background:transparent;color:#e7ebf0;cursor:pointer;font-size:1rem}.watch-embed__debug-errors{margin-bottom:var(--space-3);padding:.5rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.4);border-radius:var(--radius-sm)}.watch-embed__debug-error-text{margin:0;font-size:.75rem;color:#f5b7b1;word-break:break-word}.watch-embed__debug-connection{margin-bottom:var(--space-3)}.watch-embed__debug-connection-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.watch-embed__debug-connection-dot{width:.5rem;height:.5rem;border-radius:999px;background:#e74c3c}.watch-embed__debug-connection-dot--ok{background:#2ecc71}.watch-embed__debug-connection-info{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);background:#00000059;padding:.5rem;border-radius:var(--radius-sm);color:#9aa4b2}.watch-embed__debug-controls{margin-bottom:var(--space-3)}.watch-embed__debug-controls-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.watch-embed__debug-button{background:#1b2135;color:#e7ebf0;border:1px solid #1b2135;border-radius:4px;padding:.35rem .75rem;font-size:.7rem;cursor:pointer}.watch-embed__debug-button:hover{background:#232b45}.watch-embed__debug-log{background:#00000080;border:1px solid rgba(27,33,53,.5);border-radius:4px;padding:.5rem;height:280px;overflow-y:auto;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:.7rem}.watch-embed__debug-log-line{white-space:pre-wrap}.start-broadcast-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.start-broadcast-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.start-broadcast-page__logo{display:flex;align-items:center;text-decoration:none}.start-broadcast-page__logo-img{height:2rem;width:auto}.start-broadcast-page__nav{display:flex;gap:var(--space-4)}.start-broadcast-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.start-broadcast-page__nav-link:hover{color:var(--color-text)}.start-broadcast-page__content{flex:1;max-width:32rem;margin:0 auto;width:100%;padding-block:var(--space-10);padding-inline:var(--space-4);text-align:center}.start-broadcast-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.start-broadcast-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.start-broadcast-page__actions{display:flex;gap:var(--space-4);justify-content:center}.start-broadcast-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:opacity var(--transition-fast)}.start-broadcast-page__btn:hover{opacity:.9}.start-broadcast-page__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.start-broadcast-page__btn--secondary{background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text);border:1px solid var(--color-border)}.start-broadcast-page__form{display:flex;flex-direction:column;gap:var(--space-4);text-align:left;width:100%;max-width:18rem;margin:0 auto}@media(max-width:480px){.start-broadcast-page__content{padding-block:var(--space-6);padding-inline:var(--space-1)}.start-broadcast-page__form{max-width:14rem}}.start-broadcast-page__switch-row{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.start-broadcast-page__switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.start-broadcast-page__switch-input{position:absolute;opacity:0;pointer-events:none}.start-broadcast-page__switch-slider{width:2.5rem;height:1.4rem;border-radius:999px;background:var(--color-border);position:relative;transition:background var(--transition-fast)}.start-broadcast-page__switch-slider:before{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:999px;background:var(--color-bg);box-shadow:0 1px 2px #00000059;transition:transform var(--transition-fast)}.start-broadcast-page__switch-input:checked+.start-broadcast-page__switch-slider{background:var(--btn-primary-bg)}.start-broadcast-page__switch-input:checked+.start-broadcast-page__switch-slider:before{transform:translate(1.1rem)}.start-broadcast-page__switch-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.start-broadcast-page__switch--inline{margin-right:var(--space-3)}.start-broadcast-page__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.start-broadcast-page__input{padding:var(--space-2);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.start-broadcast-page__error{color:var(--color-error, #c00);font-size:var(--text-sm);margin:0}.start-broadcast-page__session{text-align:left;width:100%;max-width:32rem;margin:0 auto}.start-broadcast-page__controls-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.start-broadcast-page__controls-row-start{flex-basis:100%;margin-top:var(--space-3);margin-bottom:var(--space-2)}.start-broadcast-page__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text);cursor:pointer;font-size:var(--text-base);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.start-broadcast-page__icon-btn:hover{background:var(--color-bg-hover, #f3f4f6)}.start-broadcast-page__status-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.start-broadcast-page__status-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--color-border)}.start-broadcast-page__status-dot[data-active=true]{background:#16a34a}.start-broadcast-page__links{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.start-broadcast-page__link-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.start-broadcast-page__link-row--stacked{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.start-broadcast-page__link-input{position:relative;flex:1;min-width:0;width:100%}.start-broadcast-page__link-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);min-width:5.5rem}.start-broadcast-page__link-value{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-xs);padding:.35rem .6rem;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);max-width:100%;word-break:break-all;white-space:nowrap;overflow-x:auto}.start-broadcast-page__icon-btn--inside{position:absolute;top:50%;right:.25rem;transform:translateY(-50%);width:1.75rem;height:1.75rem}.start-broadcast-page__obs{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.start-broadcast-page__obs-text{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.start-broadcast-page__obs-title{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.start-broadcast-page__obs-subtitle{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.start-broadcast-page__obs-list{margin:0;margin-top:var(--space-2);padding-left:var(--space-5);text-align:left;font-size:var(--text-sm);color:var(--color-text-secondary);list-style:disc;display:flex;flex-direction:column;gap:var(--space-1)}.start-broadcast-page__obs-link{color:var(--color-link, var(--btn-primary-bg));text-decoration:underline}.start-broadcast-page__obs-link:hover{opacity:.9}.start-broadcast-page__debug{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);font-size:var(--text-xs);color:var(--color-text-secondary)}.start-broadcast-page__session-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4)}.start-broadcast-page__session-id,.start-broadcast-page__session-url,.start-broadcast-page__token p{font-size:var(--text-sm);margin:0 0 var(--space-2);word-break:break-all}.start-broadcast-page__token{margin-top:var(--space-4)}.start-broadcast-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.start-broadcast-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.start-broadcast-page__footer-link:hover{color:var(--color-text)}.broadcast-overlay{position:fixed;inset:0;z-index:300;width:100%;height:100%;min-width:100%;min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;background:var(--color-bg-elevated, #1a1a1a);overflow:hidden}.broadcast-overlay__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.broadcast-overlay__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border, #2a2a2a);background:var(--color-bg-elevated, #1a1a1a)}.broadcast-overlay__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text, #fff)}.broadcast-overlay__close{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.broadcast-overlay__close:hover{color:var(--color-text);background:var(--color-bg-hover, rgba(255, 255, 255, .08))}.broadcast-overlay__content{flex:1;overflow:auto;padding:var(--space-4);min-height:0}.broadcast-overlay__content--no-header{padding:0}.broadcast-overlay__content .start-broadcast-page{min-height:0;padding:0;box-shadow:none;border:none;background:transparent}.broadcast-overlay__content .start-broadcast-page__header{margin-bottom:var(--space-4)}.broadcast-overlay__content .start-broadcast-page__footer{margin-top:var(--space-4)}@media(max-width:768px){.broadcast-overlay__panel{width:100%}.broadcast-overlay__content{padding-left:var(--space-4);padding-right:var(--space-4)}.broadcast-overlay__content .start-broadcast-page__content{max-width:none;width:100%;padding-inline:0}}.app-shell{display:flex;flex-direction:column;min-width:0;width:100%;width:100vw;max-width:100vw;min-height:100vh;background:var(--color-bg);box-sizing:border-box;overflow-x:hidden}.app-shell__main{flex:1 1 0%;min-height:0;min-width:0;width:100%;width:100vw;max-width:100vw;box-sizing:border-box;display:flex;flex-direction:column;padding:0;padding-top:var(--navbar-height);padding-bottom:var(--playbar-bottom-reserve);overflow-x:hidden}.app-shell__main>*{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.app-shell__navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4)}.app-shell__navbar--menu-open{z-index:400}.app-shell__brand{display:flex;align-items:center;text-decoration:none}.app-shell__brand:hover{opacity:.9}.app-shell__logo{height:2rem;width:auto;display:block}.app-shell__logo--small{display:none}.app-shell__logo--full{display:block}.app-shell__nav{display:flex;align-items:center;gap:var(--space-6)}.app-shell__nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.app-shell__nav-link:hover,.app-shell__nav-link[aria-current=page]{color:var(--color-text)}.app-shell__nav-link[aria-current=page]{border-bottom-color:var(--color-primary)}.app-shell__nav-link--icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)}.app-shell__nav-link--icon svg{display:block}.app-shell__nav-icon{display:none}.app-shell__nav-text{display:inline}.app-shell__nav-link--button{background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font:inherit}.app-shell__nav-link--button:hover{color:var(--color-text)}.app-shell__nav-link--go-live{background:none;background-color:transparent;box-shadow:none;border-radius:0}.app-shell__nav-link--go-live:hover,.app-shell__nav-link--go-live:focus,.app-shell__nav-link--go-live:focus-visible{color:var(--color-text);border-bottom-color:var(--color-primary);background:none;background-color:transparent;box-shadow:none;outline:none}.app-shell__nav-actions{display:flex;align-items:center;gap:var(--space-3)}.app-shell__menu{position:relative}.app-shell__menu-trigger{padding:var(--space-2) var(--space-3);font-size:1.125rem;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;line-height:1}.app-shell__menu-trigger:hover,.app-shell__menu-trigger[aria-expanded=true]{background:none}.app-shell__menu-trigger:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.app-shell__dropdown{position:absolute;top:100%;inset-inline-end:0;inset-inline-start:auto;margin:var(--space-1) 0 0;min-width:16rem;max-width:28rem;padding:var(--space-1) 0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001f;list-style:none;z-index:100}.app-shell__dropdown-divider{height:1px;margin:var(--space-1) var(--space-2);background:var(--color-border);list-style:none}.app-shell__dropdown-profile{padding:var(--space-2) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.app-shell__dropdown-item--profile-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4);text-align:left;padding:0;min-height:auto}.app-shell__dropdown-profile-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;background:var(--color-bg-hover);color:var(--color-text-secondary)}.app-shell__dropdown-profile-img{width:100%;height:100%;object-fit:cover}.app-shell__dropdown-profile-email{padding-left:20px;min-width:0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}.app-shell__dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text);text-decoration:none;text-align:left;background:none;border:none;border-radius:0;cursor:pointer;transition:background var(--transition-fast)}.app-shell__dropdown-item:has(.app-shell__dropdown-item-icon){display:flex;align-items:center;gap:var(--space-2)}.app-shell__dropdown-item-icon{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--color-primary);flex-shrink:0}.app-shell__dropdown-item:hover{background:var(--color-bg-hover)}.app-shell__dropdown-item:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.app-shell__dropdown-item--disabled{color:var(--color-text-tertiary);cursor:not-allowed;font-size:var(--text-xs, .75rem)}.app-shell__dropdown-item--logout{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app-shell__dropdown-item--logout:hover{background:var(--color-bg-hover);color:var(--color-text)}.app-shell__dropdown-item:hover .app-shell__dropdown-item-icon{color:var(--color-primary-hover, var(--color-primary))}.app-shell__dropdown-locale{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.app-shell__dropdown-locale-label{flex-shrink:0;font-size:var(--text-xs, .6875rem);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.02em}.app-shell__dropdown-locale-flag{flex-shrink:0;font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.locale-switcher--menu{flex:1;min-width:0;padding:var(--space-2) var(--space-2);font-size:var(--text-sm)}.locale-switcher{padding:var(--space-2) var(--space-2);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.locale-switcher:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.app-shell__footer{padding:var(--space-8) var(--space-4);padding-bottom:calc(var(--playbar-bottom-reserve) + var(--space-8));background:var(--color-bg-elevated);border-top:1px solid var(--color-border)}.app-shell__footer-inner{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-4)}.app-shell__footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.app-shell__footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none}.app-shell__footer-links a:hover{color:var(--color-primary)}.app-shell__footer-tagline{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.app-shell__footer-brand{display:inline-block;margin-bottom:var(--space-3);text-decoration:none}.app-shell__footer-brand:hover{opacity:.9}.app-shell__footer-logo{height:1.5rem;width:auto;display:block}.app-shell__footer-col h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.app-shell__footer-col ul{list-style:none;margin:0;padding:0}.app-shell__footer-col a{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none}.app-shell__footer-col a:hover{color:var(--color-primary)}@media(max-width:768px){.app-shell__brand{display:none}.app-shell__navbar{padding-left:var(--space-3);padding-right:0}.app-shell__nav{display:flex;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-2);padding-left:0;padding-right:var(--space-2)}.app-shell__nav::-webkit-scrollbar{display:none}.app-shell__nav-link{flex:0 0 auto;font-size:var(--text-sm);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)}.app-shell__nav-link:first-child{padding-left:var(--space-2)}.app-shell__nav-icon{display:inline-flex;align-items:center;justify-content:center}.app-shell__nav-icon svg{display:block;width:1.25rem;height:1.25rem}.app-shell__nav-link--discover .app-shell__nav-icon{transform:scale(1.65);transform-origin:center center}.app-shell__nav-text{display:none}.app-shell__nav-link--icon{padding:var(--space-2)}.app-shell__menu-trigger{font-size:1.125rem;min-width:2.75rem;min-height:2.75rem;border:none}.app-shell__main{padding-bottom:var(--playbar-bottom-reserve)}}.notifications-overlay{position:fixed;inset:0;z-index:520;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:auto}.notifications-card{margin:var(--space-4);margin-top:calc(var(--space-8) + 3rem);max-width:24rem;width:100%;background:var(--color-bg-elevated);border-radius:var(--radius-xl, 1.5rem);border:1px solid var(--color-border);box-shadow:var(--shadow-elevated, 0 18px 45px rgba(0, 0, 0, .6));color:var(--color-text);pointer-events:auto;display:flex;flex-direction:column;max-height:min(80vh,32rem);overflow:hidden}.notifications-card__header{padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .12))}.notifications-card__header-main{display:flex;align-items:baseline;gap:var(--space-2)}.notifications-card__title{margin:0;font-size:var(--text-md, 1rem);font-weight:var(--font-semibold, 600)}.notifications-card__count{min-width:1.75rem;padding-inline:.5rem;border-radius:999px;background:var(--color-pill-bg, color-mix(in srgb, var(--color-primary) 20%, transparent));border:1px solid var(--color-pill-border, color-mix(in srgb, var(--color-primary) 40%, transparent));font-size:var(--text-xs, .75rem);text-align:center}.notifications-card__header-actions{display:flex;align-items:center;gap:var(--space-2)}.notifications-card__switch{display:inline-flex;align-items:center;gap:.5rem;padding:0;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs, .75rem);cursor:pointer}.notifications-card__switch-label{white-space:nowrap}.notifications-card__switch-track{position:relative;width:2.4rem;height:1.3rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);transition:background var(--transition-fast),border-color var(--transition-fast)}.notifications-card__switch-thumb{position:absolute;top:.12rem;left:.14rem;width:1rem;height:1rem;border-radius:999px;background:var(--color-surface, #fff);box-shadow:0 1px 2px #0f172a66;transition:transform var(--transition-fast)}.notifications-card__switch-track--on{background:var(--color-bg);border-color:var(--color-primary)}.notifications-card__switch-track--on .notifications-card__switch-thumb{transform:translate(1rem)}.notifications-card__close{border:none;background:transparent;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:0}.notifications-card__close:hover{color:var(--color-text)}.notifications-card__body{padding:var(--space-2) var(--space-1) 0;overflow:auto}.notifications-card__empty{margin:var(--space-3) var(--space-4);font-size:var(--text-sm, .875rem);color:var(--color-text-secondary)}.notifications-list{list-style:none;margin:0;padding:0 var(--space-1) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.notifications-list__item{display:flex;align-items:stretch;gap:var(--space-1)}.notifications-list__row{flex:1;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg, 1rem);border:1px solid transparent;background:var(--color-surface-elevated, var(--color-bg-elevated));cursor:pointer;text-align:left}.notifications-list__row:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);background:var(--color-bg-hover)}.notifications-list__icon{width:1.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.notifications-list__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.notifications-list__title{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--color-text)}.notifications-list__body{font-size:var(--text-xs, .75rem);color:var(--color-text-secondary)}.notifications-list__time{font-size:.7rem;color:var(--color-text-muted)}.notifications-list__delete{align-self:center;margin-right:var(--space-2);border:none;border-radius:999px;padding:.3rem .75rem;font-size:var(--text-xs, .75rem);background:var(--color-destructive-soft, rgba(239, 68, 68, .12));color:var(--color-destructive-text, #fecaca);cursor:pointer}.notifications-list__delete:hover{background:var(--color-destructive-soft-hover, rgba(239, 68, 68, .2))}@media(max-width:768px){.notifications-card{margin-inline:var(--space-2);max-width:100%}}.inbox-overlay{position:fixed;inset:0;z-index:520;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:auto}.inbox-card{margin:var(--space-4);margin-top:calc(var(--space-8) + 3rem);max-width:22rem;width:100%;background:var(--color-bg-elevated);border-radius:var(--radius-xl, 1.5rem);border:1px solid var(--color-border);box-shadow:var(--shadow-elevated, 0 18px 45px rgba(0, 0, 0, .6));color:var(--color-text);pointer-events:auto;display:flex;flex-direction:column;max-height:min(80vh,30rem)}.inbox-card__header{padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border, rgba(148, 163, 184, .4))}.inbox-card__title{margin:0;font-size:var(--text-md, 1rem);font-weight:var(--font-semibold, 600)}.inbox-card__close{border:none;background:transparent;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:0}.inbox-card__close:hover{color:var(--color-text, #e5e7eb)}.inbox-card__body{padding:var(--space-2) var(--space-2) var(--space-3);overflow:auto}.inbox-card__empty{margin:var(--space-3) var(--space-3);font-size:var(--text-sm, .875rem);color:var(--color-text-secondary)}.inbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.inbox-list__item{display:flex}.inbox-list__row{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg, 1rem);border:1px solid transparent;background:var(--color-surface-elevated, var(--color-bg-elevated));cursor:pointer;text-align:left}.inbox-list__row:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);background:var(--color-bg-hover)}.inbox-list__avatar{width:2rem;height:2rem;border-radius:999px;background:var(--color-accent-soft, rgba(30, 64, 175, .65));display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.inbox-list__avatar-icon{font-size:1.1rem;color:var(--color-text)}.inbox-list__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.inbox-list__title{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-list__time{font-size:.7rem;color:var(--color-text-muted)}@media(max-width:768px){.inbox-card{margin-inline:var(--space-2);max-width:100%}}.chat-view-overlay{position:fixed;inset:0;z-index:540;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;background:#00000073;animation:chat-view-fade-in .2s ease}@keyframes chat-view-fade-in{0%{opacity:0}to{opacity:1}}.chat-view-card{width:100%;max-width:28rem;max-height:min(88vh,40rem);margin:var(--space-3);background:var(--color-bg-elevated);border-radius:var(--radius-xl, 1.25rem) var(--radius-xl, 1.25rem) 0 0;border:1px solid var(--color-border);box-shadow:var(--shadow-elevated, 0 -8px 40px rgba(0, 0, 0, .5));color:var(--color-text);display:flex;flex-direction:column;pointer-events:auto;animation:chat-view-slide-up .28s ease}@keyframes chat-view-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-view-card__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);position:relative}.chat-view-card__back{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;border-radius:var(--radius-md)}.chat-view-card__back:hover{color:var(--color-text);background:var(--color-bg-subtle, rgba(255, 255, 255, .06))}.chat-view-card__peer{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.chat-view-card__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-bg-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.chat-view-card__avatar img{width:100%;height:100%;object-fit:cover}.chat-view-card__peer-text{min-width:0;display:flex;flex-direction:column;gap:2px}.chat-view-card__name{font-weight:var(--font-semibold, 600);font-size:var(--text-md);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-view-card__sub{font-size:var(--text-xs, .75rem);color:var(--color-text-secondary)}.chat-view-card__menu-wrap{position:relative}.chat-view-card__more{border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);display:flex;border-radius:var(--radius-md)}.chat-view-card__more:hover{color:var(--color-text)}.chat-settings-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:12rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);z-index:10;padding:var(--space-1);display:flex;flex-direction:column;gap:2px}.chat-settings-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md)}.chat-settings-menu__item:hover{background:var(--color-bg-subtle, rgba(255, 255, 255, .06))}.chat-settings-menu__item--danger{color:var(--color-danger, #f87171)}.chat-view-card__status{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-accent, #7dd3fc);border-bottom:1px solid var(--color-border)}.chat-view-card__body{flex:1;overflow:auto;padding:var(--space-3);min-height:12rem}.chat-view-card__empty{margin:0;text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-6)}.chat-view__messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.chat-view__row{display:flex}.chat-view__row--mine{justify-content:flex-end}.chat-view__row--theirs{justify-content:flex-start}.chat-view__bubble{max-width:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.chat-view__row--mine .chat-view__bubble{background:var(--color-accent-muted, rgba(125, 211, 252, .12));border-color:var(--color-accent, rgba(125, 211, 252, .35))}.chat-view__row--theirs .chat-view__bubble{background:var(--color-bg-subtle, rgba(255, 255, 255, .05))}.chat-view__text{margin:0;font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-word}.chat-view__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs, .7rem);color:var(--color-text-secondary)}.chat-view__delete-msg{border:none;background:transparent;color:var(--color-danger, #f87171);cursor:pointer;font-size:inherit;padding:0}.chat-view__attachments{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.chat-view__attachment-img{max-width:100%;max-height:200px;border-radius:var(--radius-md);display:block}.chat-view__attachment-img-wrap{padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);overflow:hidden}.chat-view__attachment-img-placeholder{min-height:4rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary)}.chat-view__attachment-video{max-width:100%;border-radius:var(--radius-md)}.chat-view__attachment-audio{width:100%;max-width:280px}.chat-view__attachment-file{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-accent, #7dd3fc);text-decoration:none;font-size:var(--text-sm)}.chat-view-card__footer{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3) var(--space-4)}.chat-view__pending-files{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.chat-view__pending-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary)}.chat-view__pending-chip button{border:none;background:transparent;color:inherit;cursor:pointer;padding:0 2px}.chat-view__composer{display:flex;align-items:flex-end;gap:var(--space-2)}.chat-view__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.chat-view__attach{flex-shrink:0;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:var(--color-bg-subtle);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-view__attach:hover{color:var(--color-text)}.chat-view__input{flex:1;min-height:2.5rem;max-height:6rem;resize:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--text-sm)}.chat-view__send{flex-shrink:0;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:var(--color-accent, #38bdf8);color:var(--color-bg, #0f172a);cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-view__send:disabled{opacity:.5;cursor:not-allowed}@media(min-width:640px){.chat-view-overlay{align-items:center;justify-content:flex-end;padding-right:var(--space-4)}.chat-view-card{border-radius:var(--radius-xl);max-height:min(85vh,36rem);margin:var(--space-4)}}.standalone-page-layout{background:var(--color-bg)}.standalone-page-layout .app-shell__main{padding-bottom:var(--space-8)}.standalone-page-layout__main{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}.standalone-page-layout__main .auth-page,.standalone-page-layout__main .auth-gate,.standalone-page-layout__main .sdk-signup-page{min-height:60vh;width:100%;box-sizing:border-box}.playbar{position:fixed;bottom:0;left:0;right:0;height:var(--playbar-height);min-height:0;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:399;display:flex;flex-direction:column}.playbar__progress{position:absolute;top:0;left:0;height:2px;background:var(--color-primary);transition:width var(--transition-fast);pointer-events:none}.playbar__timeslider{position:absolute;top:0;left:0;right:0;height:20px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);flex-shrink:0;z-index:1}.playbar__content{flex:1;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);padding-top:20px;min-width:0;position:relative}.playbar__track-wrap{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden}.playbar__track{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1;text-decoration:none;color:inherit;text-align:left;background:none;border:none;padding:0;cursor:pointer;font:inherit}.playbar__track:hover,.playbar__track:focus,.playbar__track:active{background:transparent;opacity:.9}.playbar__track-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1;max-width:min(280px,50vw);text-align:left}.playbar__media-wrap{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;position:relative}.playbar__media-slot{width:100%;height:100%;min-width:48px;min-height:48px;background:var(--color-bg-hover)}.playbar__media-slot video{width:100%;height:100%;object-fit:cover}.playbar__artwork{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.playbar__artwork-placeholder{width:48px;height:48px;background:var(--color-bg-hover);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.playbar__artwork-placeholder .material-symbols-outlined{font-size:1.25rem;color:var(--color-text-secondary)}.playbar__track .playbar__title{min-width:0;overflow:hidden;text-overflow:ellipsis}.playbar__title{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold, 600);color:var(--color-text);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar__album,.playbar__artist{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar__guest-hint{font-size:.625rem;color:var(--color-text-muted);white-space:nowrap;margin-left:var(--space-2)}.playbar__controls-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.playbar__controls{display:flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.playbar__btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background-color:transparent;color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.playbar__btn svg{width:18px;height:18px}.playbar__btn-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.125rem;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.playbar__btn-icon--md{font-size:1.5rem}.playbar__btn--primary .playbar__btn-icon--md{font-size:1.75rem;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.playbar__btn:hover{background-color:var(--color-bg-hover)}.playbar__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.playbar__btn--primary{width:40px;height:40px;background-color:var(--btn-primary-bg, var(--color-primary));color:var(--btn-primary-text);border:1px solid var(--color-border)}.playbar__btn--primary:hover{background-color:var(--btn-primary-hover-bg, var(--color-primary-hover));transform:scale(1.06)}.playbar__btn--secondary{width:40px;height:40px;color:var(--color-text)}.playbar__btn--prev,.playbar__btn--next{background-color:transparent!important;border:none!important}.playbar__btn--secondary:hover{color:var(--color-primary);background:var(--color-bg-hover)}.playbar__btn--prev:hover,.playbar__btn--next:hover{background:transparent!important;color:var(--color-primary)}.playbar__timeslider .playbar__range{flex:1;min-width:0;width:100%}.playbar__theme-wrap{position:absolute;top:-25px;right:var(--space-4);margin-left:auto;flex-shrink:0;z-index:10}.playbar__theme-trigger{font-size:.625rem;padding:.125rem var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;line-height:1.1;min-height:0}.playbar__theme-trigger:hover{background:var(--color-bg-hover);color:var(--color-text)}.playbar__theme-dropdown{position:absolute;bottom:100%;right:0;margin:0 0 var(--space-2);padding:var(--space-1);list-style:none;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;max-height:12rem;overflow-y:auto;z-index:10}.playbar__theme-option{display:block;width:100%;padding:var(--space-2) var(--space-3);text-align:left;border:none;background:transparent;color:var(--color-text);cursor:pointer;font-size:var(--text-sm);border-radius:var(--radius-sm)}.playbar__theme-option:hover{background:var(--color-bg-hover)}.playbar__time{font-size:.625rem;font-family:"Share Tech Mono",var(--font-mono);letter-spacing:.08em;color:var(--color-text-muted);min-width:2.5rem}.playbar__time--current{text-align:start}.playbar__time--total{text-align:end}.playbar__range{flex:1;height:0px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:0;cursor:pointer}.playbar__range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:0px;background:var(--color-primary);border:none;border-radius:0;cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:-2px}.playbar__range::-webkit-slider-thumb:hover{transform:scale(1)}.playbar__range::-webkit-slider-thumb:active{cursor:grabbing}.playbar__range::-webkit-slider-runnable-track{height:22px;border-radius:0}.playbar__range::-moz-range-thumb{width:12px;height:12px;background:var(--color-primary);border:none;border-radius:1px;cursor:grab;transition:transform var(--transition-fast),}.playbar__range::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 3px var(--color-focus-ring)}.playbar__range::-moz-range-thumb:active{cursor:grabbing}.playbar__range::-moz-range-track{height:4px;border-radius:2px}.playbar__track--empty{align-items:center;pointer-events:none}.playbar__title--muted{color:var(--color-text-muted)}.playbar__btn:disabled{opacity:.6;cursor:default}.playbar__btn--primary:disabled{opacity:.99}.playbar__btn--secondary:disabled{opacity:.6}.playbar__range:disabled{opacity:.6;cursor:default}@media(max-width:768px){.playbar__timeslider{display:none}.playbar__content{gap:var(--space-1);justify-content:flex-start;padding-right:0}.playbar__track-meta{min-width:0;max-width:none}.playbar__btn--prev{display:none}.playbar__theme-wrap{position:absolute;top:-25px;right:var(--space-2)}}.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.landing__header{position:sticky;top:0;z-index:10;padding:var(--space-4) var(--space-6);background:var(--color-bg-elevated, rgba(13, 13, 13, .9));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.landing__nav{max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing__top{position:relative;flex:1;min-height:50vh;overflow:hidden}.landing__top-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;background:var(--color-bg)}.landing__top:after{content:"";position:absolute;inset:0;z-index:1;background:#00000040;pointer-events:none}.landing__top .landing__hero{position:relative;z-index:2}.landing__logo{display:block}.landing__logo-img{height:2rem;width:auto;display:block}.landing__nav-links{display:flex;gap:var(--space-4);align-items:center}.landing__nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.landing__nav-link:hover{color:var(--color-text)}.landing__nav-link--primary{background:var(--color-primary);color:#fff}.landing__nav-link--primary:hover{background:var(--color-primary-hover);color:#fff}.landing__hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.landing__hero-title{font-size:3.5rem;font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-4);line-height:var(--line-height-tight);letter-spacing:-.02em}.landing__hero-subtitle{font-size:var(--text-lg);color:#fff;max-width:32rem;margin:0 0 var(--space-8);line-height:var(--line-height-normal)}.landing__hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.landing__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast);min-height:var(--btn-min-height)}.landing__btn--primary{background:var(--color-primary);color:var(--btn-primary-text, #fff)}.landing__btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.landing__btn--secondary{background:var(--color-bg-hover);color:var(--color-text);border:1px solid var(--color-border)}.landing__btn--secondary:hover{background:var(--color-border)}.landing__btn--hero-explore{background:var(--color-primary);color:var(--btn-primary-text, #fff);border:none}.landing__btn--hero-explore:hover{background:var(--color-primary-hover);color:var(--btn-primary-text, #fff);transform:translateY(-1px)}.landing__features{padding:var(--space-12) var(--space-6);background:var(--color-bg-subtle)}.landing__features-grid{max-width:var(--content-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-8)}.landing__feature{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.landing__feature-icon{display:block;width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-primary)}.landing__feature-icon--svg{width:48px;height:48px}.landing__feature-icon--svg svg{width:48px;height:48px;display:block}.landing__feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.landing__feature-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.landing__footer{padding:var(--space-8) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);margin-bottom:100px}.landing__footer-inner{max-width:var(--content-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.landing__footer-logo .landing__logo-img{height:1.5rem;opacity:.7}.landing__footer-nav{display:flex;gap:var(--space-6)}.landing__footer-link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none}.landing__footer-link:hover{color:var(--color-text)}.auth-page{min-width:0;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-6);padding:var(--space-6) var(--space-3);background:var(--color-bg);box-sizing:border-box}@media(min-width:480px){.auth-page{padding:var(--space-8) var(--space-4)}}.auth-header{width:100%;max-width:960px;margin:0 auto;text-align:left}.auth-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.auth-header__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.auth-card{width:100%;max-width:400px;min-width:0;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:0 auto var(--space-8);box-sizing:border-box}@media(min-width:480px){.auth-card{padding:var(--space-8)}}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.auth-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.auth-input{width:100%;min-width:0;box-sizing:border-box;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-muted, rgba(29, 185, 84, .25))}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input::placeholder{color:var(--color-text-muted)}.auth-error{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md)}.auth-success{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-success);margin-bottom:var(--space-4)}.auth-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:calc(-1 * var(--space-2)) 0 0}.auth-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);text-decoration:none}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.auth-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.auth-btn--primary:hover:not(:disabled){background:var(--btn-primary-hover-bg)}.auth-btn--secondary{background:var(--color-bg-hover);color:var(--color-text)}.auth-btn--secondary:hover{background:var(--color-border)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium)}.auth-link:hover{text-decoration:underline}.auth-link--small{font-size:var(--text-sm);margin-top:calc(-1 * var(--space-2))}.auth-footer{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.auth-options{min-height:100vh;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;background:var(--color-bg)}.auth-options__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.auth-options__logo{display:flex;align-items:center;text-decoration:none}.auth-options__logo-img{height:2rem;width:auto}.auth-options__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.auth-options__nav-link:hover{color:var(--color-text)}.auth-options__content{flex:1;min-width:0;width:100%;max-width:64rem;margin:0 auto;padding:var(--space-10) var(--space-6);box-sizing:border-box}.auth-options__need-help{margin-top:var(--space-12);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014}.auth-options__need-help-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-6)}.auth-options__need-help-icon{font-family:Material Symbols Outlined;font-size:1.5rem;color:var(--color-text);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.auth-options__need-help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--space-6);min-width:0}.auth-options__need-help-block{display:flex;flex-direction:column;gap:var(--space-2)}.auth-options__need-help-subtitle{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.auth-options__need-help-block--end-users .auth-options__need-help-subtitle{color:var(--color-auth-login)}.auth-options__need-help-block--developers .auth-options__need-help-subtitle{color:var(--color-auth-sdk)}.auth-options__need-help-block--administrators .auth-options__need-help-subtitle{color:var(--color-auth-admin)}.auth-options__need-help-block--pubfuse-admins .auth-options__need-help-subtitle{color:var(--color-auth-pubfuse-admin)}.auth-options__need-help-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.auth-options__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--space-6);min-width:0}.auth-options__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 2px 8px #00000014;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-options__card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.auth-options__card-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;color:var(--color-auth-btn-on-dark);font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.auth-options__card--login .auth-options__card-icon,.auth-options__card--login .auth-options__btn--card{background:var(--color-auth-login)}.auth-options__card--login:hover{border-color:var(--color-auth-login)}.auth-options__card--signup .auth-options__card-icon,.auth-options__card--signup .auth-options__btn--card{background:var(--color-auth-signup)}.auth-options__card--signup:hover{border-color:var(--color-auth-signup)}.auth-options__card--sdk .auth-options__card-icon,.auth-options__card--sdk .auth-options__btn--card{background:var(--color-auth-sdk)}.auth-options__card--sdk:hover{border-color:var(--color-auth-sdk)}.auth-options__card--admin .auth-options__card-icon,.auth-options__card--admin .auth-options__btn--card{background:var(--color-auth-admin);color:var(--color-auth-admin-text)}.auth-options__card--admin:hover{border-color:var(--color-auth-admin)}.auth-options__card--pubfuse-admin .auth-options__card-icon,.auth-options__card--pubfuse-admin .auth-options__btn--card{background:var(--color-auth-pubfuse-admin)}.auth-options__card--pubfuse-admin:hover{border-color:var(--color-auth-pubfuse-admin)}.auth-options__card--help .auth-options__card-icon,.auth-options__card--help .auth-options__btn--card{background:var(--color-auth-help)}.auth-options__card--help:hover{border-color:var(--color-auth-help)}.auth-options__card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.auth-options__card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;flex:1}.auth-options__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:opacity var(--transition-fast)}.auth-options__btn-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.125rem;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.auth-options__btn:hover{opacity:.9}.auth-options__btn--card{color:var(--color-auth-btn-on-dark)}.auth-options__card--admin .auth-options__btn--card{color:var(--color-auth-admin-text)}.auth-options__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.auth-options__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.auth-options__footer-link:hover{color:var(--color-text)}.contact-page{flex:1;min-height:0;min-width:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding-inline:var(--space-3);padding-block:var(--space-4);background:var(--color-bg)}.contact-page .auth-card.contact-card{width:100%;max-width:14rem;min-width:0;margin-inline:auto;box-sizing:border-box}@media(max-width:479px){.contact-page{padding-inline:var(--space-2);padding-block:var(--space-3)}.contact-page .auth-card.contact-card{max-width:100%;padding:var(--space-4)}.contact-page .auth-form.contact-form{min-width:0}.contact-page .auth-input,.contact-page .contact-textarea{min-width:0;box-sizing:border-box}}@media(min-width:480px)and (max-width:768px){.contact-page{padding-inline:var(--space-4)}.contact-page .auth-card.contact-card{max-width:100%;padding:var(--space-6)}.contact-page .auth-form.contact-form{min-width:0;max-width:100%}.contact-page .auth-input,.contact-page .contact-textarea{box-sizing:border-box;max-width:100%;min-width:0}}@media(min-width:769px){.contact-page{padding-inline:var(--space-4)}.contact-page .auth-card.contact-card{max-width:24rem;padding:var(--space-8)}}@media(min-width:1024px){.contact-page .auth-card.contact-card{max-width:32rem}}.contact-page .auth-success{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.contact-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.contact-page__logo{display:flex;align-items:center;text-decoration:none}.contact-page__logo-img{height:2rem;width:auto}.contact-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.contact-page__nav-link:hover{color:var(--color-text)}.contact-page__content{flex:1;max-width:14rem;margin:0 auto;padding:var(--space-10) var(--space-6);width:100%}.contact-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.contact-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.contact-page__form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-page__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.contact-page__required{color:var(--color-error)}.contact-page .auth-input,.contact-page .contact-textarea{width:100%;min-width:0;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;transition:border-color var(--transition-fast);box-sizing:border-box}.contact-page .auth-form.contact-form{min-width:0}.contact-page .contact-textarea{resize:vertical;min-height:6rem}.contact-page .auth-input:focus,.contact-page .contact-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1db95440}.contact-page .auth-input:disabled,.contact-page .contact-textarea:disabled{opacity:.6;cursor:not-allowed}.contact-page__error{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md)}.contact-page__success{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-page__success p{margin:0 0 var(--space-4);color:var(--color-success)}.contact-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:opacity var(--transition-fast);align-self:flex-start}.contact-page__btn:disabled{opacity:.6;cursor:not-allowed}.contact-page__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.contact-page__btn--primary:hover:not(:disabled){background:var(--btn-primary-hover-bg)}.contact-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.contact-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.contact-page__footer-link:hover{color:var(--color-text)}.info-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.info-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.info-page__logo{display:flex;align-items:center;text-decoration:none}.info-page__logo-img{height:2rem;width:auto}.info-page__nav{display:flex;gap:var(--space-4)}.info-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.info-page__nav-link:hover{color:var(--color-text)}.info-page__content{flex:1;max-width:48rem;margin:0 auto;padding:var(--space-10) var(--space-6);width:100%}.info-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.info-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.info-page__body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.info-page__body p{margin:0 0 var(--space-4)}.info-page__link{color:var(--color-primary);text-decoration:none}.info-page__link:hover{text-decoration:underline}.info-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.info-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.info-page__footer-link:hover{color:var(--color-text)}.verify-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg)}.verify-email-card{width:100%;max-width:400px;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.verify-email-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.verify-email__verifying{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.verify-email__spinner{width:2rem;height:2rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:verify-email-spin .8s linear infinite}@keyframes verify-email-spin{to{transform:rotate(360deg)}}.verify-email__verifying p,.verify-email__success p,.verify-email__error p{margin:0;color:var(--color-text-secondary)}.verify-email__success p{color:var(--color-success)}.verify-email__error p{color:var(--color-error)}.verify-email__success,.verify-email__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.verify-email__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:opacity var(--transition-fast)}.verify-email__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.verify-email__btn--primary:hover{opacity:.9}.verify-email__btn--secondary{background:var(--color-bg-hover);color:var(--color-text)}.verify-email__btn--secondary:hover{opacity:.9}.events-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.events-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.events-page__logo{display:flex;align-items:center;text-decoration:none}.events-page__logo-img{height:2rem;width:auto}.events-page__nav{display:flex;gap:var(--space-4)}.events-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.events-page__nav-link:hover{color:var(--color-text)}.events-page__content{flex:1;max-width:48rem;margin:0 auto;padding:var(--space-8) var(--space-6);width:100%}.events-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.events-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-8)}.events-page__loading,.events-page__error{margin:var(--space-4) 0}.events-page__error{color:var(--color-error)}.events-page__section{margin-bottom:var(--space-10)}.events-page__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.events-page__list{list-style:none;padding:0;margin:0}.events-page__item{border-bottom:1px solid var(--color-border)}.events-page__item-link{display:block;padding:var(--space-4);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.events-page__item-link:hover{background:var(--color-bg-hover)}.events-page__item-title{display:block;font-weight:500;margin-bottom:.25rem}.events-page__item-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.events-page__item-badge{margin-left:var(--space-2);padding:.125rem .5rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:.75rem}.events-page__empty{color:var(--color-text-secondary);font-style:italic;margin:0}.events-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.events-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.events-page__footer-link:hover{color:var(--color-text)}.sdk-docs-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.sdk-docs-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.sdk-docs-page__logo{display:flex;align-items:center;text-decoration:none}.sdk-docs-page__logo-img{height:2rem;width:auto}.sdk-docs-page__nav{display:flex;gap:var(--space-4)}.sdk-docs-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.sdk-docs-page__nav-link:hover{color:var(--color-text)}.sdk-docs-page__content{flex:1;max-width:48rem;margin:0 auto;padding:var(--space-10) var(--space-6);width:100%}.sdk-docs-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.sdk-docs-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-10)}.sdk-docs-page__section{margin-bottom:var(--space-10)}.sdk-docs-page__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.sdk-docs-page__steps{margin:0;padding-left:var(--space-6);color:var(--color-text-secondary)}.sdk-docs-page__steps li{margin-bottom:var(--space-2)}.sdk-docs-page__platforms{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6)}.sdk-docs-page__platform{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.sdk-docs-page__platform-icon{font-size:1.5rem;display:block;margin-bottom:var(--space-2)}.sdk-docs-page__platform h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.sdk-docs-page__platform p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.sdk-docs-page__actions{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.sdk-docs-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:opacity var(--transition-fast)}.sdk-docs-page__btn:hover{opacity:.9}.sdk-docs-page__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.sdk-docs-page__btn--secondary{background:var(--color-bg-hover);color:var(--color-text)}.sdk-docs-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.sdk-docs-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.sdk-docs-page__footer-link:hover{color:var(--color-text)}.developer-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);width:100%;box-sizing:border-box;padding-inline:var(--space-6)}.developer-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.developer-page__logo{display:flex;align-items:center;text-decoration:none}.developer-page__logo-img{height:2rem;width:auto}.developer-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.developer-page__nav-link:hover{color:var(--color-text)}.developer-page__content{flex:1;max-width:64rem;margin:0 auto;padding:var(--space-10) 0;width:100%;box-sizing:border-box}.developer-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.developer-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-10)}.developer-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}@media(max-width:640px){.developer-page{padding-inline:var(--space-4)}.developer-page__content{padding:var(--space-6) 0}.developer-page__title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.developer-page__subtitle{font-size:var(--text-sm);margin-bottom:var(--space-6)}.developer-page__grid{grid-template-columns:1fr;gap:var(--space-4)}.developer-page__card{padding:var(--space-4);gap:var(--space-3)}.developer-page__card-icon{font-size:1.5rem}.developer-page__card-title{font-size:var(--text-base)}.developer-page__card-desc{font-size:var(--text-xs)}.developer-page__btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.developer-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--transition-fast),transform var(--transition-fast)}.developer-page__card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.developer-page__card-icon{font-size:2rem}.developer-page__card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.developer-page__card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;flex:1}.developer-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.developer-page__btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.developer-page__btn--primary:hover{background-color:var(--btn-primary-hover-bg)}.developer-page__btn--secondary{background-color:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text)}.developer-page__btn--secondary:hover{background-color:var(--color-bg-hover)}.developer-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.developer-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.developer-page__footer-link:hover{color:var(--color-text)}.developer-page__section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.developer-page__section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.developer-page__insight{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.developer-page__insight code{background:var(--color-bg-elevated);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}.developer-page__h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:var(--space-4) 0 var(--space-2)}.developer-page__p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3);line-height:1.6}.developer-page__p code{background:var(--color-bg-elevated);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}.developer-page__list{margin:0 0 var(--space-4);padding-left:var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.developer-page__list li{margin-bottom:var(--space-2)}.developer-page__list code{background:var(--color-bg-elevated);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875em}.developer-page__table-wrap{overflow-x:auto;margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.developer-page__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.developer-page__table th,.developer-page__table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text)}.developer-page__table th{background:var(--color-bg-subtle);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.developer-page__table tr:last-child td{border-bottom:none}.developer-page__table code{background:var(--color-bg-elevated);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.8125rem}.apidocs-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.apidocs-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.apidocs-page__logo{display:flex;align-items:center;text-decoration:none}.apidocs-page__logo-img{height:2rem;width:auto}.apidocs-page__nav{display:flex;gap:var(--space-4)}.apidocs-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.apidocs-page__nav-link:hover{color:var(--color-text)}.apidocs-page__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.apidocs-page__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0}.apidocs-page__actions{display:flex;gap:var(--space-3)}.apidocs-page__action-btn{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-bg);background:var(--color-primary);border-radius:var(--radius-md);text-decoration:none}.apidocs-page__action-btn:hover{background:var(--color-primary-hover)}.apidocs-page__error{padding:var(--space-4);color:var(--color-error);font-size:var(--text-sm)}.apidocs-page__redoc{flex:1;min-height:60vh;padding:var(--space-4)}.apidocs-page__redoc>div{min-height:100%}.sdk-signup-page{width:100%;min-width:0;min-height:60vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-3);background:var(--color-bg);box-sizing:border-box}.sdk-signup-page__back-row{width:100%;max-width:560px;min-width:0;display:flex;justify-content:flex-start;margin-bottom:var(--space-4)}.sdk-signup-card{position:relative;width:100%;max-width:560px;min-width:0;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-sizing:border-box}@media(min-width:480px){.sdk-signup-page{padding:var(--space-8) var(--space-4)}.sdk-signup-card{padding:var(--space-8)}}.sdk-signup__back-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--color-text-secondary);text-decoration:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.sdk-signup__back-btn:hover{color:var(--color-text);background:var(--color-bg-hover);border-color:var(--color-border)}.sdk-signup__back-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.sdk-signup__back-btn .material-symbols-outlined{font-size:1.5rem}.sdk-signup-card--success{max-width:480px;min-width:0}.sdk-signup__success-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sdk-signup__success-header .sdk-signup__title{flex:1;margin:0}.sdk-signup__close-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;color:var(--color-text-secondary);text-decoration:none;background:transparent;border:1px solid var(--color-border);border-radius:50%;transition:color var(--transition-fast),background-color var(--transition-fast)}.sdk-signup__close-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.sdk-signup__close-btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.sdk-signup__close-btn .material-symbols-outlined{font-size:1.25rem}.sdk-signup__feedback{scroll-margin-top:var(--space-4)}.sdk-signup__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.sdk-signup-card:not(.sdk-signup-card--success) .sdk-signup__title{margin-top:0}.sdk-signup__subtitle,.sdk-signup__success-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.sdk-signup__back-main{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm)}.sdk-signup__success-subtitle{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.sdk-signup__form{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.sdk-signup__section{display:flex;flex-direction:column;gap:var(--space-3)}.sdk-signup__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.sdk-signup__field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sdk-signup__textarea{resize:vertical;min-height:4rem}.sdk-signup__field-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.sdk-signup__radios{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sdk-signup__radio-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text);cursor:pointer}.sdk-signup__radio{width:1.125rem;height:1.125rem;accent-color:var(--color-primary)}.sdk-signup__radio:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.sdk-signup__checkboxes{display:flex;flex-direction:column;gap:var(--space-3)}.sdk-signup__checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.sdk-signup__checkbox-label input{margin-top:.2rem}.sdk-signup__submit{margin-top:var(--space-4)}.sdk-signup__creds{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.sdk-signup__cred-row{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.sdk-signup__cred-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.sdk-signup__cred-value-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.sdk-signup__cred-value{flex:1 1 8rem;min-width:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-mono);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);word-break:break-all}.sdk-signup__copy{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.sdk-signup__copy:hover{background:var(--color-border)}.sdk-signup__copy:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.sdk-signup__next-steps-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.sdk-signup__next-steps{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6);padding-left:var(--space-6);line-height:var(--line-height-normal)}.sdk-signup__cta{display:inline-block;text-align:center;margin-bottom:var(--space-4)}.sdk-signup__back{display:inline-block;font-size:var(--text-sm)}.sdk-signup__footer-links{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.sdk-signup__footer-line{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.sdk-signup__footer-text{color:var(--color-text-secondary)}.sdk-signup__footer-link{color:var(--link-color);text-decoration:none;font-weight:var(--font-medium)}.sdk-signup__footer-link:hover{text-decoration:underline}.settings-page{max-width:600px;padding:var(--space-6) var(--space-4)}.settings-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.settings-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.settings-page__card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-page__card:last-child{margin-bottom:0}.settings-page__label--checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.settings-page__label--checkbox input{margin:0}.settings-page__label--switch{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, .75rem);cursor:default}.settings-page__label--switch .settings-page__switch{margin-inline-end:var(--space-3, .75rem)}.settings-page__switch-label-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.settings-page__switch{position:relative;width:2.5rem;height:1.25rem;min-width:2.5rem;min-height:1.25rem;padding:0;margin:0;border:none;border-radius:var(--radius-full, 999px);background:var(--color-border, #444);cursor:pointer;transition:background var(--transition-fast);box-sizing:border-box;line-height:0;overflow:hidden}.settings-page__switch:hover:not(:disabled){background:var(--color-bg-hover, #555)}.settings-page__switch[aria-checked=true]{background:var(--color-primary, #1db954)}.settings-page__switch[aria-checked=true]:hover:not(:disabled){filter:brightness(1.1)}.settings-page__switch:disabled{opacity:.6;cursor:not-allowed}.settings-page__switch-thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:var(--radius-full, 999px);background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--transition-fast)}.settings-page__switch[aria-checked=true] .settings-page__switch-thumb{transform:translate(1.25rem)}.settings-page__switch:focus-visible{outline:2px solid var(--color-focus-ring, var(--color-primary));outline-offset:2px}.settings-page__section-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.settings-page__section-icon{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--color-text-secondary)}.settings-page__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.settings-page__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4)}.settings-page__field{margin-bottom:var(--space-4)}.settings-page__field:last-child{margin-bottom:0}.settings-page__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.settings-page__select{display:block;max-width:280px;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.settings-page__select:hover{border-color:var(--color-primary)}.settings-page__select:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.page-discover{width:100%;max-width:64rem;min-width:0;padding:var(--space-4);margin:0 auto;box-sizing:border-box}.page-discover--loading{min-height:100vh}.page-discover__loading,.page-discover__error{margin-top:var(--space-md, 1rem)}.page-discover__error{color:var(--color-error, #c00)}.page-discover__empty{color:var(--color-text-secondary, #888);font-style:italic;margin-top:var(--space-lg, 1.5rem)}.page-discover__categories{margin-top:var(--space-md, 1rem)}.page-discover__category{margin-bottom:var(--space-xl, 2rem)}.page-discover__category-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.page-discover__category-subtitle{font-size:.875rem;color:var(--color-text-secondary, #888);margin-bottom:var(--space-sm, .5rem)}.page-discover__category--skeleton{opacity:.9}.page-discover__category-header-skeleton{margin-bottom:var(--space-sm, .5rem)}.page-discover__category-title-skeleton,.page-discover__category-subtitle-skeleton{height:.9rem;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite}.page-discover__category-title-skeleton{width:7rem;margin-bottom:.3rem}.page-discover__category-subtitle-skeleton{width:12rem}.page-discover__card-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-md, 1rem)}.page-discover__card{background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px);overflow:hidden;contain:layout paint}.page-discover__card-link{display:block;padding:var(--space-md, 1rem);text-decoration:none;color:inherit;transition:transform var(--transition-fast),background var(--transition-fast)}.page-discover__card-link:hover{transform:translateY(-2px);background:var(--color-surface-hover, #252525)}.page-discover__card-title{display:block;font-weight:500;margin-bottom:.25rem}.page-discover__card-meta{font-size:.875rem;color:var(--color-text-secondary, #888)}.page-discover__stats,.page-discover__stat-section{margin-bottom:var(--space-xl, 2rem)}.page-discover__stat-section:last-child{margin-bottom:var(--space-md, 1rem)}.page-discover__stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-sm, .75rem)}.page-discover__stat-row{display:flex;flex-wrap:wrap;gap:var(--space-sm, .75rem)}.page-discover__stat-row .page-discover__stat-card{flex:1 1 9.5rem;min-width:0}.page-discover__stat-card{display:flex;flex-direction:column;gap:.35rem;padding:var(--space-md, 1rem);background:var(--color-surface, #1a1a1a);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md, 8px);min-height:4.25rem;box-sizing:border-box}.page-discover__stat-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #888);line-height:1.2}.page-discover__stat-value{font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--color-text-primary, #fff)}.page-discover__stat-card--skeleton{min-height:4.25rem;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite;border-color:transparent}.page-discover__stat-grid--skeleton .page-discover__stat-card--skeleton{min-height:4.25rem}.page-discover__ad-sessions-scroll{display:flex;flex-wrap:nowrap;gap:var(--space-md, 1rem);overflow-x:auto;padding-bottom:var(--space-xs, .25rem);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.page-discover__ad-session-card{flex:0 0 10rem;min-width:10rem;max-width:12rem;scroll-snap-align:start;display:flex;flex-direction:column;gap:.35rem;padding:var(--space-md, 1rem);background:var(--color-surface, #1a1a1a);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md, 8px);text-decoration:none;color:inherit;transition:background var(--transition-fast),transform var(--transition-fast);box-sizing:border-box}.page-discover__ad-session-card:hover{background:var(--color-surface-hover, #252525);transform:translateY(-2px)}.page-discover__ad-session-title{font-size:.9rem;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-discover__ad-session-meta{font-size:.75rem;color:var(--color-text-secondary, #888)}.page-discover__ad-session-ads{font-size:.7rem;color:var(--color-info, #64b5f6)}.page-search{width:100%;max-width:64rem;min-width:0;padding:var(--space-md, 1rem);margin:0 auto;box-sizing:border-box}.page-search__input-wrap{margin-top:var(--space-md, 1rem)}.page-search__input{width:100%;padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:1rem;border:1px solid var(--color-border, #333);border-radius:var(--radius-md, 8px);background:var(--color-surface, #1a1a1a);color:inherit}.page-search__input:focus{outline:2px solid var(--color-primary, #1db954);outline-offset:2px}.page-search__hint{font-size:.875rem;color:var(--color-text-secondary, #888);margin-top:.25rem}.page-search--loading{min-height:100vh}.page-search__loading,.page-search__error{margin-top:var(--space-md, 1rem)}.page-search__error{color:var(--color-error, #c00)}.page-search__results{margin-top:var(--space-lg, 1.5rem)}.page-search__section{margin-bottom:var(--space-xl, 2rem)}.page-search__section-title{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm, .5rem)}.page-search__list{list-style:none;padding:0;margin:0}.page-search__item{display:block;padding:var(--space-sm, .5rem) 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border, #222);transition:background var(--transition-fast)}.page-search__item:hover{background:var(--color-bg-hover, #202020)}.page-search__item--button{width:100%;text-align:left;border:none;background:none;font:inherit;cursor:pointer}.page-search__item-title{display:block;font-weight:500}.page-search__item-subtitle{font-size:.875rem;color:var(--color-text-secondary, #888)}.page-search__section--skeleton{margin-top:var(--space-lg, 1.5rem)}.page-search__section-title-skeleton{width:6rem;height:.9rem;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite;margin-bottom:var(--space-sm, .5rem)}.page-search__item--skeleton{padding:var(--space-sm, .5rem) 0;border-bottom:1px solid var(--color-border, #222)}.page-search__item-line{height:.7rem;border-radius:999px;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);background-size:200% 100%;animation:page-home__skeleton-shimmer 1.2s ease-in-out infinite}.page-search__item-line--primary{width:60%;margin-bottom:.3rem}.page-search__item-line--secondary{width:40%}.page-profile-edit{width:100%;max-width:48rem;min-width:0;padding:var(--space-8);margin:0 auto;box-sizing:border-box}.page-profile-edit h1{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-6)}.page-profile-edit__loading,.page-profile-edit__error{margin-top:var(--space-4)}.page-profile-edit__error{color:var(--color-error)}.page-profile-edit__form{margin-top:var(--space-6)}.page-profile-edit__field{margin-bottom:var(--space-5)}.page-profile-edit__field label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.page-profile-edit__field input{width:100%;min-height:var(--btn-min-height);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box}.page-profile-edit__field input::placeholder{color:var(--color-text-tertiary)}.page-profile-edit__field input:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.page-profile-edit__field input:disabled{opacity:.6;cursor:not-allowed}.page-profile-edit__field--email-readonly .page-profile-edit__input--read-only-email{user-select:none;-webkit-user-select:none;cursor:default;color:var(--color-text-secondary);background:var(--color-bg-muted, var(--color-surface))}.page-profile-edit__field--email-readonly .page-profile-edit__input--read-only-email:focus{outline:none}.page-profile-edit__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.page-profile-edit__btn{min-height:var(--btn-min-height);padding:var(--space-2) var(--space-6);font-size:var(--text-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast);box-sizing:border-box}.page-profile-edit__btn--primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.page-profile-edit__btn--primary:hover:not(:disabled){background-color:var(--btn-primary-hover-bg)}.page-profile-edit__btn--primary:disabled{opacity:.6;cursor:not-allowed}.page-profile-edit__btn--secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.page-profile-edit__btn--secondary:hover{background-color:var(--color-bg-hover)}@media(max-width:48rem){.page-profile-edit{padding:var(--space-6)}.page-profile-edit h1{font-size:var(--text-xl);margin-bottom:var(--space-5)}.page-profile-edit__field{margin-bottom:var(--space-4)}.page-profile-edit__actions{margin-top:var(--space-6)}}.page-music-edit{padding:var(--space-md, 1rem);max-width:32rem;margin:0 auto}.page-music-edit__back{display:inline-block;margin-bottom:var(--space-md, 1rem);color:var(--color-text-secondary, #888);text-decoration:none}.page-music-edit__back:hover{color:var(--link-hover-color)}.page-music-edit__loading,.page-music-edit__error{margin-top:var(--space-md, 1rem)}.page-music-edit__error{color:var(--color-error, #c00)}.page-music-edit__form{margin-top:var(--space-lg, 1.5rem)}.page-music-edit__field{margin-bottom:var(--space-md, 1rem)}.page-music-edit__field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.page-music-edit__field input,.page-music-edit__field textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:1rem;border:1px solid var(--color-border, #333);border-radius:var(--radius-md, 8px);background:var(--color-bg-base);color:var(--color-text-primary)}.page-music-edit__field textarea{resize:vertical;min-height:5rem}.page-music-edit__field input:focus,.page-music-edit__field textarea:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.page-music-edit__field input:disabled,.page-music-edit__field textarea:disabled{opacity:.6;cursor:not-allowed}.page-music-edit__actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-xl, 2rem)}.page-music-edit__btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md, 8px);font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast)}.page-music-edit__btn--primary{background-color:var(--color-accent-primary);color:var(--btn-primary-text)}.page-music-edit__btn--primary:hover:not(:disabled){background-color:var(--btn-primary-hover-bg)}.page-music-edit__btn--primary:disabled{opacity:.6;cursor:not-allowed}.page-music-edit__btn--secondary{background-color:transparent;border-color:var(--color-text-secondary, #888);color:var(--color-text-primary)}.page-music-edit__btn--secondary:hover{background-color:var(--color-surface, #1a1a1a)}.page-watch{position:relative;padding:0;padding-bottom:var(--playbar-height, 4rem);max-width:none;margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:transparent}.page-watch__actions{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-3);z-index:4;background:transparent}.page-watch__back,.page-watch__edit{color:var(--color-text-secondary, #888);text-decoration:none}.page-watch__back:hover,.page-watch__edit:hover{color:var(--link-hover-color)}.page-watch__loading,.page-watch__error{margin-top:var(--space-md, 1rem)}.page-watch__error{color:var(--color-error, #c00)}.page-watch__player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px);overflow:hidden}.page-watch__video{width:100%;height:100%;object-fit:contain}.page-watch__title{margin-top:var(--space-md, 1rem);font-size:1.125rem;font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.docs-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.docs-page__header{padding:var(--space-4) var(--space-6);background:#0d0d0de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;max-width:100%}.docs-page__logo-img{height:2rem;width:auto}.docs-page__nav{display:flex;gap:var(--space-4)}.docs-page__nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.docs-page__nav-link:hover{color:var(--color-text)}.docs-page__content{flex:1;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-12) var(--space-6);width:100%;text-align:center}.docs-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-4)}.docs-page__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-8);max-width:32rem;margin-left:auto;margin-right:auto}.docs-page__links{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.docs-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.docs-page__btn--primary{background:var(--color-primary);color:#fff}.docs-page__btn--primary:hover{background:var(--color-primary-hover)}.docs-page__btn--secondary{background:var(--color-bg-hover);color:var(--color-text);border:1px solid var(--color-border)}.docs-page__btn--secondary:hover{background:var(--color-border)}.docs-page__body{text-align:left;max-width:40rem;margin:0 auto var(--space-8);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.docs-page__body p{margin:0 0 var(--space-4)}.docs-page__body p:last-child{margin-bottom:0}.docs-page__footer{display:flex;gap:var(--space-6);justify-content:center;padding:var(--space-6);border-top:1px solid var(--color-border)}.docs-page__footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.docs-page__footer-link:hover{color:var(--color-text)}.features-page{display:flex;min-height:100vh;background:var(--color-bg);color:var(--color-text);box-sizing:border-box}.features-sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--color-border);padding:var(--space-6) 0 calc(var(--space-12) + var(--space-4)) 0;position:sticky;top:0;height:100vh;overflow-y:auto}.features-sidebar__title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-4);margin:0 0 var(--space-3)}.features-sidebar__group{margin-bottom:var(--space-4)}.features-sidebar__group-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.features-sidebar__group-btn:hover{background:none}.features-sidebar__group-btn .chevron{font-size:var(--text-xs);transition:transform var(--transition-fast);color:var(--color-text-tertiary)}.features-sidebar__group-btn .chevron--open{transform:rotate(90deg)}.features-sidebar__items{list-style:none;margin:0;padding:0}.features-sidebar__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.features-sidebar__item:hover{color:var(--color-text);background:none}.features-main{flex:1;min-width:0;padding:var(--space-8) var(--space-8);max-width:960px}.features-header{margin-bottom:var(--space-8)}.features-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.features-header__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.features-table-wrap{margin-bottom:var(--space-10);overflow-x:auto}.features-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.features-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);font-weight:var(--font-semibold);color:var(--color-text-secondary);white-space:nowrap}.features-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}.features-table tr:hover td,.features-table tr:focus-within td{background:none}.features-table__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);background:none;border:none;border-radius:0;cursor:pointer;font:inherit}.features-table__link:hover,.features-table__link:focus,.features-table__link:focus-visible{background:none;border:none;outline:none;text-decoration:underline}.features-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.features-status--live{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.features-status--partial{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.features-status--roadmap{background:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--color-text-muted)}.features-section{margin-bottom:var(--space-10);scroll-margin-top:var(--space-4)}.features-section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.features-section__desc{color:var(--color-text-secondary);margin:0 0 var(--space-6);font-size:var(--text-base);line-height:var(--line-height-normal)}.features-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.features-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast),transform var(--transition-fast)}.features-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.features-icon{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased;color:var(--color-primary);flex-shrink:0}.features-icon--small{font-size:1.125rem}.features-icon--medium{font-size:1.5rem}.features-card__icon{margin-bottom:var(--space-2)}.features-card__icon .features-icon{display:block}.features-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1)}.features-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2);line-height:var(--line-height-normal)}.features-card__platforms{display:flex;gap:var(--space-2);flex-wrap:wrap}.features-card__platform{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-hover);padding:1px var(--space-2);border-radius:var(--radius-full)}@media(max-width:768px){.features-page{flex-direction:column;width:100%;max-width:64rem;min-width:0;margin:0 auto;padding:0 var(--space-4)}.features-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.features-main{padding:var(--space-6) 0;max-width:none}.features-card-grid{grid-template-columns:1fr}}.app-terms-page{max-width:680px;margin:0 auto;padding:var(--space-6, 1.5rem) var(--space-4, 1rem)}.app-terms-title{font-size:1.75rem;font-weight:700;color:var(--color-text, #fff);margin:0 0 .25rem;letter-spacing:-.02em}.app-terms-last-updated{color:var(--color-text-secondary, #888);font-size:var(--text-sm, .875rem);margin:0 0 2rem}.app-terms-content{margin-top:0}.app-terms-section{margin-bottom:2rem}.app-terms-section-title{font-size:1.15rem;font-weight:700;color:var(--color-text, #fff);margin:0 0 .75rem;letter-spacing:-.01em}.app-terms-section p{margin:0 0 1.1rem;line-height:1.7;color:var(--color-text-secondary, #b3b3b3);font-size:.95rem}.app-terms-section ul{margin:0 0 1.1rem;padding-left:1.25rem;color:var(--color-text-secondary, #b3b3b3);font-size:.95rem;line-height:1.7}.app-terms-section ul li{margin-bottom:.35rem}.app-terms-section ul li a{color:var(--color-primary, #1db954);text-decoration:none}.app-terms-section ul li a:hover{text-decoration:underline}.app-terms-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #2a2a2a)}.app-terms-footer p{margin:0;font-size:.95rem;color:var(--color-text-secondary, #b3b3b3);line-height:1.6}.app-about-page{max-width:680px;margin:0 auto;padding:var(--space-6, 1.5rem) var(--space-4, 1rem)}.app-about-hero{text-align:center;margin-bottom:2.5rem}.app-about-creator-image-link{display:inline-block;position:relative;width:160px;height:160px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:3px solid var(--color-border, rgba(255, 255, 255, .12));transition:border-color .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}.app-about-creator-image-link:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px var(--color-primary)}.app-about-creator-image{width:100%;height:100%;object-fit:cover;display:block}.app-about-creator-placeholder{width:100%;height:100%;border-radius:50%;background:var(--color-bg-elevated, #1a1a1a);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #888)}.app-about-creator-placeholder svg{display:block}.app-about-creator-name{font-size:1.75rem;font-weight:700;margin:.5rem 0 .25rem;color:var(--color-text, #fff);letter-spacing:-.02em}.app-about-creator-title{color:var(--color-primary, #1db954);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.app-about-creator-tagline{color:var(--color-text-secondary, #b3b3b3);font-size:.95rem;margin:0 0 2rem;line-height:1.5}.app-about-body{margin-top:0}.app-about-section{margin-bottom:2rem}.app-about-section-title{font-size:1.15rem;font-weight:700;color:var(--color-text, #fff);margin:0 0 .75rem;letter-spacing:-.01em}.app-about-section p{margin:0 0 1.1rem;line-height:1.7;color:var(--color-text-secondary, #b3b3b3);font-size:.95rem}.app-about-section-cta{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:var(--space-3, .75rem)}.app-about-cta{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #2a2a2a);text-align:center;display:flex;flex-wrap:wrap;gap:var(--space-3, .75rem);justify-content:center}.app-about-btn{display:inline-block;padding:var(--space-2, .5rem) var(--space-4, 1rem);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);border-radius:var(--radius-md, 8px);text-decoration:none;transition:background .2s,color .2s}.app-about-btn--primary{background:var(--color-primary, #1db954);color:#fff;border:none}.app-about-btn--primary:hover{filter:brightness(1.1);color:#fff}.app-about-btn--secondary{background:transparent;color:var(--color-text-secondary, #b3b3b3);border:1px solid var(--color-border, #2a2a2a)}.app-about-btn--secondary:hover{background:var(--color-bg-hover, #282828);color:var(--color-text, #fff)}.app-about-btn--inverse{background:var(--color-surface, #121212);color:var(--color-text, #fff);border:1px solid var(--color-text-secondary, #b3b3b3)}.app-about-btn--inverse:hover{background:var(--color-bg-hover, #282828);color:var(--color-text, #fff);border-color:var(--color-text, #fff)}.admin-layout{width:100%;max-width:var(--content-max-width);min-width:0;margin:0 auto;padding:var(--space-6) var(--space-2);box-sizing:border-box}@media(max-width:768px){.admin-layout{padding-left:var(--space-3);padding-right:var(--space-3)}}.admin-layout--loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary)}.admin-layout__header-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.admin-layout__header-spacer{flex:1;min-width:var(--space-4)}.admin-layout__admin-dashboard-link{margin-left:var(--space-4)}.admin-layout__btn,.admin-layout__btn-icon{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);min-height:auto}.admin-layout__btn:hover,.admin-layout__btn-icon:hover{color:var(--color-text);background:var(--color-bg-hover);border-color:var(--color-text-muted)}.admin-layout__btn:focus,.admin-layout__btn-icon:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-layout__btn-icon{padding:var(--space-1)}.admin-layout__btn-icon .material-symbols-outlined{font-size:var(--icon-size-md)}.admin-layout__logout{margin-left:0}.admin-layout__welcome{font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-layout__last-updated{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-4);padding-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-1)}.admin-layout__back{font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none}.admin-layout__back:hover{color:var(--color-primary)}.admin-layout__back:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-layout__home{display:inline-flex;align-items:center;padding:var(--space-1)}.admin-layout__home .material-symbols-outlined{font-size:var(--icon-size-md)}.admin-layout__header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.admin-layout__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-4)}.admin-layout__title--super{display:flex;align-items:center;gap:var(--space-2)}.admin-layout__top-tabs{display:flex;gap:0;margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.admin-layout__top-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.admin-layout__top-tab:hover{color:var(--color-text)}.admin-layout__top-tab--active,.admin-layout__top-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-layout__nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-layout__nav--settings .admin-layout__nav-link{font-size:.75rem}.admin-layout__nav-link{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.admin-layout__nav-link:hover{color:var(--color-text);background:var(--color-bg-hover)}.admin-layout__nav-link:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-layout__nav-link.active{color:var(--color-primary);background:var(--color-bg-hover)}.admin-layout__main{min-height:200px;padding-bottom:100px}.admin-dashboard{max-width:100%}.admin-dashboard__page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.admin-dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.admin-dashboard__stat{border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid transparent;display:flex;flex-direction:column;justify-content:space-between;min-height:6rem}.admin-dashboard__stat-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.admin-dashboard__stat-icon{font-size:var(--icon-size-lg);opacity:.8;flex-shrink:0}.admin-dashboard__stat--sdk{background:var(--color-stat-sdk-bg);border-color:var(--color-primary-muted)}.admin-dashboard__stat--appids{background:var(--color-stat-appids-bg);border-color:var(--color-accent)}.admin-dashboard__stat--users{background:var(--color-stat-users-bg);border-color:var(--color-home-action-discover)}.admin-dashboard__stat--active{background:var(--color-stat-active-bg);border-color:var(--color-warning)}.admin-dashboard__stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-1)}.admin-dashboard__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.admin-dashboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.admin-dashboard__section{margin-bottom:0}.admin-dashboard__section-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;height:100%;display:flex;flex-direction:column}.admin-dashboard__section-card .admin-dashboard__section-title{padding:var(--space-4) var(--space-4) 0;margin-bottom:var(--space-3)}.admin-dashboard__section-card .admin-list__empty,.admin-dashboard__section-card .admin-list{padding:0 var(--space-4) var(--space-4);flex:1}.admin-dashboard__section-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.admin-dashboard__link{font-size:var(--text-sm);color:var(--link-color);text-decoration:none}.admin-dashboard__link:hover{text-decoration:underline}.admin-dashboard__chart-wrap{max-width:400px;margin:0 auto var(--space-4)}.admin-dashboard__section--full{margin-bottom:var(--space-6)}.admin-dashboard__section--full .admin-dashboard__section-card{padding:var(--space-4)}.admin-dashboard__section--full .admin-dashboard__section-title{padding:0;margin-bottom:var(--space-3)}.admin-dashboard__section--full .admin-list{margin-top:0}.pubfuse-admin-files__name{max-width:24rem;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.pubfuse-admin-files__actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.admin-dashboard__stub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.admin-dashboard__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.admin-dashboard__section-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.admin-sdk-clients__create-btn{background-color:var(--btn-primary-bg, var(--color-primary));color:var(--btn-primary-text, #fff);border:1px solid transparent;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);min-height:2rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);transition:background-color var(--transition-fast)}.admin-sdk-clients__create-btn:hover{background-color:var(--btn-primary-hover-bg, var(--color-primary-hover))}.admin-sdk-clients__create-btn:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-sdk-clients__action-btn{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);min-height:1.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.admin-sdk-clients__action-btn:hover{color:var(--color-text);background:var(--color-bg-hover);border-color:var(--color-text-muted)}.admin-sdk-clients__action-btn:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-sdk-clients__action-btn--danger{color:var(--color-error)}.admin-sdk-clients__action-btn--danger:hover{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.admin-dashboard__action-btn{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);min-height:1.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.admin-dashboard__action-btn:hover{color:var(--color-text);background:var(--color-bg-hover);border-color:var(--color-text-muted)}.admin-dashboard__action-btn:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-dashboard__action-btn--active{background:var(--color-bg-hover);color:var(--color-text)}.admin-detail-list{margin:0 0 var(--space-4)}.admin-detail-list dt{font-weight:var(--font-medium);margin-top:var(--space-2);color:var(--color-text-secondary)}.admin-detail-list dt:first-child{margin-top:0}.admin-detail-list dd{margin:var(--space-1) 0 0}.admin-settings .admin-dashboard__page-title{margin:var(--space-4) 0 var(--space-6)}.admin-settings__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.admin-settings__actions{display:flex;align-items:center;gap:var(--space-2)}.admin-settings__tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.admin-settings__tab{flex-shrink:0}.admin-settings__content{display:flex;flex-direction:column;gap:var(--space-6)}.admin-settings__form{display:flex;flex-direction:column;gap:var(--space-3);max-width:32rem}.admin-settings__api-row{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:flex-start}.admin-settings__api-keys{flex:1;min-width:18rem;max-width:28rem;padding:var(--space-4);background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-settings__api-keys-heading{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__api-keys-empty{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-settings__api-keys-list{margin:0 0 var(--space-3);padding:0;list-style:none}.admin-settings__api-keys-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-xs)}.admin-settings__api-keys-item:last-child{border-bottom:none}.admin-settings__api-keys-name{font-weight:var(--font-medium);color:var(--color-text);min-width:6rem}.admin-settings__api-keys-key{font-family:var(--font-mono, monospace);font-size:.7rem;padding:2px 6px;background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.admin-settings__api-keys-date{margin-left:auto;color:var(--color-text-secondary)}.admin-settings__api-keys-link{font-size:var(--text-xs);color:var(--color-primary, var(--color-accent));text-decoration:none}.admin-settings__api-keys-link:hover{text-decoration:underline}.admin-settings__credentials-card{background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-4);margin-bottom:var(--space-5);box-shadow:0 1px 3px #0000001f}.admin-settings__credentials-header{margin-bottom:var(--space-4)}.admin-settings__credentials-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);color:var(--color-text)}.admin-settings__credentials-title-icon{font-size:1.25rem;color:var(--color-text-secondary)}.admin-settings__credentials-subtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.admin-settings__credentials-fields{display:flex;flex-direction:column;gap:var(--space-4)}.admin-settings__credential-field{display:flex;flex-direction:column;gap:var(--space-1)}.admin-settings__credential-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);letter-spacing:.02em}.admin-settings__credential-row{display:flex;align-items:stretch;gap:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);overflow:hidden;transition:border-color .2s,box-shadow .2s}.admin-settings__credential-row:focus-within{border-color:var(--color-primary, #1db954);box-shadow:0 0 0 1px var(--color-primary, #1db954)}.admin-settings__credential-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);font-family:var(--font-mono, monospace);font-size:var(--text-sm);background:transparent;border:none;color:var(--color-text)}.admin-settings__credential-input:focus{outline:none}.admin-settings__credential-icon-btn{flex-shrink:0;width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color .2s,background .2s}.admin-settings__credential-icon-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.admin-settings__credential-icon-btn:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.admin-settings__credential-icon-btn .material-symbols-outlined{font-size:1.25rem}.admin-settings__regenerate-section{margin-top:var(--space-4)}.admin-settings__regenerate-divider{height:1px;background:var(--color-border);margin-bottom:var(--space-4)}.admin-settings__regenerate-block{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.admin-settings__regenerate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:#000000de;background:#f9a825;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;box-shadow:0 1px 2px #0003;transition:background .2s,box-shadow .2s}.admin-settings__regenerate-btn:hover:not(:disabled){background:#ffb74d;box-shadow:0 2px 4px #00000040}.admin-settings__regenerate-btn:active:not(:disabled){box-shadow:0 1px 2px #0003}.admin-settings__regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.admin-settings__regenerate-btn:focus-visible{outline:var(--focus-outline);outline-offset:2px}.admin-settings__regenerate-icon{font-size:1.125rem}.admin-settings__regenerate-hint{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.admin-settings__switch{position:relative;width:2.25rem;height:1rem;min-width:2.25rem;min-height:1rem;max-width:2.25rem;max-height:1rem;flex-shrink:0;padding:0;margin:0;border:none;border-radius:var(--radius-full, 999px);background:var(--color-border, #444);cursor:pointer;transition:background var(--transition-fast);box-sizing:border-box;line-height:0;overflow:hidden}.admin-settings__switch:hover{background:var(--color-bg-hover, #555)}.admin-settings__switch[aria-checked=true]{background:var(--color-primary, #1db954)}.admin-settings__switch[aria-checked=true]:hover{filter:brightness(1.1)}.admin-settings__switch-thumb{position:absolute;top:0;left:0;width:1rem;height:1rem;border-radius:var(--radius-full, 999px);background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--transition-fast)}.admin-settings__switch[aria-checked=true] .admin-settings__switch-thumb{transform:translate(1.25rem)}.admin-settings__switch:focus-visible{outline:2px solid var(--color-focus-ring, #1db954);outline-offset:2px}.admin-settings__feature-flags-row{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:flex-start}.admin-settings__feature-flags-card{padding:var(--space-4);background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.admin-settings__maintenance-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-settings__maintenance-sections{display:flex;flex-direction:column;gap:var(--space-5)}.admin-settings__maintenance-section{display:flex;flex-direction:column;gap:var(--space-2)}.admin-settings__maintenance-section-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__maintenance-desc{margin:0}.admin-settings__maintenance-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-settings__maintenance-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.admin-settings__maintenance-btn .material-symbols-outlined{font-size:1.125rem}.admin-settings__system-info-panel{flex-shrink:0}.admin-settings__system-info-panel h3{font-size:var(--text-base);font-weight:var(--font-bold)}.admin-settings__logging-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.admin-settings__performance-metrics{display:flex;flex-direction:column;gap:var(--space-4)}.admin-settings__performance-section{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-2)}.admin-settings__performance-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary, rgba(255, 255, 255, .02));border:1px solid var(--color-border);border-radius:var(--radius-sm)}.admin-settings__performance-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-settings__performance-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__label--switch{display:flex;align-items:center;gap:var(--space-2);cursor:default;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.admin-settings__feature-desc{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.admin-settings__note-box{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-settings__note-icon{flex-shrink:0;font-size:1rem;opacity:.8}.admin-settings__note-box p{margin:0;line-height:1.4}.admin-settings__feature-status{flex:1;min-width:18rem;max-width:28rem;padding:var(--space-4);background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-settings__feature-status h3{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__feature-status-item{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.admin-settings__status-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px 8px;border-radius:var(--radius-sm)}.admin-settings__status-badge--enabled{background:#22c55e33;color:#22c55e}.admin-settings__status-badge--disabled{background:var(--color-bg);color:var(--color-text-secondary)}.admin-settings__feature-status p{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.admin-settings__recording-section{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__recording-status-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-settings__form label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.admin-settings__form label:has(input[type=checkbox]){cursor:pointer}.admin-settings__form input[type=text],.admin-settings__form input[type=number],.admin-settings__form input[type=email],.admin-settings__form textarea,.admin-settings__form select{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.admin-settings__form input:focus,.admin-settings__form textarea:focus,.admin-settings__form select:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-settings__subsection{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.admin-settings__hint{margin:0 0 var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-settings__test-notifications{display:flex;flex-direction:column;gap:var(--space-4)}.admin-settings__test-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-settings__test-push{display:flex;flex-direction:column;gap:var(--space-2);max-width:24rem}.admin-settings__btn{font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);transition:background var(--transition-fast),border-color var(--transition-fast)}.admin-settings__btn--secondary{background:var(--color-bg-subtle);color:var(--color-text)}.admin-settings__btn--secondary:hover{background:var(--color-bg-hover)}.admin-settings__btn--primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.admin-settings__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.admin-settings__btn:disabled{opacity:.6;cursor:not-allowed}.admin-settings__btn:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-settings__toast{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.admin-settings__toast--success{background:var(--color-success-bg, #e8f5e9);color:var(--color-success, #2e7d32)}.admin-settings__toast--error{background:var(--color-error-bg);color:var(--color-error)}.admin-settings .admin-dashboard__section-card .admin-dashboard__section-title{padding:var(--space-5) var(--space-5) 0;margin-bottom:var(--space-4)}.admin-settings .admin-dashboard__section-card .admin-settings__dl{padding:0 var(--space-5) var(--space-5);margin:0}.admin-settings__dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-3) var(--space-4);align-items:baseline}.admin-settings__dl dt{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.admin-settings__dl dd{margin:0;font-size:var(--text-sm);color:var(--color-text)}.admin-list{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.admin-list__table{width:100%;border-collapse:collapse}.admin-list__table th,.admin-list__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.admin-list__table th{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-bg-subtle)}.admin-list__table td{font-size:var(--text-sm);color:var(--color-text)}.admin-list__table tr:last-child td{border-bottom:none}.admin-list__empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.admin-error{padding:var(--space-6);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error)}.admin-error__title{font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.admin-error__message{margin:0;font-size:var(--text-sm)}.admin-users__stub-note{margin-bottom:var(--space-4)}.admin-users__filters{display:flex;flex-wrap:wrap;gap:var(--space-3)}.admin-users__filter{display:flex;flex-direction:column;gap:var(--space-1)}.admin-users__filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.admin-users__select,.admin-users__input{padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);min-height:var(--btn-min-height);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:var(--color-bg);color:var(--color-text)}.admin-users__select{min-width:10rem}.admin-users__input{min-width:12rem}.admin-users__details{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-sm)}.admin-users__details dt{color:var(--color-text-secondary);margin:0}.admin-users__details dd{margin:0;color:var(--color-text)}.admin-users__id-cell{color:var(--link-color);font-size:var(--text-xs)}.admin-users__status{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.admin-users__status--active{background:#22c55e33;color:#16a34a}.admin-users__status--inactive{background:#ef444426;color:var(--color-error)}@media(max-width:768px){.admin-dashboard__stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard__grid{grid-template-columns:1fr}.admin-list__table th,.admin-list__table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.pubfuse-admin-dashboard__header{margin-bottom:var(--space-6)}.pubfuse-admin-dashboard__header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.pubfuse-admin-dashboard__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--space-2)}.pubfuse-admin-dashboard__crown{color:var(--color-warning)}.pubfuse-admin-dashboard__header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pubfuse-admin-dashboard__welcome{font-size:var(--text-sm);color:var(--color-text-secondary)}.pubfuse-admin-dashboard__last-updated{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;display:flex;align-items:center;gap:var(--space-1)}.pubfuse-admin-dashboard__tabs{margin-top:var(--space-6)}.pubfuse-admin-dashboard__tab-list{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.pubfuse-admin-dashboard__tab{padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:color var(--transition-fast),background var(--transition-fast)}.pubfuse-admin-dashboard__tab:hover{color:var(--color-text);background:var(--color-bg-hover)}.pubfuse-admin-dashboard__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.pubfuse-admin-dashboard__tab-panel{padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.admin-analytics__raw{overflow:auto;padding:var(--space-4);font-size:var(--text-sm);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin:0}.admin-analytics .admin-dashboard__page-title{margin-bottom:var(--space-6)}.admin-analytics__summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-analytics__charts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.admin-analytics__chart-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column}.admin-analytics__chart-card .admin-dashboard__section-title{margin:0 0 var(--space-4);padding:0}.admin-analytics__chart{min-height:200px;position:relative}.admin-analytics__chart--doughnut{max-width:320px;margin:0 auto}.admin-modal-overlay{position:fixed;inset:0;background:var(--color-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.admin-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%}.admin-modal h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.admin-modal p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.admin-modal label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.admin-modal input,.admin-modal select{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x);margin-bottom:var(--space-4);font-size:var(--btn-font-size);min-height:var(--btn-min-height);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:var(--color-bg);color:var(--color-text);box-sizing:border-box}.admin-modal textarea{width:100%;padding:var(--space-2);margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);resize:vertical;box-sizing:border-box}.admin-modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.admin-btn--compact{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);min-height:1.75rem;border-radius:var(--radius-sm)}.admin-btn--compact:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.admin-settings__textarea{width:100%;max-width:32rem;display:block;margin-top:var(--space-1);padding:var(--space-2);font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:inherit;resize:vertical;min-height:4rem}.admin-settings__row-inputs{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin:var(--space-2) 0}.admin-settings__row-inputs label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.admin-settings__row-inputs input{width:6rem}.auth-gate__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;color:var(--color-auth-btn-on-dark);font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;margin:0 auto var(--space-4)}.auth-gate__icon--pubfuse-admin{background:var(--color-auth-pubfuse-admin)}.auth-gate__icon--admin{background:var(--color-auth-admin);color:var(--color-auth-admin-text, var(--color-auth-btn-on-dark))}.auth-gate .auth-card,.auth-gate .auth-title{text-align:center}.pubfuse-admin-login__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);text-align:center}.pubfuse-admin-login .auth-btn--primary{background:var(--color-auth-pubfuse-admin);color:var(--color-auth-btn-on-dark)}.pubfuse-admin-login .auth-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.pubfuse-admin-login__credentials{margin-top:var(--space-4);text-align:left}.pubfuse-admin-login__credentials-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;margin:0;min-height:unset;font-size:var(--text-sm);font-weight:inherit;color:var(--link-color);background:none!important;background-color:transparent!important;border:none!important;border-radius:0;cursor:pointer;text-decoration:none!important;transition:none}.pubfuse-admin-login__credentials-trigger:hover{background:none!important;background-color:transparent!important;text-decoration:none!important}.pubfuse-admin-login__credentials-trigger:focus,.pubfuse-admin-login__credentials-trigger:focus-visible{outline:none}.pubfuse-admin-login__credentials-trigger-icon{font-size:1.25rem;color:var(--color-text-secondary)}.pubfuse-admin-login__credentials-hint{padding:var(--space-4);background:var(--color-bg-hover, #e8f4fc);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pubfuse-admin-login__credentials-hint-heading{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.pubfuse-admin-login__credentials-hint-icon{font-size:1.25rem;color:var(--link-color)}.pubfuse-admin-login__credentials-hint-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text);margin:0}.pubfuse-admin-login__credentials-hint-line{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin:0 0 var(--space-2)}.pubfuse-admin-login__credentials-hint-line:last-of-type{margin-bottom:var(--space-3)}.pubfuse-admin-login__credentials-hide{font-size:var(--text-sm);color:var(--link-color);background:none;border:none;cursor:pointer;padding:0}.pubfuse-admin-login__credentials-hide:hover{text-decoration:underline}.pubfuse-admin-login__back{margin-top:var(--space-6)}.admin-login__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);text-align:center}.admin-login .auth-btn--primary{background:var(--color-auth-admin);color:var(--color-auth-admin-text, var(--color-auth-btn-on-dark))}.admin-login .auth-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.admin-login__back{margin-top:var(--space-6)}