:root{--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #ebebeb;--neutral-300: #d4d4d4;--neutral-400: #b5b5b5;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #2b2b2b;--neutral-850: #232323;--neutral-900: #1a1a1a;--neutral-950: #171717;--white: #ffffff;--black: #000000;--error-light: #ff6b6b;--error-dark: rgba(220, 38, 38, .3);--success-light: #4ade80;--success-dark: rgba(34, 197, 94, .3);--warning-light: #fbbf24;--warning-dark: rgba(245, 158, 11, .3);--player-bg: oklch(65% .157 249deg);--player-fg: #000000;--player-accent: oklch(80% .1055 249deg)}:root,[data-colorway=admin]{--color-deep: var(--neutral-950);--color-medium: var(--neutral-200);--color-bright: var(--white);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--neutral-200);--fg-tertiary: var(--neutral-400);--fg-muted: rgba(235, 235, 235, .5);--fg-inverse: var(--neutral-800);--bg-base: var(--neutral-950);--bg-elevated: #212121;--bg-surface: var(--neutral-850);--bg-surface-hover: #2a2a2a;--bg-overlay: rgba(0, 0, 0, .8);--border-default: transparent;--border-subtle: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .3);--interactive-primary: var(--white);--interactive-primary-hover: rgba(255, 255, 255, .95);--interactive-secondary: transparent;--interactive-secondary-hover: rgba(255, 255, 255, .05);--accent-primary: var(--white);--accent-secondary: var(--white);--player-bg: var(--neutral-200);--player-fg: var(--black);--player-accent: var(--white);--state-error-bg: rgba(220, 38, 38, .15);--state-error-border: rgba(220, 38, 38, .3);--state-error-text: var(--error-light);--state-success-bg: rgba(34, 197, 94, .15);--state-success-border: rgba(34, 197, 94, .3);--state-success-text: var(--success-light)}[data-colorway=focus]{--color-deep: oklch(40% .174 285deg);--color-medium: oklch(65% .174 285deg);--color-bright: oklch(90% .1045 285deg);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--color-medium);--fg-tertiary: var(--color-bright);--fg-muted: oklch(90% .1045 285deg / .5);--fg-inverse: oklch(20% .1 285deg);--bg-base: var(--color-deep);--bg-elevated: oklch(45% .16 285deg);--bg-surface: oklch(50% .15 285deg);--bg-surface-hover: oklch(55% .14 285deg);--bg-overlay: oklch(40% .174 285deg / .9);--border-default: oklch(65% .174 285deg / .1);--border-subtle: oklch(65% .174 285deg / .2);--border-medium: oklch(65% .174 285deg / .3);--border-strong: oklch(65% .174 285deg / .5);--interactive-primary: var(--color-medium);--interactive-primary-hover: var(--color-bright);--interactive-secondary: transparent;--interactive-secondary-hover: oklch(65% .174 285deg / .1);--accent-primary: var(--color-medium);--accent-secondary: var(--color-bright);--player-bg: var(--color-medium);--player-fg: var(--black);--player-accent: var(--color-bright)}[data-colorway=recharge]{--color-deep: oklch(40% .084 165deg);--color-medium: oklch(65% .1357 165deg);--color-bright: oklch(90% .168 165deg);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--color-medium);--fg-tertiary: var(--color-bright);--fg-muted: oklch(90% .168 165deg / .5);--fg-inverse: oklch(20% .08 165deg);--bg-base: var(--color-deep);--bg-elevated: oklch(45% .09 165deg);--bg-surface: oklch(50% .1 165deg);--bg-surface-hover: oklch(55% .11 165deg);--bg-overlay: oklch(40% .084 165deg / .9);--border-default: oklch(65% .1357 165deg / .1);--border-subtle: oklch(65% .1357 165deg / .2);--border-medium: oklch(65% .1357 165deg / .3);--border-strong: oklch(65% .1357 165deg / .5);--interactive-primary: var(--color-medium);--interactive-primary-hover: var(--color-bright);--interactive-secondary: transparent;--interactive-secondary-hover: oklch(65% .1357 165deg / .1);--accent-primary: var(--color-medium);--accent-secondary: var(--color-bright);--player-bg: var(--color-medium);--player-fg: var(--black);--player-accent: var(--color-bright)}[data-colorway=romantic]{--color-deep: oklch(40% .1699 345deg);--color-medium: oklch(65% .174 345deg);--color-bright: oklch(90% .1445 345deg);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--color-medium);--fg-tertiary: var(--color-bright);--fg-muted: oklch(90% .1445 345deg / .5);--fg-inverse: oklch(20% .14 345deg);--bg-base: var(--color-deep);--bg-elevated: oklch(45% .17 345deg);--bg-surface: oklch(50% .17 345deg);--bg-surface-hover: oklch(55% .17 345deg);--bg-overlay: oklch(40% .1699 345deg / .9);--border-default: oklch(65% .174 345deg / .1);--border-subtle: oklch(65% .174 345deg / .2);--border-medium: oklch(65% .174 345deg / .3);--border-strong: oklch(65% .174 345deg / .5);--interactive-primary: var(--color-medium);--interactive-primary-hover: var(--color-bright);--interactive-secondary: transparent;--interactive-secondary-hover: oklch(65% .174 345deg / .1);--accent-primary: var(--color-medium);--accent-secondary: var(--color-bright);--player-bg: var(--color-medium);--player-fg: var(--black);--player-accent: var(--color-bright)}[data-colorway=sleep]{--color-deep: oklch(40% .0752 225deg);--color-medium: oklch(65% .123 225deg);--color-bright: oklch(90% .1348 225deg);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--color-medium);--fg-tertiary: var(--color-bright);--fg-muted: oklch(90% .1348 225deg / .5);--fg-inverse: oklch(20% .07 225deg);--bg-base: var(--color-deep);--bg-elevated: oklch(45% .08 225deg);--bg-surface: oklch(50% .09 225deg);--bg-surface-hover: oklch(55% .1 225deg);--bg-overlay: oklch(40% .0752 225deg / .9);--border-default: oklch(65% .123 225deg / .1);--border-subtle: oklch(65% .123 225deg / .2);--border-medium: oklch(65% .123 225deg / .3);--border-strong: oklch(65% .123 225deg / .5);--interactive-primary: var(--color-medium);--interactive-primary-hover: var(--color-bright);--interactive-secondary: transparent;--interactive-secondary-hover: oklch(65% .123 225deg / .1);--accent-primary: var(--color-medium);--accent-secondary: var(--color-bright);--player-bg: var(--color-medium);--player-fg: var(--black);--player-accent: var(--color-bright)}[data-colorway=social]{--color-deep: oklch(40% .084 105deg);--color-medium: oklch(65% .1377 105deg);--color-bright: oklch(90% .1689 105deg);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--color-medium);--fg-tertiary: var(--color-bright);--fg-muted: oklch(90% .1689 105deg / .5);--fg-inverse: oklch(20% .08 105deg);--bg-base: var(--color-deep);--bg-elevated: oklch(45% .09 105deg);--bg-surface: oklch(50% .1 105deg);--bg-surface-hover: oklch(55% .11 105deg);--bg-overlay: oklch(40% .084 105deg / .9);--border-default: oklch(65% .1377 105deg / .1);--border-subtle: oklch(65% .1377 105deg / .2);--border-medium: oklch(65% .1377 105deg / .3);--border-strong: oklch(65% .1377 105deg / .5);--interactive-primary: var(--color-medium);--interactive-primary-hover: var(--color-bright);--interactive-secondary: transparent;--interactive-secondary-hover: oklch(65% .1377 105deg / .1);--accent-primary: var(--color-medium);--accent-secondary: var(--color-bright);--player-bg: var(--color-medium);--player-fg: var(--black);--player-accent: var(--color-bright)}[data-colorway=workout]{--color-deep: oklch(40% .1143 45deg);--color-medium: oklch(65% .174 45deg);--color-bright: oklch(90% .1221 45deg);--fg-primary: var(--white);--fg-primary-muted: rgba(255, 255, 255, .6);--fg-secondary: var(--color-medium);--fg-tertiary: var(--color-bright);--fg-muted: oklch(90% .1221 45deg / .5);--fg-inverse: oklch(20% .1 45deg);--bg-base: var(--color-deep);--bg-elevated: oklch(45% .12 45deg);--bg-surface: oklch(50% .13 45deg);--bg-surface-hover: oklch(55% .14 45deg);--bg-overlay: oklch(40% .1143 45deg / .9);--border-default: oklch(65% .174 45deg / .1);--border-subtle: oklch(65% .174 45deg / .2);--border-medium: oklch(65% .174 45deg / .3);--border-strong: oklch(65% .174 45deg / .5);--interactive-primary: var(--color-medium);--interactive-primary-hover: var(--color-bright);--interactive-secondary: transparent;--interactive-secondary-hover: oklch(65% .174 45deg / .1);--accent-primary: var(--color-medium);--accent-secondary: var(--color-bright);--player-bg: var(--color-medium);--player-fg: var(--black);--player-accent: var(--color-bright)}.colorway-admin,.colorway-focus,.colorway-recharge,.colorway-romantic,.colorway-sleep,.colorway-social,.colorway-workout{color-scheme:dark}.text-primary{color:var(--fg-primary)}.text-secondary{color:var(--fg-secondary)}.text-tertiary{color:var(--fg-tertiary)}.text-muted{color:var(--fg-muted)}.text-inverse{color:var(--fg-inverse)}.bg-base{background-color:var(--bg-base)}.bg-elevated{background-color:var(--bg-elevated)}.bg-surface{background-color:var(--bg-surface)}.bg-overlay{background-color:var(--bg-overlay)}.border-default{border-color:var(--border-default)}.border-subtle{border-color:var(--border-subtle)}.border-medium{border-color:var(--border-medium)}.border-strong{border-color:var(--border-strong)}.accent-primary{color:var(--accent-primary)}.accent-secondary{color:var(--accent-secondary)}a{color:#5fb8f2;text-decoration:underline;transition:color .2s ease}a:hover{color:#9cd6ff;color:oklch(85% .15 240deg)}:root{--font-display: "Euclid Circular B", sans-serif;--font-body: "Open Sans", sans-serif;--font-logo: "Pacifico", cursive;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--leading-tight: 1.1;--leading-snug: 1.14;--leading-normal: 1.5;--leading-relaxed: 1.625}.heading-1,h1.styled{margin:0;color:var(--fg-primary);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;line-height:var(--leading-tight)}.heading-2,h2.styled{margin:0;color:var(--fg-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-snug)}.heading-3,h3.styled{margin:0;color:var(--fg-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-snug)}.heading-4,h4.styled{margin:0;color:var(--fg-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug)}.body-text,p.styled{color:var(--fg-secondary);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);margin:0}.text-xs{font-size:var(--text-xs)}.text-sm,.text-small{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg,.text-large{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-logo{font-family:var(--font-logo)}.underline{text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.tagline{font-family:var(--font-body);font-size:var(--text-xs);font-weight:300;color:var(--fg-primary);line-height:var(--leading-tight)}.logo{font-family:var(--font-logo);font-size:35px;color:var(--fg-primary);line-height:var(--leading-tight)}.badge{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media(max-width:600px){:root{--text-5xl: 36px;--text-3xl: 24px;--text-2xl: 20px}.heading-1,h1.styled{font-size:var(--text-4xl)}.heading-2,h2.styled{font-size:var(--text-2xl)}.heading-3,h3.styled{font-size:var(--text-xl)}}:root{--input-bg: var(--bg-surface);--input-bg-focus: var(--bg-surface-hover);--input-border: var(--border-default);--input-border-focus: var(--border-medium);--input-text: var(--fg-secondary);--input-placeholder: var(--fg-muted);--button-primary-bg: var(--interactive-primary);--button-primary-text: var(--fg-inverse);--button-primary-hover: var(--interactive-primary-hover);--button-secondary-bg: var(--interactive-secondary);--button-secondary-text: var(--fg-primary);--button-secondary-border: var(--fg-primary);--button-secondary-hover-bg: var(--interactive-secondary-hover);--button-danger-bg: var(--state-error-bg);--button-danger-text: var(--state-error-text);--button-danger-border: var(--state-error-border);--button-danger-hover-bg: rgba(220, 38, 38, .25);--button-danger-hover-border: rgba(220, 38, 38, .5);--message-bg: var(--bg-surface);--message-border: var(--border-subtle);--message-error-bg: var(--state-error-bg);--message-error-border: var(--state-error-border);--message-error-text: var(--state-error-text);--message-success-bg: var(--state-success-bg);--message-success-border: var(--state-success-border);--message-success-text: var(--state-success-text)}.input,input.styled,textarea.styled{width:100%;padding:var(--gu-1) var(--gu-3);height:var(--gu-6);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--gu-1);color:var(--input-text);font-size:16px;font-family:var(--font-body);font-weight:400;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.input::placeholder,input.styled::placeholder,textarea.styled::placeholder{color:var(--input-placeholder)}.input:focus,input.styled:focus,textarea.styled:focus{outline:none;border-color:var(--input-border-focus);background:var(--input-bg-focus)}textarea.styled{height:auto;min-height:calc(var(--gu-6) * 2);resize:vertical}.field{display:flex;flex-direction:column;gap:var(--gu-1);margin-bottom:var(--gu-2)}.field:last-child{margin-bottom:0}.field label{color:var(--input-text);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:calc(var(--gu-6) + var(--gu-1))}.password-field .toggle-password{position:absolute;right:var(--gu-1);width:var(--gu-4);height:var(--gu-4);padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.6;transition:opacity .2s ease}.password-field .toggle-password:hover{opacity:1;transform:none}.password-field .toggle-password:disabled{cursor:not-allowed;opacity:.3}.btn,button.styled{padding:var(--gu-1) var(--gu-3);height:var(--gu-6);border-radius:var(--gu-6);cursor:pointer;font-size:16px;font-weight:400;font-family:var(--font-body);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--gu-1);white-space:nowrap;border:none}.btn.full-width,button.styled.full-width{width:100%}.btn.primary,button.styled.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border:none}.btn.primary:hover:not(:disabled),button.styled.primary:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px)}.btn.primary svg,button.styled.primary svg{stroke:var(--button-primary-text)}.btn.secondary,button.styled.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border)}.btn.secondary:hover:not(:disabled),button.styled.secondary:hover:not(:disabled){background:var(--button-secondary-hover-bg);transform:translateY(-1px)}.btn.danger,button.styled.danger{background:var(--button-danger-bg);color:var(--button-danger-text);border:1px solid var(--button-danger-border)}.btn.danger:hover:not(:disabled),button.styled.danger:hover:not(:disabled){background:var(--button-danger-hover-bg);border-color:var(--button-danger-hover-border);transform:translateY(-1px)}.btn.link,button.styled.link{background:transparent;color:var(--fg-tertiary);text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;padding:0;height:auto;font-weight:400;border:none;border-radius:0}.btn.link:hover:not(:disabled),button.styled.link:hover:not(:disabled){background:transparent;color:var(--fg-primary);transform:none}.btn:active:not(:disabled),button.styled:active:not(:disabled){transform:translateY(0)}.btn:disabled,button.styled:disabled{opacity:.5;cursor:not-allowed}.button-group{display:flex;gap:var(--gu-2);align-items:center}.button-group.vertical{flex-direction:column;gap:var(--gu-1)}.button-group.full-width{width:100%}.button-group.full-width>*{flex:1}.message{padding:var(--gu-1) var(--gu-2);background:var(--message-bg);border:1px solid var(--message-border);border-radius:var(--gu-1);color:var(--input-text);font-family:var(--font-body);font-size:14px;line-height:1.5}.message.error{background:var(--message-error-bg);border-color:var(--message-error-border);color:var(--message-error-text)}.message.success{background:var(--message-success-bg);border-color:var(--message-success-border);color:var(--message-success-text)}@media(max-width:600px){.button-group:not(.vertical){flex-direction:column;width:100%}.button-group:not(.vertical)>*{width:100%}}:root{--gu-setting: 8px;--gu-1: calc(var(--gu-setting) * 1);--gu-2: calc(var(--gu-setting) * 2);--gu-3: calc(var(--gu-setting) * 3);--gu-4: calc(var(--gu-setting) * 4);--gu-5: calc(var(--gu-setting) * 5);--gu-6: calc(var(--gu-setting) * 6);--gu-7: calc(var(--gu-setting) * 7);--gu-8: calc(var(--gu-setting) * 8);--gu-9: calc(var(--gu-setting) * 9);--gu-10: calc(var(--gu-setting) * 10);--gu-12: calc(var(--gu-setting) * 12);--gu-16: calc(var(--gu-setting) * 16);--gu-20: calc(var(--gu-setting) * 20);--gu-24: calc(var(--gu-setting) * 24);--gu-32: calc(var(--gu-setting) * 32);--gu-40: calc(var(--gu-setting) * 40);--gu-48: calc(var(--gu-setting) * 48);--gu-56: calc(var(--gu-setting) * 56);--gu-64: calc(var(--gu-setting) * 64);--gu-72: calc(var(--gu-setting) * 72);--gu-80: calc(var(--gu-setting) * 80);--gu-96: calc(var(--gu-setting) * 96);--gu-100: calc(var(--gu-setting) * 100);--gu-120: calc(var(--gu-setting) * 120);--gu-160: calc(var(--gu-setting) * 160);--gu-200: calc(var(--gu-setting) * 200);--surface-background: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1);--surface-high-contrast: rgba(255, 255, 255, .08);--border-high-contrast: rgba(255, 255, 255, .15);--blk-padding: var(--gu-3);--blk-padding-collapsed: calc(var(--blk-padding) / 2);--blk-gap: var(--gu-2);--mdl-padding: var(--gu-4);--mdl-padding-collapsed: calc(var(--mdl-padding) / 2);--mdl-gap: var(--gu-2);--content-max-width: var(--gu-100)}.block{display:flex;flex-direction:column;padding:var(--blk-padding);gap:var(--blk-gap);width:100%}.block.row{flex-direction:row;max-width:var(--content-max-width);margin-inline:auto}.block.content{max-width:var(--content-max-width);margin-inline:auto}.block.card-classic{background:var(--surface-background, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:var(--gu-1)}.block.card-high-contrast{background:var(--surface-high-contrast, #f5f5f5);border:1px solid var(--border-high-contrast, #d0d0d0);border-radius:var(--gu-1)}.block.hover-card-classic:hover{background:var(--surface-background, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:var(--gu-1)}.block.hover-elevation:hover{box-shadow:0 var(--gu-1) var(--gu-2) #0000001a;transform:translateY(-2px);transition:all .2s ease}.module{display:flex;flex-direction:column;padding:var(--mdl-padding);gap:var(--mdl-gap);width:100%}.module.full-width{max-width:none}.module.strip{padding-block:var(--gu-1);padding-inline:var(--mdl-padding);max-width:none}.module.collapse-top{padding-top:0}.module.collapse-bottom{padding-bottom:0}.module.collapse-inline{padding-inline:0}.cluster{display:flex;gap:inherit}.cluster.content{max-width:var(--content-max-width);margin-inline:auto;width:100%}.cluster.grid{display:grid}.cluster.flex-row{flex-direction:row;flex-wrap:wrap}.cluster.flex-column{flex-direction:column}.cluster.grid-2{grid-template-columns:repeat(2,1fr)}.cluster.grid-3{grid-template-columns:repeat(3,1fr)}.cluster.grid-4{grid-template-columns:repeat(4,1fr)}.cluster.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--gu-40)),1fr))}@media(max-width:600px){.cluster.grid-2,.cluster.grid-3,.cluster.grid-4{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column}.stack.row{flex-direction:row}.stack>.block,.stack>.module{padding-block:var(--blk-padding-collapsed)}.stack>.block:first-of-type,.stack>.module:first-of-type{padding-block-start:var(--blk-padding)}.stack>.block:last-of-type,.stack>.module:last-of-type{padding-block-end:var(--blk-padding)}.stack.row>.block,.stack.row>.module{padding-inline:var(--blk-padding-collapsed)}.stack.row>.block:first-of-type,.stack.row>.module:first-of-type{padding-inline-start:var(--blk-padding)}.stack.row>.block:last-of-type,.stack.row>.module:last-of-type{padding-inline-end:var(--blk-padding)}.stack.styled{background:var(--stack-background, transparent);border:var(--stack-border, none);border-radius:var(--stack-radius, 0)}.stack.content{max-width:var(--content-max-width);margin-inline:auto;width:100%}.gap-1{gap:var(--gu-1)}.gap-2{gap:var(--gu-2)}.gap-3{gap:var(--gu-3)}.gap-4{gap:var(--gu-4)}.gap-6{gap:var(--gu-6)}.gap-8{gap:var(--gu-8)}.padding-1{padding:var(--gu-1)}.padding-2{padding:var(--gu-2)}.padding-3{padding:var(--gu-3)}.padding-4{padding:var(--gu-4)}.padding-6{padding:var(--gu-6)}.padding-8{padding:var(--gu-8)}.margin-1{margin:var(--gu-1)}.margin-2{margin:var(--gu-2)}.margin-3{margin:var(--gu-3)}.margin-4{margin:var(--gu-4)}.margin-6{margin:var(--gu-6)}.margin-8{margin:var(--gu-8)}.padding-inline-1{padding-inline:var(--gu-1)}.padding-inline-2{padding-inline:var(--gu-2)}.padding-inline-4{padding-inline:var(--gu-4)}.padding-block-1{padding-block:var(--gu-1)}.padding-block-2{padding-block:var(--gu-2)}.padding-block-4{padding-block:var(--gu-4)}.flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.grid{display:grid}.grid-center{place-items:center}@media(max-width:600px){.module{padding:var(--gu-1)}.module.strip{padding-inline:var(--gu-1)}.module.collapse-top{padding-top:var(--gu-1)}.module.collapse-bottom{padding-bottom:var(--gu-1)}}.modal-overlay.svelte-82pas4{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal.svelte-82pas4{padding:0;border-radius:24px;max-width:420px;width:90%;max-height:90vh;box-shadow:0 20px 60px #00000080;background:var(--bg-base);overflow:hidden;display:flex;flex-direction:column}.modal-header.svelte-82pas4{position:relative;padding:24px 48px;background:var(--bg-elevated);flex-shrink:0}.logo-section.svelte-82pas4{display:flex;align-items:center;gap:14px;margin-right:40px}.logo.svelte-82pas4{font-family:Pacifico,cursive;font-size:35px;color:var(--fg-primary);line-height:1}.tagline.svelte-82pas4{font-family:Euclid Circular B,sans-serif;font-size:12px;font-weight:300;color:var(--fg-primary);line-height:1}.close-x.svelte-82pas4{position:absolute;top:24px;right:24px;width:36px;height:36px;padding:0;background:transparent;color:var(--fg-secondary);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-x.svelte-82pas4:hover{background:var(--interactive-secondary-hover);color:var(--fg-primary);transform:none}.tabs-header.svelte-82pas4{background:var(--bg-elevated);padding:0 48px;flex-shrink:0}.tabs.svelte-82pas4{display:flex;gap:8px;align-items:center}.tab.svelte-82pas4{padding:8px 16px;background:transparent;color:var(--fg-secondary);border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:16px;font-weight:400;font-family:Open Sans,sans-serif;transition:all .2s ease;position:relative}.tab.svelte-82pas4:hover{color:var(--fg-primary);transform:none}.tab.active.svelte-82pas4{background:var(--bg-base);color:var(--fg-secondary)}.modal-content.svelte-82pas4{overflow-y:auto;flex:1;padding:24px}.section.svelte-82pas4{padding:0 24px 24px}.section.svelte-82pas4:first-child{padding-top:24px}h2.svelte-82pas4{margin:0;color:var(--fg-primary);font-family:Euclid Circular B,sans-serif;font-size:30px;font-weight:700;line-height:1.14}h3.svelte-82pas4{margin:0;color:var(--fg-primary);font-family:Euclid Circular B,sans-serif;font-size:24px;font-weight:700}.field.svelte-82pas4{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field.svelte-82pas4:last-child{margin-bottom:0}label.svelte-82pas4{color:var(--fg-secondary);font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5}input.svelte-82pas4{width:100%;padding:12px 24px;height:48px;background:var(--bg-surface);border:1px solid transparent;border-radius:8px;color:var(--fg-secondary);font-size:16px;font-family:Open Sans,sans-serif;font-weight:400;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}input.svelte-82pas4::placeholder{color:var(--fg-muted)}input.svelte-82pas4:focus{outline:none;border-color:var(--border-medium);background:var(--bg-surface-hover)}.button-group.svelte-82pas4{display:flex;gap:16px;align-items:center}.button-group.vertical.svelte-82pas4{flex-direction:column;gap:12px}button.svelte-82pas4{padding:12px 24px;height:48px;border-radius:48px;cursor:pointer;font-size:16px;font-weight:400;font-family:Open Sans,sans-serif;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button.full-width.svelte-82pas4{width:100%}button.primary.svelte-82pas4{background:var(--interactive-primary);color:var(--fg-inverse);border:none}button.primary.svelte-82pas4:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-1px)}button.primary.svelte-82pas4 svg:where(.svelte-82pas4){stroke:var(--fg-inverse)}button.secondary.svelte-82pas4{background:var(--interactive-secondary);color:var(--fg-primary);border:1px solid var(--fg-primary)}button.secondary.svelte-82pas4:hover:not(:disabled){background:var(--interactive-secondary-hover);transform:translateY(-1px)}button.svelte-82pas4:active:not(:disabled):not(.tab):not(.close-x){transform:translateY(0)}button.svelte-82pas4:disabled{opacity:.5;cursor:not-allowed}.message.svelte-82pas4{padding:12px 16px;background:var(--interactive-secondary-hover);border:1px solid var(--border-subtle);border-radius:8px;color:var(--fg-secondary);margin-top:16px;font-family:Open Sans,sans-serif;font-size:14px}.warning-text.svelte-82pas4{color:var(--fg-secondary);font-family:Open Sans,sans-serif;font-size:16px;line-height:1.5;margin:0}.account-info.svelte-82pas4{margin:0}.email-row.svelte-82pas4{display:flex;align-items:center;gap:12px;padding:16px;background:var(--interactive-secondary-hover);border-radius:8px}.email.svelte-82pas4{color:var(--fg-secondary);font-size:16px;font-family:Open Sans,sans-serif;flex:1}.admin-badge.svelte-82pas4{background:var(--border-medium);color:var(--fg-primary);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;font-family:Euclid Circular B,sans-serif;letter-spacing:.05em;text-decoration:none;cursor:pointer;transition:all .2s ease}.admin-badge.svelte-82pas4:hover{background:var(--border-medium);opacity:.8}.delete-account.svelte-82pas4{background:var(--state-error-bg);color:var(--state-error-text);border:1px solid var(--state-error-border)}.delete-account.svelte-82pas4:hover:not(:disabled){background:var(--state-error-bg);border-color:var(--state-error-border);transform:translateY(-1px)}.link-button.svelte-82pas4{background:transparent;color:var(--fg-tertiary);text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;padding:0;height:auto;font-weight:400;border:none;border-radius:0}.link-button.svelte-82pas4:hover:not(:disabled){background:transparent;color:var(--fg-primary);transform:none}.modal-overlay.svelte-1ldjot{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal.svelte-1ldjot{background:var(--bg-base);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 24px 48px #0006}.modal-header.svelte-1ldjot{display:flex;justify-content:space-between;align-items:flex-start;padding:48px 48px 24px;gap:24px}.header-content.svelte-1ldjot{flex:1}h2.svelte-1ldjot{margin:0 0 8px;color:var(--fg-primary);font-family:Euclid Circular B,sans-serif;font-size:36px;font-weight:700;line-height:1.2}.subtitle.svelte-1ldjot{margin:0;color:var(--fg-secondary);font-family:Open Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.close-x.svelte-1ldjot{width:40px;height:40px;padding:0;background:transparent;color:var(--fg-secondary);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.close-x.svelte-1ldjot:hover{background:var(--interactive-secondary-hover);color:var(--fg-primary)}.pricing-grid.svelte-1ldjot{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0 48px 48px}.pricing-card.svelte-1ldjot{background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;transition:border-color .2s ease,background .2s ease;position:relative;overflow:hidden}.pricing-card.highlighted.svelte-1ldjot{border-color:var(--interactive-primary);background:var(--bg-surface)}.card-banner.svelte-1ldjot{background:var(--interactive-primary);color:var(--fg-inverse);padding:16px;font-size:14px;font-weight:700;font-family:Euclid Circular B,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-align:center;flex-shrink:0}.card-banner.current-banner.svelte-1ldjot{background:var(--bg-surface);color:var(--fg-secondary);border-bottom:1px solid var(--border-medium)}.card-banner-spacer.svelte-1ldjot{height:27px;flex-shrink:0}.card-content.svelte-1ldjot{padding:32px;display:flex;flex-direction:column;flex:1}.tier-header.svelte-1ldjot{margin-bottom:24px}h3.svelte-1ldjot{margin:0 0 4px;color:var(--fg-primary);font-family:Euclid Circular B,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.period.svelte-1ldjot{margin:0;color:var(--fg-secondary);font-family:Open Sans,sans-serif;font-size:14px;font-weight:400}.features.svelte-1ldjot{list-style:none;padding:0;margin:0 0 32px;flex:1}.features.svelte-1ldjot li:where(.svelte-1ldjot){display:flex;align-items:flex-start;gap:12px;color:var(--fg-secondary);font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:12px}.features.svelte-1ldjot li:where(.svelte-1ldjot):last-child{margin-bottom:0}.features.svelte-1ldjot svg:where(.svelte-1ldjot){flex-shrink:0;margin-top:2px;color:var(--interactive-primary)}.select-button.svelte-1ldjot{width:100%;padding:14px 24px;height:52px;background:var(--interactive-secondary);color:var(--fg-primary);border:1px solid var(--border-medium);border-radius:48px;cursor:pointer;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.select-button.svelte-1ldjot:hover:not(:disabled){background:var(--interactive-secondary-hover)}.select-button.highlighted.svelte-1ldjot{background:var(--interactive-primary);color:var(--fg-inverse);border-color:var(--interactive-primary)}.select-button.highlighted.svelte-1ldjot:hover:not(:disabled){background:var(--interactive-primary-hover)}.select-button.current.svelte-1ldjot{background:transparent;color:var(--fg-secondary);border-color:var(--border-subtle);cursor:default}.select-button.current.svelte-1ldjot:hover{background:transparent}.select-button.svelte-1ldjot:disabled{opacity:.5;cursor:not-allowed}.error-message.svelte-1ldjot{background:var(--state-error-bg);color:var(--state-error-text);padding:16px 24px;margin:0 48px 24px;border-radius:8px;border:1px solid var(--state-error-border);font-family:Open Sans,sans-serif;font-size:14px;text-align:center}@media(max-width:1024px){.pricing-grid.svelte-1ldjot{grid-template-columns:repeat(2,1fr);gap:16px}.modal-header.svelte-1ldjot{padding:32px 32px 24px}.pricing-grid.svelte-1ldjot{padding:0 32px 32px}h2.svelte-1ldjot{font-size:28px}.subtitle.svelte-1ldjot{font-size:16px}}@media(max-width:640px){.modal-overlay.svelte-1ldjot{padding:16px}.modal.svelte-1ldjot{border-radius:12px}.modal-header.svelte-1ldjot{padding:24px 24px 16px}.pricing-grid.svelte-1ldjot{padding:0 24px 24px}h2.svelte-1ldjot{font-size:24px}.subtitle.svelte-1ldjot{font-size:14px}.pricing-card.svelte-1ldjot{padding:24px}h3.svelte-1ldjot{font-size:20px}.features.svelte-1ldjot li:where(.svelte-1ldjot){font-size:14px}}.footer.svelte-jz8lnl{padding-top:var(--gu-3)}.footer.has-player.svelte-jz8lnl{padding-bottom:calc(var(--gu-20) + var(--gu-4))}.footer-links.svelte-jz8lnl{display:flex;flex-wrap:wrap;gap:var(--gu-3);align-items:center;justify-content:center;width:100%}.footer-links.svelte-jz8lnl a:where(.svelte-jz8lnl){color:var(--fg-tertiary);text-decoration:none;font-size:var(--text-sm);font-family:var(--font-body)}.footer-links.svelte-jz8lnl a:where(.svelte-jz8lnl):hover{opacity:.8}.cta-wrapper.svelte-85m3ol{display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:800px;transform-origin:bottom center;transform:scaleY(var(--initial-scale, 0)) scaleX(.95);opacity:0;transition:transform var(--animation-duration, .4s) cubic-bezier(.34,1.56,.64,1),opacity var(--animation-duration, .4s) ease-out}.cta-wrapper.visible.svelte-85m3ol{transform:scaleY(1) scaleX(1);opacity:1}.cta-icon.svelte-85m3ol{flex-shrink:0;display:block;width:16px;height:16px}.cta-icon.right.svelte-85m3ol{transform:rotate(180deg) scaleY(-1)}.cta.svelte-85m3ol{background:#000;padding:8px 28px;text-align:center;border-radius:16px 16px 0 0;flex-shrink:0}.cta.svelte-85m3ol p:where(.svelte-85m3ol){margin:0;font-family:Noto Sans Display,sans-serif;font-size:16px;font-weight:400;color:#fff;line-height:normal}.cta.svelte-85m3ol strong:where(.svelte-85m3ol){font-family:Noto Sans Display,sans-serif;font-weight:700;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font}.cta-button.svelte-85m3ol{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;display:inline}.cta-button.svelte-85m3ol:hover{opacity:.8}@media(max-width:600px){.cta.svelte-85m3ol p:where(.svelte-85m3ol){font-size:14px}}.player-container.svelte-nfsfpn{position:fixed;bottom:0;left:0;right:0;z-index:100;padding-top:var(--gu-5);display:flex;flex-direction:column;align-items:center;gap:0}.player-container.svelte-nfsfpn:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-color, #00025e) 100%);z-index:-1;transition:background .6s ease}.player-bar.svelte-nfsfpn{max-width:800px;width:100%;border-radius:48px;padding:16px;transition:background .6s ease;box-sizing:border-box;position:relative;z-index:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.player-content.svelte-nfsfpn{display:flex;align-items:center;gap:0;width:100%}.player-play-btn.svelte-nfsfpn{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;background:var(--player-fg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:12px;flex-shrink:0;transition:transform .2s,color .6s ease}.player-play-btn.svelte-nfsfpn:hover{transform:scale(1.05)}.pause-icon.svelte-nfsfpn{display:flex;gap:4px;align-items:center;justify-content:center;width:25px;height:25px}.pause-bar.svelte-nfsfpn{width:10.493px;height:25.183px;border-radius:0}.player-info.svelte-nfsfpn{flex:1;min-width:0;display:grid;grid-template-columns:2fr 3fr;gap:8px;padding:8px}.player-track-label.svelte-nfsfpn{display:flex;align-items:center;gap:7px;font-family:Euclid Circular B,sans-serif;font-size:20px;font-weight:700;color:var(--player-fg);background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s;min-width:0;overflow:hidden}.player-track-label.svelte-nfsfpn:hover{opacity:.7}.player-track-name.svelte-nfsfpn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.player-separator.svelte-nfsfpn{color:var(--player-fg);font-weight:400}.player-track-info.svelte-nfsfpn{display:grid;grid-template-columns:2fr 3fr;gap:16px;align-items:center;min-width:0}.track-title.svelte-nfsfpn{font-family:Euclid Circular B,sans-serif;font-size:14px;font-weight:700;color:var(--player-fg);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-progress.svelte-nfsfpn{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-time.svelte-nfsfpn{font-family:Euclid Circular B,sans-serif;font-size:14px;font-weight:500;color:var(--player-fg);white-space:nowrap;flex-shrink:0}.progress-bar.svelte-nfsfpn{flex:1;min-width:100px;height:auto;background:var(--player-fg);border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:56px}.progress-track.svelte-nfsfpn{width:100%;height:2px;background:#ffffff4d;position:relative;border-radius:2px;overflow:hidden}.progress-fill.svelte-nfsfpn{position:absolute;left:0;top:0;height:2px;transition:width .1s linear,background .6s ease;border-radius:2px}@media(max-width:600px){.player-bar.svelte-nfsfpn{width:100%;padding:var(--gu-2)}.player-content.svelte-nfsfpn{gap:2px}.player-play-btn.svelte-nfsfpn{width:50px;height:50px;min-width:50px;min-height:50px}.player-info.svelte-nfsfpn{display:flex;flex-direction:column;grid-template-columns:none;gap:8px}.player-track-label.svelte-nfsfpn{font-size:16px}.player-track-info.svelte-nfsfpn{grid-template-columns:2fr 3fr;gap:16px;width:100%}.track-title.svelte-nfsfpn{font-size:11px;font-weight:700;text-align:left}.player-time.svelte-nfsfpn{font-size:11px}}body{margin:0;padding:0;font-family:var(--font-display);background:var(--bg-base);color:var(--fg-primary)}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh;transition:background-color .6s ease}.admin-header.module.strip.svelte-12qhfyh{padding-inline:0;flex-direction:row}.admin-header.svelte-12qhfyh .block.row:where(.svelte-12qhfyh){max-width:none;padding-inline:2rem;margin:0}main.svelte-12qhfyh{flex:1}.module.strip.svelte-12qhfyh .block.row:where(.svelte-12qhfyh){justify-content:space-between;align-items:center}.logo.svelte-12qhfyh{display:flex;align-items:baseline;gap:var(--gu-1)}.logo-link.svelte-12qhfyh{text-decoration:none;cursor:pointer;transition:opacity .2s ease}.logo-link.svelte-12qhfyh:hover{opacity:.8}.logo-instro.svelte-12qhfyh{font-family:var(--font-logo);font-size:24px;color:var(--fg-primary)}.logo-tagline.svelte-12qhfyh{font-family:var(--font-body);font-weight:300;font-size:var(--text-sm);color:var(--fg-tertiary)}.header-right.svelte-12qhfyh{display:flex;gap:var(--gu-3)}.header-right.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--fg-primary);text-decoration:none;font-size:var(--text-base);font-family:var(--font-body)}.header-right.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{opacity:.8}.nav-button.svelte-12qhfyh{background:none;border:none;color:var(--fg-primary);text-decoration:none;font-size:var(--text-base);cursor:pointer;padding:0;font-family:var(--font-body)}.nav-button.svelte-12qhfyh:hover{opacity:.8}.mobile-menu-btn.svelte-12qhfyh{display:none;background:none;border:none;cursor:pointer;padding:var(--gu-1)}.mobile-menu-overlay.svelte-12qhfyh{position:fixed;inset:0;background:var(--bg-base);z-index:1000;display:flex;align-items:center;justify-content:center}.mobile-menu.svelte-12qhfyh{background:transparent;width:100%;padding:var(--gu-4);display:flex;flex-direction:column;gap:var(--gu-5);align-items:center}.mobile-menu.svelte-12qhfyh a:where(.svelte-12qhfyh),.mobile-menu.svelte-12qhfyh button:where(.svelte-12qhfyh){color:var(--fg-primary);text-decoration:none;font-size:24px;font-family:var(--font-body);padding:0;background:none;border:none;text-align:center;cursor:pointer;line-height:1.2}.mobile-menu.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.mobile-menu.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{opacity:.7}@media(max-width:600px){.desktop-nav.svelte-12qhfyh{display:none}.mobile-menu-btn.svelte-12qhfyh{display:block}}