html[data-theme=light]{--bg-app: #f6f8fa;--bg-surface: #eaeef2;--bg-overlay: #ffffff;--bg-elevated: #f6f8fa;--bg-floating: #eaeef2;--bg-hover: #eaeef2;--bg-selected: rgba(71, 85, 105, .08);--border-default: #d0d7de;--border-subtle: #e8ecf0;--skeleton-base: #e6ebf0;--skeleton-highlight: #f4f7fa;--text-primary: #24292f;--text-secondary: #57606a;--text-muted: #8c959f;--accent-fg: #475569;--accent-emphasis: #334155;--accent-subtle: rgba(71, 85, 105, .08);--accent-border: #475569;--success-fg: #1a7f37;--success-emphasis: #1a7f37;--success-subtle: rgba(26, 127, 55, .1);--success-border: rgba(26, 127, 55, .25);--warning-fg: #9a6700;--danger-fg: #cf222e;--danger-emphasis: #cf222e;--danger-subtle: rgba(207, 34, 46, .08);--danger-border: rgba(207, 34, 46, .25);--type-extension-bg: rgba(14, 165, 233, .07);--type-extension-fg: #4b9cc4;--type-variation-bg: rgba(139, 92, 246, .06);--type-variation-fg: #7e6aad;--type-development-bg: rgba(249, 115, 22, .06);--type-development-fg: #b07840;--type-recomposition-bg: rgba(168, 85, 247, .06);--type-recomposition-fg: #8b5fbf;--type-reharmonization-bg: rgba(20, 184, 166, .06);--type-reharmonization-fg: #3d8e82;--type-restatement-bg: rgba(71, 85, 105, .06);--type-restatement-fg: #6b7a8d;--type-contrast-bg: rgba(239, 68, 68, .07);--type-contrast-fg: #c2614a;--type-transition-bg: rgba(234, 179, 8, .06);--type-transition-fg: #9a8a3e;--type-transposition-bg: rgba(6, 182, 212, .07);--type-transposition-fg: #3a8a9a;--type-deletion-bg: rgba(207, 34, 46, .06);--type-deletion-fg: #a8575a;--type-repeat-barline-bg: rgba(20, 184, 166, .06);--type-repeat-barline-fg: #3d8e82;--harmony-accent: #0f766e;--harmony-btn-bg: #0d9488;--harmony-chord-bg: rgba(20, 184, 166, .08);--harmony-chord-border: rgba(20, 184, 166, .25);--compose-card-btn-bg: #475569;--compose-card-btn-hover: #334155;--compose-accent: #475569;--compose-header-bg: #ffffff;--compose-header-border: #d0d7de;--sparkle-color: #d4a017;--completions-anchor-border: #2563eb;--completions-target-bg: rgba(37, 99, 235, .08);--completions-target-stripe: rgba(37, 99, 235, .18);--texture-homorhythmic: #4a8a5c;--texture-semi: #9a8a3e;--texture-independent: #c2614a;--texture-solo: #7e6aad;--analysis-accent: #7e6b99;--analysis-bg: #eeeaf3;--analysis-border: #d8d1e2;--analysis-hover: rgba(126, 107, 153, .09);--asset-accent: #8b6914;--asset-bg: rgba(180, 130, 30, .06);--asset-border: rgba(180, 130, 30, .25);--asset-badge-bg: rgba(180, 130, 30, .1);--asset-icon-color: #a07c1c;--asset-btn-bg: #8b6914;--asset-btn-hover: #7a5c10;--structure-accent: #b07840;--structure-bg: rgba(249, 115, 22, .05);--structure-border: rgba(249, 115, 22, .2);--tag-compose-bg: rgba(71, 85, 105, .08);--tag-compose-fg: #475569;--tag-harmony-bg: rgba(20, 184, 166, .08);--tag-harmony-fg: #0f766e;--tag-melody-bg: rgba(139, 92, 246, .08);--tag-melody-fg: #7e6aad;--tag-structure-bg: rgba(126, 107, 153, .08);--tag-structure-fg: #7e6b99;--tag-rhythm-bg: rgba(249, 115, 22, .08);--tag-rhythm-fg: #b07840;--tag-plan-bg: rgba(234, 179, 8, .08);--tag-plan-fg: #9a8a3e;--plan-section-1-fg: #475569;--plan-section-1-bg: rgba(71, 85, 105, .08);--plan-section-2-fg: #3d8e82;--plan-section-2-bg: rgba(20, 184, 166, .08);--plan-section-3-fg: #b07840;--plan-section-3-bg: rgba(249, 115, 22, .06);--plan-section-4-fg: #7e6aad;--plan-section-4-bg: rgba(139, 92, 246, .06);--plan-section-5-fg: #b05a6e;--plan-section-5-bg: rgba(176, 90, 110, .06);--plan-section-6-fg: #3a72a4;--plan-section-6-bg: rgba(58, 114, 164, .08);--plan-section-7-fg: #4a8a5c;--plan-section-7-bg: rgba(74, 138, 92, .06);--plan-section-8-fg: #9a8a3e;--plan-section-8-bg: rgba(154, 138, 62, .06);--feel-sparse: #8c959f;--feel-sparse-bg: rgba(140, 149, 159, .08);--feel-static: #8c959f;--feel-static-bg: rgba(140, 149, 159, .08);--feel-flowing: #4a90e2;--feel-flowing-bg: rgba(74, 144, 226, .08);--feel-driving: #e8954a;--feel-driving-bg: rgba(232, 149, 74, .08);--feel-syncopated: #e74c3c;--feel-syncopated-bg: rgba(231, 76, 60, .08);--feel-energetic: #e74c3c;--feel-energetic-bg: rgba(231, 76, 60, .08);--feel-suspended: #9b59b6;--feel-suspended-bg: rgba(155, 89, 182, .08);--bar-default: #64748b;--bar-syncopated: #b86a50;--color-primary: #334155;--color-primary-hover: #1e293b;--color-primary-subtle: rgba(51, 65, 85, .08);--color-primary-border: rgba(51, 65, 85, .2);--color-primary-text: #ffffff;--control-bg: #ffffff;--control-border: #d0d7de;--control-border-focus: #475569;--control-color-scheme: light;--type-extension-bg: rgba(56, 189, 248, .1);--type-extension-fg: #6aafcc;--type-variation-bg: rgba(167, 139, 250, .1);--type-variation-fg: #a094c8;--type-development-bg: rgba(251, 146, 60, .1);--type-development-fg: #c49a6a;--type-recomposition-bg: rgba(192, 132, 252, .1);--type-recomposition-fg: #b898d9;--type-reharmonization-bg: rgba(45, 212, 191, .1);--type-reharmonization-fg: #6aafa5;--type-restatement-bg: rgba(148, 163, 184, .1);--type-restatement-fg: #8a97a6;--type-contrast-bg: rgba(244, 114, 182, .1);--type-contrast-fg: #d48faa;--type-transition-bg: rgba(250, 204, 21, .1);--type-transition-fg: #b8a85a;--type-transposition-bg: rgba(34, 211, 238, .1);--type-transposition-fg: #6fb5c4;--type-deletion-bg: rgba(248, 113, 113, .1);--type-deletion-fg: #c48a8a}html[data-theme=dark]{--bg-app: #0f1419;--bg-surface: #161b22;--bg-overlay: #1c2128;--bg-elevated: #21262d;--bg-floating: #2d333b;--bg-hover: #2d333b;--bg-selected: rgba(148, 163, 184, .1);--border-default: #30363d;--border-subtle: #21262d;--skeleton-base: #21262d;--skeleton-highlight: #2d333b;--text-primary: #f0f8ff;--text-secondary: #c1cfdd;--text-muted: #636e7b;--accent-fg: #94a3b8;--accent-emphasis: #64748b;--accent-subtle: rgba(148, 163, 184, .12);--accent-border: #64748b;--success-fg: #3fb950;--success-emphasis: #238636;--success-subtle: rgba(35, 134, 54, .15);--success-border: rgba(35, 134, 54, .3);--warning-fg: #d29922;--danger-fg: #f85149;--danger-emphasis: #da3633;--danger-subtle: rgba(248, 81, 73, .1);--danger-border: rgba(248, 81, 73, .25);--type-extension-bg: rgba(56, 189, 248, .1);--type-extension-fg: #6aafcc;--type-variation-bg: rgba(167, 139, 250, .1);--type-variation-fg: #a094c8;--type-development-bg: rgba(251, 146, 60, .1);--type-development-fg: #c49a6a;--type-recomposition-bg: rgba(192, 132, 252, .1);--type-recomposition-fg: #b898d9;--type-reharmonization-bg: rgba(45, 212, 191, .1);--type-reharmonization-fg: #6aafa5;--type-restatement-bg: rgba(148, 163, 184, .1);--type-restatement-fg: #8a97a6;--type-contrast-bg: rgba(244, 114, 182, .1);--type-contrast-fg: #d48faa;--type-transition-bg: rgba(250, 204, 21, .1);--type-transition-fg: #b8a85a;--type-transposition-bg: rgba(34, 211, 238, .1);--type-transposition-fg: #6fb5c4;--type-deletion-bg: rgba(248, 113, 113, .1);--type-deletion-fg: #c48a8a;--type-repeat-barline-bg: rgba(45, 212, 191, .1);--type-repeat-barline-fg: #6aafa5;--harmony-accent: #2dd4bf;--harmony-btn-bg: #0d9488;--harmony-chord-bg: rgba(45, 212, 191, .12);--harmony-chord-border: rgba(45, 212, 191, .3);--compose-card-btn-bg: #94a3b8;--compose-card-btn-hover: #cbd5e1;--compose-accent: #94a3b8;--compose-header-bg: #1c2128;--compose-header-border: #30363d;--sparkle-color: #f0c040;--completions-anchor-border: #60a5fa;--completions-target-bg: rgba(96, 165, 250, .1);--completions-target-stripe: rgba(96, 165, 250, .22);--texture-homorhythmic: #72b084;--texture-semi: #b8a85a;--texture-independent: #c87a74;--texture-solo: #a78bfa;--analysis-accent: #a78bcc;--analysis-bg: #1f1c27;--analysis-border: #302b3b;--analysis-hover: rgba(167, 139, 204, .12);--asset-accent: #d4a840;--asset-bg: rgba(212, 168, 64, .08);--asset-border: rgba(212, 168, 64, .25);--asset-badge-bg: rgba(212, 168, 64, .12);--asset-icon-color: #d4a840;--asset-btn-bg: #b08a20;--asset-btn-hover: #c49a28;--structure-accent: #c49a6a;--structure-bg: rgba(251, 146, 60, .08);--structure-border: rgba(251, 146, 60, .2);--tag-compose-bg: rgba(148, 163, 184, .12);--tag-compose-fg: #94a3b8;--tag-harmony-bg: rgba(45, 212, 191, .12);--tag-harmony-fg: #6aafa5;--tag-melody-bg: rgba(167, 139, 250, .12);--tag-melody-fg: #a094c8;--tag-structure-bg: rgba(167, 139, 204, .12);--tag-structure-fg: #a78bcc;--tag-rhythm-bg: rgba(251, 146, 60, .12);--tag-rhythm-fg: #c49a6a;--tag-plan-bg: rgba(250, 204, 21, .12);--tag-plan-fg: #b8a85a;--plan-section-1-fg: #94a3b8;--plan-section-1-bg: rgba(148, 163, 184, .12);--plan-section-2-fg: #6aafa5;--plan-section-2-bg: rgba(45, 212, 191, .12);--plan-section-3-fg: #c49a6a;--plan-section-3-bg: rgba(251, 146, 60, .1);--plan-section-4-fg: #a094c8;--plan-section-4-bg: rgba(167, 139, 250, .1);--plan-section-5-fg: #c87a90;--plan-section-5-bg: rgba(200, 122, 144, .1);--plan-section-6-fg: #6a9fd4;--plan-section-6-bg: rgba(106, 159, 212, .12);--plan-section-7-fg: #72b084;--plan-section-7-bg: rgba(114, 176, 132, .1);--plan-section-8-fg: #b8a85a;--plan-section-8-bg: rgba(184, 168, 90, .1);--feel-sparse: #636e7b;--feel-sparse-bg: rgba(99, 110, 123, .1);--feel-static: #636e7b;--feel-static-bg: rgba(99, 110, 123, .1);--feel-flowing: #6aade6;--feel-flowing-bg: rgba(106, 173, 230, .1);--feel-driving: #c8a85e;--feel-driving-bg: rgba(200, 168, 94, .1);--feel-syncopated: #d47872;--feel-syncopated-bg: rgba(212, 120, 114, .1);--feel-energetic: #d47872;--feel-energetic-bg: rgba(212, 120, 114, .1);--feel-suspended: #b07cc8;--feel-suspended-bg: rgba(176, 124, 200, .1);--bar-default: #94a3b8;--bar-syncopated: #c87a74;--color-primary: #475569;--color-primary-hover: #334155;--color-primary-subtle: rgba(71, 85, 105, .18);--color-primary-border: rgba(71, 85, 105, .35);--color-primary-text: #ffffff;--control-bg: #21262d;--control-border: #30363d;--control-border-focus: #64748b;--control-color-scheme: dark;--type-extension-bg: rgba(14, 165, 233, .07);--type-extension-fg: #4b9cc4;--type-variation-bg: rgba(139, 92, 246, .06);--type-variation-fg: #7e6aad;--type-development-bg: rgba(249, 115, 22, .06);--type-development-fg: #b07840;--type-recomposition-bg: rgba(168, 85, 247, .06);--type-recomposition-fg: #8b5fbf;--type-reharmonization-bg: rgba(20, 184, 166, .06);--type-reharmonization-fg: #3d8e82;--type-restatement-bg: rgba(71, 85, 105, .06);--type-restatement-fg: #6b7a8d;--type-contrast-bg: rgba(239, 68, 68, .07);--type-contrast-fg: #c2614a;--type-transition-bg: rgba(234, 179, 8, .06);--type-transition-fg: #9a8a3e;--type-transposition-bg: rgba(6, 182, 212, .07);--type-transposition-fg: #3a8a9a;--type-deletion-bg: rgba(207, 34, 46, .06);--type-deletion-fg: #a8575a}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}}html[data-theme=light]{--bg-app: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{overflow:hidden;background:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.scene{width:100%;max-width:720px;margin-inline:auto;padding:32px;text-align:center}.scene__eyebrow{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent-fg)}.scene__title{margin:0 0 18px;font-size:clamp(30px,6vw,52px);line-height:1.12;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.scene__lead{margin:0 auto;max-width:48ch;font-size:clamp(17px,2.4vw,20px);line-height:1.6;color:var(--text-secondary)}