: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-focus-ring: #1db954;--link-color: #a970ff;--link-hover-color: #9146ff;--btn-primary-bg: #1db954;--btn-primary-hover-bg: #1ed760;--btn-primary-text: #ffffff;--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-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-min-height: 2.75rem;--navbar-height: 4rem;--playbar-height: 5rem;--bottom-nav-height: 4rem;--content-max-width: 1280px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--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)}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)}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}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}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}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)}: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}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text-primary);background-color:var(--color-bg-base)}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(--radius-md);border:1px solid transparent;padding:var(--space-2) var(--space-4);min-height:var(--btn-min-height);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-accent-primary);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)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.app-shell__main{flex:1;padding-bottom:var(--playbar-height)}.app-shell__navbar{position:sticky;top:0;z-index:50;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__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__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-actions{display:flex;align-items:center;gap:var(--space-3)}.locale-switcher{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.app-shell__footer{padding:var(--space-8) var(--space-4);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-wrap:wrap;justify-content:space-between;gap:var(--space-6)}.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)}.app-shell__bottom-nav{display:none;position:fixed;bottom:var(--playbar-height);left:0;right:0;height:var(--bottom-nav-height);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:45}@media(max-width:768px){.app-shell__nav{display:none}.app-shell__bottom-nav{display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-2)}.app-shell__bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.app-shell__bottom-nav-link:hover,.app-shell__bottom-nav-link[aria-current=page]{color:var(--color-primary)}.app-shell__main{padding-bottom:calc(var(--playbar-height) + var(--bottom-nav-height))}}.playbar{position:fixed;bottom:0;left:0;right:0;height:var(--playbar-height);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:100;display:flex;flex-direction:column}.playbar__progress{position:absolute;top:0;left:0;height:3px;background:var(--color-primary);transition:width var(--transition-fast)}.playbar__content{flex:1;display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-4);min-width:0}.playbar__track{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1;text-decoration:none;color:inherit}.playbar__track:hover{opacity:.9}.playbar__artwork{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.playbar__artwork-placeholder{width:48px;height:48px;background:var(--color-bg-hover);border-radius:var(--radius-sm);flex-shrink:0}.playbar__track-info{display:flex;flex-direction:column;min-width:0}.playbar__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar__artist{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar__controls{display:flex;align-items:center;justify-content:center;flex-shrink:0}.playbar__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast),transform var(--transition-fast)}.playbar__btn:hover{background:var(--color-bg-hover)}.playbar__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.playbar__btn--primary{width:48px;height:48px;color:var(--color-primary)}.playbar__btn--primary:hover{color:var(--color-primary-hover);transform:scale(1.05)}.playbar__progress-bar{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:400px;flex-shrink:0}.playbar__time{font-size:var(--text-xs);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:4px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-full)}.playbar__range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.playbar__range::-webkit-slider-thumb:hover{transform:scale(1.2)}.playbar__range::-moz-range-thumb{width:12px;height:12px;background:var(--color-primary);border:none;border-radius:var(--radius-full);cursor:pointer}@media(max-width:768px){.playbar__progress-bar{display:none}.playbar__content{gap:var(--space-4)}}.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:#0d0d0de6;-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__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:clamp(2rem,5vw,3.5rem);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-4);line-height:var(--line-height-tight);letter-spacing:-.02em}.landing__hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);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:#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__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;font-size:2rem;margin-bottom:var(--space-4);color:var(--color-primary)}.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);border-top:1px solid var(--color-border)}.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-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg)}.auth-card{width:100%;max-width:400px;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.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)}.auth-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.auth-input{width:100%;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 #1db95440}.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;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;max-width:64rem;margin:0 auto;padding:var(--space-10) var(--space-6);width:100%}.auth-options__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2)}.auth-options__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-10)}.auth-options__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.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);transition:border-color var(--transition-fast),transform var(--transition-fast)}.auth-options__card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.auth-options__card-icon{font-size:2rem}.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;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:hover{opacity:.9}.auth-options__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.auth-options__btn--success{background:var(--color-primary);color:#fff}.auth-options__btn--secondary{background:var(--color-bg-hover);color:var(--color-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{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.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:32rem;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__input,.contact-page__textarea{width:100%;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)}.contact-page__textarea{resize:vertical;min-height:6rem}.contact-page__input:focus,.contact-page__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1db95440}.contact-page__input:disabled,.contact-page__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)}.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)}.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;padding:var(--space-10) var(--space-6);width:100%;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:24rem;margin:0 auto}.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-3);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__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)}.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)}.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{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__redoc{flex:1;min-height:60vh;padding:var(--space-4)}.apidocs-page__redoc>div{min-height:100%}.page-home{padding:var(--space-md, 1rem);max-width:64rem;margin:0 auto}.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 h2{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm, .5rem);color:var(--color-text-secondary, #666)}.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-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__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}.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__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.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{padding:var(--space-md, 1rem);max-width:64rem;margin:0 auto}.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__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-search{padding:var(--space-md, 1rem);max-width:64rem;margin:0 auto}.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,.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-surface-hover, #252525)}.page-search__item-title{display:block;font-weight:500}.page-search__item-subtitle{font-size:.875rem;color:var(--color-text-secondary, #888)}.page-profile{padding:var(--space-md, 1rem);max-width:40rem;margin:0 auto}.page-profile__loading,.page-profile__error{margin-top:var(--space-md, 1rem)}.page-profile__error{color:var(--color-error, #c00)}.page-profile__retry{margin-top:var(--space-sm, .5rem)}.page-profile__header{text-align:center;padding:var(--space-lg, 1.5rem) 0}.page-profile__avatar-wrap{margin-bottom:var(--space-md, 1rem)}.page-profile__avatar{width:7.5rem;height:7.5rem;border-radius:50%;object-fit:cover;border:3px solid var(--color-surface, #1a1a1a)}.page-profile__avatar-placeholder{width:7.5rem;height:7.5rem;border-radius:50%;background:var(--color-surface, #1a1a1a);display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:var(--color-text-secondary, #888)}.page-profile__name{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.page-profile__username{font-size:1rem;color:var(--color-text-secondary, #888);margin:0 0 var(--space-lg, 1.5rem)}.page-profile__stats{display:flex;justify-content:center;gap:var(--space-xl, 2rem);margin-bottom:var(--space-lg, 1.5rem)}.page-profile__stat{display:flex;flex-direction:column;align-items:center}.page-profile__stat-value{font-size:1.25rem;font-weight:600}.page-profile__stat-label{font-size:.875rem;color:var(--color-text-secondary, #888)}.page-profile__actions{display:flex;justify-content:center;gap:var(--space-md, 1rem)}.page-profile__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-profile__btn--primary{background-color:var(--color-accent-primary);color:var(--btn-primary-text)}.page-profile__btn--primary:hover{background-color:var(--btn-primary-hover-bg)}.page-profile__btn--secondary{background-color:transparent;border-color:var(--color-text-secondary, #888);color:var(--color-text-primary)}.page-profile__btn--secondary:hover{background-color:var(--color-surface, #1a1a1a)}.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, #888);font-size:.875rem}.page-profile-edit{padding:var(--space-md, 1rem);max-width:32rem;margin:0 auto}.page-profile-edit__loading,.page-profile-edit__error{margin-top:var(--space-md, 1rem)}.page-profile-edit__error{color:var(--color-error, #c00)}.page-profile-edit__form{margin-top:var(--space-lg, 1.5rem)}.page-profile-edit__field{margin-bottom:var(--space-md, 1rem)}.page-profile-edit__field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.page-profile-edit__field input{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-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__actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-xl, 2rem)}.page-profile-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-profile-edit__btn--primary{background-color:var(--color-accent-primary);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-text-secondary, #888);color:var(--color-text-primary)}.page-profile-edit__btn--secondary:hover{background-color:var(--color-surface, #1a1a1a)}.page-music{padding:var(--space-md, 1rem);max-width:64rem;margin:0 auto}.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-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__section h2{font-size:1.125rem;margin-bottom:var(--space-md, 1rem)}.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__card{background:var(--color-surface, #1a1a1a);border-radius:var(--radius-md, 8px);overflow:hidden;contain:layout paint}.page-music__card-link{display:block;padding:var(--space-md, 1rem);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__card-title{display:block;font-weight:500}.page-music-detail{padding:var(--space-md, 1rem);max-width:40rem;margin:0 auto}.page-music-detail__back{display:inline-block;margin-bottom:var(--space-md, 1rem);color:var(--color-text-secondary, #888);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{text-align:center;padding:var(--space-lg, 1.5rem) 0}.page-music-detail__image{width:10rem;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, #888);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, #888);line-height:1.5}.page-music-detail__play{margin-top:var(--space-md, 1rem)}.page-music-detail__edit{display:inline-block;margin-top:var(--space-md, 1rem);margin-left:var(--space-md, 1rem);color:var(--color-text-secondary, #888);text-decoration:none}.page-music-detail__edit:hover{color:var(--link-hover-color)}.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-now-playing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg, 1.5rem);padding-bottom:calc(var(--playbar-height, 72px) + var(--space-xl, 2rem))}.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{margin-bottom:var(--space-xl, 2rem)}.page-now-playing__artwork{width:100%;max-width:18rem;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg, 12px);box-shadow:0 8px 32px #0000004d}.page-now-playing__artwork-placeholder{width:18rem;aspect-ratio:1;max-width:100%;background:var(--color-surface, #1a1a1a);border-radius:var(--radius-lg, 12px);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)}.page-watch{padding:var(--space-md, 1rem);max-width:56rem;margin:0 auto}.page-watch__actions{display:flex;gap:var(--space-md, 1rem);margin-bottom:var(--space-md, 1rem)}.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)}.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)}.admin-layout{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6) var(--space-4)}.admin-layout--loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary)}.admin-layout__header-top{margin-bottom:var(--space-2)}.admin-layout__back{font-size:var(--text-sm);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__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__nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-layout__nav-link{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-radius:var(--radius-md);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}.admin-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-dashboard__stat{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.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__stub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.admin-dashboard__section{margin-bottom:var(--space-6)}.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-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)}@media(max-width:768px){.admin-dashboard__stats{grid-template-columns:1fr}.admin-list__table th,.admin-list__table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}