:root{--color-bg-primary:#0d0d0d;--color-bg-secondary:#161616;--color-bg-tertiary:#1e1e1e;--color-bg-elevated:#252525;--color-bg-overlay:#000000a6;--color-border-default:#2a2a2a;--color-border-subtle:#1f1f1f;--color-border-strong:#3a3a3a;--color-border-focus:#6366f1;--color-text-primary:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-tertiary:#6b6b6b;--color-text-inverse:#0d0d0d;--color-text-link:#818cf8;--color-text-on-accent:#fff;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-active:#4f46e5;--color-accent-subtle:#6366f11f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 16px 48px #000000b3}[data-theme=light]{--color-bg-primary:#fafafa;--color-bg-secondary:#f0f0f0;--color-bg-tertiary:#e5e5e5;--color-bg-elevated:#fff;--color-bg-overlay:#ffffffa6;--color-border-default:#d4d4d4;--color-border-subtle:#e5e5e5;--color-border-strong:#a3a3a3;--color-border-focus:#4f46e5;--color-text-primary:#171717;--color-text-secondary:#525252;--color-text-tertiary:#a3a3a3;--color-text-inverse:#fafafa;--color-text-link:#4f46e5;--color-text-on-accent:#fff;--color-accent:#4f46e5;--color-accent-hover:#6366f1;--color-accent-active:#4338ca;--color-accent-subtle:#4f46e514;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029}:root{--status-bleu:#3b82f6;--status-bleu-bg:#3b82f61f;--status-vert:#22c55e;--status-vert-bg:#22c55e1f;--status-orange:#f97316;--status-orange-bg:#f973161f;--status-rouge:#ef4444;--status-rouge-bg:#ef44441f;--status-violet:#a78bfa;--status-violet-bg:#a78bfa1f;--status-cyan:#22d3ee;--status-cyan-bg:#22d3ee1f;--instrument-drums:#f97316;--instrument-guitar:#eab308;--instrument-bass:#a855f7;--instrument-keyboard:#3b82f6;--instrument-vocal:#ec4899;--instrument-sax:#14b8a6;--instrument-trumpet:#f43f5e;--instrument-strings:#8b5cf6;--instrument-percussion:#d97706;--instrument-other:#6b7280;--section-intro:#6366f1;--section-couplet:#3b82f6;--section-refrain:#f97316;--section-pont:#22c55e;--section-solo:#eab308;--section-outro:#a855f7;--frame-wide:#3b82f6;--frame-medium:#22c55e;--frame-close:#f97316;--frame-detail:#ef4444;--frame-overhead:#a855f7;--job-chart:#3b82f6;--job-playback:#22c55e;--job-tuto:#f97316;--job-bonus:#a855f7;--alert-info:#3b82f6;--alert-info-bg:#3b82f61f;--alert-success:#22c55e;--alert-success-bg:#22c55e1f;--alert-warning:#f97316;--alert-warning-bg:#f973161f;--alert-error:#ef4444;--alert-error-bg:#ef44441f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}.platform-ios{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--touch-target-min:44px}.platform-ios body{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);-webkit-text-size-adjust:100%}.platform-ios input,.platform-ios select,.platform-ios textarea{font-size:16px}.platform-android{--touch-target-min:48px;--nav-height:56px;--status-bar-height:24px}.platform-android ::-webkit-scrollbar{width:4px}.platform-android ::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}.platform-desktop{--titlebar-height:32px;--touch-target-min:32px}.platform-desktop ::-webkit-scrollbar{width:8px}.platform-desktop ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.platform-desktop ::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.platform-desktop ::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.platform-web{--touch-target-min:36px}.platform-ios .hide-ios,.platform-android .hide-android,.platform-desktop .hide-desktop,.platform-web .hide-web,.only-mobile,.only-desktop{display:none!important}.platform-ios .only-mobile,.platform-android .only-mobile,.platform-desktop .only-desktop,.platform-web .only-desktop{display:revert!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}::selection{background-color:var(--color-accent-subtle);color:var(--color-text-primary)}