:root,[data-theme=dark]{--bg:#090806;--bg-elevated:#0f0c08;--bg-panel:#111009;--bg-panel-hover:#161209;--bg-deep:#060503;--bg-input:hsla(36,43%,63%,.04);--border:hsla(36,43%,63%,.09);--border-strong:hsla(36,43%,63%,.18);--border-accent:hsla(36,43%,63%,.3);--border-gold:hsla(36,43%,63%,.3);--teal:#c9a876;--teal-deep:#a88a58;--teal-soft:hsla(36,43%,63%,.1);--gold:#c9a876;--gold-deep:#a88a58;--gold-soft:hsla(36,43%,63%,.1);--text:#ede5d4;--text-strong:#f5ead8;--text-muted:#8a7860;--text-faint:#5a4930;--text-on-accent:#090806;--brand-grad:linear-gradient(135deg,#c9a876,#a88a58);--track-vocals:#c9a876;--track-drums:#e07b6e;--track-bass:#a88a58;--track-keys:#d4b880;--track-guitar:#c9a876;--track-atmos:#9a8060;--shadow-sm:0 2px 8px rgba(0,0,0,.5);--shadow-md:0 8px 24px rgba(0,0,0,.6);--shadow-lg:0 24px 48px rgba(0,0,0,.7);--shadow-glow-teal:0 0 24px hsla(36,43%,63%,.15);--shadow-glow-gold:0 0 32px hsla(36,43%,63%,.2);--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:200px 1fr;min-height:100vh;background:var(--bg)}.app-sidebar{background:var(--bg-deep);border-right:1px solid var(--border);padding:16px 0;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:50}.app-sidebar,.sidebar-icon{display:flex;flex-direction:column;align-items:center}.sidebar-icon{width:66px;padding:7px 2px;border-radius:10px;justify-content:center;gap:4px;color:var(--text-muted);cursor:pointer;transition:all .15s;border:1px solid transparent}.sidebar-label{font-size:9px;letter-spacing:.2px;line-height:1;text-align:center}.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:1fr}.gys-side{display:none!important}.app-sidebar{padding:12px 0}.sidebar-icon{width:40px;height:40px;padding:0}.sidebar-label{display:none}}@media (min-width:769px){.hide-desktop{display:none!important}}.gys-mobilenav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--bg-deep);border-top:1px solid var(--border);justify-content:space-around;align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom, 0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gys-mobnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1 1;text-decoration:none;transition:color .15s}@media (max-width:768px){.gys-mobilenav{display:flex}.app-shell>main{padding-bottom:72px}}.gys-ctrlbar{display:none;position:fixed;left:0;right:0;bottom:var(--gys-navh,calc(52px + env(safe-area-inset-bottom, 0px)));z-index:299;background:var(--bg-deep);border-top:1px solid var(--border);justify-content:space-around;align-items:flex-start;padding:8px 4px 9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .22s cubic-bezier(.22,.61,.36,1);will-change:transform}.gys-ctrl-scrim{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.55)}.gys-ctrl-sheet{position:fixed;left:0;right:0;bottom:0;z-index:401;background:var(--bg-panel);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:12px 18px calc(18px + env(safe-area-inset-bottom, 0px));max-height:82vh;overflow-y:auto;box-shadow:0 -18px 50px rgba(0,0,0,.45);animation:gys-sheet-up .24s cubic-bezier(.22,.61,.36,1)}@keyframes gys-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.gys-ctrlbar{display:flex}body.gys-has-ctrlbar .app-shell>main{padding-bottom:150px}}@media (prefers-reduced-motion:reduce){.gys-ctrlbar{transition:none}.gys-ctrl-sheet{animation:none}}select optgroup,select option{background-color:var(--bg-panel);color:var(--text)}select{background-color:var(--bg-input,var(--bg-panel));color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}