.voiceDNA{--vd-line:rgba(170,218,255,.16);--vd-blue:#bfe6ff;color:#eaf6ff;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--vd-line);border-radius:18px;padding:13px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;box-sizing:border-box}.voiceDNA button,.voiceDNA input{font:inherit}.voiceDNA__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.voiceDNA__top small{display:block;color:#687f91;font-size:7px;letter-spacing:.18em}.voiceDNA__top strong{display:block;margin-top:4px;font-size:15px;letter-spacing:.04em}.voiceDNA__live{display:flex;align-items:center;gap:6px;border:1px solid var(--vd-line);border-radius:999px;padding:6px 8px;color:#8299aa;font-size:7px;letter-spacing:.12em}.voiceDNA__live i{width:5px;height:5px;border-radius:50%;background:var(--vd-blue);box-shadow:0 0 11px rgba(140,210,255,.85);animation:vdBlink 1.6s infinite}.voiceDNA__profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:11px}.voiceDNA__profiles button{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 6px;background:rgba(255,255,255,.018);color:#91a7b7;text-align:left;cursor:pointer}.voiceDNA__profiles button b,.voiceDNA__profiles button small{display:block}.voiceDNA__profiles button b{font-size:8px;letter-spacing:.09em}.voiceDNA__profiles button small{margin-top:3px;font-size:6px;color:#5f7586}.voiceDNA__profiles button.isActive{border-color:rgba(148,211,255,.45);background:rgba(105,185,240,.07);color:#e7f6ff;box-shadow:inset 0 0 20px rgba(84,166,225,.05)}.voiceDNA__padWrap{position:relative;margin:23px 28px 18px}.voiceDNA__pad{position:relative;aspect-ratio:1.45/1;max-height:260px;border:1px solid rgba(153,214,255,.24);border-radius:16px;overflow:hidden;touch-action:none;cursor:crosshair;background:radial-gradient(circle at 50% 50%,rgba(160,220,255,.09),transparent 45%),linear-gradient(90deg,rgba(19,31,43,.96),rgba(55,76,92,.72)),linear-gradient(0deg,rgba(4,8,12,.7),rgba(129,183,216,.15));box-shadow:inset 0 0 45px rgba(15,71,110,.14),0 15px 40px rgba(0,0,0,.2)}.voiceDNA__mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(171,219,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(171,219,255,.055) 1px,transparent 1px);background-size:12.5% 12.5%;pointer-events:none}.voiceDNA__pad:before,.voiceDNA__pad:after{content:"";position:absolute;background:rgba(190,226,255,.15);pointer-events:none}.voiceDNA__pad:before{width:1px;top:0;bottom:0;left:50%}.voiceDNA__pad:after{height:1px;left:0;right:0;top:50%}.voiceDNA__dot{position:absolute;width:22px;height:22px;padding:0;border:1px solid #e5f5ff;border-radius:50%;background:rgba(171,221,255,.15);box-shadow:0 0 0 6px rgba(124,202,255,.06),0 0 24px rgba(111,195,255,.65);transform:translate(-50%,-50%);pointer-events:none;transition:left .11s linear,top .11s linear}.voiceDNA__north,.voiceDNA__south,.voiceDNA__west,.voiceDNA__east{position:absolute;color:#5f7688;font-size:6px;letter-spacing:.12em}.voiceDNA__north{top:-14px;left:50%;transform:translateX(-50%)}.voiceDNA__south{bottom:-14px;left:50%;transform:translateX(-50%)}.voiceDNA__west{left:-26px;top:50%;transform:translateY(-50%) rotate(-90deg)}.voiceDNA__east{right:-29px;top:50%;transform:translateY(-50%) rotate(90deg)}.voiceDNA__readout{display:grid;grid-template-columns:1.1fr 1fr 1.3fr 1.5fr;gap:6px;margin-top:6px}.voiceDNA__readout>*{min-width:0;border-top:1px solid rgba(255,255,255,.055);padding-top:7px;color:#668091;font-size:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voiceDNA__readout b{color:#cceaff;font-size:7px}.voiceDNA__strength{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;color:#657d8f;font-size:6px;letter-spacing:.12em}.voiceDNA__strength input{width:100%;accent-color:#9bd4ff}.voiceDNA__strength output{color:#afc8d9}.voiceDNA--compact .voiceDNA__padWrap{margin-top:18px}.voiceDNA--compact .voiceDNA__readout{grid-template-columns:1fr 1fr}.voiceDNA--compact [data-vdna-formant],.voiceDNA--compact [data-vdna-f0]{display:none}@keyframes vdBlink{50%{opacity:.25}}@media(max-width:520px){.voiceDNA__profiles{grid-template-columns:repeat(2,minmax(0,1fr))}.voiceDNA__padWrap{margin-left:20px;margin-right:20px}.voiceDNA__readout{grid-template-columns:1fr 1fr}.voiceDNA__readout [data-vdna-formant],.voiceDNA__readout [data-vdna-f0]{white-space:normal}}@media(prefers-reduced-motion:reduce){.voiceDNA *{animation-duration:.001ms!important;transition-duration:.001ms!important}}