:root{color-scheme:dark;--font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans-native: system-ui, -apple-system, "Segoe UI", sans-serif;--bg-app: #0a1017;--bg-shell: #0d141c;--bg-topbar: #101821;--bg-sidebar: #0b1118;--bg-panel: #121b25;--bg-panel-2: #172230;--bg-tile: #1b2735;--bg-input: #16212d;--bg-preview: #000000;--bg-statusbar: #0d141c;--bg-hover: #1a2634;--bg-selected: #203243;--bg-menu: #101924;--bg-tab-active: #152231;--bg-tab-inactive: transparent;--bg-backdrop: rgba(4, 8, 14, .78);--text-primary: #edf5fb;--text-secondary: #b7c5d4;--text-muted: #728295;--text-disabled: #516171;--text-inverse: #ffffff;--border-subtle: #183238;--border-strong: #21464e;--border-light: #8fc7c0;--accent-primary: #18d1ba;--accent-primary-hover: #24e3cb;--accent-primary-active: #11b49f;--accent-primary-soft: rgba(24, 209, 186, .2);--accent-stage: #6ef0e3;--accent-stage-soft: rgba(110, 240, 227, .14);--accent-stage-text: #6ef0e3;--accent-planning: #4a8fc9;--accent-planning-hover: #5a9fd6;--accent-planning-active: #3d7db3;--accent-planning-soft: rgba(74, 143, 201, .2);--accent-planning-muted: #355f82;--accent-planning-text: #8eb8d9;--accent-module-services: #67b5ff;--accent-module-services-soft: rgba(103, 181, 255, .2);--accent-module-services-text: #9ccfff;--accent-module-songs: var(--accent-primary);--accent-module-songs-soft: var(--accent-primary-soft);--accent-module-songs-text: #5ee6d4;--accent-module-people: var(--accent-warning);--accent-module-people-soft: rgba(255, 203, 87, .18);--accent-module-people-text: #ffd98a;--accent-module-profile: #a78bfa;--accent-module-profile-soft: rgba(167, 139, 250, .2);--accent-module-profile-text: #c4b5fd;--accent-danger: #ff5c5c;--accent-danger-hover: #ff7676;--accent-warning: #ffcb57;--accent-info: #67b5ff;--accent-success: #23d7bd;--focus-keyboard: #4d9fff;--focus-keyboard-ring: rgba(77, 159, 255, .32);--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-control: 8px;--radius-tile: 14px;--radius-card: 18px;--mode-card-radius: 20px;--motion-fast: .12s;--motion-medium: .18s;--motion-slow: .24s;--easing-standard: cubic-bezier(.2, 0, .2, 1);--easing-emphasized: ease;--bp-tablet: 900px;--bp-laptop: 1200px;--bp-desktop: 1440px;--bp-large-desktop: 1680px;--z-base: 0;--z-content: 1;--z-sticky: 10;--z-sidebar: 90;--z-topbar: 100;--z-dropdown: 400;--z-popover: 450;--z-toast: 500;--z-modal-backdrop: 600;--z-modal: 700;--z-fullscreen-preview: 800;--z-critical-overlay: 900;--shadow-subtle: 0 14px 32px rgba(2, 10, 18, .28);--control-height: 44px;--control-height-sm: 36px;--control-pad-x: var(--space-12);--control-radius: var(--radius-control);--field-bg: color-mix(in srgb, var(--bg-input) 88%, #0a121a 12%);--field-bg-elevated: color-mix(in srgb, var(--bg-tile) 55%, var(--bg-input) 45%);--field-border: color-mix(in srgb, var(--border-subtle) 72%, #2a4a55 28%);--field-border-hover: color-mix(in srgb, var(--border-strong) 55%, var(--accent-primary) 45%);--field-border-focus: var(--focus-keyboard);--field-ring-focus: var(--focus-keyboard-ring);--field-text: var(--text-primary);--field-placeholder: color-mix(in srgb, var(--text-muted) 88%, var(--text-secondary) 12%);--field-disabled-bg: color-mix(in srgb, var(--bg-input) 55%, var(--bg-shell) 45%);--field-disabled-text: var(--text-disabled);--field-border-invalid: var(--accent-danger);--field-error-text: color-mix(in srgb, var(--accent-danger) 88%, #fff 12%);--field-helper-text: var(--text-muted);--field-label-text: color-mix(in srgb, var(--text-secondary) 82%, var(--text-primary) 18%);--field-label-size: var(--fs-13);--field-icon-muted: var(--text-muted);--field-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .055);--btn-primary-bg: var(--accent-primary);--btn-primary-bg-hover: var(--accent-primary-hover);--btn-primary-bg-active: var(--accent-primary-active);--btn-primary-border: var(--btn-primary-bg);--btn-primary-text: var(--text-inverse);--btn-secondary-bg: color-mix(in srgb, var(--bg-tile) 78%, var(--bg-panel-2) 22%);--btn-secondary-bg-hover: color-mix(in srgb, var(--bg-hover) 82%, var(--bg-tile) 18%);--btn-secondary-border: color-mix(in srgb, var(--border-subtle) 70%, #2c4550 30%);--btn-secondary-text: var(--text-primary);--btn-ghost-bg-hover: color-mix(in srgb, var(--bg-hover) 70%, transparent);--btn-ghost-text: var(--text-secondary);--btn-danger-bg: var(--accent-danger);--btn-danger-bg-hover: var(--accent-danger-hover);--btn-danger-text: var(--text-inverse);--menu-bg: color-mix(in srgb, var(--bg-panel-2) 92%, #0c141c 8%);--menu-border: color-mix(in srgb, var(--border-subtle) 80%, #2a404c 20%);--menu-shadow: 0 16px 40px rgba(0, 0, 0, .42);--menu-item-hover: color-mix(in srgb, var(--accent-primary-soft) 55%, transparent);--menu-item-selected: color-mix(in srgb, var(--accent-primary-soft) 80%, transparent);--menu-radius: var(--radius-xl);--chip-bg: color-mix(in srgb, var(--bg-tile) 85%, transparent);--chip-bg-selected: color-mix(in srgb, var(--accent-primary) 78%, #1a3038 22%);--chip-text: var(--text-secondary);--chip-text-selected: var(--text-inverse);--chip-radius: var(--radius-lg);--content-panel-bg: color-mix(in srgb, var(--bg-panel) 90%, transparent);--content-panel-border: color-mix(in srgb, var(--border-subtle) 88%, transparent);--planning-bg-app: var(--bg-app);--planning-bg-sidebar: var(--bg-sidebar);--planning-bg-content: var(--bg-shell);--planning-bg-panel: var(--bg-panel);--planning-bg-chip: var(--bg-tile);--planning-bg-chip-selected: var(--accent-planning);--planning-border-subtle: var(--border-subtle);--planning-border-strong: var(--border-strong);--planning-bg-texture-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--planning-bg-texture-size: 180px 180px;--planning-bg-texture-opacity: .1;--planning-bg-texture-blend: soft-light;--planning-content-max: 32rem;--planning-content-max-wide: 56rem;--planning-content-max-xl: 68rem;--planning-rail-width: 15rem;--planning-topbar-height: 3.25rem;--planning-shell-pad-top: var(--space-20);--planning-shell-pad-x: max(1.25rem, env(safe-area-inset-right));--planning-shell-pad-x-left: max(1.25rem, env(safe-area-inset-left));--planning-shell-pad-bottom: max(2rem, env(safe-area-inset-bottom));--planning-rail-sticky-top: calc( var(--planning-topbar-height) + env(safe-area-inset-top, 0px) + var(--space-12) );--touch-target-min: 44px;--role-guide-pad: var(--space-16);--role-guide-pad-lg: var(--space-20);--role-guide-gap: var(--space-16);--role-guide-gap-tight: var(--space-8);--role-guide-card-pad: var(--space-16);--role-guide-card-radius: var(--radius-tile);--role-guide-mark-size: var(--space-24);--role-guide-mark-icon: var(--space-16);--role-guide-row-gap: var(--space-10);--role-guide-col-min: var(--space-48);--role-guide-label-col: 10rem;--role-guide-scroll-track: color-mix(in srgb, var(--color-surface-shell) 70%, transparent);--role-guide-scroll-thumb: color-mix(in srgb, var(--color-mode-planning) 40%, transparent);--profile-pad: var(--space-16);--profile-pad-lg: var(--space-20);--profile-gap: var(--space-16);--profile-gap-section: var(--space-20);--profile-section-pad: var(--space-16);--profile-section-radius: var(--radius-tile);--profile-avatar-lg: calc( (var(--field-label-size) * 1.25 + var(--space-6) + var(--control-height)) * 2 + var(--profile-row-gap) );--profile-avatar-mobile: var(--profile-avatar-lg);--profile-chip-gap: var(--space-8);--profile-row-gap: var(--space-12);--profile-actions-pad-y: var(--space-12);--profile-actions-blur: color-mix(in srgb, var(--color-surface-panel) 92%, transparent);--modal-max-width: 28rem;--modal-pad: var(--space-20);--modal-radius: var(--radius-card);--modal-sheet-radius: 1rem;--modal-max-height: min(92dvh, 40rem);--color-surface-page: var(--bg-app);--color-surface-shell: var(--bg-shell);--color-surface-topbar: var(--bg-topbar);--color-surface-sidebar: var(--bg-sidebar);--color-surface-panel: var(--bg-panel);--color-surface-panel-strong: var(--bg-panel-2);--color-surface-tile: var(--bg-tile);--color-surface-input: var(--bg-input);--color-surface-preview: var(--bg-preview);--color-surface-statusbar: var(--bg-statusbar);--color-surface-hover: var(--bg-hover);--color-surface-selected: var(--bg-selected);--color-surface-menu: var(--bg-menu);--color-surface-tab-active: var(--bg-tab-active);--color-surface-tab-inactive: var(--bg-tab-inactive);--color-surface-backdrop: var(--bg-backdrop);--color-text-body: var(--text-primary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-text-disabled: var(--text-disabled);--color-text-on-primary: var(--text-inverse);--color-text: var(--color-text-primary);--color-border-default: var(--border-subtle);--color-border-strong: var(--border-strong);--color-border-light: var(--border-light);--color-border-focus: var(--focus-keyboard);--color-action-primary: var(--accent-primary);--color-action-primary-hover: var(--accent-primary-hover);--color-action-primary-active: var(--accent-primary-active);--color-action-primary-soft: var(--accent-primary-soft);--color-action-danger: var(--accent-danger);--color-action-danger-hover: var(--accent-danger-hover);--color-action-warning: var(--accent-warning);--color-action-info: var(--accent-info);--color-danger: var(--color-action-danger);--color-mode-stage: var(--accent-stage);--color-mode-stage-soft: var(--accent-stage-soft);--color-mode-stage-text: var(--accent-stage-text);--color-mode-planning: var(--accent-planning);--color-mode-planning-soft: var(--accent-planning-soft);--color-mode-planning-text: var(--accent-planning-text);--color-mode-planning-muted: var(--accent-planning-muted);--presentation-alert-max-width: 920px;--presentation-alert-side-inset: clamp(20px, 4vw, 48px);--presentation-alert-vertical-inset: clamp(20px, 5vh, 48px);--presentation-alert-radius: 22px;--presentation-alert-padding: 18px 24px;--presentation-alert-font-size: clamp(28px, 3.6vw, 56px);--presentation-alert-letter-spacing: -.02em;--presentation-alert-shadow: 0 22px 52px rgba(0, 0, 0, .34);--presentation-alert-motion-distance: 28px;--color-alert-preset-standard-bg: color-mix(in srgb, rgba(19, 22, 27, .82) 72%, var(--color-surface-panel-strong) 28%);--color-alert-preset-standard-border: color-mix(in srgb, var(--color-action-primary) 38%, var(--color-border-default) 62%);--color-alert-preset-standard-text: var(--color-text-body);--color-alert-preset-info-bg: color-mix(in srgb, rgba(17, 24, 36, .84) 70%, var(--color-action-info) 30%);--color-alert-preset-info-border: color-mix(in srgb, var(--color-action-info) 58%, var(--color-border-default) 42%);--color-alert-preset-info-text: var(--color-text-body);--color-alert-preset-warning-bg: color-mix(in srgb, rgba(35, 27, 12, .84) 72%, var(--color-action-warning) 28%);--color-alert-preset-warning-border: color-mix(in srgb, var(--color-action-warning) 62%, var(--color-border-default) 38%);--color-alert-preset-warning-text: var(--color-text-body);--color-alert-preset-critical-bg: color-mix(in srgb, rgba(38, 16, 16, .84) 72%, var(--color-action-danger) 28%);--color-alert-preset-critical-border: color-mix(in srgb, var(--color-action-danger) 70%, var(--color-border-default) 30%);--color-alert-preset-critical-text: var(--color-text-body);--color-status-warning: var(--accent-warning);--color-status-info: var(--accent-info);--color-status-success: var(--accent-success);--color-focus-keyboard: var(--focus-keyboard);--color-focus-ring: var(--focus-keyboard-ring);--color-focus-ring-brand: rgba(24, 209, 186, .28);--color-bg: var(--color-surface-page);--color-surface: var(--color-surface-panel);--color-surface-elevated: var(--color-surface-panel-strong);--color-border: var(--color-border-default);--color-accent: var(--color-action-primary);--remote-tab-bar-inset: calc(6.5rem + env(safe-area-inset-bottom, 0px)) ;--remote-controller-dock-inset: calc(10rem + env(safe-area-inset-bottom, 0px)) ;--brand-pill-bg: transparent;--brand-pill-border: transparent;--brand-pill-shadow: none;--brand-wordmark-glow: none;--brand-wordmark-shadow: none}.ui-planning-hub-shell{--color-action-primary: var(--accent-planning);--color-action-primary-hover: var(--accent-planning-hover);--color-action-primary-active: var(--accent-planning-active);--color-action-primary-soft: var(--accent-planning-soft);--color-accent: var(--accent-planning);--btn-primary-bg: var(--accent-planning);--btn-primary-bg-hover: var(--accent-planning-hover);--btn-primary-bg-active: var(--accent-planning-active);--btn-primary-border: var(--accent-planning);--field-border-hover: color-mix(in srgb, var(--planning-border-strong) 45%, var(--accent-planning) 55%);--menu-item-hover: color-mix(in srgb, var(--accent-planning-soft) 70%, transparent);--menu-item-selected: color-mix(in srgb, var(--accent-planning-soft) 90%, transparent);--chip-bg: var(--planning-bg-chip);--chip-bg-selected: var(--planning-bg-chip-selected);--chip-text-selected: var(--text-inverse);--content-panel-bg: color-mix(in srgb, var(--planning-bg-panel) 92%, transparent);--content-panel-border: var(--planning-border-subtle);--color-surface-sidebar: var(--planning-bg-sidebar);--color-focus-ring-brand: var(--accent-planning-soft);--module-dashboard: var(--accent-planning);--module-dashboard-soft: var(--accent-planning-soft);--module-dashboard-text: var(--accent-planning-text);--module-services: var(--accent-module-services);--module-services-soft: var(--accent-module-services-soft);--module-services-text: var(--accent-module-services-text);--module-songs: var(--accent-module-songs);--module-songs-soft: var(--accent-module-songs-soft);--module-songs-text: var(--accent-module-songs-text);--module-people: var(--accent-module-people);--module-people-soft: var(--accent-module-people-soft);--module-people-text: var(--accent-module-people-text);--module-profile: var(--accent-module-profile);--module-profile-soft: var(--accent-module-profile-soft);--module-profile-text: var(--accent-module-profile-text)}[data-theme=light]{color-scheme:light;--bg-app: #f3f5f8;--bg-shell: #f7f8fa;--bg-topbar: #fbfbfc;--bg-sidebar: #f0f2f5;--bg-panel: #ffffff;--bg-panel-2: #fafbfc;--bg-tile: #f5f6f8;--bg-input: #ffffff;--bg-preview: #0a1017;--bg-statusbar: #f0f2f5;--bg-hover: #eceef2;--bg-selected: #e7f2f0;--bg-menu: #ffffff;--bg-tab-active: #eef6f4;--bg-tab-inactive: transparent;--bg-backdrop: rgba(20, 28, 38, .36);--text-primary: #151a22;--text-secondary: #4a5563;--text-muted: #7a8694;--text-disabled: #a0aab6;--text-inverse: #ffffff;--border-subtle: #e4e7ec;--border-strong: #cfd3db;--border-light: #5a9a94;--accent-primary: #0f9f8c;--accent-primary-hover: #12b5a0;--accent-primary-active: #0c8676;--accent-primary-soft: rgba(15, 159, 140, .12);--accent-stage: #0f9f8c;--accent-stage-soft: rgba(15, 159, 140, .1);--accent-stage-text: #0c7a6c;--accent-planning: #3b7eb5;--accent-planning-hover: #4a8fc9;--accent-planning-active: #2f6a9a;--accent-planning-soft: rgba(59, 126, 181, .12);--accent-planning-muted: #6b8aa8;--accent-planning-text: #2a5f8a;--planning-bg-texture-opacity: .07;--planning-bg-texture-blend: multiply;--accent-module-services: #3b8fd9;--accent-module-services-soft: rgba(59, 143, 217, .12);--accent-module-services-text: #2468a8;--accent-module-songs: var(--accent-primary);--accent-module-songs-soft: var(--accent-primary-soft);--accent-module-songs-text: #0c7a6c;--accent-module-people: #c9921f;--accent-module-people-soft: rgba(201, 146, 31, .14);--accent-module-people-text: #9a6f12;--accent-module-profile: #7c5cbf;--accent-module-profile-soft: rgba(124, 92, 191, .12);--accent-module-profile-text: #5b3f96;--accent-danger: #e04545;--accent-danger-hover: #ef5a5a;--accent-warning: #c99212;--accent-info: #2f7fd1;--accent-success: #149a7a;--focus-keyboard: #2f7fd1;--focus-keyboard-ring: rgba(47, 127, 209, .22);--shadow-subtle: 0 8px 22px rgba(22, 28, 36, .06);--field-bg: #ffffff;--field-bg-elevated: #fafbfc;--field-border: #e0e4ea;--field-border-hover: color-mix(in srgb, var(--border-strong) 40%, var(--accent-primary) 60%);--field-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .95);--btn-secondary-bg: #f3f4f6;--btn-secondary-bg-hover: var(--bg-hover);--btn-secondary-border: var(--border-subtle);--btn-ghost-bg-hover: color-mix(in srgb, var(--bg-hover) 85%, transparent);--menu-bg: #ffffff;--menu-border: var(--border-subtle);--menu-shadow: 0 12px 32px rgba(22, 28, 36, .1);--chip-bg: #f3f4f6;--chip-bg-selected: var(--accent-primary);--chip-text: var(--text-secondary);--chip-text-selected: var(--text-inverse);--content-panel-bg: var(--bg-panel);--content-panel-border: var(--border-subtle);--color-focus-ring-brand: rgba(15, 159, 140, .18);--color-alert-preset-standard-bg: color-mix(in srgb, rgba(255, 255, 255, .96) 80%, var(--color-surface-panel-strong) 20%);--color-alert-preset-info-bg: color-mix(in srgb, rgba(240, 246, 255, .96) 78%, var(--color-action-info) 22%);--color-alert-preset-warning-bg: color-mix(in srgb, rgba(255, 250, 236, .96) 78%, var(--color-action-warning) 22%);--color-alert-preset-critical-bg: color-mix(in srgb, rgba(255, 242, 242, .96) 78%, var(--color-action-danger) 22%);--brand-pill-bg: transparent;--brand-pill-border: transparent;--brand-pill-shadow: none;--brand-wordmark-glow: none;--brand-wordmark-shadow: none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{font-family:var(--font-sans);background:var(--color-surface-page);color:var(--color-text-body)}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at top,color-mix(in srgb,var(--color-action-primary-soft) 45%,transparent),transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-shell) 76%,transparent),transparent 28%),var(--color-surface-page);color:var(--color-text-body);text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}*:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}::-moz-selection{background:color-mix(in srgb,var(--color-action-primary) 36%,transparent);color:var(--color-text-on-primary)}::selection{background:color-mix(in srgb,var(--color-action-primary) 36%,transparent);color:var(--color-text-on-primary)}button,input,textarea,select{font:inherit}button{color:inherit}input,textarea,select{min-height:var(--control-height);border:1px solid var(--field-border);border-radius:var(--control-radius);background:var(--field-bg);color:var(--field-text);transition:border-color var(--motion-fast) var(--easing-standard),background-color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}input:hover,textarea:hover{border-color:var(--field-border-hover);background:var(--field-bg-elevated)}select:hover{border-color:var(--field-border-hover)}input:focus,textarea:focus{border-color:var(--field-border-focus);background:var(--field-bg-elevated);box-shadow:0 0 0 3px var(--field-ring-focus);outline:none}select:focus{border-color:var(--field-border-focus);box-shadow:0 0 0 3px var(--field-ring-focus);outline:none}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--field-placeholder);opacity:1}input::placeholder,textarea::placeholder{color:var(--field-placeholder);opacity:1}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;border-color:color-mix(in srgb,var(--field-border) 70%,transparent);background:var(--field-disabled-bg);color:var(--field-disabled-text);box-shadow:none}select option{background:var(--menu-bg);color:var(--field-text)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--field-text)!important;box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1.05rem;height:1.05rem;padding:0;margin-left:.25rem;opacity:1;filter:none;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:1.05rem 1.05rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23edf5fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}[data-theme=light] input[type=date]{color-scheme:light}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");opacity:.9}.ui-shell-surface{background:radial-gradient(circle at left top,color-mix(in srgb,var(--color-action-primary-soft) 34%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-shell) 96%,transparent),color-mix(in srgb,var(--color-surface-page) 82%,transparent))}.ui-app-matte{background:radial-gradient(ellipse 130% 72% at 50% -10%,color-mix(in srgb,var(--color-action-primary-soft) 20%,transparent),transparent 56%),radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--color-action-primary-soft) 14%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-shell) 97%,transparent),color-mix(in srgb,var(--color-surface-page) 90%,transparent) 72%,var(--color-bg))}.ui-remote-page{box-sizing:border-box;width:100%;max-width:40rem;margin-inline:auto;padding:max(var(--space-20),env(safe-area-inset-top)) max(var(--space-20),env(safe-area-inset-right)) var(--space-24) max(var(--space-20),env(safe-area-inset-left))}.ui-remote-page--wide{max-width:48rem}.ui-remote-shell:has(.ui-remote-page--audio){display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.ui-remote-shell:has(.ui-remote-page--audio)>main{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:0}.ui-remote-page--audio{display:grid;flex:1 1 0;grid-template-rows:auto minmax(0,1fr);width:100%;min-height:0;overflow:hidden;padding-bottom:var(--remote-tab-bar-inset)}.ui-remote-page--audio .ui-page-header{flex-shrink:0;padding-bottom:var(--space-16)}.ui-audio-remote-page-shell{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ui-audio-remote-page-body{display:flex;flex:1 1 0;flex-direction:column;gap:var(--space-12);min-height:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-20)}.ui-audio-remote-player-stage{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}.ui-page-header{padding-bottom:var(--space-4)}.ui-topbar{border-bottom:1px solid var(--color-border-default);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-topbar) 96%,transparent),color-mix(in srgb,var(--color-surface-shell) 92%,transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-remote-shell>main{padding-bottom:var(--remote-tab-bar-inset)}.ui-bottomnav{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-topbar);padding:var(--space-8) max(var(--space-12),env(safe-area-inset-left)) max(var(--space-16),env(safe-area-inset-bottom)) max(var(--space-12),env(safe-area-inset-right));pointer-events:none}.ui-bottomnav__dock{pointer-events:auto;margin-inline:auto;max-width:56rem;border:1px solid color-mix(in srgb,var(--color-border-default) 82%,transparent);border-radius:var(--mode-card-radius);background:linear-gradient(165deg,color-mix(in srgb,var(--color-surface-panel-strong) 92%,transparent),color-mix(in srgb,var(--color-surface-shell) 98%,transparent));box-shadow:0 -10px 40px color-mix(in srgb,black 42%,transparent),0 1px color-mix(in srgb,white 5%,transparent) inset;padding:var(--space-6) var(--space-4);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.ui-bottomnav__list{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.ui-bottomnav__link{border-radius:var(--radius-tile);text-decoration:none;-webkit-tap-highlight-color:transparent}.ui-bottomnav__link:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.ui-panel{border:1px solid color-mix(in srgb,var(--color-border-default) 88%,transparent);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-panel-strong) 94%,transparent),color-mix(in srgb,var(--color-surface-shell) 99%,transparent));box-shadow:0 1px color-mix(in srgb,white 4%,transparent) inset,var(--shadow-subtle)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-8);min-height:28px;padding:0 var(--space-12);border:1px solid var(--color-border-default);border-radius:999px;background:color-mix(in srgb,var(--color-surface-panel-strong) 88%,transparent);color:var(--color-text-secondary);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.04em}.ui-badge-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}.ui-badge[data-variant=success] .ui-badge-dot{background:var(--color-status-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-status-success) 22%,transparent)}.ui-badge[data-variant=warning] .ui-badge-dot{background:var(--color-status-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-status-warning) 22%,transparent)}.ui-badge[data-variant=danger] .ui-badge-dot{background:var(--color-action-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action-danger) 22%,transparent)}.ui-badge[data-variant=info] .ui-badge-dot{background:var(--color-status-info);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-status-info) 22%,transparent)}.ui-badge[data-variant=planning]{border-color:color-mix(in srgb,var(--accent-planning) 40%,var(--color-border-default));background:color-mix(in srgb,var(--accent-planning-soft) 70%,transparent);color:var(--accent-planning-text)}.ui-badge[data-variant=planning] .ui-badge-dot{background:var(--accent-planning);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-planning) 22%,transparent)}.ui-badge[data-variant=teal]{border-color:color-mix(in srgb,var(--accent-primary) 40%,var(--color-border-default));background:color-mix(in srgb,var(--accent-primary-soft) 75%,transparent);color:var(--accent-module-songs-text, var(--accent-primary))}.ui-badge[data-variant=teal] .ui-badge-dot{background:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.ui-page-mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:.65rem;background:color-mix(in srgb,var(--module-dashboard-soft, var(--accent-planning-soft)) 85%,transparent);color:var(--module-dashboard-text, var(--accent-planning-text));box-shadow:0 0 0 1px color-mix(in srgb,var(--module-dashboard, var(--accent-planning)) 16%,transparent) inset}.ui-page-header__title-row,.ui-song-library__page-header-top .ui-page-header__title-row{display:flex;align-items:center;gap:.75rem;min-width:0}.ui-page-header__title-row .ui-planning-hub__title{margin:0}.ui-empty-state .ui-page-mark{width:2.75rem;height:2.75rem;border-radius:.85rem}.ui-empty-state>p{margin:0;max-width:22rem}.ui-dev-banner{position:sticky;top:0;z-index:var(--z-topbar);display:flex;align-items:center;gap:var(--space-8);width:100%;padding:max(var(--space-8),env(safe-area-inset-top)) max(var(--space-12),env(safe-area-inset-right)) var(--space-8) max(var(--space-12),env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb,var(--color-status-warning) 35%,transparent);background:color-mix(in srgb,var(--color-status-warning) 14%,var(--color-surface-shell));color:var(--color-text-body);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-dev-banner__dot{flex:none;width:8px;height:8px;border-radius:999px;background:var(--color-status-warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-status-warning) 25%,transparent)}.ui-dev-banner__text{flex:1 1 auto;margin:0;line-height:1.35}.ui-dev-banner__dismiss{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.ui-dev-banner__dismiss:hover{background:color-mix(in srgb,var(--color-status-warning) 18%,transparent);color:var(--color-text-body)}.ui-field{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.ui-field__label{font-size:var(--field-label-size);font-weight:var(--fw-semibold);letter-spacing:-.01em;color:var(--field-label-text)}.ui-field__hint{margin:0;font-size:var(--fs-12);line-height:1.45;color:var(--field-helper-text)}.ui-field__error{margin:0;font-size:var(--fs-12);line-height:1.45;font-weight:var(--fw-medium);color:var(--field-error-text)}.ui-field--invalid .ui-input,.ui-field--invalid .ui-select,.ui-field--invalid .ui-textarea,.ui-input.is-invalid,.ui-select.is-invalid,.ui-textarea.is-invalid{border-color:var(--field-border-invalid)}.ui-field--invalid .ui-input:focus,.ui-field--invalid .ui-select:focus,.ui-field--invalid .ui-textarea:focus,.ui-input.is-invalid:focus,.ui-select.is-invalid:focus,.ui-textarea.is-invalid:focus{border-color:var(--field-border-invalid);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-danger) 28%,transparent)}.ui-input,.ui-select{width:100%;padding:0 var(--control-pad-x);font-size:var(--fs-14);color:var(--field-text)}.ui-input[type=date]{color-scheme:dark}.ui-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1.1rem;height:1.1rem;padding:0;margin:0;opacity:1!important;color:transparent;filter:none!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:1.1rem 1.1rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23edf5fb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")!important}[data-theme=light] .ui-input[type=date]{color-scheme:light}[data-theme=light] .ui-input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")!important}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23728295' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .75rem center / 16px 16px,var(--field-bg);padding-right:2.4rem}.ui-select:hover,.ui-select:focus{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b7c5d4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .75rem center / 16px 16px,var(--field-bg-elevated)}.ui-select:disabled{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23516171' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .75rem center / 16px 16px,var(--field-disabled-bg)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height);padding:0 var(--space-16);border:1px solid transparent;border-radius:var(--control-radius);font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:1;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),opacity var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-primary{border-color:var(--btn-primary-border);background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:inset 0 1px #ffffff24}.ui-button-primary:hover:not(:disabled),.ui-button-primary:active:not(:disabled){border-color:var(--btn-primary-bg-hover);background:var(--btn-primary-bg-hover)}.ui-button-primary:active:not(:disabled){background:var(--btn-primary-bg-active);border-color:var(--btn-primary-bg-active)}.ui-button-secondary{border-color:var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.ui-button-secondary:hover:not(:disabled),.ui-button-secondary:active:not(:disabled){border-color:color-mix(in srgb,var(--btn-secondary-border) 70%,var(--color-action-primary) 30%);background:var(--btn-secondary-bg-hover)}.ui-button-google{border-color:color-mix(in srgb,var(--color-border-light) 22%,var(--color-border-default) 78%);background:linear-gradient(180deg,#fffffffa,#f4f7faf0);color:#1f2937;box-shadow:inset 0 1px #ffffffb8,0 10px 20px #020a121f}.ui-button-google:hover:not(:disabled),.ui-button-google:active:not(:disabled){border-color:color-mix(in srgb,var(--color-border-light) 40%,var(--color-border-default) 60%);background:linear-gradient(180deg,#fff,#eef3f8f5);color:#111827}.ui-button-danger{border-color:var(--btn-danger-bg);background:var(--btn-danger-bg);color:var(--btn-danger-text)}.ui-button-danger:hover:not(:disabled),.ui-button-danger:active:not(:disabled){border-color:var(--btn-danger-bg-hover);background:var(--btn-danger-bg-hover)}.ui-button-ghost{border-color:transparent;background:transparent;color:var(--btn-ghost-text)}.ui-button-ghost:hover:not(:disabled),.ui-button-ghost:active:not(:disabled){background:var(--btn-ghost-bg-hover);color:var(--color-text-body)}.ui-menu{z-index:var(--z-dropdown);min-width:10.5rem;border:1px solid var(--menu-border);border-radius:var(--menu-radius);background:var(--menu-bg);padding:var(--space-4);box-shadow:var(--menu-shadow)}.ui-menu__item{display:block;width:100%;border:0;border-radius:var(--radius-lg);background:transparent;padding:.55rem .7rem;text-align:left;font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--color-text);cursor:pointer}.ui-menu__item:hover,.ui-menu__item:focus-visible{background:var(--menu-item-hover);outline:none}.ui-menu__item.is-selected{background:var(--menu-item-selected)}.ui-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height-sm);padding:0 var(--space-12);border:1px solid transparent;border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--chip-text);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.ui-chip--selected{background:var(--chip-bg-selected);color:var(--chip-text-selected)}.ui-content-panel{border:1px solid var(--content-panel-border);border-radius:var(--radius-tile);background:var(--content-panel-bg)}.ui-content-panel__empty{display:flex;min-height:12rem;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);padding:var(--space-32) var(--space-20);text-align:center;color:var(--color-text-secondary);font-size:var(--fs-14);line-height:1.5}.ui-page-header{display:flex;flex-direction:column;gap:var(--space-8)}.ui-kicker{font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted)}.ui-control-label{font-size:var(--field-label-size);font-weight:var(--fw-semibold);letter-spacing:-.01em;color:var(--field-label-text)}.ui-section-heading{font-size:var(--fs-14);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.ui-preview-frame{overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border-default) 92%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-shell) 88%,var(--color-surface-preview) 12%);box-shadow:none}.ui-error-panel{border-color:color-mix(in srgb,var(--color-action-danger) 40%,var(--color-border-default) 60%);background:linear-gradient(180deg,color-mix(in srgb,var(--color-action-danger) 10%,transparent),transparent 42%),color-mix(in srgb,var(--color-surface-panel) 96%,transparent)}.ui-immersive-header{position:sticky;top:0;z-index:var(--z-topbar);display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:var(--space-12);border-bottom:1px solid var(--color-border-default);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-topbar) 94%,transparent),color-mix(in srgb,var(--color-surface-shell) 88%,transparent));padding:env(safe-area-inset-top) var(--space-16) 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-active-item-bar{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:var(--space-12);border-block:1px solid color-mix(in srgb,var(--color-action-primary) 30%,var(--color-border-default) 70%);background:color-mix(in srgb,var(--color-action-primary) 18%,var(--color-surface-panel-strong) 82%);color:var(--color-text-body);padding:var(--space-8) var(--space-16)}.ui-slide-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-8);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-panel-strong) 14%,transparent),transparent 42%),color-mix(in srgb,var(--color-surface-panel) 94%,transparent);padding:var(--space-16) var(--space-20);box-shadow:var(--shadow-subtle);scroll-margin-top:calc(4.5rem + env(safe-area-inset-top,0px));scroll-margin-bottom:var(--remote-tab-bar-inset);transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.ui-slide-card[data-active=true]{border-color:var(--color-action-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--color-action-primary-soft) 38%,transparent),transparent 48%),color-mix(in srgb,var(--color-surface-selected) 72%,var(--color-surface-panel) 28%)}.ui-slide-card__section{font-size:var(--fs-13);font-weight:var(--fw-regular);letter-spacing:.05em;color:color-mix(in srgb,var(--color-text-muted) 78%,transparent)}.ui-service-drawer{width:min(320px,85vw);max-width:100%;border-right:1px solid var(--color-border-default);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-panel-strong) 18%,transparent),transparent 34%),color-mix(in srgb,var(--color-surface-shell) 96%,transparent);box-shadow:var(--shadow-subtle)}.ui-service-drawer.ui-service-drawer--collapsed{width:0;max-width:0;border-right-width:0;box-shadow:none;opacity:0;pointer-events:none;overflow:hidden}.ui-stage-canvas-shell{display:flex;min-height:0;align-items:center;justify-content:center;overflow:hidden;background:#000;color:#fff}.ui-nav-tab{display:flex;min-height:60px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-4) var(--space-10);border-radius:14px;text-align:center;transition:color var(--motion-fast) var(--easing-standard),background-color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-nav-tab-icon{display:flex;height:26px;width:26px;align-items:center;justify-content:center}.ui-nav-tab-label{max-width:100%;overflow:hidden;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.ui-nav-tab[data-active=true]{color:var(--color-action-primary);background:color-mix(in srgb,var(--color-action-primary) 16%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-action-primary) 24%,transparent) inset}.ui-nav-tab[data-active=false]{color:color-mix(in srgb,var(--color-text-muted) 92%,var(--color-text-secondary) 8%)}@media(hover:hover){.ui-bottomnav__link:hover .ui-nav-tab[data-active=false]{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-hover) 55%,transparent)}}.ui-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-end;justify-content:center;padding:0;background:var(--color-surface-backdrop);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);isolation:isolate}.ui-modal-shell.ui-modal-shell--assign-people{overflow:visible;padding-block:var(--space-20)}@media(min-width:640px){.ui-modal-backdrop{align-items:center;padding:var(--space-16)}}.ui-modal-shell{position:relative;z-index:var(--z-modal);width:100%;max-width:var(--modal-max-width);max-height:var(--modal-max-height);overflow-y:auto;border:1px solid var(--color-border-strong);border-radius:var(--modal-sheet-radius) var(--modal-sheet-radius) 0 0;background:var(--color-surface-panel-strong);box-shadow:0 14px 28px #02081047;padding:var(--modal-pad);padding-bottom:max(var(--modal-pad),env(safe-area-inset-bottom))}@media(min-width:640px){.ui-modal-shell{border-radius:var(--modal-radius);padding-bottom:var(--modal-pad)}}.ui-auth-shell .ui-auth-stage{min-height:100dvh}.ui-auth-stage{display:flex;width:100%;min-height:100vh;align-items:center;justify-content:center;padding:clamp(var(--space-12),4vw,var(--space-40)) clamp(var(--space-12),4vw,var(--space-32))}.ui-home-screen{gap:clamp(var(--space-32),8vh,var(--space-48))}.ui-home-hero{gap:var(--space-16);padding-top:clamp(var(--space-16),4vh,var(--space-32))}.ui-home-hero__wordmark{filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--color-accent) 14%,transparent))}html[data-theme=light] .ui-home-hero__wordmark{filter:none}.ui-home-hero__greeting{max-width:22rem;margin-top:var(--space-4);font-size:var(--fs-18);font-weight:600;line-height:1.4;color:var(--color-text)}.ui-home-notifs{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.ui-home-push-enable-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-4) var(--space-4);text-align:center}.ui-home-push-enable-modal__icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:14px;background:color-mix(in srgb,var(--accent-primary) 18%,transparent);color:var(--accent-primary)}.ui-home-push-enable-modal__title{margin:0;font-size:var(--fs-18);font-weight:650;letter-spacing:-.02em;color:var(--color-text)}.ui-home-push-enable-modal__body,.ui-home-push-enable-modal__error{margin:0;font-size:var(--fs-13);line-height:1.45;color:var(--color-muted)}.ui-home-push-enable-modal__error{color:var(--color-danger, #f87171)}.ui-home-push-enable-modal__actions{display:flex;flex-direction:column;gap:var(--space-8);width:100%;margin-top:var(--space-8)}.ui-home-push-enable-modal__actions .ui-button{width:100%}.ui-home-notifs__assignments,.ui-home-notifs__alerts{display:flex;flex-direction:column;gap:var(--space-8)}.ui-home-notif-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 42%,transparent);box-shadow:0 8px 22px color-mix(in srgb,#000 12%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=light] .ui-home-notif-card{border-color:color-mix(in srgb,var(--color-border) 72%,transparent);background:color-mix(in srgb,#fff 48%,transparent);box-shadow:0 6px 16px color-mix(in srgb,#000 6%,transparent)}.ui-home-notif-card__body{margin:0;font-size:var(--fs-14);line-height:1.5;color:var(--color-text)}.ui-home-notif-card__role{font-weight:700;color:var(--color-text)}.ui-home-notif-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.ui-home-notif-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;padding:.4rem .85rem;border-radius:999px;border:1px solid transparent;font-size:var(--fs-13);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-home-notif-card__btn--accept{color:#041016;background:color-mix(in srgb,var(--color-accent) 88%,white)}.ui-home-notif-card__btn--accept:hover,.ui-home-notif-card__btn--accept:focus-visible{background:var(--color-accent)}.ui-home-notif-card__btn--decline{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);border-color:color-mix(in srgb,var(--color-border) 80%,transparent)}.ui-home-notif-card__btn--decline:hover,.ui-home-notif-card__btn--decline:focus-visible{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text-muted) 40%,transparent)}.ui-home-notif-card__btn--go{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 28%,transparent)}.ui-home-notif-card__btn--go:hover,.ui-home-notif-card__btn--go:focus-visible{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.ui-home-notif-card__btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 55%,transparent);outline-offset:2px}.ui-home-notif-alert-track{position:relative;overflow:hidden;border-radius:var(--radius-tile)}.ui-home-notif-alert-track__clear{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-16);font-size:var(--fs-12);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb,#fff 92%,transparent);background:color-mix(in srgb,#f07167 78%,#8a2f2a);opacity:0;pointer-events:none;transition:opacity .12s ease}.ui-home-notif-alert-track--revealing .ui-home-notif-alert-track__clear,.ui-home-notif-alert-track--exiting .ui-home-notif-alert-track__clear{opacity:1}.ui-home-notif-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-10);align-items:start;width:100%;padding:var(--space-12) var(--space-12);border-radius:var(--radius-tile);border:1px solid color-mix(in srgb,var(--color-border) 64%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 38%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .12s ease,border-color .12s ease,transform .18s ease,opacity .18s ease}.ui-home-notif-alert--exiting{pointer-events:none}.ui-home-notif-alert--dragging{transition:none}.ui-home-notif-alert:hover,.ui-home-notif-alert:focus-visible{background:color-mix(in srgb,var(--color-surface-elevated) 52%,transparent);border-color:color-mix(in srgb,var(--color-border) 78%,transparent)}.ui-home-notif-alert:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 55%,transparent);outline-offset:2px}.ui-home-notif-alert--unread{border-color:color-mix(in srgb,var(--color-border) 72%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 48%,transparent)}.ui-home-notif-alert__dot{width:.55rem;height:.55rem;margin-top:.35rem;border-radius:999px;flex-shrink:0}.ui-home-notif-alert__dot--accept{background:color-mix(in srgb,var(--color-accent) 85%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.ui-home-notif-alert__dot--decline{background:color-mix(in srgb,#f07167 80%,white);box-shadow:0 0 0 3px color-mix(in srgb,#f07167 16%,transparent)}.ui-home-notif-alert__dot--info{background:color-mix(in srgb,#94a3b8 75%,white);box-shadow:0 0 0 3px color-mix(in srgb,#94a3b8 16%,transparent)}.ui-home-notif-alert__copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.ui-home-notif-alert__title{font-size:var(--fs-13);font-weight:600;line-height:1.35;color:var(--color-text)}.ui-home-notif-alert__subtitle{font-size:var(--fs-12);line-height:1.35;color:var(--color-text-secondary)}.ui-home-notif-alert__time{font-size:var(--fs-11);line-height:1.3;color:var(--color-text-muted);white-space:nowrap}.ui-home-modes{display:flex;flex-direction:column;gap:var(--space-12);padding-bottom:max(var(--space-16),env(safe-area-inset-bottom))}.ui-home-modes--tiles{display:grid;grid-template-columns:repeat(var(--home-tile-count, 4),minmax(0,1fr));-moz-column-gap:.55rem;column-gap:.55rem;row-gap:.35rem}.ui-home-modes--tiles[data-tile-count="1"]{--home-tile-count: 1}.ui-home-modes--tiles[data-tile-count="2"]{--home-tile-count: 2}.ui-home-modes--tiles[data-tile-count="3"]{--home-tile-count: 3}.ui-home-modes--tiles[data-tile-count="4"]{--home-tile-count: 4}.ui-home-modes--tiles .ui-home-live-hint{grid-column:1 / -1;justify-content:center;text-align:center;margin:.15rem 0 .85rem;padding:.55rem .75rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--color-border-default) 42%,transparent)}.ui-home-mode-tile{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.4rem;padding-inline:.45rem}.ui-home-modes--tiles .ui-home-mode-card{width:100%;height:5.25rem;align-items:center;justify-content:center;gap:0;min-width:0;padding:.65rem}.ui-home-modes--tiles .ui-home-mode-card:hover{transform:translateY(-1px)}.ui-home-modes--tiles .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card--remote .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card--stage .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card--planning .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card--music-stand .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card__icon--remote,.ui-home-modes--tiles .ui-home-mode-card__icon--stage,.ui-home-modes--tiles .ui-home-mode-card__icon--planning,.ui-home-modes--tiles .ui-home-mode-card__icon--music-stand{height:auto;width:auto;background:transparent;box-shadow:none;border-radius:0}.ui-home-modes--tiles .ui-home-mode-card--remote .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card__icon--remote{color:var(--accent-primary)}.ui-home-modes--tiles .ui-home-mode-card--stage .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card__icon--stage{color:#c4b5fd}.ui-home-modes--tiles .ui-home-mode-card--planning .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card__icon--planning{color:var(--color-mode-planning-text)}.ui-home-modes--tiles .ui-home-mode-card--music-stand .ui-home-mode-card__icon,.ui-home-modes--tiles .ui-home-mode-card__icon--music-stand{color:#e6c07a}.ui-home-modes--tiles .ui-home-mode-card__icon svg{width:3.15rem;height:3.15rem}.ui-home-mode-tile__label{max-width:100%;font-size:.625rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;text-align:center;color:var(--color-text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.ui-home-mode-tile--disabled .ui-home-mode-tile__label{color:var(--color-text-muted);opacity:.72}.ui-home-live-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;padding:.15rem .15rem .35rem;font-size:var(--fs-12);line-height:1.4;color:color-mix(in srgb,var(--color-text-muted) 88%,transparent)}.ui-home-live-hint--checking{gap:.4rem}.ui-home-live-hint__spinner{flex-shrink:0;animation:ui-home-live-hint-spin .75s linear infinite}@keyframes ui-home-live-hint-spin{to{transform:rotate(360deg)}}.ui-home-live-hint__refresh{display:inline-flex;align-items:center;gap:.3rem;margin:0;padding:0;border:0;background:transparent;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.ui-home-live-hint__refresh:hover,.ui-home-live-hint__refresh:focus-visible{color:var(--color-text-secondary)}.ui-home-live-hint__refresh:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:2px}.ui-home-mode-card{display:flex;width:100%;align-items:center;gap:var(--space-16);border:1px solid color-mix(in srgb,var(--color-border-default) 88%,transparent);border-radius:var(--mode-card-radius);background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface-panel-strong) 94%,transparent),color-mix(in srgb,var(--color-surface-shell) 99%,transparent));padding:var(--space-20) var(--space-20) var(--space-20) var(--space-16);text-align:left;box-shadow:0 1px color-mix(in srgb,white 4%,transparent) inset;transition:border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard),background var(--motion-fast) var(--easing-standard)}.ui-home-mode-card:hover{border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-border-default));box-shadow:var(--shadow-subtle),0 1px color-mix(in srgb,white 5%,transparent) inset;transform:translateY(-2px)}.ui-home-mode-card:active{transform:translateY(0)}.ui-home-mode-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.ui-home-mode-card--stage:hover{border-color:color-mix(in srgb,#b794f6 42%,var(--color-border-default))}.ui-home-mode-card--disabled .ui-home-mode-card__icon--stage{background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);color:var(--color-text-muted);box-shadow:none}.ui-home-mode-card:hover .ui-home-mode-card__chevron{color:var(--color-accent);opacity:1;transform:translate(2px)}.ui-home-mode-card--stage:hover .ui-home-mode-card__chevron{color:#c4b5fd}.ui-home-mode-card__icon{display:flex;height:3.5rem;width:3.5rem;shrink:0;align-items:center;justify-content:center;border-radius:14px;background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 12%,transparent) inset}.ui-home-mode-card__icon--stage{background:color-mix(in srgb,#a78bfa 22%,transparent);color:#c4b5fd;box-shadow:0 0 0 1px color-mix(in srgb,#a78bfa 24%,transparent) inset}.ui-home-mode-card--planning:hover{border-color:color-mix(in srgb,var(--color-mode-planning) 40%,var(--color-border-default))}.ui-home-mode-card--planning:hover .ui-home-mode-card__chevron{color:var(--color-mode-planning-text)}.ui-home-mode-card--planning{background:linear-gradient(145deg,color-mix(in srgb,var(--color-mode-planning-soft) 55%,var(--color-surface-panel-strong)),color-mix(in srgb,var(--color-surface-shell) 96%,transparent));border-color:color-mix(in srgb,var(--color-mode-planning) 28%,var(--color-border-default))}.ui-home-mode-card__icon--planning{background:color-mix(in srgb,var(--color-mode-planning) 24%,transparent);color:var(--color-mode-planning-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-mode-planning) 22%,transparent) inset}.ui-home-mode-card--music-stand{background:linear-gradient(145deg,color-mix(in srgb,#d4a24c 16%,var(--color-surface-panel-strong)),color-mix(in srgb,var(--color-surface-shell) 96%,transparent));border-color:color-mix(in srgb,#d4a24c 30%,var(--color-border-default))}.ui-home-mode-card--music-stand:hover{border-color:color-mix(in srgb,#d4a24c 55%,var(--color-border-default))}.ui-home-mode-card--music-stand:hover .ui-home-mode-card__chevron{color:#e6c07a}.ui-home-mode-card__icon--music-stand{background:color-mix(in srgb,#d4a24c 26%,transparent);color:#e6c07a;box-shadow:0 0 0 1px color-mix(in srgb,#d4a24c 28%,transparent) inset}.ui-home-mode-card--remote{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-primary-soft) 70%,var(--color-surface-panel-strong)),color-mix(in srgb,var(--color-surface-shell) 96%,transparent));border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--color-border-default))}.ui-home-mode-card__icon--remote,.ui-home-mode-card--remote .ui-home-mode-card__icon{background:color-mix(in srgb,var(--accent-primary) 22%,transparent);color:var(--accent-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary) 20%,transparent) inset}.ui-home-mode-card--remote:hover .ui-home-mode-card__chevron{color:var(--accent-primary)}.ui-home-mode-card--stage{background:linear-gradient(145deg,color-mix(in srgb,#a78bfa 18%,var(--color-surface-panel-strong)),color-mix(in srgb,var(--color-surface-shell) 96%,transparent));border-color:color-mix(in srgb,#a78bfa 32%,var(--color-border-default))}.ui-music-stand-shell{display:flex;min-height:100dvh;flex-direction:column}.ui-music-stand-shell__status,.ui-music-stand-empty{margin:auto;padding:2rem 1.25rem;text-align:center;color:var(--color-text-muted)}.ui-music-stand-empty{display:flex;flex-direction:column;align-items:center;gap:.85rem}.ui-music-stand-empty__link{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:.15em}.ui-music-stand-hub{width:min(40rem,100%);margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.1rem 2rem;display:flex;flex-direction:column;gap:1.1rem}.ui-music-stand-hub__header{display:flex;flex-direction:column;gap:.85rem}.ui-music-stand-hub__home{display:inline-flex;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;color:var(--color-text-muted);text-decoration:none;font-size:var(--fs-13)}.ui-music-stand-hub__brand{display:flex;align-items:flex-start;gap:.75rem}.ui-music-stand-hub__title{margin:0;font-size:var(--fs-22);font-weight:700}.ui-music-stand-hub__subtitle{margin:.2rem 0 0;font-size:var(--fs-13);color:var(--color-text-muted)}.ui-music-stand-hub__modes{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface-panel) 88%,transparent);border:1px solid var(--content-panel-border)}.ui-music-stand-hub__modes button{min-height:var(--touch-target-min);border:0;border-radius:calc(var(--radius-control) - 2px);background:transparent;color:var(--color-text-muted);font:inherit;font-weight:600;cursor:pointer}.ui-music-stand-hub__modes button.is-selected{background:color-mix(in srgb,#d4a24c 22%,var(--color-surface-panel));color:var(--color-text)}.ui-music-stand-hub__hint{margin:0;font-size:var(--fs-13);line-height:1.45;color:var(--color-text-secondary)}.ui-music-stand-hub__section{display:flex;flex-direction:column;gap:.65rem}.ui-music-stand-hub__section-title{margin:0;font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.ui-music-stand-hub__search{display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border:1px solid var(--field-border);border-radius:var(--radius-control);background:var(--field-bg);color:var(--color-text-muted)}.ui-music-stand-hub__search .ui-input{flex:1;border:0;background:transparent;box-shadow:none}.ui-music-stand-hub__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ui-music-stand-hub__list--scroll{max-height:min(28rem,55dvh);overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem;-webkit-overflow-scrolling:touch}.ui-music-stand-hub__row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--touch-target-min);padding:.7rem .85rem;border:1px solid var(--content-panel-border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface-panel) 92%,transparent);color:var(--color-text);text-align:left;cursor:pointer}.ui-music-stand-hub__row-copy{display:flex;min-width:0;flex-direction:column;gap:.15rem}.ui-music-stand-hub__row-title{font-size:var(--fs-14);font-weight:600}.ui-music-stand-hub__row-meta{font-size:var(--fs-12);color:var(--color-text-muted)}.ui-music-stand-viewer{display:flex;min-height:100dvh;flex-direction:column;padding:max(.35rem,env(safe-area-inset-top)) .85rem max(.85rem,env(safe-area-inset-bottom));gap:.65rem}.ui-music-stand-viewer__top{display:flex;flex-direction:column;align-items:stretch;gap:.55rem}.ui-music-stand-viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.7rem;margin-inline:-.55rem;padding:.15rem .45rem;border-radius:.5rem;border:1px solid transparent}.ui-music-stand-viewer__close{display:inline-flex;align-items:center;gap:.2rem;margin-left:auto;color:color-mix(in srgb,var(--color-text) 78%,transparent);text-decoration:none;font-size:var(--fs-11);font-weight:600;min-height:1.45rem;background:transparent}.ui-music-stand-viewer__close:hover{color:var(--color-text)}.ui-music-stand-viewer__close svg{width:.95rem;height:.95rem}.ui-music-stand-viewer__headline{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.25rem;background:transparent}.ui-music-stand-viewer__title-row{display:flex;width:100%;max-width:36rem;align-items:center;justify-content:center;gap:.35rem;background:transparent}.ui-music-stand-viewer__nav-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.85rem;height:2.85rem;border:1px solid var(--content-panel-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface-panel) 92%,transparent);color:var(--color-text);cursor:pointer}.ui-music-stand-viewer__nav-btn:disabled{opacity:.35;cursor:default}.ui-music-stand-viewer__title-wrap{position:relative;display:inline-flex;min-width:0;max-width:100%;flex:1 1 auto;align-items:center;justify-content:center;gap:.45rem}.ui-music-stand-viewer__title-btn{display:inline-flex;min-width:0;max-width:100%;align-items:center;justify-content:center;gap:.35rem;margin:0;padding:.2rem .35rem;border:0;background:transparent;color:var(--color-text);font:inherit;cursor:pointer}.ui-music-stand-viewer__title-btn:disabled{cursor:default}.ui-music-stand-viewer__title{font-size:var(--fs-20);font-weight:700;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-music-stand-viewer__key-chip{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:2rem;min-height:1.85rem;padding:.2rem .55rem;border-radius:.55rem;background:color-mix(in srgb,var(--color-surface-panel) 90%,transparent);border:1px solid var(--content-panel-border);font-size:var(--fs-13);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.ui-music-stand-viewer__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .65rem}.ui-music-stand-viewer__mode{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e6c07a}.ui-music-stand-viewer__service,.ui-music-stand-viewer__band-key{font-size:var(--fs-11);color:var(--color-text-muted)}.ui-music-stand-viewer__picker{position:absolute;z-index:20;top:calc(100% + .35rem);left:50%;transform:translate(-50%);width:min(22rem,90vw);max-height:14rem;overflow:auto;list-style:none;margin:0;padding:.3rem;border:1px solid var(--content-panel-border);border-radius:var(--radius-control);background:var(--color-surface-panel);box-shadow:0 12px 28px color-mix(in srgb,#000 35%,transparent);text-align:left}.ui-music-stand-viewer__picker button{display:block;width:100%;min-height:2.5rem;padding:.45rem .65rem;border:0;border-radius:6px;background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.ui-music-stand-viewer__picker button.is-selected,.ui-music-stand-viewer__picker button:hover{background:color-mix(in srgb,#d4a24c 18%,transparent)}.ui-music-stand-viewer__tabs{display:flex;flex-wrap:nowrap;gap:.35rem;width:100%}.ui-music-stand-viewer__tabs button{flex:1 1 0;min-width:0;min-height:2.25rem;padding:.35rem .45rem;border:1px solid var(--content-panel-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--fs-13);font-weight:600;text-align:center;cursor:pointer}.ui-music-stand-viewer__tabs button.is-selected{border-color:color-mix(in srgb,#d4a24c 50%,var(--content-panel-border));background:color-mix(in srgb,#d4a24c 18%,transparent);color:var(--color-text)}.ui-music-stand-viewer__stage{flex:1;min-height:12rem}.ui-music-stand-viewer__chords{min-width:0;padding:.35rem 0 .75rem}.ui-chordpro-sheet--lyrics-only .chord{display:none!important}.ui-chordpro-sheet--lyrics-only .row:has(.chord:not(:empty)){margin-top:0;margin-bottom:.2rem}.ui-chordpro-view .ui-chordpro-sheet--identity-fullscreen .title,.ui-chordpro-view .ui-chordpro-sheet--identity-fullscreen .artist,.ui-chordpro-view .ui-chordpro-sheet--identity-fullscreen .subtitle{display:none}.ui-chordpro-view .ui-chordpro-sheet--identity-fullscreen .\!title{display:none!important}.ui-chordpro-fullscreen .ui-chordpro-sheet--identity-fullscreen .title{display:block}.ui-chordpro-fullscreen .ui-chordpro-sheet--identity-fullscreen .\!title{display:block!important}.ui-chordpro-fullscreen .ui-chordpro-sheet--identity-fullscreen .artist,.ui-chordpro-fullscreen .ui-chordpro-sheet--identity-fullscreen .subtitle{display:block}@media(orientation:landscape)and (min-width:640px){.ui-music-stand-viewer__chords .ui-chordpro-view__body,.ui-music-stand-viewer__chords .ui-chordpro-sheet{width:100%;max-width:none}.ui-music-stand-viewer__chords .ui-chordpro-sheet .chord-sheet{-moz-column-count:2;column-count:2;-moz-column-gap:1.75rem;column-gap:1.75rem;-moz-column-fill:balance;column-fill:balance}.ui-music-stand-viewer__chords .ui-chordpro-sheet .paragraph{-moz-column-break-inside:avoid;break-inside:avoid-column;page-break-inside:avoid}.ui-modal-shell--chordpro-fullscreen .ui-chordpro-sheet .chord-sheet{-moz-column-count:2;column-count:2;-moz-column-gap:2rem;column-gap:2rem;-moz-column-fill:balance;column-fill:balance}.ui-modal-shell--chordpro-fullscreen .ui-chordpro-sheet .paragraph{-moz-column-break-inside:avoid;break-inside:avoid-column;page-break-inside:avoid}}.ui-music-stand-viewer__stage .ui-song-attachments__list{margin-bottom:.65rem}.ui-song-attachments__file.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action-primary) 55%,transparent);background:color-mix(in srgb,var(--color-action-primary) 12%,transparent)}.ui-music-stand-listen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.ui-music-stand-listen__item{padding:.75rem;border:1px solid var(--content-panel-border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface-panel) 90%,transparent)}.ui-music-stand-listen__title{margin:0 0 .5rem;font-size:var(--fs-13);font-weight:600}.ui-planning-hub-shell{position:relative;isolation:isolate;display:flex;min-height:100dvh;flex-direction:column;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-planning-soft) 42%,transparent),transparent 52%),radial-gradient(ellipse 90% 55% at 100% 100%,color-mix(in srgb,var(--accent-planning-soft) 28%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--planning-bg-content) 76%,transparent),transparent 28%),var(--planning-bg-app)}.ui-planning-hub-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--planning-bg-texture-opacity);mix-blend-mode:var(--planning-bg-texture-blend);background-image:var(--planning-bg-texture-image);background-repeat:repeat;background-size:var(--planning-bg-texture-size)}.ui-planning-hub-shell>*{position:relative;z-index:1}@media(prefers-reduced-transparency:reduce){.ui-planning-hub-shell:before{opacity:0}}.ui-planning-hub-topbar__brand{display:none;margin:0;font-size:var(--fs-15);font-weight:700;letter-spacing:-.02em;color:var(--color-mode-planning-text, var(--accent-planning-text))}.ui-planning-hub-account{position:relative}.ui-planning-hub-topbar__user{display:inline-flex;max-width:11rem;min-height:var(--touch-target-min);align-items:center;gap:.4rem;border:0;border-radius:999px;background:transparent;padding:0 .55rem 0 .35rem;color:var(--color-text-secondary);font:inherit;font-size:var(--fs-12);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-planning-hub-topbar__user:hover,.ui-planning-hub-topbar__user[aria-expanded=true]{background:color-mix(in srgb,var(--planning-bg-panel) 80%,transparent);color:var(--color-text)}.ui-planning-hub-account__menu{position:absolute;top:calc(100% + var(--space-4));right:0;z-index:var(--z-dropdown);min-width:13.5rem;max-height:min(70vh,28rem);overflow-y:auto}.ui-planning-hub-account__item{display:inline-flex;align-items:center;gap:var(--space-8);text-decoration:none}.ui-planning-hub-account__group-label{margin:0;padding:var(--space-8) var(--space-12) var(--space-4);font-size:var(--fs-11);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.ui-planning-hub-account__separator{height:1px;margin:var(--space-6) var(--space-10);background:var(--content-panel-border)}@media(min-width:900px){.ui-planning-hub-account__modules{display:none}}.ui-planning-hub-topbar__avatar{display:inline-flex;height:1.65rem;width:1.65rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--accent-planning) 22%,transparent);color:var(--color-mode-planning-text);font-size:.7rem;font-weight:700}.ui-member-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:999px;-o-object-fit:cover;object-fit:cover;font-weight:700;letter-spacing:.02em;color:var(--color-mode-planning-text);background:color-mix(in srgb,var(--accent-planning) 22%,transparent)}.ui-member-avatar.ui-member-avatar--role-owner{color:var(--color-status-info);background:color-mix(in srgb,var(--color-status-info) 34%,var(--color-surface-panel-strong));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-status-info) 55%,transparent)}.ui-member-avatar.ui-member-avatar--role-admin{color:var(--accent-planning);background:color-mix(in srgb,var(--accent-planning) 36%,var(--color-surface-panel-strong));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-planning) 58%,transparent)}.ui-member-avatar.ui-member-avatar--role-adminPlanner{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 34%,var(--color-surface-panel-strong));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-primary) 55%,transparent)}.ui-member-avatar.ui-member-avatar--role-presenter{color:var(--color-status-warning);background:color-mix(in srgb,var(--color-status-warning) 32%,var(--color-surface-panel-strong));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-status-warning) 55%,transparent)}.ui-member-avatar.ui-member-avatar--role-volunteer{color:var(--accent-module-people-text, var(--accent-warning));background:color-mix(in srgb,var(--accent-module-people, var(--accent-warning)) 30%,var(--color-surface-panel-strong));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-module-people, var(--accent-warning)) 50%,transparent)}.ui-member-avatar.ui-member-avatar--role-viewer{color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-text-muted) 22%,var(--color-surface-panel-strong));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-text-muted) 40%,transparent)}.ui-member-avatar.ui-member-avatar--role-owner .ui-member-avatar__initials,.ui-member-avatar.ui-member-avatar--role-admin .ui-member-avatar__initials,.ui-member-avatar.ui-member-avatar--role-adminPlanner .ui-member-avatar__initials,.ui-member-avatar.ui-member-avatar--role-presenter .ui-member-avatar__initials,.ui-member-avatar.ui-member-avatar--role-volunteer .ui-member-avatar__initials,.ui-member-avatar.ui-member-avatar--role-viewer .ui-member-avatar__initials{color:inherit}.ui-member-avatar--with-caption{flex-direction:column;gap:.15rem;padding:var(--space-6);text-align:center}.ui-member-avatar__initials{line-height:1}.ui-member-avatar__caption{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-11);font-weight:600;letter-spacing:.01em;line-height:1.15;opacity:.82}.ui-member-avatar--sm{width:2rem;height:2rem;font-size:.7rem}.ui-member-avatar--md{width:2.75rem;height:2.75rem;font-size:.85rem}.ui-member-avatar--lg{width:var(--profile-avatar-lg);height:var(--profile-avatar-lg);font-size:var(--fs-18)}.ui-planning-hub-topbar__avatar.ui-member-avatar{width:1.65rem;height:1.65rem;font-size:.7rem}.ui-profile{display:flex;flex-direction:column;gap:var(--profile-gap-section);padding-bottom:calc(var(--space-48) + var(--profile-pad))}.ui-profile--compact{--profile-pad: var(--space-12);--profile-pad-lg: var(--space-16);--profile-gap: var(--space-12);--profile-gap-section: var(--space-16);--profile-section-pad: var(--space-12);padding-bottom:calc(var(--space-40) + var(--profile-pad))}.ui-profile-section{display:flex;flex-direction:column;gap:var(--profile-row-gap);padding:var(--profile-section-pad);border:1px solid var(--content-panel-border);border-radius:var(--profile-section-radius);background:var(--content-panel-bg)}.ui-profile-section__header{display:flex;flex-direction:column;gap:var(--space-4)}.ui-profile-section__header-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--profile-row-gap)}.ui-profile-section--identity{position:relative;overflow:hidden;padding-top:calc(var(--profile-section-pad) + .15rem)}.ui-profile-section--identity>.ui-profile-section__header{padding-right:8rem}.ui-checkbox.ui-profile-musician-check{position:absolute;top:0;right:0;z-index:1;display:inline-flex;width:auto;height:auto;min-height:0;align-items:center;justify-content:flex-start;gap:.4rem;margin:0;padding:.5rem .9rem .5rem .7rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--content-panel-border) 88%,transparent);border-left:1px solid color-mix(in srgb,var(--content-panel-border) 88%,transparent);border-radius:0 var(--profile-section-radius) 0 var(--radius-md);background:color-mix(in srgb,var(--color-mode-planning) 14%,var(--content-panel-bg));box-shadow:none;font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard)}.ui-checkbox.ui-profile-musician-check .ui-checkbox__box{flex-shrink:0;width:.95rem;height:.95rem}.ui-checkbox.ui-profile-musician-check .ui-checkbox__box:after{width:.5rem;height:.5rem}.ui-profile-musician-check__label{line-height:1;white-space:nowrap}.ui-checkbox.ui-profile-musician-check:hover:not(:has(input:disabled)){color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-mode-planning) 22%,var(--content-panel-bg))}.ui-checkbox.ui-profile-musician-check:has(input:checked){color:var(--color-text);border-color:color-mix(in srgb,var(--color-action-primary) 35%,var(--content-panel-border));background:color-mix(in srgb,var(--color-action-primary) 20%,var(--content-panel-bg))}.ui-checkbox.ui-profile-musician-check:has(input:disabled){opacity:.55;cursor:not-allowed}.ui-checkbox.ui-profile-musician-check:has(input:focus-visible){outline:2px solid var(--color-focus-keyboard);outline-offset:-2px}.ui-profile-section__title{display:inline-flex;align-items:center;gap:var(--space-8);margin:0;font-size:var(--fs-15);font-weight:650;line-height:1.3;color:var(--color-text)}.ui-profile-section__title svg{flex-shrink:0;color:var(--color-mode-planning);opacity:.92}.ui-profile-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-control);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent);border:1px solid var(--content-panel-border);transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard)}.ui-profile-icon-btn:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent)}.ui-profile-icon-btn:focus-visible{outline:2px solid var(--color-mode-planning);outline-offset:2px}.ui-profile-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ui-profile-icon-btn--emphasis{color:var(--color-mode-planning-text);background:color-mix(in srgb,var(--accent-planning-soft) 70%,transparent);border-color:color-mix(in srgb,var(--accent-planning) 35%,var(--content-panel-border))}.ui-profile-icon-btn--danger{color:var(--color-danger)}.ui-profile-icon-btn--danger:hover:not(:disabled){color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.ui-profile-icon-btn__spin{animation:ui-profile-spin .8s linear infinite}@keyframes ui-profile-spin{to{transform:rotate(360deg)}}.ui-profile-section__hint{margin:0;font-size:var(--fs-12);line-height:1.45;color:var(--color-text-muted)}.ui-profile-identity{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:start;-moz-column-gap:var(--profile-pad-lg);column-gap:var(--profile-pad-lg);row-gap:var(--space-8)}.ui-profile-identity__photo-btn{grid-column:1;grid-row:1;position:relative;display:block;width:var(--profile-avatar-lg);height:var(--profile-avatar-lg);padding:0;border:0;border-radius:var(--radius-tile);background:transparent;cursor:pointer;overflow:hidden}.ui-profile-identity__photo-btn:disabled{cursor:wait}.ui-profile-identity__photo-btn:focus-visible{outline:2px solid var(--color-mode-planning);outline-offset:3px}.ui-profile-identity__photo-btn:hover:not(:disabled) .ui-profile-identity__photo{filter:brightness(1.08)}.ui-profile-identity__photo.ui-member-avatar{display:flex;width:100%;height:100%;border-radius:var(--radius-tile);font-size:var(--fs-24)}.ui-profile-identity__photo .ui-member-avatar__initials{font-size:2.35rem;letter-spacing:-.03em}.ui-profile-identity__photo .ui-member-avatar__caption{font-size:var(--fs-11);max-width:92%}.ui-profile-identity__photo-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text);background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent)}.ui-profile-identity .ui-profile-fields{grid-column:2;grid-row:1;display:flex;min-width:0;flex-direction:column;gap:var(--profile-row-gap)}.ui-profile-identity__actions{grid-column:1;grid-row:2;display:flex;width:var(--profile-avatar-lg);flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6)}.ui-profile-fields{display:flex;min-width:0;flex-direction:column;gap:var(--profile-row-gap)}.ui-profile-fields__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--profile-row-gap)}@media(max-width:719px){.ui-profile-identity{-moz-column-gap:var(--space-12);column-gap:var(--space-12)}.ui-profile-identity__photo-btn{width:var(--profile-avatar-mobile);height:var(--profile-avatar-mobile)}.ui-profile-identity__photo .ui-member-avatar__initials{font-size:2.1rem}.ui-profile-identity__photo .ui-member-avatar__caption{font-size:var(--fs-11)}.ui-profile-identity__actions{width:var(--profile-avatar-mobile)}.ui-profile-identity .ui-profile-fields__grid{grid-template-columns:1fr 1fr}}.ui-profile-role-badge{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8)}.ui-profile-chips{display:flex;flex-wrap:wrap;gap:var(--profile-chip-gap);margin:0;padding:0;list-style:none}.ui-profile-chips .ui-chip{cursor:pointer;border-color:var(--content-panel-border)}.ui-profile-chips .ui-chip:disabled{cursor:not-allowed;opacity:.55}.ui-profile-chips .ui-chip--selected{border-color:transparent}.ui-profile-team-groups{display:flex;flex-direction:column;gap:.35rem}.ui-profile-team-group{border:1px solid var(--content-panel-border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface-panel) 88%,transparent);overflow:hidden}.ui-profile-team-group__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.65rem;margin:0;padding:.65rem .75rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ui-profile-team-group__toggle:hover{background:color-mix(in srgb,var(--color-action-primary) 8%,transparent)}.ui-profile-team-group__title{margin:0;font-size:var(--fs-12);font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.ui-profile-team-group__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--motion-fast) var(--easing-standard)}.ui-profile-team-group.is-expanded .ui-profile-team-group__chevron{transform:rotate(180deg)}.ui-profile-team-group .ui-profile-chips{padding:0 .75rem .75rem}.ui-team-roles-admin{position:relative;margin-top:var(--profile-gap-section);overflow:hidden;scroll-margin-top:calc(var(--planning-rail-sticky-top, 5rem) + var(--space-12))}.ui-team-roles-admin__summary{display:flex;align-items:flex-start;gap:var(--space-12);cursor:pointer;list-style:none;padding:var(--profile-section-pad);padding-right:calc(var(--profile-section-pad) + var(--space-20))}.ui-team-roles-admin__summary::-webkit-details-marker{display:none}.ui-team-roles-admin__summary:after{content:"";position:absolute;top:calc(var(--profile-section-pad) + var(--space-6));right:var(--profile-section-pad);width:var(--space-8);height:var(--space-8);border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform var(--motion-fast) var(--easing-standard)}.ui-team-roles-admin[open] .ui-team-roles-admin__summary:after{top:calc(var(--profile-section-pad) + var(--space-8));transform:rotate(225deg)}.ui-team-roles-admin__summary-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-4)}.ui-team-roles-admin__title{font-size:var(--fs-15);font-weight:650;color:var(--color-text)}.ui-team-roles-admin__subtitle{font-size:var(--fs-12);line-height:1.45;color:var(--color-text-muted)}.ui-team-roles-admin__body{display:flex;flex-direction:column;gap:var(--profile-row-gap);padding:0 var(--profile-section-pad) var(--profile-section-pad)}.ui-team-roles-admin__layout{display:grid;grid-template-columns:minmax(9.5rem,11.5rem) minmax(0,1fr);gap:0;min-height:16rem;border:1px solid var(--content-panel-border);border-radius:var(--radius-tile);overflow:hidden;background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent)}.ui-team-roles-admin__nav{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10);border-right:1px solid var(--content-panel-border);background:color-mix(in srgb,var(--color-surface-panel) 88%,transparent)}.ui-team-roles-admin__nav-list{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-height:0}.ui-team-roles-admin__nav-row{display:flex;align-items:center;gap:var(--space-2);min-height:2.4rem;border-radius:var(--radius-control);border:1px solid transparent;transition:background var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-team-roles-admin__nav-row:hover{background:color-mix(in srgb,var(--accent-planning-soft) 40%,transparent)}.ui-team-roles-admin__nav-row.is-selected{background:color-mix(in srgb,var(--accent-planning) 55%,var(--color-surface-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-planning) 35%,transparent)}.ui-team-roles-admin__nav-item{flex:1;min-width:0;min-height:2.4rem;padding:.55rem .5rem .55rem .75rem;border:0;border-radius:var(--radius-control);text-align:left;font-size:var(--fs-13);font-weight:600;color:var(--color-mode-planning);background:transparent}.ui-team-roles-admin__nav-row.is-selected .ui-team-roles-admin__nav-item{color:var(--color-text)}.ui-team-roles-admin__nav-item:focus-visible{outline:2px solid var(--color-mode-planning);outline-offset:-2px}.ui-team-roles-admin__nav-delete{flex-shrink:0;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin-right:var(--space-4)}.ui-team-roles-admin__nav-delete:focus-visible{outline:2px solid var(--color-danger);outline-offset:1px}.ui-team-roles-admin__nav-add{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;min-height:var(--control-height);margin-top:auto;border-radius:var(--radius-control);border:1px solid var(--content-panel-border);background:color-mix(in srgb,var(--bg-tile) 80%,transparent);color:var(--color-text-secondary);font-size:var(--fs-13);font-weight:600}.ui-team-roles-admin__nav-add:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent)}.ui-team-roles-admin__nav-add:disabled{opacity:.5;cursor:not-allowed}.ui-team-roles-admin__main{min-width:0;padding:var(--space-12) var(--space-16);background:color-mix(in srgb,var(--color-surface-panel) 70%,transparent)}.ui-team-roles-admin__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12)}.ui-team-roles-admin__panel{display:flex;flex-direction:column;gap:var(--space-12)}.ui-team-roles-admin__panel-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4)}.ui-team-roles-admin__group-pill{display:inline-flex;max-width:100%;align-items:center;gap:var(--space-8);min-height:var(--touch-target-min);padding:var(--space-8) var(--space-10);border-radius:var(--radius-control);border:1px solid var(--content-panel-border);background:color-mix(in srgb,var(--color-surface-shell) 70%,transparent);color:var(--color-text);font-size:var(--fs-14);font-weight:600;line-height:1.2;text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.ui-team-roles-admin__group-pill-label{min-width:0}.ui-team-roles-admin__group-pill-icon{flex-shrink:0;color:var(--color-text-muted);opacity:.45;transition:opacity var(--motion-fast) var(--easing-standard)}.ui-team-roles-admin__group-pill:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent);border-color:color-mix(in srgb,var(--accent-planning) 35%,var(--content-panel-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-planning) 16%,transparent);transform:translateY(-1px)}.ui-team-roles-admin__group-pill:hover:not(:disabled) .ui-team-roles-admin__group-pill-icon{opacity:.8}.ui-team-roles-admin__group-pill:focus-visible{outline:2px solid var(--color-mode-planning);outline-offset:2px}.ui-team-roles-admin__group-pill:disabled{opacity:.55;cursor:not-allowed}.ui-team-roles-admin__group-pill-input{width:min(100%,16rem);min-height:var(--touch-target-min);padding:var(--space-8) var(--space-10);border-radius:var(--radius-control);border:1px solid color-mix(in srgb,var(--accent-planning) 45%,var(--field-border));background:var(--field-bg-elevated);color:var(--field-text);font-size:var(--fs-14);font-weight:600;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-planning) 16%,transparent)}.ui-team-roles-admin__group-pill-input:focus{outline:none;border-color:var(--field-border-focus)}@media(max-width:639px){.ui-team-roles-admin__layout{grid-template-columns:1fr}.ui-team-roles-admin__nav{border-right:0;border-bottom:1px solid var(--content-panel-border)}.ui-team-roles-admin__nav-list{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.ui-team-roles-admin__nav-row{flex-shrink:0}.ui-team-roles-admin__nav-item{white-space:nowrap}}.ui-team-role-group__list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.ui-team-role-row{display:flex;align-items:center;gap:var(--space-6);min-height:2.15rem;padding:.35rem .55rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-surface-shell) 70%,transparent);border:1px solid var(--content-panel-border);cursor:grab}.ui-team-role-row.is-dragging{opacity:.55}.ui-team-role-row__grip{display:inline-flex;color:var(--color-text-muted);opacity:.75}.ui-team-role-row__label{flex:1;min-width:0;font-size:var(--fs-13);font-weight:550;color:var(--color-text)}.ui-team-role-row__edit.ui-profile-icon-btn{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem}.ui-team-role-group__add{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;min-height:var(--control-height);border-radius:var(--radius-control);border:1px solid var(--content-panel-border);background:color-mix(in srgb,var(--color-surface-tile, var(--bg-tile)) 80%,transparent);color:var(--color-text-secondary);font-size:var(--fs-14);font-weight:600}.ui-team-role-group__add:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent)}.ui-team-role-group__add:disabled{opacity:.5;cursor:not-allowed}.ui-team-roles-admin__modal{display:flex;flex-direction:column;gap:var(--profile-row-gap)}.ui-profile-range-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ui-profile-range-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--profile-row-gap);padding:var(--space-12) 0;border-bottom:1px solid var(--content-panel-border)}.ui-profile-range-row:last-child{border-bottom:0}.ui-profile-range-row__dates{margin:0;font-size:var(--fs-14);font-weight:600;color:var(--color-text)}.ui-profile-range-row__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.ui-profile-range-form{display:flex;flex-direction:column;gap:var(--profile-row-gap);padding-top:var(--profile-row-gap);border-top:1px solid var(--content-panel-border)}.ui-profile-range-form__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8)}.ui-profile-status{margin:0;font-size:var(--fs-13)}.ui-profile-status--ok{color:var(--accent-success)}.ui-profile-status--error{color:var(--color-danger)}.ui-profile-actions{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8);margin-top:calc(var(--profile-gap-section) * -1 + var(--space-8));padding:var(--profile-actions-pad-y) var(--profile-pad);border:1px solid var(--content-panel-border);border-radius:var(--profile-section-radius);background:var(--profile-actions-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-profile-actions .ui-profile-actions__danger{margin-right:auto}.ui-people-access-modal{display:flex;flex-direction:column;gap:var(--profile-gap);padding-bottom:var(--space-4)}.ui-people-access-modal__team-roles{display:flex;flex-direction:column;gap:.4rem}.ui-people-access-modal__team-roles-label{margin:0;font-size:var(--fs-12);font-weight:650;letter-spacing:.02em;color:var(--color-text)}.ui-people-access-modal .ui-profile{padding-bottom:calc(var(--space-32) + var(--profile-pad))}.ui-planning-hub-topbar__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.ui-planning-hub-topbar__brand{display:block;margin-left:var(--space-8)}.ui-planning-hub-topbar__inner{grid-template-columns:minmax(10rem,1.2fr) auto minmax(10rem,1fr)}.ui-planning-hub-topbar__back{display:none}}.ui-app-topbar,.ui-planning-hub-topbar{position:sticky;top:0;z-index:var(--z-topbar);border-bottom:1px solid color-mix(in srgb,var(--color-border-default) 78%,transparent);background:color-mix(in srgb,var(--color-surface-shell) 92%,transparent);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);padding-top:env(safe-area-inset-top,0px)}.ui-app-topbar__inner,.ui-planning-hub-topbar__inner{display:grid;grid-template-columns:minmax(5.5rem,1fr) auto minmax(5.5rem,1fr);align-items:center;min-height:var(--planning-topbar-height);width:100%;max-width:var(--planning-content-max-xl);margin-inline:auto;padding-inline:max(var(--space-12),env(safe-area-inset-left)) max(var(--space-12),env(safe-area-inset-right));gap:var(--space-8)}.ui-app-topbar__leading,.ui-planning-hub-topbar__leading{display:flex;align-items:center;gap:var(--space-4);justify-self:start}.ui-app-topbar__trailing,.ui-planning-hub-topbar__trailing{justify-self:end;min-width:var(--touch-target-min)}.ui-app-topbar__title,.ui-planning-hub-topbar__title{justify-self:center;margin:0;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-15);font-weight:650;letter-spacing:-.02em;color:var(--color-text);text-align:center}.ui-app-topbar__icon-btn,.ui-planning-hub-topbar__icon-btn{display:inline-flex;min-height:var(--touch-target-min);min-width:var(--touch-target-min);align-items:center;justify-content:center;border-radius:var(--radius-control);color:var(--color-text-secondary);transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-app-topbar__icon-btn:hover,.ui-planning-hub-topbar__icon-btn:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-panel) 80%,transparent)}.ui-app-topbar__icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ui-planning-hub-topbar__icon-btn:focus-visible,.ui-planning-hub-topbar__user:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}.ui-settings-shell{display:flex;min-height:100dvh;flex-direction:column;background:var(--color-surface-page)}.ui-settings-shell__main{flex:1}.ui-settings-shell .ui-app-topbar{background:var(--color-surface-topbar);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:var(--color-border-default)}.ui-settings-shell .ui-panel{border:1px solid var(--color-border-default);border-radius:var(--radius-tile);background:var(--color-surface-panel);box-shadow:none}.ui-settings-shell .ui-content-panel,.ui-settings-row{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface-tile);box-shadow:none}html[data-theme=light] .ui-settings-shell .ui-content-panel,html[data-theme=light] .ui-settings-row{background:color-mix(in srgb,var(--color-surface-tile) 70%,#ffffff 30%);border-color:color-mix(in srgb,var(--color-border-default) 85%,#ffffff 15%)}html[data-theme=light] .ui-settings-shell .ui-panel{border-color:color-mix(in srgb,var(--color-border-default) 70%,#ffffff 30%);box-shadow:0 1px 2px #161c240a}.ui-settings-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12)}.ui-settings-row--start{align-items:flex-start;justify-content:flex-start}.ui-settings-page{box-sizing:border-box;width:100%;max-width:48rem;margin-inline:auto;padding:max(var(--space-20),env(safe-area-inset-top)) max(var(--space-20),env(safe-area-inset-right)) max(var(--space-32),env(safe-area-inset-bottom)) max(var(--space-20),env(safe-area-inset-left))}.ui-account-settings-card{display:flex;flex-direction:column;gap:0;overflow:hidden}.ui-account-settings__divider{margin:1.25rem 0;border:0;border-top:1px solid color-mix(in srgb,var(--color-border-default) 88%,transparent)}.ui-account-settings__header{margin-bottom:1.05rem}.ui-account-settings__title{margin:0;font-size:var(--fs-18);font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--color-text)}.ui-account-settings__lede{margin:.35rem 0 0;max-width:46ch;font-size:var(--fs-14);line-height:1.45;color:var(--color-text-secondary)}.ui-account-settings__identity{display:flex;align-items:flex-start;gap:.9rem}.ui-account-settings__avatar{display:inline-flex;height:3.25rem;width:3.25rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:.9rem;background:color-mix(in srgb,var(--color-action-primary) 16%,var(--color-surface-elevated));color:var(--color-action-primary);font-size:var(--fs-16);font-weight:var(--fw-semibold);letter-spacing:.04em}.ui-account-settings__avatar-img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.ui-account-settings__identity-text{min-width:0;flex:1}.ui-account-settings__name{margin:0;font-size:var(--fs-16);font-weight:var(--fw-semibold);letter-spacing:-.02em;color:var(--color-text)}.ui-account-settings__email{margin:.2rem 0 0;font-size:var(--fs-13);color:var(--color-text-muted);word-break:break-word}.ui-account-settings__meta{display:grid;gap:.55rem;margin:.9rem 0 0}.ui-account-settings__meta-row{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:baseline;gap:.5rem .75rem}.ui-account-settings__meta-row dt{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--color-text-muted);font-size:var(--fs-12);font-weight:var(--fw-medium)}.ui-account-settings__meta-row dd{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--color-text)}.ui-account-settings__profile-link{display:inline-flex;margin-top:1rem;font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--color-action-primary);text-decoration:none}.ui-account-settings__profile-link:hover{text-decoration:underline}.ui-account-settings__methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.ui-account-settings__method{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem;padding:.75rem .85rem;border:1px solid var(--color-border);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent)}.ui-account-settings__method--dashed{border-style:dashed}.ui-account-settings__method--empty{color:var(--color-text-secondary);font-size:var(--fs-14)}.ui-account-settings__method-icon{display:inline-flex;height:2.4rem;width:2.4rem;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.7rem;background:var(--color-surface-shell)}.ui-account-settings__method-icon--accent{background:color-mix(in srgb,var(--color-action-primary) 14%,var(--color-surface-elevated));color:var(--color-action-primary)}.ui-account-settings__method-copy{min-width:0;flex:1}.ui-account-settings__method-title{margin:0;font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text)}.ui-account-settings__method-status{margin:.15rem 0 0;font-size:var(--fs-12);color:var(--color-text-muted)}.ui-account-settings__method-check{flex-shrink:0;color:var(--color-success, #149a7a)}.ui-account-settings__method-action{min-height:2.25rem;flex-shrink:0;padding-inline:.8rem}.ui-account-settings__success{margin:.85rem 0 0;font-size:var(--fs-14);color:var(--color-success, #149a7a)}.ui-account-settings__error{margin:.85rem 0 0;font-size:var(--fs-14);color:var(--color-danger)}.ui-account-settings__note{margin:.85rem 0 0;font-size:var(--fs-13);line-height:1.45;color:var(--color-text-secondary)}.ui-account-settings__signout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1.35rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--color-border-default) 88%,transparent)}.ui-account-settings__signout-hint{margin:0;max-width:32ch;font-size:var(--fs-13);line-height:1.4;color:var(--color-text-muted)}.ui-account-settings--church .ui-church-summary{margin-bottom:1rem}.ui-church-summary{display:flex;align-items:center;gap:var(--space-12);padding:.85rem .95rem;border:1px solid color-mix(in srgb,var(--color-border-default) 88%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent)}.ui-church-summary__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;background:color-mix(in srgb,var(--color-action-primary-soft) 50%,transparent);color:var(--color-action-primary)}.ui-church-summary__copy{min-width:0}.ui-church-summary__name{margin:0;font-size:var(--fs-15);font-weight:var(--fw-semibold);color:var(--color-text)}.ui-church-summary__meta{margin:.2rem 0 0;font-size:var(--fs-12);color:var(--color-text-muted)}.ui-church-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.15rem}.ui-church-actions__hint,.ui-church-actions__danger-label{margin:.25rem 0 0;font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.01em;text-transform:none;color:var(--color-text-muted)}.ui-church-actions__danger-label{margin-top:.85rem;color:color-mix(in srgb,var(--color-danger) 78%,var(--color-text-muted))}.ui-church-actions__list{display:flex;flex-direction:column;gap:.5rem}.ui-church-action{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--color-border-default) 90%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.ui-church-action:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-action-primary) 36%,var(--color-border-default));background:color-mix(in srgb,var(--color-action-primary) 8%,var(--color-surface-elevated))}.ui-church-action:disabled{opacity:.65;cursor:not-allowed}.ui-church-action--danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-danger) 45%,var(--color-border-strong));background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface-panel))}.ui-church-action__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;background:color-mix(in srgb,var(--color-surface-hover) 55%,transparent);color:var(--color-text-secondary)}.ui-church-action--danger .ui-church-action__icon{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.ui-church-action__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.ui-church-action__label{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--color-text)}.ui-church-action__description{font-size:var(--fs-12);line-height:1.4;color:var(--color-text-muted)}.ui-church-action__chevron{flex:none;color:var(--color-text-muted)}@media(max-width:420px){.ui-account-settings__meta-row{grid-template-columns:1fr;gap:.15rem}.ui-account-settings__method-action{width:100%}.ui-account-settings__signout{flex-direction:column;align-items:stretch}}.ui-personal-settings{display:grid;gap:var(--space-20)}.ui-personal-settings__intro{display:grid;grid-template-columns:auto 1fr;gap:var(--space-16);align-items:start}.ui-personal-settings__icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:var(--radius-xl);color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface-tile) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-border-default) 80%,transparent) inset}.ui-personal-settings__icon svg{width:1.75rem;height:1.75rem}.ui-notification-matrix{display:grid;border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface-tile);overflow:hidden}.ui-notification-matrix__head,.ui-notification-matrix__row{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem 4.5rem;gap:var(--space-8);align-items:center;min-height:3rem;padding:0 var(--space-16)}.ui-notification-matrix__head{min-height:2.5rem;border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.ui-notification-matrix__row+.ui-notification-matrix__row{border-top:1px solid color-mix(in srgb,var(--color-border-default) 80%,transparent)}.ui-notification-matrix__cell--label{color:var(--color-text-primary);font-size:var(--fs-14);line-height:1.35;padding-block:var(--space-12)}.ui-notification-matrix__cell--channel{display:grid;place-items:center;justify-self:end;width:100%}.ui-checkbox{position:relative;display:inline-grid;place-items:center;width:var(--touch-target-min);height:var(--touch-target-min);cursor:pointer}.ui-checkbox input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.ui-checkbox__box{position:relative;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:.35rem;border:1.5px solid color-mix(in srgb,var(--color-border-strong) 70%,var(--color-text-muted));background:var(--color-surface-input);box-shadow:var(--field-inset-highlight);transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-checkbox__box:after{content:"";width:.68rem;height:.68rem;background:#fff;opacity:0;transform:scale(.72);transition:opacity var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.2 8.2 6.6 11.5 12.8 4.4' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.2 8.2 6.6 11.5 12.8 4.4' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.ui-checkbox input:checked+.ui-checkbox__box{border-color:var(--color-action-primary);background:var(--color-action-primary);box-shadow:none}.ui-checkbox input:checked+.ui-checkbox__box:after{opacity:1;transform:scale(1)}.ui-checkbox input:focus-visible+.ui-checkbox__box{outline:2px solid var(--color-focus-keyboard);outline-offset:3px}.ui-theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-4);border:1px solid var(--field-border);border-radius:var(--control-radius);background:var(--field-bg)}.ui-theme-toggle__option{min-height:calc(var(--control-height) - 8px);border:0;border-radius:calc(var(--control-radius) - 2px);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--fs-14);font-weight:var(--fw-medium);cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-theme-toggle__option:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-surface-hover) 70%,transparent)}.ui-theme-toggle__option.is-selected{color:var(--btn-primary-text);background:var(--btn-primary-bg)}.ui-theme-toggle__option:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}@media(max-width:520px){.ui-personal-settings__intro{grid-template-columns:1fr}.ui-notification-matrix__head,.ui-notification-matrix__row{grid-template-columns:minmax(0,1fr) 3.75rem 3.75rem;padding-inline:var(--space-12)}}.ui-home-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .85rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--color-border-default);font-size:var(--fs-12);line-height:1.4;color:var(--color-text-muted);text-align:center}.ui-home-footer__settings,.ui-home-footer__version{display:inline-flex;align-items:center;gap:.35rem;color:inherit}.ui-home-footer__settings{text-decoration:underline;text-underline-offset:.18em}.ui-home-footer__settings:hover,.ui-home-footer__settings:focus-visible{color:var(--color-text-secondary)}.ui-home-footer__settings:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:2px}.ui-home-footer__settings svg,.ui-home-footer__version svg{flex-shrink:0;opacity:.9}.ui-home-footer__version .ui-ios-refresh{margin-left:.1rem;color:inherit}.ui-planning-hub{flex:1;padding:var(--planning-shell-pad-top) var(--planning-shell-pad-x) var(--planning-shell-pad-bottom) var(--planning-shell-pad-x-left)}@media(max-width:899px){.ui-planning-hub__title--page:not(.ui-song-view-header__title){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.ui-planning-hub__inner{margin-inline:auto;display:flex;width:100%;max-width:var(--planning-content-max);flex-direction:column;gap:var(--space-24)}.ui-planning-hub__main{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-20)}.ui-planning-hub__rail{display:none}@media(min-width:900px){.ui-planning-hub__inner,.ui-planning-hub__inner--with-rail{max-width:var(--planning-content-max-wide);display:grid;grid-template-columns:minmax(12rem,var(--planning-rail-width)) minmax(0,1fr);gap:var(--space-32);align-items:start}.ui-planning-hub__main{gap:var(--space-24)}.ui-planning-hub__rail{display:flex;position:sticky;top:var(--planning-rail-sticky-top);flex-direction:column;gap:var(--space-12);border:1px solid var(--planning-border-subtle);border-radius:var(--radius-tile);background:color-mix(in srgb,var(--planning-bg-sidebar) 94%,transparent);padding:var(--space-16) var(--space-12);box-shadow:var(--field-inset-highlight)}.ui-planning-hub__rail-kicker{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);padding-inline:var(--space-8)}.ui-planning-hub__rail-nav{display:flex;flex-direction:column;gap:var(--space-4)}.ui-planning-hub__rail-group{display:flex;flex-direction:column;gap:var(--space-2)}.ui-planning-hub__rail-subnav{display:flex;flex-direction:column;gap:var(--space-2);margin-left:1.65rem;padding-left:var(--space-10);border-left:1px solid var(--planning-border-subtle)}.ui-planning-hub__rail-sublink{display:block;border-radius:var(--control-radius);padding:.4rem .65rem;font-size:var(--fs-13);font-weight:500;color:var(--color-text-muted);transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-planning-hub__rail-sublink:hover{color:var(--color-text);background:color-mix(in srgb,var(--planning-bg-panel) 80%,transparent)}.ui-planning-hub__rail-sublink:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}.ui-planning-hub__rail-sublink.is-active{color:var(--color-text);background:color-mix(in srgb,var(--accent-planning-soft) 40%,transparent)}.ui-planning-hub__rail-subnav--people .ui-planning-hub__rail-sublink.is-active{background:color-mix(in srgb,var(--module-people-soft) 55%,transparent)}.ui-planning-hub__rail-link{--rail-module: var(--module-dashboard);--rail-module-soft: var(--module-dashboard-soft);--rail-module-text: var(--module-dashboard-text);position:relative;display:flex;align-items:center;gap:.65rem;border-radius:var(--control-radius);padding:.6rem .75rem;font-size:var(--fs-14);font-weight:550;color:var(--color-text-secondary);transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-planning-hub__rail-link-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:.55rem;color:var(--rail-module-text);background:color-mix(in srgb,var(--rail-module-soft) 90%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--rail-module) 18%,transparent) inset;opacity:1}.ui-planning-hub__rail-link--dashboard{--rail-module: var(--module-dashboard);--rail-module-soft: var(--module-dashboard-soft);--rail-module-text: var(--module-dashboard-text)}.ui-planning-hub__rail-link--services{--rail-module: var(--module-services);--rail-module-soft: var(--module-services-soft);--rail-module-text: var(--module-services-text)}.ui-planning-hub__rail-link--songs{--rail-module: var(--module-songs);--rail-module-soft: var(--module-songs-soft);--rail-module-text: var(--module-songs-text)}.ui-planning-hub__rail-link--people{--rail-module: var(--module-people);--rail-module-soft: var(--module-people-soft);--rail-module-text: var(--module-people-text)}.ui-planning-hub__rail-link:hover{color:var(--color-text);background:color-mix(in srgb,var(--rail-module-soft) 28%,var(--planning-bg-panel) 72%)}.ui-planning-hub__rail-link:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}.ui-planning-hub__rail-link.is-active{color:var(--color-text);background:color-mix(in srgb,var(--rail-module-soft) 62%,transparent)}.ui-planning-hub__rail-link.is-active:before{content:"";position:absolute;left:0;top:.45rem;bottom:.45rem;width:3px;border-radius:999px;background:var(--rail-module)}.ui-planning-hub__kicker--mobile{display:none}}@media(min-width:1200px){.ui-planning-hub__inner,.ui-planning-hub__inner--with-rail{max-width:var(--planning-content-max-xl)}}.ui-planning-hub__title-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.ui-planning-hub__title-row .ui-planning-hub__title{margin:0}.ui-planning-hub__title-row .ui-planning-hub__subtitle{margin-top:var(--space-8)}.ui-planning-hub__title-row button{display:inline-flex;align-items:center;gap:.4rem}.ui-planning-hub__header{display:flex;flex-direction:column;gap:var(--space-8)}.ui-planning-hub__title{font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:650;letter-spacing:-.03em;line-height:1.2;color:var(--color-text)}.ui-planning-hub__subtitle{max-width:36rem;font-size:var(--fs-14);line-height:1.55;color:var(--color-text-secondary)}a.ui-home-mode-card{text-decoration:none;color:inherit}.ui-planning-hub-people-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.ui-planning-hub-people-list.ui-content-panel{gap:0;overflow:visible;padding:0}.ui-planning-hub-people-list.ui-content-panel:has(.ui-planning-hub-people-skeleton){display:flex;flex-direction:column;gap:.5rem;padding:var(--space-12)}.ui-planning-hub-people-list.ui-content-panel .ui-planning-hub-people-row{border:0;border-radius:0;border-bottom:1px solid var(--content-panel-border);background:transparent}.ui-planning-hub-people-list.ui-content-panel .ui-planning-hub-people-row:last-child{border-bottom:0}.ui-planning-hub-people-row{border:1px solid var(--content-panel-border);border-radius:var(--radius-tile);background:var(--content-panel-bg)}.ui-planning-hub-people-row__open{display:flex;width:100%;align-items:center;gap:var(--space-12);padding:.9rem 1rem;text-align:left;color:inherit;border-radius:inherit;transition:background var(--motion-fast) var(--easing-standard)}.ui-planning-hub-people-row__open:hover{background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent)}.ui-planning-hub-people-row__open:focus-visible{outline:2px solid var(--color-mode-planning);outline-offset:-2px}.ui-planning-hub-people-skeleton{height:3.75rem;border-radius:var(--radius-tile);background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface-panel) 90%,transparent),color-mix(in srgb,var(--color-surface-hover) 80%,transparent),color-mix(in srgb,var(--color-surface-panel) 90%,transparent));background-size:200% 100%;animation:ui-planning-hub-skeleton 1.2s var(--easing-standard) infinite}@keyframes ui-planning-hub-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-planning-hub-people-row__copy{min-width:0;flex:1}.ui-planning-hub-people-row__name{font-size:var(--fs-15);font-weight:600;color:var(--color-text)}.ui-planning-hub-people-row__you{margin-left:.4rem;font-size:var(--fs-12);font-weight:500;color:var(--color-text-muted)}.ui-planning-hub-people-row__email{margin-top:.15rem;font-size:var(--fs-12);color:var(--color-text-muted)}.ui-planning-hub-role-toggle__btn.is-active{color:var(--chip-text-selected);background:var(--chip-bg-selected)}.ui-planning-hub-role-hints{margin:0;padding-left:1.1rem;font-size:var(--fs-12);line-height:1.45;color:var(--color-text-muted)}.ui-role-access-guide{position:relative;margin-top:var(--role-guide-gap);overflow:hidden}.ui-role-access-guide__summary{display:flex;align-items:flex-start;gap:var(--role-guide-gap-tight);cursor:pointer;list-style:none;padding:var(--role-guide-pad-lg) var(--role-guide-pad);padding-right:calc(var(--role-guide-pad) + var(--space-20))}.ui-role-access-guide__summary::-webkit-details-marker{display:none}.ui-role-access-guide__summary:after{content:"";position:absolute;top:calc(var(--role-guide-pad-lg) + var(--space-6));right:var(--role-guide-pad);width:var(--space-8);height:var(--space-8);border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform var(--motion-fast) var(--easing-standard)}.ui-role-access-guide[open] .ui-role-access-guide__summary:after{top:calc(var(--role-guide-pad-lg) + var(--space-8));transform:rotate(225deg)}.ui-role-access-guide__summary-copy{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.ui-role-access-guide__title{font-size:var(--fs-16);font-weight:650;line-height:1.3;color:var(--color-text)}.ui-role-access-guide__subtitle{font-size:var(--fs-13);line-height:1.4;color:var(--color-text-muted)}.ui-role-access-guide__body{display:flex;flex-direction:column;gap:var(--role-guide-gap);padding:var(--role-guide-pad) var(--role-guide-pad) var(--role-guide-pad-lg);border-top:1px solid var(--content-panel-border)}.ui-role-access-guide__note{margin:0;font-size:var(--fs-13);line-height:1.5;color:var(--color-text-muted)}.ui-role-access-guide__cards{display:grid;grid-template-columns:1fr;gap:var(--role-guide-gap);margin:0;padding:0;list-style:none}.ui-role-access-guide__card{display:flex;flex-direction:column;gap:var(--role-guide-gap-tight);padding:var(--role-guide-card-pad);border:1px solid var(--content-panel-border);border-radius:var(--role-guide-card-radius);background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent)}.ui-role-access-guide__you{margin-left:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--color-muted);text-transform:none}.ui-role-access-guide__card-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .25rem;margin:0;font-size:var(--fs-14);font-weight:650;color:var(--color-text)}.ui-role-access-guide__card-list{display:flex;flex-direction:column;gap:var(--role-guide-row-gap);margin:0;padding:0;list-style:none}.ui-role-access-guide__card-row{display:flex;align-items:flex-start;gap:var(--space-10);min-height:var(--space-24);font-size:var(--fs-13);line-height:1.4;color:var(--color-text-secondary)}.ui-role-access-guide__scroll{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--content-panel-border);border-radius:var(--role-guide-card-radius);background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent);scrollbar-width:thin;scrollbar-color:var(--role-guide-scroll-thumb) var(--role-guide-scroll-track)}.ui-role-access-guide__scroll::-webkit-scrollbar{height:var(--space-6)}.ui-role-access-guide__scroll::-webkit-scrollbar-track{background:var(--role-guide-scroll-track)}.ui-role-access-guide__scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-lg);background:var(--role-guide-scroll-thumb)}.ui-role-access-guide__table{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-13)}.ui-role-access-guide__table th,.ui-role-access-guide__table td{padding:var(--space-12) var(--space-10);text-align:center;vertical-align:middle;border-bottom:1px solid var(--content-panel-border)}.ui-role-access-guide__table thead th{position:sticky;top:0;z-index:1;min-width:var(--role-guide-col-min);font-size:var(--fs-12);font-weight:650;line-height:1.25;color:var(--color-text-secondary);background:var(--color-surface-panel);white-space:normal}.ui-role-access-guide__table .ui-role-access-guide__corner,.ui-role-access-guide__table tbody th{position:sticky;left:0;z-index:2;min-width:var(--role-guide-label-col);max-width:var(--role-guide-label-col);text-align:left;font-weight:550;color:var(--color-text);background:var(--color-surface-panel);white-space:normal}.ui-role-access-guide__table thead .ui-role-access-guide__corner{z-index:3}.ui-role-access-guide__table tbody tr:last-child th,.ui-role-access-guide__table tbody tr:last-child td{border-bottom:0}.ui-role-access-guide__mark-wrap{position:relative;display:inline-flex;vertical-align:middle}.ui-role-access-guide__mark-wrap .ui-role-access-guide__mark--limited{cursor:help}.ui-role-access-guide__bubble{position:absolute;bottom:calc(100% + var(--space-6));left:50%;z-index:4;width:-moz-max-content;width:max-content;max-width:min(16rem,70vw);padding:var(--space-8) var(--space-10);border:1px solid var(--content-panel-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft);font-size:var(--fs-11);font-weight:500;line-height:1.45;color:var(--color-text);text-align:left;pointer-events:none;opacity:0;transform:translate(-50%) translateY(var(--space-2));transition:opacity .15s ease,transform .15s ease}.ui-role-access-guide__mark-wrap:hover .ui-role-access-guide__bubble,.ui-role-access-guide__mark-wrap:focus-within .ui-role-access-guide__bubble{opacity:1;transform:translate(-50%) translateY(0)}.ui-role-access-guide__table tbody tr:has(.ui-role-access-guide__mark-wrap:hover),.ui-role-access-guide__table tbody tr:has(.ui-role-access-guide__mark-wrap:focus-within){position:relative;z-index:2}.ui-role-access-guide__table td{overflow:visible}.ui-role-access-guide__mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--role-guide-mark-size);height:var(--role-guide-mark-size);border-radius:999px}.ui-role-access-guide__mark--yes{color:var(--accent-success);background:color-mix(in srgb,var(--accent-success) 16%,transparent)}.ui-role-access-guide__mark--limited{color:var(--color-mode-planning);background:color-mix(in srgb,var(--color-mode-planning) 16%,transparent)}.ui-role-access-guide__mark--no{color:var(--color-text-muted);background:color-mix(in srgb,var(--color-text-muted) 12%,transparent)}.ui-role-access-guide__legend{display:flex;flex-wrap:wrap;gap:var(--space-12) var(--space-20);margin:0;padding:var(--space-12) 0 0;list-style:none;border-top:1px solid var(--content-panel-border);font-size:var(--fs-12);line-height:1.4;color:var(--color-text-muted)}.ui-role-access-guide__legend li{display:inline-flex;align-items:center;gap:var(--space-8)}@media(min-width:560px){.ui-role-access-guide__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.ui-role-access-guide__cards{display:none}.ui-role-access-guide__scroll{display:block}}.ui-planning-hub__status{font-size:var(--fs-14);color:var(--color-text-secondary)}.ui-planning-hub__status--error{color:var(--color-danger)}.ui-planning-hub__hint{font-size:var(--fs-13);line-height:1.45;color:var(--color-text-muted);margin:0}.ui-planning-dashboard{display:flex;flex-direction:column;gap:var(--space-32)}.ui-planning-dashboard__header-actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8)}.ui-planning-dashboard__section-title{margin:0;font-size:.72rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.ui-planning-dashboard__section-body{margin:.35rem 0 0;font-size:var(--fs-13);line-height:1.45;color:var(--color-text-secondary)}.ui-planning-dashboard-quick{display:flex;flex-direction:column;gap:var(--space-12)}.ui-planning-dashboard-quick__grid{display:grid;gap:var(--space-10);grid-template-columns:1fr}@media(min-width:720px)and (max-width:1099px){.ui-planning-dashboard-quick__grid{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr))}.ui-planning-dashboard-quick__card{position:relative;flex-direction:column;align-items:flex-start;gap:var(--space-10);min-height:0;padding:1rem 1rem 1.05rem}.ui-planning-dashboard-quick__copy{flex:0 1 auto;width:100%;padding-right:1.25rem}.ui-planning-dashboard-quick__body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ui-planning-dashboard-quick__chevron{position:absolute;top:.95rem;right:.75rem}}@media(min-width:1100px){.ui-planning-dashboard-quick__grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.ui-planning-dashboard-quick__card{display:flex;align-items:center;gap:var(--space-12);min-height:5.25rem;text-align:left;padding:1rem 1rem 1rem .95rem;border-radius:calc(var(--radius-tile) - 2px);border:1px solid var(--content-panel-border);background:linear-gradient(180deg,color-mix(in srgb,var(--planning-bg-panel) 96%,white 4%),color-mix(in srgb,var(--planning-bg-panel) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent);color:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard),background var(--motion-fast) var(--easing-standard)}.ui-planning-dashboard-quick__card:hover{border-color:color-mix(in srgb,var(--color-mode-planning) 45%,var(--content-panel-border));transform:translateY(-1px)}.ui-planning-dashboard-quick__card:hover .ui-planning-dashboard-quick__chevron{color:var(--color-text);transform:translate(2px)}.ui-planning-dashboard-quick__icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.85rem;flex-shrink:0}.ui-planning-dashboard-quick__icon--service{background:color-mix(in srgb,var(--accent-planning) 20%,transparent);color:var(--accent-planning-text, #8eb8d9)}.ui-planning-dashboard-quick__icon--songs{background:color-mix(in srgb,var(--accent-primary) 18%,transparent);color:var(--accent-primary)}.ui-planning-dashboard-quick__icon--people{background:color-mix(in srgb,var(--accent-warning) 18%,transparent);color:var(--accent-warning)}.ui-planning-dashboard-quick__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-width:0}.ui-planning-dashboard-quick__title{font-size:var(--fs-15);font-weight:650;letter-spacing:-.01em;color:var(--color-text)}.ui-planning-dashboard-quick__body{font-size:var(--fs-13);line-height:1.4;color:var(--color-text-secondary)}.ui-planning-dashboard-quick__chevron{flex-shrink:0;color:var(--color-text-muted);transition:color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.ui-planning-dashboard-recent{display:flex;flex-direction:column;gap:var(--space-16)}.ui-planning-dashboard-recent__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-12)}.ui-planning-dashboard-recent__intro{min-width:0}.ui-planning-dashboard-recent__view-all{display:inline-flex;flex-shrink:0;align-items:center;gap:.2rem;border:0;background:transparent;color:var(--module-services-text, var(--color-mode-planning-text));font-size:var(--fs-13);font-weight:550;cursor:pointer;padding:.2rem 0;transition:color var(--motion-fast) var(--easing-standard)}.ui-planning-dashboard-recent__view-all:hover{color:var(--module-services, var(--color-mode-planning))}.ui-planning-dashboard-recent__intro-title{display:flex;align-items:center;gap:.55rem}.ui-planning-dashboard-recent__intro-title .ui-page-mark{width:1.65rem;height:1.65rem;border-radius:.5rem}.ui-planning-dashboard-recent__intro-title .ui-planning-dashboard__section-title{margin:0}.ui-planning-services-toolbar.ui-song-library__toolbar{margin-bottom:0}.ui-planning-services-toolbar{display:grid;gap:var(--space-10);grid-template-columns:1fr;margin-bottom:var(--space-16)}@media(min-width:720px){.ui-planning-services-toolbar{grid-template-columns:minmax(0,1fr) minmax(11rem,15rem);align-items:stretch}}.ui-planning-services-toolbar .ui-select{width:100%;min-height:2.75rem;height:2.75rem;border-radius:calc(var(--radius-tile) - 2px);border-color:var(--content-panel-border);background:linear-gradient(180deg,color-mix(in srgb,var(--planning-bg-panel) 96%,white 4%),color-mix(in srgb,var(--planning-bg-panel) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent);color:var(--color-text)}.ui-planning-service-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.ui-planning-service-list.ui-content-panel{overflow:hidden;padding:0}.ui-planning-service-list__item{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--content-panel-border)}.ui-planning-service-list__item:last-child{border-bottom:0}.ui-planning-service-list__item:hover{background:color-mix(in srgb,var(--color-mode-planning) 7%,transparent)}.ui-planning-service-list__row{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-width:0;text-align:left;background:transparent;border:0;color:inherit;cursor:pointer;padding:.9rem 1rem;transition:background var(--motion-fast) var(--easing-standard)}.ui-planning-service-list__row:hover .ui-planning-service-list__chevron{color:var(--color-text);transform:translate(2px)}.ui-planning-service-list__copy{display:flex;flex-direction:column;gap:.22rem;min-width:0}.ui-planning-service-list__title{font-size:var(--fs-14);font-weight:550;letter-spacing:-.01em;line-height:1.3;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-service-list__type{font-size:var(--fs-12);font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-service-list__subtitle,.ui-planning-service-list__meta,.ui-planning-service-list__modified{font-size:var(--fs-12);line-height:1.4;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-service-list__modified{color:var(--color-text-muted)}.ui-planning-services-view-row{margin-bottom:var(--space-12)}.ui-planning-services-view-switcher{display:flex;width:100%;max-width:none}.ui-planning-services-view-switcher a{display:inline-flex;min-width:0;flex:1 1 0;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.82rem;font-weight:550;line-height:1.2;padding:.45rem .85rem;text-decoration:none;transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-planning-services-view-switcher a:hover{color:var(--color-text)}.ui-planning-services-view-switcher a.is-selected{background:color-mix(in srgb,var(--color-action-primary) 22%,var(--planning-bg-panel));color:var(--color-text);box-shadow:0 1px 2px color-mix(in srgb,black 22%,transparent)}.ui-planning-services-matrix{display:flex;flex-direction:column;gap:var(--space-12)}.ui-planning-services-matrix__nav{display:flex;justify-content:space-between;gap:var(--space-8)}.ui-planning-services-matrix__grid{display:grid;gap:var(--space-12);grid-template-columns:repeat(var(--matrix-columns, 1),minmax(0,1fr))}.ui-planning-services-matrix__column{display:flex;flex-direction:column;gap:var(--space-12);min-height:18rem;padding:var(--space-16);overflow:visible}.ui-planning-services-matrix__header{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;min-height:2.75rem}.ui-planning-services-matrix__header .ui-planning-service-list__title{font-size:var(--fs-15)}.ui-planning-services-matrix__body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-8);min-height:0}.ui-planning-services-matrix__kicker{margin:0;font-size:.68rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.ui-planning-services-matrix__songs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:var(--fs-13);color:var(--color-text-secondary)}.ui-planning-services-matrix__song-slot{min-height:1.35em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.ui-planning-services-matrix__song-slot.is-empty{color:var(--color-text-muted);opacity:.55}.ui-planning-services-matrix__people{display:flex;flex-direction:column;gap:.55rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--content-panel-border)}.ui-planning-services-matrix__people-heading{display:block;width:100%;margin:0 0 .15rem;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.ui-planning-services-matrix__people-heading:hover .ui-planning-services-matrix__kicker{color:var(--color-text-secondary)}.ui-planning-services-matrix__role-groups{display:flex;flex-direction:column;gap:.55rem}.ui-planning-services-matrix__role-group{display:flex;flex-direction:column;gap:.4rem}.ui-planning-services-matrix__role-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.4rem;margin:0;padding:.35rem .25rem;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ui-planning-services-matrix__role-group-toggle:hover{background:color-mix(in srgb,var(--color-surface-panel) 55%,transparent)}.ui-planning-services-matrix__role-group-title{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--accent-planning) 72%,var(--color-text-muted))}.ui-planning-services-matrix__role-group.is-expanded .ui-planning-services-matrix__role-group-title{color:var(--accent-planning-text, var(--accent-planning))}.ui-planning-services-matrix__role-group-chevron{flex-shrink:0;color:color-mix(in srgb,var(--accent-planning) 55%,var(--color-text-muted));transition:transform var(--motion-fast) var(--easing-standard)}.ui-planning-services-matrix__role-group.is-expanded .ui-planning-services-matrix__role-group-chevron{transform:rotate(180deg);color:var(--accent-planning-text, var(--accent-planning))}.ui-planning-services-matrix__assignment-list{list-style:none;margin:0;padding:.15rem 0 .1rem .65rem;display:flex;flex-direction:column;gap:.45rem;border-left:1px solid color-mix(in srgb,var(--accent-planning) 28%,var(--content-panel-border))}.ui-planning-services-matrix__assignment-row{display:flex;flex-direction:column;gap:.1rem;min-width:0;overflow:visible}.ui-planning-services-matrix__assignment-main{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0;min-height:1.4rem}.ui-planning-services-matrix__assignment-role{flex:1 1 auto;min-width:0;font-size:var(--fs-13);font-weight:550;letter-spacing:.01em;line-height:1.3;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-services-matrix__assignment-row.is-empty .ui-planning-services-matrix__assignment-role{opacity:.8}.ui-planning-services-matrix__assignment-names{list-style:none;margin:0;padding:0 0 0 .1rem;display:flex;flex-direction:column;align-items:stretch;gap:.08rem;min-width:0;font-size:var(--fs-12);line-height:1.35;color:var(--color-text)}.ui-planning-services-matrix__assignment-names[data-slots="1"]{min-height:1.35em}.ui-planning-services-matrix__assignment-names[data-slots="2"]{min-height:calc(2.7em + .08rem)}.ui-planning-services-matrix__assignment-names[data-slots="3"]{min-height:calc(3 * 1.35em + 2 * .08rem)}.ui-planning-services-matrix__name-slot{min-height:1.35em;min-width:0;overflow:hidden}.ui-planning-services-matrix__name-slot.is-empty{visibility:hidden}.ui-planning-services-matrix__name-btn{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--color-text);font-size:var(--fs-12);font-weight:400;line-height:1.35;text-align:left;cursor:pointer;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-services-matrix__name-btn:hover:not(:disabled){color:var(--accent-planning-text, var(--accent-planning));text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:.15em}.ui-planning-services-matrix__name-btn:disabled{opacity:.6;cursor:default}.ui-planning-services-matrix__name-readonly{display:block;width:100%;font-size:var(--fs-12);font-weight:400;line-height:1.35;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-services-matrix__more-btn{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--color-text-muted);font-size:var(--fs-12);font-weight:400;line-height:1.35;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-services-matrix__more-btn:hover:not(:disabled){color:var(--accent-planning-text, var(--accent-planning));text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:.15em}.ui-planning-services-matrix__more-btn:disabled{opacity:.6;cursor:default}.ui-planning-services-matrix__add-btn{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;margin:0;padding:0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-panel) 80%,transparent);color:var(--color-text-muted);cursor:pointer}.ui-planning-services-matrix__add-btn:hover:not(:disabled){color:var(--color-text);border-color:color-mix(in srgb,var(--color-action-primary) 45%,var(--color-border-default));background:color-mix(in srgb,var(--color-action-primary) 10%,transparent)}.ui-planning-services-matrix__add-btn:disabled{opacity:.5;cursor:default}.ui-planning-service-detail{display:flex;flex-direction:column;gap:var(--space-16)}.ui-planning-service-detail__header{margin-bottom:0}.ui-planning-service-detail__tabs{display:flex;width:100%;max-width:none}.ui-planning-service-people,.ui-planning-service-rehearse{display:flex;flex-direction:column;gap:var(--space-12)}.ui-planning-service-people__header{display:flex;flex-direction:column;gap:var(--space-6)}.ui-planning-service-people__groups{display:flex;flex-direction:column;gap:var(--space-12)}.ui-planning-service-people__group{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12) var(--space-16);overflow:visible}.ui-planning-service-people__group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.65rem;margin:0;padding:.25rem 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ui-planning-service-people__group-toggle:hover{color:var(--color-text)}.ui-planning-service-people__group-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.ui-planning-service-people__group-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--motion-fast) var(--easing-standard)}.ui-planning-service-people__group.is-expanded .ui-planning-service-people__group-chevron{transform:rotate(180deg)}.ui-planning-service-people__role-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-16)}.ui-planning-service-people__role{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;overflow:visible}.ui-planning-service-people__role-name{margin:0;font-size:var(--fs-14);font-weight:650;color:var(--color-text)}.ui-planning-service-people__assignees{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-6)}.ui-planning-service-people__chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;border:1px solid color-mix(in srgb,var(--color-mode-planning) 30%,var(--content-panel-border));border-radius:999px;background:color-mix(in srgb,var(--color-mode-planning) 18%,var(--planning-bg-panel));padding:.2rem .35rem .2rem .3rem}.ui-planning-service-people__chip .ui-member-avatar{width:1.35rem;height:1.35rem;font-size:.6rem}.ui-planning-service-people__chip-name{font-size:var(--fs-12);font-weight:550;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-assignment-status-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1rem;height:1rem}.ui-planning-services-matrix__name-btn,.ui-planning-services-matrix__name-readonly{display:inline-flex;align-items:center;gap:.28rem;width:100%;min-width:0}.ui-planning-services-matrix__name-btn .ui-assignment-status-icon,.ui-planning-services-matrix__name-readonly .ui-assignment-status-icon{width:.85rem;height:.85rem}.ui-planner-toast{position:fixed;left:50%;bottom:1.35rem;z-index:var(--z-toast, 500);max-width:min(22rem,calc(100vw - 2rem));padding:.7rem 1rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--color-mode-planning) 35%,var(--content-panel-border));background:color-mix(in srgb,var(--planning-bg-panel) 92%,#000);color:var(--color-text);font-size:var(--fs-13);font-weight:550;line-height:1.35;box-shadow:0 10px 28px #00000047;transform:translate(-50%,.6rem);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.ui-planner-toast.is-visible{opacity:1;transform:translate(-50%)}.ui-auth-lang{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.25rem}.ui-auth-lang__btn{border:0;background:transparent;color:var(--color-text-muted);font-size:var(--fs-12);font-weight:650;letter-spacing:.04em;padding:.2rem .15rem;cursor:pointer}.ui-auth-lang__btn.is-active{color:var(--color-text)}.ui-auth-lang__sep{color:var(--color-text-muted);opacity:.55}.ui-auth-inline-link{border:0;background:transparent;color:var(--color-accent, #6ee7b7);font:inherit;font-weight:650;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:.12em}.ui-org-chooser-enter{animation:ui-org-chooser-fade .28s ease}@keyframes ui-org-chooser-fade{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.ui-service-assign-modal{display:flex;flex-direction:column;gap:var(--space-20);overflow:visible}.ui-service-assign-modal__title{margin:0;font-size:var(--fs-18);font-weight:700;color:var(--color-text)}.ui-service-assign-modal__body{margin:.55rem 0 0;font-size:var(--fs-13);line-height:1.45;color:var(--color-text-muted)}.ui-service-assign-modal__step{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;overflow:visible}.ui-service-assign-modal__step+.ui-service-assign-modal__step{margin-top:var(--space-4)}.ui-service-assign-modal__combo{position:relative;z-index:1;min-width:0;overflow:visible}.ui-service-assign-modal__combo:has(.ui-service-assign-modal__dropdown){z-index:40}.ui-planning-service-people__role .ui-service-assign-modal__combo:has(.ui-service-assign-modal__dropdown){z-index:50}.ui-service-assign-modal__search{display:flex;align-items:center;gap:.45rem;padding-inline:.75rem .35rem;border:1px solid var(--field-border);border-radius:var(--radius-control);background:var(--field-bg);color:var(--color-text-muted)}.ui-service-assign-modal__search .ui-input{flex:1;min-width:0;border:0;background:transparent;padding-inline:0;box-shadow:none}.ui-service-assign-modal__search .ui-input:focus{outline:none}.ui-service-assign-modal__search:focus-within,.ui-service-assign-modal__search.is-open{border-color:var(--field-border-focus);outline:2px solid color-mix(in srgb,var(--color-mode-planning) 35%,transparent);outline-offset:1px}.ui-service-assign-modal__combo-toggle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);cursor:pointer}.ui-service-assign-modal__combo-toggle:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.ui-service-assign-modal__search.is-open .ui-service-assign-modal__combo-toggle{transform:rotate(180deg)}.ui-service-assign-modal__dropdown{position:absolute;z-index:60;top:calc(100% + .35rem);bottom:auto;left:0;right:0;list-style:none;margin:0;padding:.35rem;display:flex;flex-direction:column;gap:.55rem;max-height:min(16rem,40vh);overflow:auto;border:1px solid var(--content-panel-border);border-radius:var(--radius-control);background:var(--color-surface-panel-strong);box-shadow:0 12px 28px color-mix(in srgb,#000 32%,transparent)}.ui-service-assign-modal__dropdown--down{top:calc(100% + .35rem);bottom:auto;box-shadow:0 12px 28px color-mix(in srgb,#000 32%,transparent)}.ui-service-assign-modal__pick{display:flex;width:100%;align-items:center;gap:.65rem;min-height:var(--touch-target-min);padding:.45rem .55rem;border:0;border-radius:calc(var(--radius-control) - 2px);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.ui-service-assign-modal__pick:hover:not(:disabled),.ui-service-assign-modal__pick.is-selected{background:color-mix(in srgb,var(--color-mode-planning) 12%,transparent)}.ui-service-assign-modal__pick.is-unavailable{cursor:not-allowed;opacity:.72;background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.ui-service-assign-modal__pick.is-unavailable:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.ui-service-assign-modal__pick-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.1rem}.ui-service-assign-modal__pick-title{font-size:var(--fs-14);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-service-assign-modal__pick-meta{font-size:var(--fs-12);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-service-assign-modal__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-4);padding-top:var(--space-16);border-top:1px solid var(--content-panel-border)}.ui-planning-service-people__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);cursor:pointer}.ui-planning-service-people__chip-remove:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.ui-chordpro-view__key-chip{display:inline-flex;align-items:center;min-height:2rem;padding:0 .65rem;border-radius:999px;background:color-mix(in srgb,var(--color-mode-planning) 16%,transparent);color:var(--color-mode-planning-text);font-size:var(--fs-12);font-weight:600}.ui-planning-service-list__chevron{flex-shrink:0;color:var(--color-text-muted);transition:color var(--motion-fast) var(--easing-standard),transform var(--motion-fast) var(--easing-standard)}.ui-planning-service-list__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-2);padding:.55rem .65rem .55rem 0}.ui-planning-service-list__icon-action{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-planning-service-list__icon-action:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-text)}.ui-planning-service-list__icon-action--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-status-danger, #f87171) 16%,transparent);color:var(--color-status-danger, #f87171)}.ui-planning-service-list__icon-action:disabled{opacity:.45;cursor:not-allowed}.ui-planning-flows{display:flex;flex-direction:column;gap:var(--space-24)}.ui-planning-flows__col{display:flex;flex-direction:column;gap:var(--space-12)}.ui-planning-flows__heading{margin:0;font-size:var(--fs-14);font-weight:600}.ui-planning-flows__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8);max-height:14rem;overflow:auto}.ui-planning-flows__item{width:100%;text-align:left;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:transparent;color:inherit;padding:.55rem .7rem;cursor:pointer}.ui-planning-flows__item.is-selected,button.ui-planning-flows__item:hover{border-color:var(--color-accent)}.ui-planning-flows__item--readonly{cursor:default;opacity:.95}.ui-planning-flows__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.ui-planning-flows__col>.ui-planning-flows__heading+.ui-planning-hub__hint{margin-top:calc(var(--space-6) * -1)}.ui-planning-services-types-panel{padding:var(--space-16) var(--space-20)}.ui-planning-services-types-panel .ui-people-access-modal{max-height:none;padding-bottom:0}.ui-planning-song-picker{list-style:none;margin:0 0 var(--space-12);padding:0;display:flex;flex-direction:column;gap:var(--space-6);max-height:16rem;overflow:auto}.ui-planning-song-picker__item{width:100%;text-align:left;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:transparent;color:inherit;padding:.6rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.ui-planning-song-picker__item.is-selected,.ui-planning-song-picker__item:hover{border-color:var(--color-accent)}.ui-planning-song-picker__title{font-weight:600;font-size:var(--fs-14)}.ui-planning-song-picker__meta{font-size:var(--fs-12);color:var(--color-text-muted)}.ui-planning-service-songs__heading,.ui-planning-service-assign__title{margin:0 0 var(--space-8);font-size:var(--fs-16);font-weight:600}.ui-planning-service-order{display:flex;flex-direction:column;gap:var(--space-12)}.ui-planning-service-order__intro .ui-planning-service-songs__heading{margin-bottom:var(--space-4)}.ui-planning-service-order__sections.ui-content-panel{padding:0;overflow:hidden}.ui-planning-service-order__section+.ui-planning-service-order__section{border-top:1px solid var(--content-panel-border)}.ui-planning-service-order__separator{display:flex;align-items:center;gap:var(--space-4);min-height:2.75rem;padding:.35rem .45rem .35rem .55rem;background:color-mix(in srgb,var(--planning-bg-panel) 72%,black 10%);border-bottom:1px solid color-mix(in srgb,var(--content-panel-border) 80%,transparent)}.ui-planning-service-order__separator-toggle{display:flex;flex:1 1 auto;align-items:center;gap:.45rem;min-width:0;border:0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;padding:.35rem .25rem}.ui-planning-service-order__separator-title{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-service-order__separator-add{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-text-muted);cursor:pointer}.ui-planning-service-order__separator-add:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.ui-planning-service-order__list{list-style:none;margin:0;padding:.25rem 0}.ui-planning-service-order__empty{padding:.85rem 1rem 1rem 2.75rem;font-size:var(--fs-13);color:var(--color-text-muted)}.ui-planning-service-order__row{display:flex;flex-direction:column}.ui-planning-service-order__row-main{display:flex;align-items:center;gap:.85rem;min-height:3.55rem;padding:.55rem .55rem .55rem .85rem}.ui-planning-service-order__row:hover .ui-planning-service-order__row-main,.ui-planning-service-order__row.is-menu-open .ui-planning-service-order__row-main{background:color-mix(in srgb,var(--color-mode-planning) 7%,transparent)}.ui-planning-service-order__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.65rem;color:var(--accent-primary)}.ui-planning-service-order__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:.15rem;min-width:0}.ui-planning-service-order__title{font-size:var(--fs-15);font-weight:600;letter-spacing:-.01em;color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.ui-planning-service-order__title:hover{color:var(--color-mode-planning-text)}.ui-planning-service-order__artist{font-size:var(--fs-12);line-height:1.35;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-planning-service-order__trailing{display:flex;flex-shrink:0;align-items:center;gap:var(--space-6)}.ui-planning-service-order__key-chip{position:relative;min-width:3.25rem}.ui-planning-service-order__key-chip .ui-song-key-picker{gap:0}.ui-planning-service-order__key-chip .ui-song-key-picker.is-open{z-index:var(--z-dropdown)}.ui-planning-service-order__key-chip .ui-song-key-picker__trigger{min-height:2.15rem;min-width:3.25rem;width:auto;justify-content:center;padding-inline:.7rem;border-radius:.7rem;font-size:var(--fs-13);font-weight:650;font-variant-numeric:tabular-nums}.ui-planning-service-order__key-chip .ui-song-key-picker__popover{left:auto;right:0}.ui-planning-service-order__trash{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-planning-service-order__trash:hover:not(:disabled){background:color-mix(in srgb,var(--color-status-danger, #f87171) 16%,transparent);color:var(--color-status-danger, #f87171)}.ui-planning-service-order__trash:disabled{opacity:.45;cursor:not-allowed}.ui-planning-service-chords-modal .ui-chordpro-sheet{max-height:min(60vh,28rem);overflow:auto;margin-bottom:var(--space-12)}.ui-floating-home-button{z-index:calc(var(--z-topbar) + 1);pointer-events:auto}.ui-floating-home-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;opacity:.9}.ui-audio-remote-volume-trigger{display:inline-flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;color:#94a3b8d1;transition:background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),opacity var(--motion-fast) var(--easing-standard)}.ui-audio-remote-volume-trigger:hover:not(:disabled),.ui-audio-remote-volume-trigger[aria-expanded=true]{background:#ffffff0f;color:var(--color-text-primary)}.ui-audio-remote-volume-trigger:disabled{cursor:not-allowed;opacity:.45}.ui-audio-remote-volume-popover-host.is-open{position:relative;z-index:calc(var(--z-topbar) + 2)}.ui-audio-remote-volume-popover__backdrop{position:fixed;inset:0;z-index:calc(var(--z-topbar) + 2);border:0;background:transparent;cursor:default}.ui-audio-remote-volume-popover{position:fixed;z-index:calc(var(--z-topbar) + 3);width:52px;filter:drop-shadow(0 16px 32px rgba(0,0,0,.42));pointer-events:auto}.ui-audio-remote-volume-pill{position:relative;overflow:hidden;width:52px;height:228px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#121b25c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ui-audio-remote-volume-pill:before{content:"";position:absolute;right:0;bottom:0;left:0;height:var(--volume-fill, 0%);border-radius:0 0 999px 999px;background:#f4f8fbf0;transition:height var(--motion-fast) var(--easing-standard);pointer-events:none}.ui-audio-remote-volume-pill.is-dragging:before{transition:none}.ui-audio-remote-volume-pill__value{position:absolute;top:20px;right:0;left:0;z-index:2;font-size:11px;font-weight:500;letter-spacing:.03em;line-height:1;text-align:center;color:#94a3b8ad;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-audio-remote-volume-pill__value.is-on-fill{color:#121c26b8}.ui-audio-remote-volume-pill__spinner{display:inline-block;width:14px;height:14px;border-width:2px}.ui-audio-remote-volume-pill__input{position:absolute;inset:0;width:52px;height:228px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;opacity:0;writing-mode:vertical-lr;direction:rtl}.ui-audio-remote-volume-pill__input:disabled{cursor:not-allowed}.ui-audio-remote-volume-pill__icon{position:absolute;right:0;bottom:18px;left:0;z-index:1;margin-inline:auto;color:#121c26d1;pointer-events:none}.ui-range-slider{width:100%;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.ui-range-slider:disabled{cursor:not-allowed;opacity:.45}.ui-range-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--color-mode-stage) 0%,var(--color-mode-stage) var(--ui-master-volume-fill, 0%),rgba(255,255,255,.12) var(--ui-master-volume-fill, 0%),rgba(255,255,255,.12) 100%)}.ui-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:999px;background:#f4f8fb;box-shadow:0 0 0 4px #6ef0e32e}.ui-range-slider::-moz-range-track{height:6px;border:0;border-radius:999px;background:#ffffff1f}.ui-range-slider::-moz-range-progress{height:6px;border-radius:999px;background:var(--color-mode-stage)}.ui-range-slider::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:999px;background:#f4f8fb;box-shadow:0 0 0 4px #6ef0e32e}.ui-audio-remote-progress{width:100%}.ui-auth-card{width:min(480px,100%);min-width:min(480px,100%);max-width:480px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--color-border-strong) 72%,transparent);border-radius:24px;background:radial-gradient(circle at top,color-mix(in srgb,var(--color-action-primary-soft) 28%,transparent),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-panel-strong) 98%,transparent),color-mix(in srgb,var(--color-surface-panel) 96%,transparent));box-shadow:var(--shadow-subtle)}.ui-auth-card--wide{width:min(560px,100%);min-width:min(560px,100%);max-width:560px}.ui-org-chooser{display:flex;flex-direction:column;gap:var(--space-20)}.ui-org-chooser__intro{display:flex;flex-direction:column;gap:var(--space-8);text-align:left}.ui-org-chooser__title{margin:0;font-size:clamp(1.35rem,2.4vw,1.6rem);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}.ui-org-chooser__subtitle{margin:0;font-size:var(--fs-14);line-height:1.55;color:var(--color-text-secondary)}.ui-org-chooser__account{margin:0;font-size:var(--fs-12);line-height:1.45;color:var(--color-text-muted)}.ui-org-chooser__locked,.ui-org-chooser__option{display:flex;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-14) var(--space-14);border:1px solid color-mix(in srgb,var(--color-border-strong) 70%,transparent);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-hover) 16%,transparent),transparent 55%),color-mix(in srgb,var(--color-surface-panel) 94%,transparent);text-align:left}.ui-org-chooser__list{display:flex;flex-direction:column;gap:var(--space-10);max-height:min(42vh,320px);overflow:auto;padding-right:2px}.ui-org-chooser__option{cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.ui-org-chooser__option:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-action-primary) 42%,var(--color-border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--color-action-primary-soft) 22%,transparent),transparent 60%),color-mix(in srgb,var(--color-surface-panel) 96%,transparent)}.ui-org-chooser__option:disabled{opacity:.7;cursor:not-allowed}.ui-org-chooser__option--selected{border-color:color-mix(in srgb,var(--color-action-primary) 58%,var(--color-border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--color-action-primary-soft) 34%,transparent),transparent 62%),color-mix(in srgb,var(--color-surface-panel-strong) 96%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-action-primary) 22%,transparent)}.ui-org-chooser__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;background:color-mix(in srgb,var(--color-action-primary-soft) 55%,transparent);color:var(--color-action-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold);letter-spacing:.04em}.ui-org-chooser__locked-copy,.ui-org-chooser__option-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.ui-org-chooser__church-name{margin:0;font-size:var(--fs-15);font-weight:var(--fw-semibold);line-height:1.3;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-org-chooser__church-meta{margin:0;font-size:var(--fs-12);line-height:1.4;color:var(--color-text-muted)}.ui-org-chooser__check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border:1px solid color-mix(in srgb,var(--color-border-default) 80%,transparent);border-radius:999px;color:transparent}.ui-org-chooser__check--on{border-color:color-mix(in srgb,var(--color-action-primary) 70%,transparent);background:color-mix(in srgb,var(--color-action-primary) 88%,transparent);color:var(--color-text-on-primary, #fff)}.ui-org-chooser__error{margin:0;padding:var(--space-10) var(--space-12);border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger);font-size:var(--fs-13);line-height:1.45}.ui-org-chooser__actions{display:flex;flex-direction:column;gap:var(--space-8)}.ui-auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding-bottom:var(--space-4);text-align:center}.ui-auth-brand__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}.ui-auth-brand__title{margin:0;font-size:clamp(1.35rem,4.2vw,1.65rem);font-weight:650;letter-spacing:-.03em;line-height:1.25;color:var(--color-text);text-align:center;text-wrap:balance}.ui-auth-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem .45rem;padding-top:.35rem;border-top:1px solid color-mix(in srgb,var(--color-border) 45%,transparent)}.ui-auth-meta__version{display:inline-flex;align-items:center;gap:.28rem;font-size:.68rem;font-weight:500;letter-spacing:.01em;color:color-mix(in srgb,var(--color-muted) 78%,transparent)}.ui-auth-meta__version svg{flex-shrink:0;opacity:.75}.ui-ios-refresh{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.28rem;border:0;border-radius:.45rem;background:transparent;color:color-mix(in srgb,var(--color-muted) 78%,transparent);cursor:pointer;line-height:0}.ui-ios-refresh:hover,.ui-ios-refresh:focus-visible{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);outline:none}.ui-ios-refresh:disabled{opacity:.7;cursor:default}.ui-ios-refresh .is-spinning{animation:ui-ios-refresh-spin .9s linear infinite}@keyframes ui-ios-refresh-spin{to{transform:rotate(360deg)}}.ui-brand-wordmark-shell{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;max-width:none;background:transparent;border:0;box-shadow:none;isolation:isolate}.ui-brand-wordmark{display:block;flex:none;max-width:none!important;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.ui-brand-mark{display:block;flex:none;max-width:none!important;-o-object-fit:contain;object-fit:contain}.ui-auth-spinner{width:30px;height:30px;border:2px solid color-mix(in srgb,var(--color-border-default) 82%,transparent);border-top-color:var(--color-action-primary);border-right-color:color-mix(in srgb,var(--color-action-primary) 48%,transparent);border-radius:999px;animation:ui-auth-spin .9s linear infinite}.ui-session-restore-overlay{position:fixed;inset:0;z-index:calc(var(--z-topbar) + 2);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface-shell) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.ui-auth-form-panel{border:1px solid color-mix(in srgb,var(--color-border-strong) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-hover) 12%,transparent),transparent 36%),color-mix(in srgb,var(--color-surface-panel) 92%,transparent)}.ui-auth-divider{display:flex;align-items:center;gap:var(--space-12);color:var(--color-text-muted);font-size:var(--fs-11);font-weight:var(--fw-semibold);letter-spacing:.16em;text-transform:uppercase}.ui-auth-divider:before,.ui-auth-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--color-border-default) 84%,transparent)}@media(min-width:720px){.ui-auth-stage{min-height:calc(100vh - 96px)}}@keyframes ui-auth-spin{to{transform:rotate(360deg)}}.ui-audio-remote-panel{display:flex;flex:1 1 0;flex-direction:column;width:100%;min-height:0;overflow:hidden}.ui-audio-remote-playback-spinner{width:.95rem;height:.95rem}.ui-audio-remote-track-list-wrap{position:relative;flex:1 1 0;min-height:0;margin-top:.625rem}.ui-audio-remote-playlist{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}.ui-audio-remote-now-playing{display:flex;min-height:52px;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;background:#04080c9e;padding:.875rem .75rem}.ui-audio-remote-icon-button{display:inline-flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;color:#94a3b894;transition:background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-audio-remote-icon-button:hover:not(:disabled){background:#ffffff0f;color:var(--color-text-primary)}.ui-audio-remote-tab{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;background:#ffffff07;padding:0 .75rem;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8cc;white-space:nowrap;transition:border-color var(--motion-fast) var(--easing-standard),background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-audio-remote-tab:hover:not(:disabled){border-color:#ffffff17;background:#ffffff0d;color:var(--color-text-primary)}.ui-audio-remote-tab--active{border-color:#18d1ba42;background:#18d1ba1f;color:var(--color-text-primary)}.ui-audio-remote-mode-chip{display:inline-flex;min-height:34px;width:100%;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:#ffffff0a;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8d1;transition:border-color var(--motion-fast) var(--easing-standard),background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-audio-remote-mode-chip:hover:not(:disabled){border-color:#18d1ba38;color:var(--color-text-primary)}.ui-audio-remote-mode-chip--active{border-color:#18d1ba52;background:#18d1ba1f;color:var(--color-text-primary)}.ui-audio-remote-tab--disabled,.ui-audio-remote-mode-chip--disabled,.ui-audio-remote-track--disabled{opacity:.45;pointer-events:none}.ui-audio-remote-progress,.ui-audio-remote-volume{width:100%}.ui-audio-remote-progress-slider{--ui-media-progress-fill-color: color-mix(in srgb, rgba(203, 213, 225, .9) 62%, var(--color-surface-panel-strong) 38%);--ui-media-progress-track-color: color-mix(in srgb, var(--color-border-default) 62%, var(--color-surface-shell) 38%)}.ui-audio-remote-progress-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--ui-media-progress-fill-color) 0,var(--ui-media-progress-fill-color) var(--ui-media-progress-fill, 0%),var(--ui-media-progress-track-color) var(--ui-media-progress-fill, 0%),var(--ui-media-progress-track-color) 100%);box-shadow:inset 0 1px 2px #0000003d,0 1px #ffffff05}.ui-audio-remote-progress-slider::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5px;border:1px solid color-mix(in srgb,rgba(255,255,255,.7) 74%,var(--color-border-strong) 26%);box-shadow:0 4px 10px #02081038,inset 0 1px #ffffffc7}.ui-audio-remote-progress-slider::-moz-range-track{height:5px;border:0;border-radius:999px;background:var(--ui-media-progress-track-color)}.ui-audio-remote-progress-slider::-moz-range-progress{height:5px;border-radius:999px;background:var(--ui-media-progress-fill-color)}.ui-audio-remote-progress-slider::-moz-range-thumb{width:15px;height:15px;border:1px solid color-mix(in srgb,rgba(255,255,255,.7) 74%,var(--color-border-strong) 26%);border-radius:999px;background:#f4f8fb;box-shadow:0 4px 10px #02081038,inset 0 1px #ffffffc7}.ui-audio-remote-track-list{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(24,209,186,.42) rgba(24,209,186,.08)}.ui-audio-remote-track-list::-webkit-scrollbar{width:6px}.ui-audio-remote-track-list::-webkit-scrollbar-track{border-radius:999px;background:#18d1ba14}.ui-audio-remote-track-list::-webkit-scrollbar-thumb{border-radius:999px;background:#18d1ba61}.ui-audio-remote-track{display:flex;min-height:34px;width:100%;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06);padding:.5rem .75rem;text-align:left;transition:background-color var(--motion-fast) var(--easing-standard)}.ui-audio-remote-track:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.ui-audio-remote-track:last-child{border-bottom:0;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.ui-audio-remote-track:hover:not(:disabled){background:#ffffff0a}.ui-audio-remote-track--active{border-color:#18d1ba29;background:#18d1ba1a}.ui-audio-remote-track-index{width:1rem;flex-shrink:0;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;color:#94a3b838}.ui-audio-remote-track-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1;color:var(--color-text-primary)}.ui-audio-remote-track-duration{margin-left:auto;flex-shrink:0;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#94a3b8ad;text-align:right}@keyframes ui-jump-tag-fab-pulse{0%,to{box-shadow:0 12px 32px #0000006b,0 0 color-mix(in srgb,var(--jump-tag-fab-color, var(--color-action-primary)) 0%,transparent)}50%{box-shadow:0 14px 36px #0000007a,0 0 0 10px color-mix(in srgb,var(--jump-tag-fab-color, var(--color-action-primary)) 12%,transparent)}}.ui-jump-tag-fab{--jump-tag-fab-color: var(--color-action-primary);position:fixed;z-index:var(--z-topbar);display:flex;max-width:12rem;align-items:center;gap:.65rem;border:1px solid color-mix(in srgb,var(--jump-tag-fab-color) 36%,transparent);border-radius:999px;background:linear-gradient(155deg,color-mix(in srgb,var(--color-surface-elevated) 90%,var(--jump-tag-fab-color) 10%),color-mix(in srgb,var(--color-surface-shell) 96%,transparent));padding:.65rem 1rem .65rem .7rem;text-align:left;box-shadow:0 12px 32px #0000006b,0 2px color-mix(in srgb,white 6%,transparent) inset;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .22s var(--easing-standard),opacity .22s var(--easing-standard),filter .22s var(--easing-standard),border-color .22s var(--easing-standard),background .22s var(--easing-standard);animation:ui-jump-tag-fab-pulse 2.8s var(--easing-standard) infinite;right:max(.75rem,env(safe-area-inset-right));bottom:calc(var(--remote-tab-bar-inset) + .75rem)}.ui-jump-tag-fab:active{transform:scale(.96)}.ui-jump-tag-fab[data-open=true]{opacity:0;pointer-events:none;transform:scale(.72) translate(8px,12px);filter:blur(1px);animation:none}.ui-jump-tag-fab__icon{display:inline-flex;height:2.35rem;width:2.35rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--jump-tag-fab-color) 28%,transparent);color:var(--jump-tag-fab-color);box-shadow:0 0 18px color-mix(in srgb,var(--jump-tag-fab-color) 28%,transparent)}.ui-jump-tag-sheet-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:flex-end;padding:0 max(.75rem,env(safe-area-inset-right)) calc(var(--remote-tab-bar-inset) + .5rem) max(.75rem,env(safe-area-inset-left));pointer-events:none}@media(min-width:640px){.ui-jump-tag-sheet-root{align-items:flex-end;justify-content:flex-end;padding-bottom:calc(var(--remote-tab-bar-inset) + 1rem)}}.ui-jump-tag-sheet-backdrop{position:absolute;inset:0;border:0;background:#00000085;opacity:0;pointer-events:auto;transition:opacity .22s var(--easing-standard)}.ui-jump-tag-sheet-backdrop[data-open=true]{opacity:1}.ui-jump-tag-sheet{position:relative;z-index:1;display:flex;width:min(100%,26rem);max-height:min(78dvh,36rem);flex-direction:column;border:0;border-radius:1.35rem;background:linear-gradient(165deg,color-mix(in srgb,var(--color-surface-elevated) 97%,transparent),color-mix(in srgb,var(--color-surface-shell) 98%,transparent));padding:1rem;box-shadow:0 24px 64px #00000080,0 0 0 1px color-mix(in srgb,var(--color-action-primary) 12%,transparent),0 1px color-mix(in srgb,white 6%,transparent) inset;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);transform-origin:bottom right;transform:translate3d(18%,22%,0) scale(.42);opacity:0;pointer-events:auto;transition:transform .26s var(--easing-standard),opacity .22s var(--easing-standard)}.ui-jump-tag-sheet[data-open=true]{transform:translateZ(0) scale(1);opacity:1}.ui-jump-tag-sheet__row{display:flex;min-height:0;width:100%;flex-direction:row;align-items:center;gap:.65rem;border:0;border-radius:.8rem;background:color-mix(in srgb,var(--color-surface-panel-strong) 72%,transparent);padding:.55rem .75rem;text-align:left;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 4%,transparent);touch-action:manipulation;transition:background-color .14s var(--easing-standard),box-shadow .14s var(--easing-standard),transform .14s var(--easing-standard)}.ui-jump-tag-sheet__row-icon{display:inline-flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,white 10%,transparent);border-radius:.65rem}.ui-jump-tag-sheet__row-copy{min-width:0;flex:1}.ui-jump-tag-sheet__row:active{transform:scale(.985)}.ui-jump-tag-sheet__row[data-active=true]{background:color-mix(in srgb,var(--color-action-primary) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action-primary) 42%,transparent),0 8px 20px color-mix(in srgb,var(--color-action-primary) 12%,transparent)}.ui-song-library__page-header{display:flex;flex-direction:column;gap:var(--space-8)}.ui-song-library__page-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.ui-song-library__page-header-top .ui-planning-hub__title{margin:0;min-width:0}.ui-song-library__add{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem}.ui-song-library__page-header .ui-planning-hub__subtitle{margin:0}.ui-song-library__toolbar{display:flex;flex-direction:column;gap:var(--space-12);margin-bottom:var(--space-16)}.ui-song-library__search{position:relative;display:flex;align-items:center;min-height:var(--control-height);border:1px solid var(--content-panel-border);border-radius:calc(var(--radius-tile) - 2px);background:linear-gradient(180deg,color-mix(in srgb,var(--planning-bg-panel) 96%,white 4%),color-mix(in srgb,var(--planning-bg-panel) 88%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent);color:var(--color-text-muted);transition:border-color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-song-library__search:focus-within{border-color:var(--field-border-focus, color-mix(in srgb, var(--color-action-primary) 55%, transparent));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent),0 0 0 3px color-mix(in srgb,var(--color-action-primary) 18%,transparent)}.ui-song-library__search-icon{position:absolute;left:.9rem;flex-shrink:0;pointer-events:none;color:color-mix(in srgb,var(--color-text-muted) 88%,var(--color-action-primary) 12%)}.ui-song-library__search-input.ui-input,.ui-song-library__search .ui-input{flex:1;min-width:0;height:2.75rem;border:0;border-radius:inherit;background:transparent;box-shadow:none;padding-left:2.65rem;padding-right:2.65rem}.ui-song-library__search-input.ui-input:focus,.ui-song-library__search .ui-input:focus{border:0;box-shadow:none}.ui-song-library__search-clear{position:absolute;right:.45rem;display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-song-library__search-clear:hover{background:color-mix(in srgb,var(--color-action-primary) 12%,transparent);color:var(--color-text)}.ui-song-library__filters{display:flex;flex-direction:column;gap:.4rem}.ui-song-library__sort-label{margin:0;font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.ui-song-library__sort-row{display:flex;align-items:center;gap:var(--space-12);min-width:0}.ui-song-library__sort{display:inline-flex;min-width:0;flex:1 1 auto;align-items:stretch;padding:.2rem;border:1px solid var(--content-panel-border);border-radius:999px;background:color-mix(in srgb,var(--planning-bg-panel) 90%,transparent)}.ui-song-library__sort button{display:inline-flex;min-width:0;flex:1 1 0;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.82rem;font-weight:550;line-height:1.2;padding:.45rem .85rem;cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard),box-shadow var(--motion-fast) var(--easing-standard)}.ui-song-library__sort button:hover{color:var(--color-text)}.ui-song-library__sort button.is-selected{background:color-mix(in srgb,var(--color-action-primary) 22%,var(--planning-bg-panel));color:var(--color-text);box-shadow:0 1px 2px color-mix(in srgb,black 22%,transparent)}.ui-song-library__count{margin:0;flex-shrink:0;align-self:center;font-size:var(--fs-12);font-weight:550;line-height:1;color:var(--color-text-muted);white-space:nowrap}@media(max-width:639px){.ui-song-library__page-header-top .ui-song-library__add{padding-inline:.75rem;font-size:.86rem}.ui-song-library__filters{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label count" "sort sort";align-items:center;-moz-column-gap:var(--space-12);column-gap:var(--space-12);row-gap:.45rem}.ui-song-library__sort-label{grid-area:label}.ui-song-library__sort-row{grid-area:sort;display:contents}.ui-song-library__sort{grid-area:sort;width:100%;flex:none}.ui-song-library__count{grid-area:count;justify-self:end;align-self:center}.ui-song-library__sort button{padding:.5rem .65rem;font-size:.8rem}.ui-song-library__sort button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ui-song-library__list{list-style:none;margin:0;padding:0}.ui-song-library__row{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .9rem;border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none}.ui-song-library__row:hover{background:color-mix(in srgb,var(--color-action-primary) 8%,transparent)}.ui-song-library__row-top{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.ui-song-library__row-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:.35rem}.ui-song-library__title-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ui-song-library__title{font-weight:600}.ui-song-library__code{font-size:.7rem;letter-spacing:.04em;border-radius:999px;padding:.1rem .45rem;border:1px solid var(--color-border);color:var(--color-text-muted)}.ui-song-library__key{font-size:.7rem;letter-spacing:.04em;border-radius:999px;padding:.1rem .45rem;border:1px solid color-mix(in srgb,var(--module-songs, var(--accent-module-songs)) 40%,var(--color-border));background:color-mix(in srgb,var(--module-songs-soft, var(--accent-module-songs-soft)) 75%,transparent);color:var(--module-songs-text, var(--accent-module-songs-text))}.ui-song-library__row-mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;margin-top:.1rem;border-radius:.55rem;background:color-mix(in srgb,var(--module-songs-soft, var(--accent-module-songs-soft)) 85%,transparent);color:var(--module-songs-text, var(--accent-module-songs-text));box-shadow:0 0 0 1px color-mix(in srgb,var(--module-songs, var(--accent-module-songs)) 16%,transparent) inset}.ui-song-library__artist,.ui-song-library__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.7rem;color:var(--color-text-muted)}.ui-song-library__meta-date{font-style:italic}.ui-song-library__meta-sep{color:color-mix(in srgb,var(--color-text-muted) 70%,transparent)}.ui-song-editor{display:flex;flex-direction:column;gap:1rem}.ui-song-view-header{display:flex;flex-direction:column;gap:.65rem}.ui-song-view-header__back{align-self:flex-start;margin:0;padding-inline:.35rem;color:var(--color-text-muted)}@media(max-width:899px){.ui-button.ui-song-view-header__back,.ui-button.ui-song-editor__back{display:none!important}}.ui-song-view-header__main{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.ui-song-view-header__identity{min-width:0;flex:1 1 14rem}.ui-song-view-header__title{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;font-size:1.45rem;line-height:1.25;word-break:break-word}.ui-song-view-header__byline{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-top:.4rem}.ui-song-view-header__artist{font-size:.98rem;color:var(--color-text-muted)}.ui-song-view-header__edit{flex-shrink:0;margin-top:.15rem}.ui-song-view{display:flex;flex-direction:column;gap:1.15rem}.ui-song-view__stats{margin:0;width:100%;display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--color-border);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);overflow:hidden}.ui-song-view__meta-row{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.85rem 1rem;border-bottom:1px solid var(--color-border)}.ui-song-view__meta-row:last-child{border-bottom:0}.ui-song-view__meta-row dt{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.ui-song-view__meta-row dd{margin:0;font-size:1rem;font-weight:600;color:var(--color-text);word-break:break-word}@media(min-width:640px){.ui-song-view__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-song-view__meta-row{border-bottom:0;border-right:1px solid var(--color-border);padding:1rem 1.15rem}.ui-song-view__meta-row:last-child{border-right:0}}.ui-song-block--view{background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent)}.ui-song-block--view .ui-song-block__toolbar{flex-wrap:nowrap;gap:.5rem}.ui-song-view__lyrics{margin:0;white-space:pre-wrap;font-family:inherit;font-size:.95rem;line-height:1.55;color:var(--color-text)}.ui-song-editor__identity{display:flex;flex-direction:column;gap:.55rem}.ui-song-editor__title-field .ui-field__label{font-size:.72rem}.ui-song-editor__title-input{font-size:1.25rem;font-weight:650;line-height:1.3}.ui-song-editor__artist-field .ui-field__label{font-size:.72rem}.ui-song-editor__attrs{display:grid;grid-template-columns:1fr;gap:0;width:100%;border:1px solid var(--color-border);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);overflow:visible;position:relative;z-index:1}.ui-song-editor__attr{min-width:0;padding:.85rem 1rem;border-bottom:1px solid var(--color-border);margin:0;position:relative}.ui-song-editor__attr:first-child{border-radius:.85rem .85rem 0 0}.ui-song-editor__attr:last-child{border-bottom:0;border-radius:0 0 .85rem .85rem}.ui-song-editor__attrs:has(.ui-song-key-picker.is-open),.ui-song-editor__key-field:has(.ui-song-key-picker.is-open){z-index:var(--z-dropdown)}.ui-song-editor__attr .ui-field__label,.ui-song-editor__attr .ui-song-key-picker .ui-field__label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}@media(min-width:640px){.ui-song-editor__attrs{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-song-editor__attr{border-bottom:0;border-right:1px solid var(--color-border);padding:1rem 1.1rem}.ui-song-editor__attr:first-child{border-radius:.85rem 0 0 .85rem}.ui-song-editor__attr:last-child{border-right:0;border-radius:0 .85rem .85rem 0}}.ui-song-editor__content{display:flex;flex-direction:column;gap:.85rem;min-width:0}.ui-song-editor__tabs{display:flex;gap:.35rem;border-bottom:1px solid var(--color-border);padding-bottom:.35rem}.ui-song-editor__tabs--fit{width:100%;gap:.25rem}.ui-song-editor__tabs--fit .ui-song-editor__tab{flex:1 1 0;min-width:0;text-align:center;padding-inline:.35rem;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:640px){.ui-song-editor__tabs--fit .ui-song-editor__tab{font-size:.9rem;padding-inline:.55rem}}.ui-song-editor__tab{border:0;background:transparent;color:var(--color-text-muted);padding:.45rem .7rem;border-radius:.5rem .5rem 0 0;font-weight:600}.ui-song-editor__tab.is-selected{color:var(--color-text);background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action-primary) 45%,transparent)}.ui-song-editor__key-field>.ui-field__label{display:block;margin-bottom:.35rem}.ui-song-editor__key-row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .3rem;min-width:0}.ui-song-editor__key-row .ui-song-key-picker{flex:1 1 auto;min-width:0}.ui-song-editor__key-chevron,.ui-song-editor__key-reset{flex-shrink:0;min-height:var(--control-height);min-width:var(--control-height);padding-inline:.3rem}.ui-song-editor__key-original{flex-shrink:0;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);color:var(--color-text-muted)}.ui-song-editor__actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.5rem}.ui-song-editor__actions-start,.ui-song-editor__actions-end{display:flex;align-items:center;gap:.5rem;min-width:0}.ui-song-editor__actions-end{margin-left:auto}.ui-song-editor__back{margin-bottom:.35rem}.ui-song-key-picker{position:relative;display:flex;flex-direction:column;gap:.35rem}.ui-song-key-picker.is-open{z-index:var(--z-dropdown)}.ui-song-key-picker__trigger{width:100%;justify-content:flex-start}.ui-song-key-picker__popover{position:absolute;z-index:var(--z-dropdown);top:calc(100% + .35rem);left:0;width:-moz-max-content;width:max-content;max-width:calc(100vw - 2rem);padding:.5rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:0 12px 28px color-mix(in srgb,black 35%,transparent)}.ui-song-key-picker__modes{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;margin-bottom:.5rem;padding:.2rem;border:1px solid var(--color-border);border-radius:.55rem;background:color-mix(in srgb,var(--color-surface) 80%,transparent)}.ui-song-key-picker__mode{border:0;border-radius:.4rem;background:transparent;color:var(--color-text-secondary);padding:.4rem .55rem;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),color var(--motion-fast) var(--easing-standard)}.ui-song-key-picker__mode:hover{color:var(--color-text);background:color-mix(in srgb,white 6%,transparent)}.ui-song-key-picker__mode.is-selected{background:color-mix(in srgb,var(--color-action-primary) 28%,transparent);color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action-primary) 45%,transparent)}.ui-song-key-picker__mode:focus{outline:none}.ui-song-key-picker__mode:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}.ui-song-key-picker__grid{display:flex;flex-wrap:nowrap;justify-content:center;gap:.3rem}.ui-song-key-picker__col{display:flex;flex:0 0 auto;flex-direction:column;gap:.25rem;width:2.55rem}.ui-song-key-picker__note{border:1px solid var(--color-border);border-radius:.4rem;background:color-mix(in srgb,var(--color-surface) 55%,transparent);color:var(--color-text);padding:.35rem .15rem;font:inherit;font-size:.84rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard)}.ui-song-key-picker__note:hover{border-color:color-mix(in srgb,var(--color-action-primary) 45%,var(--color-border));background:color-mix(in srgb,white 8%,transparent)}.ui-song-key-picker__note.is-selected{border-color:color-mix(in srgb,var(--color-action-primary) 55%,transparent);background:color-mix(in srgb,var(--color-action-primary) 28%,transparent)}.ui-song-key-picker__note:focus{outline:none}.ui-song-key-picker__note:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}.ui-song-key-picker__clear,.ui-song-key-picker__restore{width:100%;max-width:100%;margin-top:.45rem;border:0;border-radius:.4rem;background:transparent;color:var(--color-text-secondary);padding:.35rem;font:inherit;font-size:.75rem;font-weight:500;line-height:1.25;cursor:pointer}.ui-song-key-picker__restore{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;text-align:center;white-space:normal}.ui-song-key-picker__restore span{min-width:0}.ui-song-key-picker__clear:hover,.ui-song-key-picker__restore:hover{color:var(--color-text);background:color-mix(in srgb,white 6%,transparent)}.ui-song-key-picker__clear:focus{outline:none}.ui-song-key-picker__clear:focus-visible{outline:2px solid var(--color-focus-keyboard);outline-offset:2px}.ui-song-blocks{display:flex;flex-direction:column;gap:.85rem}.ui-song-blocks__list{display:flex;flex-direction:column;gap:.5rem}.ui-song-blocks__footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ui-create-song-modal.ui-modal-shell{width:min(100%,72rem);max-width:min(72rem,100%);height:min(90dvh,100%);max-height:min(90dvh,100%);display:flex;flex-direction:column;overflow:hidden}.ui-create-song-modal__inner{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-12);overflow:hidden}.ui-create-song-modal__header{flex-shrink:0}.ui-create-song-modal__title{margin:.2rem 0 0;font-size:var(--fs-18);font-weight:650;color:var(--color-text)}.ui-create-song-modal__body{margin:.35rem 0 0;font-size:var(--fs-13);color:var(--color-text-muted);line-height:1.45}.ui-create-song-modal__busy{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-size:var(--fs-14);font-weight:550;color:var(--color-text)}.ui-create-song-modal__spin{animation:ui-profile-spin .8s linear infinite}.ui-create-song-modal__layout{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-12);overflow:hidden}.ui-create-song-modal__identity{display:grid;flex-shrink:0;gap:var(--space-12)}@media(min-width:520px){.ui-create-song-modal__identity{grid-template-columns:1fr 1fr}}.ui-create-song-modal__lyrics-field{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-6)}.ui-create-song-modal__lyrics-field>.ui-field__label{flex-shrink:0}.ui-create-song-modal__lyrics-wrap{position:relative;min-height:12rem;flex:1 1 auto;overflow:hidden}.ui-create-song-modal__lyrics{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;resize:none;overflow-x:hidden;overflow-y:auto;padding:.75rem;line-height:1.45;scrollbar-width:thin}.ui-create-song-modal__paste-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:1px dashed color-mix(in srgb,var(--color-border-strong) 80%,transparent);border-radius:var(--control-radius);background:color-mix(in srgb,var(--color-surface-panel) 88%,transparent);color:var(--color-text);cursor:pointer;transition:border-color var(--motion-fast) var(--easing-standard),background var(--motion-fast) var(--easing-standard)}.ui-create-song-modal__paste-cta:hover{border-color:color-mix(in srgb,var(--color-action-primary) 55%,transparent);background:color-mix(in srgb,var(--color-action-primary) 8%,var(--color-surface-panel))}.ui-create-song-modal__paste-cta.is-invalid{border-color:color-mix(in srgb,var(--color-danger) 70%,transparent);background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface-panel))}.ui-create-song-modal__paste-icon{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-action-primary) 40%,transparent);background:color-mix(in srgb,var(--color-action-primary) 14%,transparent);color:var(--color-action-primary)}.ui-create-song-modal__paste-copy{display:flex;flex-direction:column;gap:.2rem;padding-inline:1rem;text-align:center}.ui-create-song-modal__paste-title{font-size:var(--fs-14);font-weight:650}.ui-create-song-modal__paste-hint{font-size:var(--fs-12);color:var(--color-text-muted)}.ui-create-song-modal__paste-error{font-size:var(--fs-12);color:var(--color-danger)}.ui-create-song-modal__aside{display:flex;flex-shrink:0;flex-direction:column;gap:var(--space-12);min-height:0;overflow:hidden}.ui-create-song-modal__panel{display:flex;flex-direction:column;gap:.75rem;padding:var(--space-12);border:1px solid var(--planning-border-subtle);border-radius:var(--radius-tile);background:color-mix(in srgb,var(--planning-bg-panel) 92%,transparent)}.ui-create-song-modal__panel--find{gap:0;padding:0;overflow:hidden}.ui-create-song-modal__find-toggle{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:var(--space-12);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ui-create-song-modal__find-toggle:hover{background:color-mix(in srgb,var(--color-action-primary) 6%,transparent)}.ui-create-song-modal__find-toggle .ui-create-song-modal__panel-title{display:block}.ui-create-song-modal__find-toggle .ui-create-song-modal__panel-body{display:block;margin-top:.2rem}.ui-create-song-modal__find-chevron{flex-shrink:0;margin-top:.1rem;color:var(--color-text-muted);transition:transform var(--motion-fast) var(--easing-standard)}.ui-create-song-modal__find-chevron.is-open{transform:rotate(180deg)}.ui-create-song-modal__find-body{display:flex;flex-direction:column;gap:.75rem;padding:0 var(--space-12) var(--space-12);border-top:1px solid color-mix(in srgb,var(--color-border-default) 70%,transparent);padding-top:var(--space-12)}.ui-create-song-modal__panel-title{margin:0;font-size:var(--fs-14);font-weight:650;color:var(--color-text)}.ui-create-song-modal__panel-body{margin:0;font-size:var(--fs-12);line-height:1.4;color:var(--color-text-muted)}.ui-create-song-modal__search-actions{display:flex;flex-direction:column;gap:.45rem}.ui-create-song-modal__search-btn{justify-content:center;gap:.5rem}.ui-create-song-modal__google-icon{width:1rem;height:1rem;flex-shrink:0}.ui-create-song-modal__footer{display:flex;flex-shrink:0;justify-content:flex-end;gap:.5rem;padding-top:var(--space-12);border-top:1px solid color-mix(in srgb,var(--color-border-default) 76%,transparent)}@media(max-width:839px){.ui-create-song-modal.ui-modal-shell{height:min(92dvh,100%);max-height:min(92dvh,100%)}.ui-create-song-modal__inner{overflow:hidden}.ui-create-song-modal__layout{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ui-create-song-modal__lyrics-field{flex:0 0 auto;min-height:14rem}.ui-create-song-modal__lyrics-wrap{min-height:14rem;height:14rem;flex:0 0 auto}.ui-create-song-modal__aside{flex-shrink:0;overflow:visible}}@media(min-width:840px){.ui-create-song-modal__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17.5rem,.85fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:var(--space-16);overflow:hidden}.ui-create-song-modal__identity{grid-column:1;grid-row:1}.ui-create-song-modal__lyrics-field{grid-column:1;grid-row:2;min-height:0;height:100%}.ui-create-song-modal__lyrics-wrap{min-height:0}.ui-create-song-modal__aside{grid-column:2;grid-row:1 / span 2;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ui-create-song-modal__panel--setup{flex:1 1 auto;min-height:0}}.ui-song-presentation-setup-modal{width:min(28rem,100%)}.ui-song-presentation-setup{display:flex;flex-direction:column;gap:1rem}.ui-song-presentation-setup__header{display:flex;align-items:flex-start;gap:.75rem}.ui-song-presentation-setup__icon{display:inline-flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.65rem;background:color-mix(in srgb,var(--color-action-primary) 16%,transparent);color:var(--color-action-primary)}.ui-song-presentation-setup__title{margin:.15rem 0 0;font-size:1.15rem;font-weight:650;color:var(--color-text-primary)}.ui-song-presentation-setup__body{margin:.35rem 0 0;font-size:.875rem;line-height:1.45;color:var(--color-text-secondary)}.ui-song-presentation-setup__panel{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--color-border);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);padding:.95rem 1rem}.ui-song-presentation-setup__split{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.ui-song-presentation-setup__split-title{display:block;font-size:.9rem;font-weight:650;color:var(--color-text-primary)}.ui-song-presentation-setup__split-body{display:block;margin-top:.25rem;font-size:.78rem;line-height:1.4;color:var(--color-text-secondary)}.ui-song-presentation-setup__checkbox{margin-top:.2rem;height:1.15rem;width:1.15rem;flex-shrink:0;accent-color:var(--color-action-primary)}.ui-song-presentation-setup__lines{display:flex;flex-wrap:wrap;gap:.45rem}.ui-song-presentation-setup__hint{margin:0;font-size:.85rem;line-height:1.4;color:var(--color-text-secondary)}.ui-song-presentation-setup__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.ui-song-blocks__badge{margin-left:.25rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface-panel) 80%,transparent);padding:.1rem .4rem;font-size:.65rem;font-weight:650}.ui-song-lyrics-card{position:relative;width:100%;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--color-action-primary) 12%,transparent);background:color-mix(in srgb,var(--color-surface-panel) 72%,transparent);padding:.65rem .75rem;text-align:left;transition:background-color var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard)}.ui-song-lyrics-card:hover{background:color-mix(in srgb,var(--color-surface-hover) 20%,var(--color-surface-panel))}.ui-song-lyrics-card--editing{border-color:color-mix(in srgb,var(--color-action-primary) 44%,transparent);background:color-mix(in srgb,var(--color-surface-selected) 65%,transparent)}.ui-song-lyrics-card__header{display:flex;align-items:center;gap:.5rem}.ui-song-lyrics-card__title-row{display:flex;min-width:0;flex:1;align-items:center;gap:.5rem}.ui-song-lyrics-card__drag{display:inline-flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:.4rem;background:transparent;color:var(--color-text-secondary);cursor:grab;touch-action:none}.ui-song-lyrics-card__drag:hover{background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);color:var(--color-text-primary)}.ui-song-lyrics-card__drag:active{cursor:grabbing}.ui-song-lyrics-card--dragging{opacity:.55}.ui-song-lyrics-card--drop-target{border-color:color-mix(in srgb,var(--color-action-primary) 55%,transparent);box-shadow:inset 0 2px color-mix(in srgb,var(--color-action-primary) 70%,transparent)}.ui-song-lyrics-card__chip{height:.75rem;width:.75rem;flex-shrink:0;border-radius:2px}.ui-song-lyrics-card__title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:650;color:var(--color-text-primary)}.ui-song-lyrics-card__actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.15rem}.ui-song-lyrics-card__icon{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border:0;border-radius:.4rem;background:transparent;color:var(--color-text-secondary);cursor:pointer}.ui-song-lyrics-card__icon:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-hover) 80%,transparent);color:var(--color-text-primary)}.ui-song-lyrics-card__icon:disabled{opacity:.35;cursor:not-allowed}.ui-song-lyrics-card__icon--danger{color:var(--color-action-danger)}.ui-song-lyrics-card__separator{margin:0 .1rem;height:1.25rem;width:1px;flex-shrink:0;background:color-mix(in srgb,var(--color-border) 70%,transparent)}.ui-song-lyrics-card__shell,.ui-song-lyrics-card__preview{margin-top:.5rem;width:100%;border-radius:.5rem;padding:.5rem .75rem;text-align:left}.ui-song-lyrics-card__preview{cursor:text}.ui-song-lyrics-card__preview-text{margin:0;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5rem;color:var(--color-text-secondary)}.ui-song-lyrics-card__preview-empty{margin:0;font-size:.875rem;font-style:italic;color:var(--color-text-secondary)}.ui-song-canvas-editor{display:block;width:100%;max-height:40vh;margin:0;padding:0;overflow-y:auto;resize:none;border:0;outline:none;box-shadow:none;background:transparent;color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5rem}.ui-song-canvas-editor:hover,.ui-song-canvas-editor:focus,.ui-song-canvas-editor:focus-visible{border:0;outline:none;box-shadow:none;background:transparent}.ui-song-canvas-editor::-moz-placeholder{color:var(--color-text-secondary);opacity:.75}.ui-song-canvas-editor::placeholder{color:var(--color-text-secondary);opacity:.75}.ui-song-jump-tag-menu{position:absolute;top:2.35rem;right:.5rem;z-index:var(--z-dropdown);min-width:13.25rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--color-surface-panel) 94%,transparent);padding:.4rem;box-shadow:0 20px 44px -22px #000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-song-jump-tag-menu__title{margin:0;padding:.25rem .65rem .4rem;font-size:.65rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary)}.ui-song-jump-tag-menu__list{display:flex;flex-direction:column;gap:.1rem}.ui-song-jump-tag-menu__item{display:flex;width:100%;align-items:center;gap:.65rem;border:0;border-radius:.5rem;background:transparent;padding:.5rem .55rem;text-align:left;color:var(--color-text-secondary);cursor:pointer}.ui-song-jump-tag-menu__item:hover,.ui-song-jump-tag-menu__item.is-active{background:color-mix(in srgb,var(--jump-tag-color, var(--color-action-primary)) 16%,var(--color-surface-hover));color:var(--color-text-primary)}.ui-song-jump-tag-menu__swatch{height:.75rem;width:.75rem;flex-shrink:0;border-radius:3px;box-shadow:0 0 0 1px #ffffff26}.ui-song-jump-tag-menu__name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:550}.ui-song-jump-tag-menu__clear{display:block;width:100%;margin-top:.35rem;border:0;border-radius:.45rem;background:color-mix(in srgb,var(--color-surface-shell) 55%,transparent);padding:.45rem .65rem;text-align:left;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.ui-song-jump-tag-menu__clear:hover{background:color-mix(in srgb,var(--color-surface-hover) 88%,transparent);color:var(--color-text-primary)}.ui-song-block{border:1px solid var(--color-border);border-radius:.75rem;padding:.7rem;display:flex;flex-direction:column;gap:.5rem;background:color-mix(in srgb,var(--color-surface-elevated) 70%,transparent)}.ui-song-block__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ui-chordpro-panel{display:flex;flex-direction:column;gap:.85rem}.ui-chordpro-view{position:relative;display:block}.ui-chordpro-view__rail-slot{position:sticky;top:.5rem;float:right;z-index:3;width:0;height:0;overflow:visible}.ui-chordpro-view__body{display:block;width:100%;min-width:0}.ui-chordpro-view__rail{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;border:1px solid var(--color-border);border-radius:1rem;background:color-mix(in srgb,var(--color-surface-elevated) 92%,transparent);box-shadow:0 4px 14px color-mix(in srgb,black 16%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-chordpro-view__transpose{display:flex;flex-direction:column;align-items:center;gap:.1rem}.ui-chordpro-view__zoom{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding-bottom:.15rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.ui-chordpro-view__rail-btn{min-width:2.85rem;min-height:2.85rem;padding:.45rem}.ui-chordpro-view__key{display:inline-flex;min-width:2.85rem;min-height:2.1rem;align-items:center;justify-content:center;padding:.25rem .4rem;border-radius:.5rem;background:color-mix(in srgb,black 14%,transparent);font-size:var(--fs-16);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:.02em}.ui-modal-shell--chordpro-fullscreen{width:min(100vw - .5rem,56rem);max-width:none;height:min(96dvh,100%);max-height:96dvh;display:flex;flex-direction:column;padding:.75rem;overflow:hidden}.ui-chordpro-fullscreen{display:flex;flex:1;min-height:0;flex-direction:column}.ui-chordpro-fullscreen__stage{position:relative;display:block;flex:1;min-height:0;overflow:auto}.ui-chordpro-fullscreen__stage .ui-chordpro-view__rail-slot{top:.35rem}.ui-song-lyrics-view .ui-chordpro-view__zoom{padding-bottom:0;border-bottom:0}.ui-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}.ui-chordpro-panel--empty{display:flex;justify-content:flex-start;padding-top:.25rem}.ui-chordpro-panel__header{display:flex;flex-direction:column;gap:.55rem;padding:.85rem .95rem;border:1px solid var(--color-border);border-radius:.85rem;background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent)}.ui-chordpro-panel__header-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem}.ui-chordpro-panel__hint{margin:0;flex:1;min-width:12rem;font-size:.82rem;line-height:1.4;color:var(--color-text-secondary)}.ui-chordpro-panel__modes{display:inline-grid;grid-template-columns:1fr 1fr;gap:.2rem;margin:0;padding:.2rem;border:1px solid var(--color-border);border-radius:.6rem;background:color-mix(in srgb,var(--color-surface-shell) 70%,transparent)}.ui-chordpro-panel__mode{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:.45rem;background:transparent;color:var(--color-text-secondary);padding:.35rem .7rem;font-size:.88rem;font-weight:600;white-space:nowrap;cursor:pointer}.ui-chordpro-panel__mode.is-selected{background:color-mix(in srgb,var(--color-action-primary) 22%,transparent);color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action-primary) 40%,transparent)}@media(max-width:720px){.ui-chordpro-panel__header-row{flex-direction:column;align-items:stretch}.ui-chordpro-panel__hint{min-width:0;width:100%}.ui-chordpro-panel__modes{display:grid;width:100%}.ui-chordpro-panel__mode{width:100%}}.ui-chordpro-panel__editor{min-height:16rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}.ui-chordpro-sheet{overflow-x:auto;padding:var(--space-16) var(--space-16) var(--space-20);border-radius:.75rem;border:1px solid var(--color-border);background:color-mix(in srgb,black 18%,var(--color-surface-elevated));color:var(--color-text);font-size:var(--fs-15);line-height:1.4}html[data-theme=light] .ui-chordpro-sheet{background:#fff;border-color:color-mix(in srgb,var(--color-border) 70%,#ffffff 30%)}.ui-chordpro-sheet .comment{display:none}.ui-chordpro-sheet .title,.ui-chordpro-sheet .subtitle,.ui-chordpro-sheet .artist,.ui-chordpro-sheet .label{font-family:inherit}.ui-chordpro-sheet .\!title{font-family:inherit!important}.ui-chordpro-sheet .title{margin:0;font-size:var(--fs-24);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}.ui-chordpro-sheet .\!title{margin:0!important;font-size:var(--fs-24)!important;font-weight:var(--fw-bold)!important;letter-spacing:-.02em!important;line-height:1.2!important;color:var(--color-text)!important}.ui-chordpro-sheet .artist{margin:var(--space-6) 0 0;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:1.3;color:var(--color-text-secondary)}.ui-chordpro-sheet .subtitle{margin:var(--space-4) 0 0;font-size:var(--fs-13);font-weight:var(--fw-regular);line-height:1.3;color:var(--color-text-muted)}.ui-chordpro-sheet .chord-sheet{margin-top:var(--space-20)}.ui-chordpro-sheet .paragraph{margin:0 0 var(--space-20)}.ui-chordpro-sheet .paragraph:last-child{margin-bottom:0}.ui-chordpro-sheet .label{display:inline-flex;align-items:center;gap:.45rem;width:auto;max-width:100%;margin:0 0 var(--space-8);padding:0;border:0;font-size:var(--fs-12);font-weight:var(--fw-bold);letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:color-mix(in srgb,var(--color-action-primary) 78%,white)}.ui-chordpro-sheet .label.ui-chordpro-sheet__label--tagged{color:color-mix(in srgb,var(--chordpro-section-color, var(--color-action-primary)) 82%,white)}.ui-chordpro-sheet__chip{height:.75rem;width:.75rem;flex-shrink:0;border-radius:2px}.ui-chordpro-sheet .row{display:flex;flex-wrap:wrap;align-items:flex-end;margin:0 0 .2rem}.ui-chordpro-sheet .row:has(>.label){margin:0}.ui-chordpro-sheet .row:not(:has(.chord:not(:empty))) .chord{display:none}.ui-chordpro-sheet .row:has(.chord:not(:empty)){margin-top:.35rem;margin-bottom:.28rem}.ui-chordpro-sheet .column{display:flex;flex-direction:column;justify-content:flex-end}.ui-chordpro-sheet .chord{height:1.2em;line-height:1.2em;font-size:1.1em;font-weight:var(--fw-bold);color:#e8a838;white-space:pre}.ui-chordpro-sheet .lyrics{white-space:pre;line-height:1.4;color:var(--color-text)}.ui-song-attachments__list,.ui-song-practice__list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.55rem}.ui-song-attachments__row{display:flex;align-items:center;gap:.35rem;padding:.15rem .15rem .15rem .25rem;border:1px solid var(--color-border);border-radius:.65rem;background:color-mix(in srgb,black 8%,var(--color-surface-elevated))}.ui-song-attachments__file{display:flex;flex:1;min-width:0;align-items:center;gap:.65rem;padding:.55rem .5rem;border:0;border-radius:.5rem;background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.ui-song-attachments__file:hover{background:color-mix(in srgb,white 5%,transparent)}.ui-song-attachments__file-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:.15rem}.ui-song-attachments__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-semibold)}.ui-song-attachments__file-meta{font-size:var(--fs-12);color:var(--color-text-muted)}.ui-modal-shell--pdf-preview{width:min(100vw - 1rem,42rem);max-width:none;max-height:min(90dvh,100%);display:flex;flex-direction:column;overflow:hidden}.ui-song-pdf-preview-modal{display:flex;flex:1;min-height:0;flex-direction:column;gap:.55rem}.ui-song-pdf-preview-modal .ui-song-pdf-preview__frame-wrap{flex:1;min-height:18rem}.ui-song-pdf-preview-modal .ui-song-pdf-preview__title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-16)}.ui-song-practice__list{flex:1;min-height:12rem}.ui-song-practice__row{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:.65rem;flex-direction:column;align-items:stretch}.ui-song-practice__row-head{display:flex;justify-content:space-between;align-items:center}.ui-song-pdf-preview{display:flex;flex-direction:column;gap:.55rem;padding:.65rem;border:1px solid var(--color-border);border-radius:.75rem;background:color-mix(in srgb,black 12%,var(--color-surface-elevated))}.ui-song-pdf-preview__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem}.ui-song-pdf-preview__title-wrap{display:inline-flex;min-width:0;align-items:center;gap:.45rem;color:var(--color-text)}.ui-song-pdf-preview__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-semibold)}.ui-song-pdf-preview__actions{display:inline-flex;align-items:center;gap:.15rem}.ui-song-pdf-preview__action-label{font-size:var(--fs-13)}.ui-song-pdf-preview__frame-wrap{overflow:hidden;border-radius:.55rem;border:1px solid var(--color-border);background:color-mix(in srgb,black 28%,var(--color-surface));min-height:18rem}.ui-song-pdf-preview__pages{display:flex;flex-direction:column;gap:.65rem;max-height:min(70vh,36rem);min-height:12rem;overflow:auto;padding:.55rem;background:#ececec}.ui-song-pdf-preview__pages--idle{display:none}.ui-song-pdf-preview__error-detail{margin:0;max-width:28rem;font-size:var(--fs-12);color:var(--color-text-muted);word-break:break-word}.ui-song-pdf-preview__page{display:block;width:100%;height:auto;border-radius:.2rem;box-shadow:0 1px 4px color-mix(in srgb,black 25%,transparent);background:#fff}.ui-song-pdf-preview__status,.ui-song-pdf-preview__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:18rem;margin:0;padding:1.25rem;text-align:center;color:var(--color-text-secondary);font-size:var(--fs-14)}.ui-modal-shell--pdf-fullscreen{width:min(100vw - 1rem,72rem);max-width:none;height:min(96dvh,100%);max-height:96dvh;display:flex;flex-direction:column;padding:.75rem;overflow:hidden}.ui-song-pdf-fullscreen{display:flex;flex:1;min-height:0;flex-direction:column;gap:.55rem}.ui-song-pdf-fullscreen__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}.ui-song-pdf-fullscreen__title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-18);font-weight:var(--fw-semibold)}.ui-song-pdf-fullscreen__stage{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:.55rem;border:1px solid var(--color-border);background:color-mix(in srgb,black 28%,var(--color-surface))}.ui-song-pdf-fullscreen__pages{max-height:none;height:100%;min-height:100%}@media(max-width:640px){.ui-song-pdf-preview__action-label{display:none}.ui-song-pdf-preview__pages{max-height:min(62vh,28rem)}.ui-modal-shell--pdf-fullscreen{width:100%;height:100dvh;max-height:100dvh;border-radius:0}}.ui-song-practice__kind{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ui-practice-link-card{display:flex;align-items:stretch;gap:.25rem;border:1px solid var(--color-border);border-radius:.75rem;background:color-mix(in srgb,black 10%,var(--color-surface-elevated));overflow:hidden}.ui-practice-link-card__main{display:flex;flex:1;min-width:0;align-items:stretch;gap:.75rem;padding:.55rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ui-practice-link-card__main:hover{background:color-mix(in srgb,white 4%,transparent)}.ui-practice-link-card__thumb-wrap{flex-shrink:0;width:5.5rem;align-self:center}.ui-practice-link-card__thumb{display:block;width:5.5rem;height:5.5rem;-o-object-fit:cover;object-fit:cover;border-radius:.45rem;background:color-mix(in srgb,black 35%,var(--color-surface))}.ui-practice-link-card__thumb--empty{border:1px dashed var(--color-border)}.ui-practice-link-card__body{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:.2rem}.ui-practice-link-card__kind{font-size:var(--fs-11);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.ui-practice-link-card__title{font-size:var(--fs-15);font-weight:var(--fw-semibold);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ui-practice-link-card__author{font-size:var(--fs-13);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-practice-link-card__open{display:inline-flex;align-items:center;gap:.3rem;margin-top:.15rem;font-size:var(--fs-12);color:color-mix(in srgb,var(--color-action-primary) 80%,white)}.ui-practice-link-card__remove{align-self:flex-start;margin:.35rem .35rem 0 0}.ui-song-practice__toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.ui-song-practice__modal{display:flex;flex-direction:column;gap:.85rem}.ui-song-practice__modal-title{margin:0;font-size:1.1rem;font-weight:600}.ui-song-practice__modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.25rem}.ui-audio-preview{display:flex;gap:.75rem;align-items:center;padding:.55rem;border-radius:.65rem;background:color-mix(in srgb,black 16%,transparent)}.ui-audio-preview--empty{color:var(--color-text-muted)}.ui-audio-preview__art{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.55rem;background:color-mix(in srgb,var(--color-action-primary) 18%,transparent)}.ui-audio-preview__meta{flex:1;min-width:0}.ui-audio-preview__title{margin:0 0 .35rem;font-size:.9rem;font-weight:600}.ui-audio-preview__controls{display:flex;align-items:center;gap:.4rem}.ui-audio-preview__btn{border:0;background:transparent;color:var(--color-text);padding:.2rem}.ui-audio-preview__scrubber{flex:1;min-width:0}.ui-audio-preview__time{font-size:.72rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.left-\[2\%\]{left:2%}.left-\[max\(0\.75rem\,env\(safe-area-inset-left\)\)\]{left:max(.75rem,env(safe-area-inset-left))}.right-0{right:0}.right-\[calc\(max\(0\.75rem\,env\(safe-area-inset-right\)\)\+3\.25rem\)\]{right:calc(max(.75rem,env(safe-area-inset-right)) + 3.25rem)}.right-\[max\(0\.75rem\,env\(safe-area-inset-right\)\)\]{right:max(.75rem,env(safe-area-inset-right))}.top-0{top:0}.top-1\/2{top:50%}.top-\[1\%\]{top:1%}.top-\[max\(0\.75rem\,env\(safe-area-inset-top\)\)\]{top:max(.75rem,env(safe-area-inset-top))}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-modal{z-index:var(--z-modal)}.z-modalBackdrop{z-index:var(--z-modal-backdrop)}.z-topbar{z-index:var(--z-topbar)}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1\.5{margin-left:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.\!h-4{height:1rem!important}.\!h-5{height:1.25rem!important}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[calc\(100dvh-72px\)\]{height:calc(100dvh - 72px)}.h-full{height:100%}.max-h-\[50dvh\]{max-height:50dvh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-16{min-height:4rem}.min-h-40{min-height:10rem}.min-h-9{min-height:2.25rem}.min-h-\[240px\]{min-height:240px}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[34px\]{min-height:34px}.min-h-\[36px\]{min-height:36px}.min-h-\[calc\(100dvh-72px\)\]{min-height:calc(100dvh - 72px)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.\!w-4{width:1rem!important}.\!w-5{width:1.25rem!important}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-11{min-width:2.75rem}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-\[560px\]{max-width:560px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-prose{max-width:65ch}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.72fr_0\.94fr_1\.8fr_0\.94fr_0\.72fr\]{grid-template-columns:.72fr .94fr 1.8fr .94fr .72fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-2xl{border-radius:1rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-card{border-radius:var(--radius-card)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[rgba\(255\,196\,86\,0\.18\)\]{border-color:#ffc4562e}.border-\[rgba\(255\,255\,255\,0\.06\)\]{border-color:#ffffff0f}.border-\[rgba\(255\,255\,255\,0\.08\)\]{border-color:#ffffff14}.border-amber-300\/45{border-color:#fcd34d73}.border-border{border-color:var(--color-border)}.border-cyan-300\/30{border-color:#67e8f94d}.border-purple-300\/30{border-color:#d8b4fe4d}.border-red-300\/30{border-color:#fca5a54d}.border-sky-300\/30{border-color:#7dd3fc4d}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.bg-\[rgba\(255\,196\,86\,0\.08\)\]{background-color:#ffc45614}.bg-\[rgba\(255\,255\,255\,0\.015\)\]{background-color:#ffffff04}.bg-\[rgba\(255\,255\,255\,0\.03\)\]{background-color:#ffffff08}.bg-bg{background-color:var(--color-bg)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/15{background-color:#00000026}.bg-black\/20{background-color:#0003}.bg-black\/25{background-color:#00000040}.bg-black\/45{background-color:#00000073}.bg-black\/50{background-color:#00000080}.bg-black\/55{background-color:#0000008c}.bg-black\/90{background-color:#000000e6}.bg-cyan-500\/15{background-color:#06b6d426}.bg-panel{background-color:var(--color-surface-panel)}.bg-purple-500\/15{background-color:#a855f726}.bg-red-500\/15{background-color:#ef444426}.bg-red-950\/90{background-color:#450a0ae6}.bg-sky-500\/15{background-color:#0ea5e926}.bg-white\/\[0\.018\]{background-color:#ffffff05}.fill-current{fill:currentColor}.fill-none{fill:none}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[1\%\]{padding-left:1%;padding-right:1%}.px-\[3\%\]{padding-left:3%;padding-right:3%}.px-\[4\%\]{padding-left:4%;padding-right:4%}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-\[2\%\]{padding-top:2%;padding-bottom:2%}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-\[3\%\]{padding-bottom:3%}.pb-\[7\.75rem\]{padding-bottom:7.75rem}.pl-10{padding-left:2.5rem}.pr-0\.5{padding-right:.125rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-\[2\%\]{padding-top:2%}.pt-\[max\(2\.5rem\,env\(safe-area-inset-top\)\)\]{padding-top:max(2.5rem,env(safe-area-inset-top))}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:var(--fs-24)}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:var(--fs-16)}.text-lg{font-size:var(--fs-18)}.text-sm{font-size:var(--fs-14)}.text-xl{font-size:var(--fs-20)}.text-xs{font-size:var(--fs-12)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[1\.2\]{line-height:1.2}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-wide{letter-spacing:.025em}.text-\[\#6ED7FF\]{--tw-text-opacity: 1;color:rgb(110 215 255 / var(--tw-text-opacity, 1))}.text-\[\#6ef0e3\]{--tw-text-opacity: 1;color:rgb(110 240 227 / var(--tw-text-opacity, 1))}.text-\[\#77D6E8\]{--tw-text-opacity: 1;color:rgb(119 214 232 / var(--tw-text-opacity, 1))}.text-\[\#8FC7FF\]{--tw-text-opacity: 1;color:rgb(143 199 255 / var(--tw-text-opacity, 1))}.text-\[\#9BE28B\]{--tw-text-opacity: 1;color:rgb(155 226 139 / var(--tw-text-opacity, 1))}.text-\[\#B8A5FF\]{--tw-text-opacity: 1;color:rgb(184 165 255 / var(--tw-text-opacity, 1))}.text-\[\#FF5A5A\]{--tw-text-opacity: 1;color:rgb(255 90 90 / var(--tw-text-opacity, 1))}.text-\[\#FF7A70\]{--tw-text-opacity: 1;color:rgb(255 122 112 / var(--tw-text-opacity, 1))}.text-\[\#FFD166\]{--tw-text-opacity: 1;color:rgb(255 209 102 / var(--tw-text-opacity, 1))}.text-\[rgba\(223\,232\,243\,0\.94\)\]{color:#dfe8f3f0}.text-\[rgba\(255\,214\,130\,0\.92\)\]{color:#ffd682eb}.text-accent{color:var(--color-accent)}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-amber-200\/90{color:#fde68ae6}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.text-danger{color:var(--color-action-danger)}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-muted{color:var(--color-text-secondary)}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-text{color:var(--color-text-primary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/50{color:#ffffff80}.text-white\/70{color:#ffffffb3}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-soft{--tw-shadow: var(--shadow-subtle);--tw-shadow-colored: var(--shadow-subtle);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\,background-color\,border-color\]{transition-property:opacity,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,width\,opacity\]{transition-property:transform,width,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.\[overflow-wrap\:normal\]{overflow-wrap:normal}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[word-break\:normal\]{word-break:normal}.ui-email-templates{display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:899px){.ui-email-templates{grid-template-columns:1fr}}.ui-email-templates__list{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;max-height:min(70vh,40rem);overflow:auto}.ui-email-templates__item{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;text-align:left;border:1px solid transparent;border-radius:.65rem;background:transparent;color:inherit;padding:.65rem .75rem;cursor:pointer}.ui-email-templates__item:hover{background:color-mix(in srgb,var(--color-surface-elevated) 70%,transparent)}.ui-email-templates__item.is-active{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.ui-email-templates__item-title{font-weight:600;font-size:.92rem}.ui-email-templates__item-body{font-size:.78rem;color:var(--color-text-muted);line-height:1.35}.ui-email-templates__item-badge{margin-top:.15rem;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--color-accent)}.ui-email-templates__editor{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.25rem}.ui-email-templates__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.ui-email-templates__locale{display:inline-flex;border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.ui-email-templates__locale-btn{border:0;background:transparent;color:var(--color-text-muted);padding:.35rem .85rem;font-size:.8rem;font-weight:650;cursor:pointer}.ui-email-templates__locale-btn.is-active{background:color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-text)}.ui-email-templates__actions{display:flex;flex-wrap:wrap;gap:.5rem}.ui-email-templates__body-editor{display:flex;flex-direction:column;gap:.55rem}.ui-email-templates__body-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem}.ui-email-templates__mode,.ui-email-templates__format{display:inline-flex;border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.ui-email-templates__mode-btn,.ui-email-templates__format-btn{display:inline-flex;align-items:center;gap:.3rem;border:0;background:transparent;color:var(--color-text-muted);padding:.35rem .75rem;font-size:.78rem;font-weight:650;cursor:pointer}.ui-email-templates__mode-btn.is-active,.ui-email-templates__format-btn:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-text)}.ui-email-templates__format-btn{padding:.35rem .55rem}.ui-email-templates__visual{min-height:14rem;padding:.85rem .95rem;font-size:.92rem;line-height:1.55;overflow:auto;white-space:normal}.ui-email-templates__visual:focus{outline:none}.ui-email-templates__visual p{margin:0 0 .7rem}.ui-email-templates__visual a{color:var(--color-accent)}.ui-email-templates__body{min-height:14rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.45;resize:vertical}.ui-email-templates__toolbox-label,.ui-email-templates__preview-label{margin:0 0 .45rem;font-size:.78rem;font-weight:650;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ui-email-templates__chips{display:flex;flex-wrap:wrap;gap:.4rem}.ui-email-templates__chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;border:1px solid var(--color-border);border-radius:.55rem;background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);color:inherit;padding:.35rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;cursor:pointer}.ui-email-templates__chip:hover{border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border))}.ui-email-templates__chip-hint{font-family:inherit;font-size:.65rem;color:var(--color-text-muted)}.ui-email-templates__preview{border-top:1px solid var(--color-border);padding-top:.85rem}.ui-email-templates__preview-subject{margin:0 0 .65rem;font-weight:650;font-size:.95rem}.ui-email-templates__preview-body{font-size:.9rem;line-height:1.5;color:var(--color-text)}.ui-email-templates__preview-body p{margin:0 0 .65rem}.ui-email-templates__preview-body a{color:var(--color-accent)}body{scrollbar-color:var(--color-border-strong) transparent}.last\:mb-0:last-child{margin-bottom:0}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-black\/45:hover{background-color:#00000073}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:text-text:hover{color:var(--color-text-primary)}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-85:hover{opacity:.85}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:opacity-90:focus-visible{opacity:.9}.active\:opacity-100:active{opacity:1}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-3{gap:.75rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:pb-6{padding-bottom:1.5rem}.md\:text-lg{font-size:var(--fs-18)}}@media(min-width:1024px){.lg\:p-6{padding:1.5rem}.lg\:p-7{padding:1.75rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}