:root{color-scheme:dark light;font-size:18px;--font-serif: "Lora", "Georgia", "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Menlo", "Consolas", monospace;font-family:var(--font-sans);line-height:1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--orange: #e27533;--orange-light: #f5935a;--orange-dark: #c45f1f;--pink: #bc4a74;--pink-light: #d66d94;--pink-dark: #9a3a5d;--purple: #574fa1;--purple-light: #7a72bd;--purple-dark: #433c7d;--blue: #2d57a1;--blue-light: #4a74bd;--blue-dark: #1f3d73;--freq-high: #d96a3b;--freq-mid-high: #d94068;--freq-mid: #d154a0;--freq-mid-low: #b455d1;--freq-low-mid: #6c5dd1;--freq-low: #2d6abf;--recording: #ef4444;--recording-dark: #dc2626;--recording-glow: rgba(239, 68, 68, .4);--paused: #facc15;--paused-glow: rgba(250, 204, 21, .3);--accent: var(--orange);--accent-hover: var(--orange-light);--accent-active: var(--orange-dark);--secondary: var(--pink);--secondary-hover: var(--pink-light);--secondary-active: var(--pink-dark);--info: var(--blue);--info-light: var(--blue-light);--creative: var(--purple);--creative-light: var(--purple-light);--gradient-brand: linear-gradient(135deg, var(--orange) 0%, var(--pink) 50%, var(--purple) 100%);--gradient-waveform: linear-gradient(90deg, var(--orange) 0%, var(--pink) 35%, var(--purple) 65%, var(--blue) 100%);--gradient-accent: linear-gradient(135deg, var(--orange), var(--orange-dark));--gradient-sunset: linear-gradient(135deg, var(--orange) 0%, var(--pink) 100%);--gradient-twilight: linear-gradient(135deg, var(--pink) 0%, var(--purple) 100%);--gradient-ocean: linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%);--bg: #09090b;--bg-elevated: #0f0f12;--surface: #141417;--surface-2: #1c1d21;--surface-3: #242529;--surface-base: #0a0a0c;--surface-raised: #111114;--surface-overlay: #18181b;--surface-sunken: #08080a;--text: #f4f4f5;--text-secondary: #d4d4d8;--muted: #a1a1aa;--muted-strong: #71717a;--border: #27272a;--border-soft: rgba(39, 39, 42, .6);--border-accent: rgba(226, 117, 51, .4);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--glass-thick: rgba(10, 10, 12, .85);--glass-thick-blur: 20px;--glass-thin: rgba(10, 10, 12, .55);--glass-thin-blur: 12px;--glass-border: rgba(255, 255, 255, .08);--sheet-bg: rgba(60, 60, 65, .42);--sheet-edge: rgba(255, 255, 255, .18);--sheet-edge-outer: rgba(255, 255, 255, .06);--sheet-edge-inner: rgba(255, 255, 255, .08);--handle-bar: rgba(255, 255, 255, .25);--handle-bar-shadow: rgba(0, 0, 0, .2);--glass-btn: rgba(255, 255, 255, .08);--glass-btn-border: rgba(255, 255, 255, .12);--glass-btn-blur: 16px;--glass-btn-active: rgba(255, 255, 255, .14);--glass-btn-accent: rgba(226, 117, 51, .22);--glass-btn-accent-border: rgba(226, 117, 51, .3);--glass-btn-accent-active: rgba(226, 117, 51, .35);--glass-btn-danger: rgba(239, 68, 68, .2);--glass-btn-danger-border: rgba(239, 68, 68, .3);--glass-btn-danger-active: rgba(239, 68, 68, .35);--glass-btn-record: rgba(239, 68, 68, .35);--glass-btn-record-border: rgba(239, 68, 68, .45);--glass-btn-record-active: rgba(239, 68, 68, .5);--glass-ludicrous-blur: 30px;--glass-ludicrous-saturation: 2;--glass-ludicrous-contrast: 1.06;--choir-aura-gradient: linear-gradient(150deg, rgba(226, 117, 51, .18) 0%, rgba(87, 79, 161, .14) 100%);--choir-island-a: radial-gradient(52rem 32rem at 18% 14%, rgba(226, 117, 51, .18) 0%, transparent 72%);--choir-island-b: radial-gradient(50rem 30rem at 82% 78%, rgba(87, 79, 161, .16) 0%, transparent 75%);--state-hover: rgba(255, 255, 255, .04);--state-active: rgba(255, 255, 255, .08);--state-focus-ring: rgba(226, 117, 51, .4);--orange-alpha-10: rgba(226, 117, 51, .1);--orange-alpha-15: rgba(226, 117, 51, .15);--orange-alpha-20: rgba(226, 117, 51, .2);--pink-alpha-15: rgba(188, 74, 116, .15);--pink-alpha-20: rgba(188, 74, 116, .2);--purple-alpha-15: rgba(87, 79, 161, .15);--purple-alpha-20: rgba(87, 79, 161, .2);--blue-alpha-15: rgba(45, 87, 161, .15);--blue-alpha-20: rgba(45, 87, 161, .2);--part-lead: #f59e0b;--part-lead-bg: rgba(245, 158, 11, .2);--part-1: #3b82f6;--part-1-bg: rgba(59, 130, 246, .2);--part-2: #8b5cf6;--part-2-bg: rgba(139, 92, 246, .2);--part-3: #ec4899;--part-3-bg: rgba(236, 72, 153, .2);--part-4: #14b8a6;--part-4-bg: rgba(20, 184, 166, .2);--part-5: #f97316;--part-5-bg: rgba(249, 115, 22, .2);--part-6: #22c55e;--part-6-bg: rgba(34, 197, 94, .2);--part-7: #06b6d4;--part-7-bg: rgba(6, 182, 212, .2);--part-8: #e11d48;--part-8-bg: rgba(225, 29, 72, .2);--part-accompaniment: #71717a;--part-accompaniment-bg: rgba(113, 113, 122, .2);--part-take-1: #d97706;--part-take-1-bg: rgba(217, 119, 6, .2);--part-take-2: #c48a2e;--part-take-2-bg: rgba(196, 138, 46, .2);--part-take-3: #ad9450;--part-take-3-bg: rgba(173, 148, 80, .2);--part-take-4: #969a6e;--part-take-4-bg: rgba(150, 154, 110, .2);--part-section: #a1a1aa;--part-section-bg: rgba(161, 161, 170, .15);--part-default: #a1a1aa;--part-default-bg: rgba(161, 161, 170, .2);--part-soprano: var(--freq-high);--part-soprano-bg: rgba(217, 106, 59, .2);--part-mezzo: var(--freq-mid-high);--part-mezzo-bg: rgba(217, 64, 104, .2);--part-alto: var(--freq-mid);--part-alto-bg: rgba(209, 84, 160, .2);--part-tenor: var(--freq-mid-low);--part-tenor-bg: rgba(180, 85, 209, .2);--part-baritone: var(--freq-low-mid);--part-baritone-bg: rgba(108, 93, 209, .2);--part-bass: var(--freq-low);--part-bass-bg: rgba(45, 106, 191, .2);--fx-reverb: #38bdf8;--fx-reverb-bg: rgba(56, 189, 248, .18);--fx-reverb-border: rgba(56, 189, 248, .3);--fx-delay: #f472b6;--fx-delay-bg: rgba(244, 114, 182, .18);--fx-delay-border: rgba(244, 114, 182, .3);--fx-vocal-double: #fbbf24;--fx-vocal-double-bg: rgba(251, 191, 36, .18);--fx-vocal-double-border: rgba(251, 191, 36, .3);--mixer-bg: rgba(12, 12, 14, .72);--mixer-surface: rgba(20, 20, 22, .55);--mixer-border: rgba(255, 255, 255, .08);--mixer-edge: rgba(255, 255, 255, .06);--mixer-blur: 20px;--mixer-text: #e4e4e7;--mixer-muted: #71717a;--mixer-control-bg: rgba(255, 255, 255, .06);--mixer-control-border: rgba(255, 255, 255, .1);--mixer-control-active: rgba(255, 255, 255, .12);--mixer-track-bg: rgba(255, 255, 255, .1);--mixer-pill-bg: rgba(161, 161, 170, .15);--mixer-pill-text: #a1a1aa;--mixer-play-bg: rgba(34, 197, 94, .18);--mixer-play-border: rgba(34, 197, 94, .28);--mixer-play-active: rgba(34, 197, 94, .3);--mixer-play-color: #4ade80;--success: #22c55e;--success-bg: rgba(34, 197, 94, .15);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-text: #fda4af;--error-border: rgba(239, 68, 68, .3);--warning: var(--orange);--warning-bg: var(--orange-alpha-15);--shadow-accent: 0 8px 24px rgba(226, 117, 51, .3);--shadow-accent-lg: 0 12px 32px rgba(226, 117, 51, .4);--shadow-pink: 0 8px 24px rgba(188, 74, 116, .3);--shadow-purple: 0 8px 24px rgba(87, 79, 161, .3);--shadow-card: 0 10px 24px rgba(0, 0, 0, .22);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--radius: 18px;--radius-sm: 12px;--radius-lg: 24px;--radius-full: 999px;--canvas-bg: #09090b;--canvas-bg-alpha: rgba(9, 9, 11, .25);--canvas-overlay-bg: rgba(24, 24, 27, .92);--canvas-text: #f4f4f5;--header-bg: rgba(24, 24, 27, .95);--nav-bg: rgba(24, 24, 27, .98);--nav-item: #71717a;--nav-item-hover: #a1a1aa;--nav-item-hover-bg: rgba(63, 63, 70, .3);--card-bg: rgba(39, 39, 42, .4);--card-bg-hover: rgba(39, 39, 42, .6);--card-border: rgba(63, 63, 70, .3);--card-border-hover: rgba(82, 82, 91, .5);--active-bg: rgba(39, 39, 42, .5);--active-border: rgba(226, 117, 51, .3)}[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-elevated: #fafafa;--surface: #f4f4f5;--surface-2: #e4e4e7;--surface-3: #d4d4d8;--surface-base: #fafaf9;--surface-raised: #ffffff;--surface-overlay: rgba(255, 255, 255, .92);--surface-sunken: #f0f0ee;--text: #18181b;--text-secondary: #3f3f46;--muted: #71717a;--muted-strong: #a1a1aa;--border: #e4e4e7;--border-soft: rgba(228, 228, 231, .8);--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--glass-thick: rgba(255, 255, 255, .85);--glass-thin: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .06);--sheet-bg: rgba(240, 240, 244, .42);--sheet-edge: rgba(255, 255, 255, .7);--sheet-edge-outer: rgba(0, 0, 0, .04);--sheet-edge-inner: rgba(255, 255, 255, .5);--handle-bar: rgba(0, 0, 0, .18);--handle-bar-shadow: rgba(255, 255, 255, .4);--glass-btn: rgba(0, 0, 0, .04);--glass-btn-border: rgba(0, 0, 0, .08);--glass-btn-active: rgba(0, 0, 0, .1);--glass-btn-accent: rgba(226, 117, 51, .14);--glass-btn-accent-border: rgba(226, 117, 51, .22);--glass-btn-accent-active: rgba(226, 117, 51, .25);--glass-btn-danger: rgba(239, 68, 68, .12);--glass-btn-danger-border: rgba(239, 68, 68, .22);--glass-btn-danger-active: rgba(239, 68, 68, .25);--glass-btn-record: rgba(239, 68, 68, .25);--glass-btn-record-border: rgba(239, 68, 68, .35);--glass-btn-record-active: rgba(239, 68, 68, .4);--state-hover: rgba(0, 0, 0, .03);--state-active: rgba(0, 0, 0, .06);--state-focus-ring: rgba(226, 117, 51, .3);--shadow-accent: 0 8px 24px rgba(226, 117, 51, .2);--shadow-accent-lg: 0 12px 32px rgba(226, 117, 51, .25);--shadow-pink: 0 8px 24px rgba(188, 74, 116, .2);--shadow-purple: 0 8px 24px rgba(87, 79, 161, .2);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--error-text: #dc2626;--canvas-bg: #ffffff;--canvas-bg-alpha: rgba(255, 255, 255, .25);--canvas-overlay-bg: rgba(255, 255, 255, .92);--canvas-text: #18181b;--header-bg: rgba(255, 255, 255, .95);--nav-bg: rgba(255, 255, 255, .98);--nav-item: #71717a;--nav-item-hover: #52525b;--nav-item-hover-bg: rgba(161, 161, 170, .2);--card-bg: rgba(255, 255, 255, .8);--card-bg-hover: rgba(255, 255, 255, .95);--card-border: rgba(228, 228, 231, .8);--card-border-hover: rgba(212, 212, 216, 1);--active-bg: rgba(226, 117, 51, .08);--active-border: rgba(226, 117, 51, .25);--fx-reverb: #0284c7;--fx-reverb-bg: rgba(2, 132, 199, .14);--fx-reverb-border: rgba(2, 132, 199, .25);--fx-delay: #db2777;--fx-delay-bg: rgba(219, 39, 119, .14);--fx-delay-border: rgba(219, 39, 119, .25);--fx-vocal-double: #d97706;--fx-vocal-double-bg: rgba(217, 119, 6, .14);--fx-vocal-double-border: rgba(217, 119, 6, .25);--mixer-bg: rgba(232, 232, 229, .72);--mixer-surface: rgba(240, 240, 237, .55);--mixer-border: rgba(0, 0, 0, .08);--mixer-edge: rgba(255, 255, 255, .5);--mixer-blur: 20px;--mixer-text: #18181b;--mixer-muted: #71717a;--mixer-control-bg: rgba(0, 0, 0, .05);--mixer-control-border: rgba(0, 0, 0, .1);--mixer-control-active: rgba(0, 0, 0, .1);--mixer-track-bg: rgba(0, 0, 0, .08);--mixer-pill-bg: rgba(0, 0, 0, .06);--mixer-pill-text: #52525b;--mixer-play-bg: rgba(34, 197, 94, .16);--mixer-play-border: rgba(34, 197, 94, .3);--mixer-play-active: rgba(34, 197, 94, .28);--mixer-play-color: #16a34a;--choir-aura-gradient: linear-gradient(150deg, rgba(226, 117, 51, .12) 0%, rgba(87, 79, 161, .08) 100%);--choir-island-a: radial-gradient(52rem 32rem at 18% 14%, rgba(226, 117, 51, .12) 0%, transparent 72%);--choir-island-b: radial-gradient(50rem 30rem at 82% 78%, rgba(87, 79, 161, .09) 0%, transparent 75%)}[data-reduce-glass=true]{--glass-thick: rgba(10, 10, 12, .93);--glass-thin: rgba(10, 10, 12, .72);--glass-border: rgba(255, 255, 255, .14);--sheet-bg: rgba(60, 60, 65, .56);--glass-btn: rgba(255, 255, 255, .14);--glass-btn-border: rgba(255, 255, 255, .2);--glass-btn-active: rgba(255, 255, 255, .2);--glass-btn-accent: rgba(226, 117, 51, .3);--glass-btn-accent-border: rgba(226, 117, 51, .4);--glass-btn-accent-active: rgba(226, 117, 51, .46);--glass-btn-blur: 12px;--mixer-bg: rgba(12, 12, 14, .88);--mixer-surface: rgba(20, 20, 22, .75);--mixer-blur: 12px}[data-theme=light][data-reduce-glass=true]{--glass-thick: rgba(255, 255, 255, .95);--glass-thin: rgba(255, 255, 255, .86);--glass-border: rgba(0, 0, 0, .14);--sheet-bg: rgba(245, 245, 248, .66);--glass-btn: rgba(0, 0, 0, .1);--glass-btn-border: rgba(0, 0, 0, .16);--glass-btn-active: rgba(0, 0, 0, .16);--glass-btn-accent: rgba(226, 117, 51, .22);--glass-btn-accent-border: rgba(226, 117, 51, .32);--glass-btn-accent-active: rgba(226, 117, 51, .4);--mixer-bg: rgba(232, 232, 229, .88);--mixer-surface: rgba(240, 240, 237, .75);--mixer-blur: 12px}[data-glass-max=true]{--glass-thick: rgba(10, 10, 12, .24);--glass-thick-blur: 42px;--glass-thin: rgba(10, 10, 12, .12);--glass-thin-blur: 32px;--glass-border: rgba(255, 255, 255, .18);--sheet-bg: rgba(60, 60, 65, .08);--glass-btn: rgba(255, 255, 255, .02);--glass-btn-border: rgba(255, 255, 255, .2);--glass-btn-active: rgba(255, 255, 255, .08);--glass-btn-accent: rgba(226, 117, 51, .08);--glass-btn-accent-border: rgba(226, 117, 51, .26);--glass-btn-accent-active: rgba(226, 117, 51, .16);--glass-btn-danger: rgba(239, 68, 68, .06);--glass-btn-danger-border: rgba(239, 68, 68, .22);--glass-btn-danger-active: rgba(239, 68, 68, .16);--glass-btn-record: rgba(239, 68, 68, .12);--glass-btn-record-border: rgba(239, 68, 68, .28);--glass-btn-record-active: rgba(239, 68, 68, .2);--glass-btn-blur: 36px;--mixer-bg: rgba(12, 12, 14, .08);--mixer-surface: rgba(20, 20, 22, .06);--mixer-blur: 44px;--glass-ludicrous-blur: 36px;--glass-ludicrous-saturation: 2.45;--glass-ludicrous-contrast: 1.1;--surface: transparent;--surface-2: transparent;--surface-3: transparent;--surface-base: transparent;--surface-raised: transparent;--surface-overlay: transparent;--surface-sunken: transparent;--bg-elevated: transparent;--card-bg: transparent;--card-bg-hover: transparent;--active-bg: transparent;--orange-alpha-10: transparent;--orange-alpha-15: transparent;--orange-alpha-20: transparent;--pink-alpha-15: transparent;--pink-alpha-20: transparent;--purple-alpha-15: transparent;--purple-alpha-20: transparent;--blue-alpha-15: transparent;--blue-alpha-20: transparent;--success-bg: transparent;--error-bg: transparent;--warning-bg: transparent}[data-theme=light][data-glass-max=true]{--glass-thick: rgba(255, 255, 255, .24);--glass-thin: rgba(255, 255, 255, .12);--glass-border: rgba(0, 0, 0, .2);--sheet-bg: rgba(240, 240, 244, .1);--glass-btn: rgba(0, 0, 0, .015);--glass-btn-border: rgba(0, 0, 0, .16);--glass-btn-active: rgba(0, 0, 0, .06);--glass-btn-accent: rgba(226, 117, 51, .07);--glass-btn-accent-border: rgba(226, 117, 51, .24);--glass-btn-accent-active: rgba(226, 117, 51, .14);--glass-btn-danger: rgba(239, 68, 68, .05);--glass-btn-danger-border: rgba(239, 68, 68, .2);--glass-btn-danger-active: rgba(239, 68, 68, .14);--glass-btn-record: rgba(239, 68, 68, .1);--glass-btn-record-border: rgba(239, 68, 68, .22);--glass-btn-record-active: rgba(239, 68, 68, .18);--mixer-bg: rgba(232, 232, 229, .08);--mixer-surface: rgba(240, 240, 237, .06);--mixer-blur: 44px}[data-glass-max=true] :where([class],button,input,textarea,select):not(canvas):not(svg):not(path):not(circle):not(rect):not(line):not(polyline):not(polygon):not(img):not(video):not(audio){background:transparent!important;background-image:none!important;backdrop-filter:blur(var(--glass-ludicrous-blur)) saturate(var(--glass-ludicrous-saturation)) contrast(var(--glass-ludicrous-contrast))!important;-webkit-backdrop-filter:blur(var(--glass-ludicrous-blur)) saturate(var(--glass-ludicrous-saturation)) contrast(var(--glass-ludicrous-contrast))!important}[data-glass-max=true] :where([class],button,input,textarea,select):before,[data-glass-max=true] :where([class],button,input,textarea,select):after{background:transparent!important;background-image:none!important}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}main{padding:var(--space-6) var(--space-5)}.app-shell{min-height:100vh;background:linear-gradient(180deg,var(--surface) 0%,var(--bg-elevated) 55%,var(--bg) 100%);color:var(--text)}.choir-context-shell{min-height:100vh;color:var(--text);background:var(--choir-island-a),var(--choir-island-b),var(--choir-aura-gradient),linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%)}[data-theme=light] .app-shell{background:linear-gradient(180deg,#fafafa,#f8f8f8 55%,#fff)}.app-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(var(--glass-thick-blur));backdrop-filter:blur(var(--glass-thick-blur));border-bottom:1px solid var(--glass-border)}.header-content{padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-3)}.header-title{margin:0;font-size:1.125rem;font-weight:700;font-family:var(--font-serif);letter-spacing:-.02em}.header-subtitle{margin:0;font-size:.875rem;color:var(--muted)}.icon-button{width:44px;height:44px;border-radius:999px;border:1px solid var(--glass-btn-border);background:var(--glass-btn);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-button:active{transform:scale(.97);background:var(--glass-btn-active)}.header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.title{font-size:1.75rem;font-weight:700;font-family:var(--font-serif);letter-spacing:-.02em;line-height:1.2;margin:0}.subtitle{color:var(--muted);margin:0;font-size:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card)}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:14px;background:var(--glass-btn-accent);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:var(--accent);font-weight:600;font-size:1rem;font-family:var(--font-sans);border:1px solid var(--glass-btn-accent-border);cursor:pointer;min-height:52px}.button:active{transform:scale(.97);background:var(--glass-btn-accent-active)}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{background:var(--glass-btn);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:var(--text);box-shadow:none;border:1px solid var(--glass-btn-border)}.grid{display:grid;gap:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.list-item{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle)}.meta{color:var(--muted);font-size:1rem}.input{padding:14px 16px;border-radius:14px;border:1px solid var(--border-default);font-size:1rem;font-family:var(--font-sans);width:100%;background:var(--surface-sunken);color:var(--text);min-height:52px}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--state-focus-ring)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-full);background:var(--orange-alpha-15);font-size:.875rem;color:var(--accent)}.waveform{height:80px;border-radius:0;background:transparent;margin:var(--space-3) 0;padding:0;overflow:hidden}.waveform-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:2px;height:100%}.waveform-bar{width:100%;background:var(--accent);border-radius:6px}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pill-chip{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.75rem;font-weight:600;font-family:var(--font-sans)}.primary-chip{background:var(--orange-alpha-20);color:var(--accent);border-color:var(--border-accent)}.fab-bar{position:fixed;left:0;right:0;bottom:96px;display:flex;justify-content:center;pointer-events:none}.fab{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);background:var(--glass-btn-accent);backdrop-filter:blur(var(--glass-btn-blur));-webkit-backdrop-filter:blur(var(--glass-btn-blur));color:var(--accent);border:1px solid var(--glass-btn-accent-border);font-weight:600;cursor:pointer}.fab.secondary{background:var(--glass-btn);color:var(--text);border:1px solid var(--glass-btn-border)}.safe-bottom{height:70px}@media (min-width: 768px){.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.debug-panel.svelte-1yl4i5o.svelte-1yl4i5o{position:fixed;right:12px;bottom:12px;width:min(520px,95vw);max-height:50vh;background:#111;color:#f0f0f0;border-radius:12px;box-shadow:0 8px 24px #00000059;font-size:12px;z-index:9999;display:flex;flex-direction:column}.debug-header.svelte-1yl4i5o.svelte-1yl4i5o{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.debug-actions.svelte-1yl4i5o.svelte-1yl4i5o{display:flex;gap:6px;align-items:center}.debug-actions.svelte-1yl4i5o button.svelte-1yl4i5o{background:#222;color:#f0f0f0;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 8px;cursor:pointer;font-size:12px}.debug-link.svelte-1yl4i5o.svelte-1yl4i5o{background:#333;color:#f0f0f0;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 8px;text-decoration:none;font-size:12px}@media (hover: hover){.debug-link.svelte-1yl4i5o.svelte-1yl4i5o:hover{background:#444}}.debug-body.svelte-1yl4i5o.svelte-1yl4i5o{padding:10px 12px;overflow:auto}.debug-entry.svelte-1yl4i5o.svelte-1yl4i5o{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:baseline}.debug-entry.svelte-1yl4i5o.svelte-1yl4i5o:last-child{border-bottom:none}.debug-ts.svelte-1yl4i5o.svelte-1yl4i5o{opacity:.7;white-space:nowrap;font-size:10px}.debug-level.svelte-1yl4i5o.svelte-1yl4i5o{text-transform:uppercase;font-weight:600;font-size:10px;padding:1px 4px;border-radius:3px}.debug-level.log.svelte-1yl4i5o.svelte-1yl4i5o{background:#333;color:#999}.debug-level.warn.svelte-1yl4i5o.svelte-1yl4i5o{background:#f4b74033;color:#f4b740}.debug-level.error.svelte-1yl4i5o.svelte-1yl4i5o{background:#ff6b6b33;color:#ff6b6b}.debug-context.svelte-1yl4i5o.svelte-1yl4i5o{font-size:10px;padding:1px 6px;border-radius:8px;background:#a855f733;color:#c084fc}.debug-message.svelte-1yl4i5o.svelte-1yl4i5o{word-break:break-word;flex:1;min-width:200px}.collapsed.svelte-1yl4i5o .debug-body.svelte-1yl4i5o{display:none}.bottom-nav.svelte-8slaph.svelte-8slaph{position:fixed;bottom:0;left:0;right:0;backdrop-filter:blur(var(--glass-thick-blur));-webkit-backdrop-filter:blur(var(--glass-thick-blur));border-top:1px solid var(--choir-nav-border, var(--glass-border));z-index:50;display:flex;justify-content:center;gap:8px;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav-item.svelte-8slaph.svelte-8slaph{display:flex;align-items:center;justify-content:center;width:56px;height:44px;border-radius:12px;color:var(--nav-item);text-decoration:none}.nav-item.svelte-8slaph.svelte-8slaph:active{transform:scale(.97);background:var(--state-active)}.nav-item.active.svelte-8slaph.svelte-8slaph{color:var(--accent);background:var(--orange-alpha-10)}.nav-item.svelte-8slaph svg.svelte-8slaph{width:24px;height:24px}.error-sheet.svelte-mfi8g{padding:0 20px 20px}.error-header.svelte-mfi8g{display:flex;align-items:center;gap:12px;padding:8px 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px}.error-icon.svelte-mfi8g{font-size:1.5rem}.error-title.svelte-mfi8g{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.error-content.svelte-mfi8g{display:flex;flex-direction:column;gap:16px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.error-section.svelte-mfi8g{display:flex;flex-direction:column;gap:8px}.section-title.svelte-mfi8g{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.error-box.svelte-mfi8g{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px}.error-message.svelte-mfi8g{color:#f87171;font-weight:500;word-break:break-word}.stack-trace.svelte-mfi8g{font-family:var(--font-mono, monospace);font-size:.6875rem;line-height:1.4;color:var(--muted);white-space:pre-wrap;word-break:break-all;max-height:150px;overflow-y:auto;margin:0}.error-row.svelte-mfi8g{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.error-row.svelte-mfi8g:last-child{border-bottom:none}.label.svelte-mfi8g{font-size:.75rem;color:var(--muted);min-width:100px;flex-shrink:0}.value.svelte-mfi8g{font-size:.75rem;color:var(--text);word-break:break-word}.value.mono.svelte-mfi8g{font-family:var(--font-mono, monospace);font-size:.6875rem}.error-actions.svelte-mfi8g{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.action-btn.svelte-mfi8g{flex:1;padding:14px 20px;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.copy-btn.svelte-mfi8g{background:var(--accent);border:none;color:#fff}.copy-btn.svelte-mfi8g:active{transform:scale(.98)}.dismiss-btn.svelte-mfi8g{background:var(--surface-3);border:1px solid var(--border);color:var(--text)}.dismiss-btn.svelte-mfi8g:active{background:var(--surface-4)}