:root,[data-theme=dark]{--bg:#0c1014;--bg-elevated:#141a21;--bg-panel:#161c24;--bg-panel-hover:#1c232c;--bg-deep:#080b0e;--bg-input:hsla(0,0%,100%,.04);--border:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.12);--border-accent:rgba(138,175,212,.25);--border-gold:hsla(36,43%,63%,.3);--teal:#8aafd4;--teal-deep:#6b8fba;--teal-soft:rgba(138,175,212,.12);--gold:#c9a876;--gold-deep:#a8895a;--gold-soft:hsla(36,43%,63%,.12);--text:#e8e3d8;--text-strong:#fff;--text-muted:#8b8d91;--text-faint:#5a5d63;--text-on-accent:#0c1014;--brand-grad:linear-gradient(135deg,#8aafd4,#c9a876);--track-vocals:#c9a876;--track-drums:#e07b6e;--track-bass:#87a9c4;--track-keys:#8aafd4;--track-guitar:#d4a574;--track-atmos:#a78bfa;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.4);--shadow-lg:0 24px 48px rgba(0,0,0,.5);--shadow-glow-teal:0 0 24px rgba(138,175,212,.2);--shadow-glow-gold:0 0 32px hsla(36,43%,63%,.25);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px}[data-theme=broadcast]{--bg:#f2f5f8;--bg-elevated:#fff;--bg-panel:#fff;--bg-panel-hover:#edf2f7;--bg-deep:#e4ecf4;--bg-input:rgba(14,24,32,.04);--border:rgba(14,24,32,.08);--border-strong:rgba(14,24,32,.16);--border-accent:rgba(0,152,184,.3);--border-gold:rgba(0,120,160,.3);--teal:#0098b8;--teal-deep:#0078a0;--teal-soft:rgba(0,152,184,.1);--gold:#0098b8;--gold-deep:#0078a0;--gold-soft:rgba(0,152,184,.08);--text:#0e1820;--text-strong:#000a10;--text-muted:#405868;--text-faint:#7090a8;--text-on-accent:#fff;--brand-grad:linear-gradient(135deg,#0098b8,#0078a0);--track-vocals:#0098b8;--track-drums:#dc2626;--track-bass:#0078a0;--track-keys:#2aaa60;--track-guitar:#e8920a;--track-atmos:#7c6ff7;--shadow-sm:0 2px 8px rgba(14,24,32,.08);--shadow-md:0 8px 24px rgba(14,24,32,.12);--shadow-lg:0 24px 48px rgba(14,24,32,.16);--shadow-glow-teal:0 0 24px rgba(0,152,184,.2);--shadow-glow-gold:0 0 32px rgba(0,152,184,.2)}[data-theme=light]{--bg:#f5f3ee;--bg-elevated:#fff;--bg-panel:#ebe8df;--bg-panel-hover:#e2ddd0;--bg-deep:#e2ddd0;--bg-input:rgba(26,22,18,.04);--border:rgba(26,22,18,.08);--border-strong:rgba(26,22,18,.18);--border-accent:rgba(107,143,186,.3);--border-gold:rgba(168,137,90,.35);--teal:#6b8fba;--teal-deep:#4d6e96;--teal-soft:rgba(107,143,186,.1);--gold:#a8895a;--gold-deep:#876d44;--gold-soft:rgba(168,137,90,.08);--text:#1a1612;--text-strong:#000;--text-muted:#6b6358;--text-faint:#9a9285;--text-on-accent:#fff;--brand-grad:linear-gradient(135deg,#6b8fba,#a8895a);--track-vocals:#a8895a;--track-drums:#c45c4e;--track-bass:#5d8aab;--track-keys:#6b8fba;--track-guitar:#b88950;--track-atmos:#8267d4;--shadow-sm:0 2px 8px rgba(26,22,18,.08);--shadow-md:0 8px 24px rgba(26,22,18,.12);--shadow-lg:0 24px 48px rgba(26,22,18,.18);--shadow-glow-teal:0 0 24px rgba(107,143,186,.2);--shadow-glow-gold:0 0 32px rgba(168,137,90,.25)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);line-height:1.6;transition:background-color .2s ease,color .2s ease}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.serif{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,SF Mono,Menlo,monospace;letter-spacing:.02em}.hero-headline{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:.95}.spin{display:inline-block;width:12px;height:12px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:6px;vertical-align:-2px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes sp{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wv{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.pulse{animation:pulse 2s infinite}.logo-icon{display:inline-flex;align-items:end;gap:2px;height:22px}.logo-icon span{display:block;width:3px;background:var(--gold);border-radius:1px}.logo-icon span:first-child{height:40%}.logo-icon span:nth-child(2){height:70%}.logo-icon span:nth-child(3){height:100%}.logo-icon span:nth-child(4){height:60%}.logo-icon span:nth-child(5){height:30%}.logo-text{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.logo-text-suffix{color:var(--gold);font-weight:400}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;background:var(--gold);color:var(--text-on-accent);font-size:14px;font-weight:600;letter-spacing:.02em;border-radius:var(--r-md);transition:all .2s;cursor:pointer;border:1px solid var(--gold)}.btn-primary:hover{background:var(--gold-deep);border-color:var(--gold-deep);transform:translateY(-1px);box-shadow:var(--shadow-glow-gold)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;background:transparent;color:var(--text);font-size:14px;font-weight:500;border:1px solid var(--border-strong);border-radius:var(--r-md);transition:all .2s;cursor:pointer}.btn-secondary:hover{background:var(--bg-panel);border-color:var(--text-muted)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;transition:border-color .15s,transform .15s}.panel-hover:hover{border-color:var(--border-strong)}.divider-gold{width:60px;height:2px;background:var(--gold);margin:24px 0}.app-shell{display:grid;grid-template-columns:64px 1fr;min-height:100vh;background:var(--bg)}.app-sidebar{background:var(--bg-deep);border-right:1px solid var(--border);padding:16px 0;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:50}.app-sidebar,.sidebar-icon{display:flex;align-items:center}.sidebar-icon{width:40px;height:40px;border-radius:10px;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .15s;border:1px solid transparent}.sidebar-icon.active,.sidebar-icon:hover{color:var(--teal);background:var(--teal-soft)}.sidebar-icon.active{border-color:var(--border-accent)}.sidebar-divider{width:24px;height:1px;background:var(--border);margin:8px 0}.theme-toggle{width:36px;height:36px;border-radius:50%;background:var(--bg-panel);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-muted)}.theme-toggle:hover{color:var(--gold);border-color:var(--border-gold)}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s;width:100%}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.text-teal{color:var(--teal)}@media (max-width:768px){.hide-mobile{display:none!important}.app-shell{grid-template-columns:56px 1fr}.app-sidebar{padding:12px 0}.sidebar-icon{width:36px;height:36px}}@media (min-width:769px){.hide-desktop{display:none!important}}