.voice-studio{--bg:#100f17;--surface:#1b1926;--accent:#a68aff;--ink:#f4f2fb;--muted:#a29cae;background:var(--bg);color:var(--ink)}.v-nav{padding:25px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff12}.v-nav>a{font-size:30px;color:#b8ff7a;font-weight:900}.v-nav>a span{font-size:14px;color:white;margin-left:15px}.v-nav nav{display:flex;gap:25px;align-items:center;font-size:12px}.v-main{max-width:1280px;margin:auto;padding:55px 35px}.v-intro>span,.v-kicker{font-size:10px;color:#b8ff7a;letter-spacing:2px;font-weight:bold}.v-intro h1{font-size:clamp(38px,5vw,68px);font-weight:650;letter-spacing:-2.5px}.v-intro h1 em{font-family:Georgia,serif;color:#b39bff;font-weight:400}.v-intro p{max-width:750px;font-size:17px}.v-health{display:flex;gap:10px;align-items:center;font-size:12px;margin:25px 0 40px}.v-health i{width:7px;height:7px;background:#b8ff7a;border-radius:50%}.v-health small{margin-left:15px;color:var(--muted)}.v-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:25px}.v-panel{background:linear-gradient(135deg,#242031,#181621);border:1px solid #a68aff25;border-radius:20px;padding:30px}.v-panel h2{font-size:21px;letter-spacing:-.5px;font-weight:600}.v-panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.v-panel-top h2{margin:0}.v-ghost{background:transparent!important;border:1px solid #ffffff25!important;font-size:12px;color:var(--ink)}.v-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v-voices button{padding:18px 12px;display:flex;flex-direction:column;align-items:start;text-align:left;background:#ffffff04;border:1px solid #ffffff10;gap:10px}.v-voices button.selected{background:#a68aff16;border-color:#a68aff}.v-voices i{font-size:25px;font-style:normal;color:#b8ff7a}.v-voices b{font-size:17px}.v-voices small{font-size:10px;font-weight:400;line-height:1.6;color:var(--muted);min-height:50px}.v-voices span{font-size:10px;color:#b29aff}.v-note{font-size:11px;line-height:1.8;color:var(--muted)}.v-note a{color:#b8ff7a}.v-divider{border-top:1px solid #ffffff12;margin:30px 0}.v-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.v-panel label b{float:right;color:#b8ff7a}.v-panel input[type=range]{padding:0;accent-color:#b8ff7a;height:25px;outline:none;background:transparent}.v-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.v-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}#v-status{font-size:13px;color:#b8ff7a;line-height:1.8;margin-top:20px}.v-player{text-align:center;padding:35px 25px}.v-player #v-orb{width:240px;height:240px;margin:0 auto 20px}.v-orb-fallback{width:200px;height:200px;margin:20px auto;border-radius:50%;background:radial-gradient(circle at 25% 25%,#e2d7ff,#9678da 35%,#302344 80%);box-shadow:0 0 60px #9678da55;display:grid;place-items:center;font-size:100px}.v-player h2{font-size:36px;margin:18px 0 8px}.v-player p{font-size:12px}.v-player canvas#v-wave{width:100%;height:65px;display:block}.v-player button{width:100%;margin-top:20px}.v-player a{display:block;color:#b8ff7a;font-size:12px;margin:20px}.v-player a[hidden]{display:none}.v-save{margin-top:25px}.v-save button{width:100%;margin-top:18px}.v-check{display:flex;gap:10px;line-height:1.6}.v-check input{width:auto}.v-history{margin-top:25px}.v-history article{display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff12;padding:18px 0;font-size:13px}.v-history article span{color:var(--muted);flex:1}.v-flow{display:flex;align-items:center;justify-content:space-between;margin:55px 0;gap:10px}.v-flow div{text-align:center;font-size:30px;color:#b29aff}.v-flow b{display:block;font-size:13px;color:white;margin:15px 0 7px}.v-flow small{display:block;font-size:10px;color:var(--muted)}.v-flow>span{color:#b8ff7a}@media(max-width:750px){.v-main{padding:35px 18px}.v-layout{grid-template-columns:1fr}.v-panel{padding:22px}.v-voices{grid-template-columns:repeat(2,1fr)}.v-fields{grid-template-columns:1fr}.v-health{flex-wrap:wrap}.v-health small{margin-left:0}.v-flow{display:grid;grid-template-columns:1fr}.v-flow>span{transform:rotate(90deg);text-align:center}.v-history article{flex-wrap:wrap;gap:12px}.v-nav nav{gap:15px;font-size:10px}.v-intro h1{letter-spacing:-1.5px}.v-panel-top{align-items:start}}@media(prefers-reduced-motion:reduce){.voice-studio *{animation:none!important;transition:none!important}}