:root{color-scheme:dark;--bg: #07060b;--panel: #12101c;--line: #2a2438;--text: #f4f0ff;--muted: #9d93b7;--accent: #c4a7ff;--hot: #ff7ad1;--font: "DM Sans", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(ellipse 100% 80% at 50% -20%,rgba(124,92,220,.55),transparent 45%),radial-gradient(ellipse 700px 420px at 12% 8%,rgba(91,62,174,.45),transparent 50%),radial-gradient(ellipse 600px 380px at 92% 0%,rgba(255,122,209,.22),transparent 48%),radial-gradient(1200px 900px at 30% -5%,#241a3d,var(--bg));background-attachment:fixed;color:var(--text)}#root{max-width:1240px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.hero{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;margin-bottom:1.25rem}.hero-main{position:relative;min-width:0;min-height:clamp(9rem,22vw,12.5rem);padding:1.15rem 1.35rem 1.35rem 1.15rem;margin:0;border-radius:1.1rem;overflow:hidden;border:1px solid rgba(196,167,255,.22);box-shadow:0 0 0 1px #00000059,0 20px 48px #00000052,inset 0 1px #ffffff0f;isolation:isolate}.hero-text{position:relative;z-index:1}.hero h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3rem);font-weight:400;margin:0 0 .25rem;letter-spacing:-.02em;text-shadow:0 0 40px rgba(196,167,255,.35),0 2px 24px rgba(7,6,11,.9)}.hero .tag{color:var(--muted);max-width:36rem;line-height:1.5;text-shadow:0 1px 16px rgba(7,6,11,.85)}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.hero-backdrop__base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#37285f8c,#120e20eb 38%,#201634bf 62%,#3c234873)}.hero-backdrop__aurora{position:absolute;top:-35%;right:-15%;bottom:-15%;left:-15%;background:conic-gradient(from 160deg at 45% 40%,#c4a7ff8c,#ff7ad159,#7c5cdc73,#ff7ad140,#c4a7ff80,#5b3eae66,#c4a7ff8c);filter:blur(36px);opacity:1;mix-blend-mode:screen;animation:hero-aurora-spin 22s linear infinite}.hero-backdrop__glow{position:absolute;border-radius:50%;filter:blur(32px);animation:hero-float 8s ease-in-out infinite}.hero-backdrop__glow--a{width:min(320px,70vw);height:min(220px,45vw);top:-18%;left:-12%;background:radial-gradient(circle,rgba(196,167,255,.75),transparent 68%);animation-delay:0s}.hero-backdrop__glow--b{width:min(260px,58vw);height:min(190px,40vw);top:0%;right:-8%;background:radial-gradient(circle,rgba(255,122,209,.55),transparent 65%);animation-delay:-3s;animation-duration:10s}.hero-backdrop__staff{position:absolute;left:0;right:0;top:14%;height:clamp(56px,12vw,80px);display:flex;flex-direction:column;justify-content:space-between;opacity:.42;padding:0 3%}.hero-backdrop__staff-line{display:block;height:2px;border-radius:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 12%,var(--hot) 45%,var(--accent) 78%,transparent 100%);background-size:200% 100%;animation:hero-staff-shimmer 5.5s ease-in-out infinite}.hero-backdrop__staff-line:nth-child(2){animation-delay:.4s}.hero-backdrop__staff-line:nth-child(3){animation-delay:.8s}.hero-backdrop__staff-line:nth-child(4){animation-delay:1.2s}.hero-backdrop__staff-line:nth-child(5){animation-delay:1.6s}.hero-backdrop__vinyl{position:absolute;width:clamp(88px,18vw,128px);height:clamp(88px,18vw,128px);right:4%;bottom:6%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3d3558,#14101f 42%,#0c0a12);box-shadow:inset 0 0 0 1px #c4a7ff59,0 0 0 1px #ffffff14,0 0 32px #c4a7ff33,0 14px 44px #0000008c;animation:hero-vinyl-spin 24s linear infinite}.hero-backdrop__vinyl-groove{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:1px solid rgba(196,167,255,.08);box-shadow:inset 0 0 0 1px #0006,0 0 0 6px #c4a7ff0a}.hero-backdrop__vinyl-hole{position:absolute;top:50%;left:50%;width:14%;height:14%;margin:-7% 0 0 -7%;border-radius:50%;background:#07060b;box-shadow:inset 0 0 8px #000000e6}.hero-backdrop__eq{position:absolute;left:3%;bottom:10%;display:flex;align-items:flex-end;gap:5px;height:44px;padding:0 2px}.hero-backdrop__eq-bar{width:7px;border-radius:3px;background:linear-gradient(180deg,#ff9fe0,var(--accent));box-shadow:0 0 12px #c4a7ff73;opacity:.92;transform-origin:bottom center;animation:hero-eq-bounce .85s ease-in-out infinite alternate}.hero-backdrop__eq-bar.eq-a{height:35%;animation-delay:0s;animation-duration:.62s}.hero-backdrop__eq-bar.eq-b{height:70%;animation-delay:.08s;animation-duration:.55s}.hero-backdrop__eq-bar.eq-c{height:45%;animation-delay:.16s;animation-duration:.72s}.hero-backdrop__eq-bar.eq-d{height:95%;animation-delay:.04s;animation-duration:.48s}.hero-backdrop__eq-bar.eq-e{height:55%;animation-delay:.12s;animation-duration:.68s}.hero-backdrop__eq-bar.eq-f{height:80%;animation-delay:.2s;animation-duration:.52s}.hero-backdrop__eq-bar.eq-g{height:40%;animation-delay:.1s;animation-duration:.78s}.hero-backdrop__notes{position:absolute;top:0;right:0;bottom:0;left:0}.hero-backdrop__note{position:absolute;font-size:clamp(1.35rem,3.2vw,2rem);color:#c4a7ffb8;text-shadow:0 0 20px rgba(196,167,255,.5);font-family:Georgia,serif;line-height:1;animation:hero-note-drift 12s ease-in-out infinite}.hero-backdrop__note--1{left:6%;top:18%;animation-delay:0s}.hero-backdrop__note--2{left:38%;top:6%;color:#ff9edcbf;animation-delay:-3s;animation-duration:14s}.hero-backdrop__note--3{right:30%;top:36%;animation-delay:-6s;animation-duration:11s}.hero-backdrop__note--4{right:8%;top:10%;color:#ff7ad1a6;animation-delay:-2s;animation-duration:15s}.hero-backdrop__ripple{position:absolute;border-radius:50%;border:2px solid rgba(196,167,255,.45);left:50%;top:38%;transform:translate(-50%,-50%);animation:hero-ripple-out 3.5s ease-out infinite;opacity:0}.hero-backdrop__ripple--1{width:40px;height:40px;animation-delay:0s}.hero-backdrop__ripple--2{width:40px;height:40px;animation-delay:2s}@keyframes hero-aurora-spin{to{transform:rotate(360deg)}}@keyframes hero-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-8px) scale(1.05)}}@keyframes hero-staff-shimmer{0%,to{background-position:0% 50%;opacity:.5}50%{background-position:100% 50%;opacity:1}}@keyframes hero-vinyl-spin{to{transform:rotate(360deg)}}@keyframes hero-eq-bounce{0%{transform:scaleY(.28);opacity:.65}to{transform:scaleY(1);opacity:1}}@keyframes hero-note-drift{0%,to{transform:translate(0) rotate(-6deg);opacity:.25}25%{transform:translate(8px,-6px) rotate(4deg);opacity:.45}50%{transform:translate(-4px,4px) rotate(-2deg);opacity:.3}75%{transform:translate(6px,2px) rotate(6deg);opacity:.4}}@keyframes hero-ripple-out{0%{width:20px;height:20px;opacity:.5}to{width:min(420px,90vw);height:min(420px,90vw);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-backdrop__aurora,.hero-backdrop__glow,.hero-backdrop__staff-line,.hero-backdrop__vinyl,.hero-backdrop__eq-bar,.hero-backdrop__note,.hero-backdrop__ripple{animation:none!important}.hero-backdrop__aurora{transform:none;opacity:.65}.hero-backdrop__vinyl{transform:none}.hero-backdrop__eq-bar{transform:scaleY(.65);opacity:.85}.hero-backdrop__ripple{display:none}}.pill-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;align-content:flex-start;justify-content:flex-start;width:100%;padding-top:.1rem}.pill{border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:.35rem .85rem;font-size:.8rem;color:var(--muted)}.pill--clone{border-color:#c4a7ff73;color:var(--accent);background:#c4a7ff14}.conn-dot{width:10px;height:10px;border-radius:50%;background:#555;flex-shrink:0;transition:background .3s}.conn-dot.connected{background:#4ade80;box-shadow:0 0 8px #4ade8080}.panel{background:linear-gradient(160deg,#1e1830eb,#0c0a12f7);border:1px solid var(--line);border-radius:1rem;padding:.85rem 1rem 1rem;margin-bottom:1rem;box-shadow:0 20px 60px #00000073;transition:border-color .4s}.panel-generating{border-color:var(--accent)}.gen-bar{position:relative;height:28px;border-radius:.5rem;background:#0a0812;border:1px solid var(--line);margin-top:.55rem;overflow:hidden;display:flex;align-items:center}.gen-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),var(--hot));opacity:.18;animation:gen-slide 1.8s ease-in-out infinite}@keyframes gen-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gen-bar-label{position:relative;z-index:1;padding:0 .75rem;font-size:.78rem;color:var(--accent);font-weight:600}.waveform-canvas{width:100%;height:92px;border-radius:.65rem;display:block;border:1px solid var(--line)}.music-transport{display:flex;align-items:center;gap:.65rem;margin-top:.55rem;padding:.45rem .55rem;border-radius:.65rem;background:#00000047;border:1px solid rgba(255,255,255,.06)}.btn-play-pause{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(145deg,#c4a7ff33,#5a3c8c59);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.btn-play-pause:hover:not(:disabled){transform:scale(1.04);box-shadow:0 0 20px #c4a7ff40}.btn-play-pause:disabled{opacity:.35;cursor:not-allowed}.btn-play-pause__icon{font-size:.65rem;letter-spacing:.12em;line-height:1}.btn-play-pause__icon--play{font-size:.95rem;margin-left:2px;letter-spacing:0}.music-transport__timeline{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.music-scrub{width:100%;height:6px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;cursor:pointer}.music-scrub:disabled{opacity:.4;cursor:not-allowed}.music-scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c4a7ff80;cursor:grab}.music-scrub::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c4a7ff80}.music-transport__times{display:flex;align-items:baseline;gap:.2rem;font-size:.78rem;font-variant-numeric:tabular-nums}.music-time--current{color:var(--text);font-weight:600}.music-time--sep,.music-time--total{color:var(--muted)}.band-row{display:flex;flex-wrap:wrap;gap:.65rem .85rem;justify-content:space-between;margin-top:.65rem}.band-member{flex:1 1 72px;min-width:68px;max-width:100px;text-align:center}.band-orb{width:48px;height:48px;margin:0 auto .3rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6,transparent),linear-gradient(145deg,var(--accent),#5b3eae);transition:transform .35s ease,box-shadow .35s ease}.band-label{display:block;font-size:.78rem;font-weight:600;line-height:1.2}.panel-meta{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.06)}.panel-meta .status-line{margin-top:0}.panel-meta .error{margin-top:.35rem;margin-bottom:0}.control-suite{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.55rem}.status-line--suite,.control-suite .hint{margin-top:.15rem}.controls{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:stretch}@media(min-width:720px){.controls{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.55rem .6rem;align-items:center}}input[type=text],.control-input{width:100%;min-width:0;padding:.6rem .8rem;border-radius:.6rem;border:1px solid var(--line);background:#0a0812;color:var(--text);font:inherit;min-height:2.65rem}button{font:inherit;cursor:pointer;border-radius:.6rem;border:none;padding:.6rem .95rem;font-weight:600;transition:opacity .15s;min-height:2.65rem;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--hot));color:#1a0524}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-mic{min-width:7.5rem;background:#1f1733;color:var(--accent);border:1px solid var(--accent)}.btn-ghost--compact{padding-left:.65rem;padding-right:.65rem;min-height:2.35rem;font-size:.82rem}.btn-mic.recording{animation:pulse 1s ease infinite;border-color:var(--hot);color:var(--hot)}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff7ad140}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:800px){.grid-2{grid-template-columns:1fr}}.command-history ul,.memory-timeline{list-style:none;padding:0;margin:0}.command-history h3,.memory-timeline h3{margin:0 0 .5rem;font-size:.95rem;color:var(--muted);font-weight:600}.command-history li{display:flex;gap:.5rem;align-items:baseline;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.src{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .4rem;border-radius:.35rem;background:#1c1528;color:var(--muted);flex-shrink:0}.src-voice{color:var(--accent)}.src-auto{color:var(--hot)}.cmd-text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-time{font-size:.72rem;color:var(--muted);flex-shrink:0;opacity:.7}.timeline-track{position:relative;height:48px;border-radius:.5rem;background:#0a0812;border:1px dashed var(--line);margin:.5rem 0}.timeline-node{position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.timeline-caption{font-size:.75rem;color:var(--muted);margin:0}.share-field{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:stretch}@media(min-width:720px){.share-field{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.55rem .6rem;align-items:center}}.share-field input{min-width:0;width:100%;min-height:2.65rem;padding:.55rem .75rem;border-radius:.6rem;border:1px solid var(--line);background:#0a0812;color:var(--muted);font:inherit;font-size:.8rem}.clone-voice-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding-top:.45rem;margin-top:.35rem;border-top:1px solid rgba(255,255,255,.05)}.clone-voice-hint{margin:.35rem 0 0;max-width:42rem}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .5rem;padding-top:.45rem;margin-top:.15rem;border-top:1px solid rgba(255,255,255,.05)}.demo-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;margin-right:.15rem;width:100%}@media(min-width:520px){.demo-label{width:auto;margin-right:.35rem}}.muted{color:var(--muted)}.hint{font-size:.75rem;margin-top:.75rem;opacity:.6}.status-line{font-size:.82rem;color:var(--muted);margin-top:.5rem;line-height:1.45}.error{color:#ff8b7a;font-size:.85rem;margin-top:.35rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-with-sidebar{display:flex;gap:1rem;align-items:flex-start}.main-column{flex:1;min-width:0}.soundtrack-sidebar{width:268px;flex-shrink:0;margin-bottom:0;max-height:min(70vh,520px);display:flex;flex-direction:column;padding-bottom:.65rem}.soundtrack-sidebar__title{margin:0 0 .2rem;font-size:.95rem;font-weight:600;color:var(--muted)}.soundtrack-sidebar__hint{margin:0 0 .55rem;font-size:.78rem;line-height:1.4}.soundtrack-sidebar__empty{margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.soundtrack-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;border-top:1px solid rgba(255,255,255,.06)}.soundtrack-list__item{width:100%;text-align:left;padding:.55rem .45rem;margin:0;border:none;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text);cursor:pointer;border-radius:.35rem;transition:background .15s ease,box-shadow .15s ease}.soundtrack-list__item:hover:not(:disabled){background:#c4a7ff14}.soundtrack-list__item:disabled{opacity:.5;cursor:not-allowed}.soundtrack-list__item--active{background:#c4a7ff1f;box-shadow:inset 2px 0 0 var(--accent)}.soundtrack-list__name{display:block;font-size:.84rem;font-weight:500;line-height:1.35;word-break:break-word}.soundtrack-list__meta{display:block;margin-top:.2rem;font-size:.72rem;color:var(--muted)}@media(max-width:900px){.main-with-sidebar{flex-direction:column}.soundtrack-sidebar{width:100%;max-height:240px;order:2}.main-column{order:1}}