body{color:#fafafa;background:#09090b;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card{background:#111113;border:1px solid #27272a;border-radius:.75rem}.voice-card{cursor:pointer;background:#111113;border:2px solid #27272a;border-radius:.75rem;transition:border-color .12s,background .12s}.voice-card:hover{background:#18181b;border-color:#52525b}.voice-card.selected{background:#18181b;border-color:#fafafa}.voice-card.switching{opacity:.6;cursor:wait;background:#18181b;border-color:#a1a1aa}.voice-card.calling{background:#0d1f14;border-color:#4ade80}.voice-card.calling .avatar{box-shadow:0 0 0 2px #4ade8044}.avatar{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.badge{color:#71717a;background:#27272a;border-radius:9999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-f{color:#c084fc;background:#a855f71f}.badge-m{color:#60a5fa;background:#3b82f61f}.mode-btn{cursor:pointer;color:#a1a1aa;background:0 0;border:1px solid #27272a;border-radius:.5rem;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:500;transition:all .12s}.mode-btn:hover{color:#fafafa;background:#27272a}.mode-btn.active{color:#09090b;background:#fafafa;border-color:#fafafa}.gender-btn{cursor:pointer;color:#71717a;background:0 0;border:1px solid #27272a;border-radius:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;transition:all .12s}.gender-btn:hover{color:#fafafa;background:#27272a}.gender-btn.active{color:#fafafa;background:#27272a;border-color:#52525b}.speed-btn{cursor:pointer;color:#a1a1aa;background:0 0;border:1px solid #27272a;border-radius:.375rem;padding:.25rem .6rem;font-size:.8125rem;font-weight:500;transition:all .12s}.speed-btn:hover{color:#fafafa;background:#27272a}.speed-btn.active{color:#fafafa;background:#27272a;border-color:#52525b}.btn-start{color:#09090b;cursor:pointer;white-space:nowrap;background:#fafafa;border:none;border-radius:.5rem;padding:.55rem 2rem;font-size:.875rem;font-weight:600}.btn-start:hover{background:#e4e4e7}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-end{color:#f87171;cursor:pointer;white-space:nowrap;background:#ef44441f;border:1px solid #ef444440;border-radius:.5rem;padding:.55rem 2rem;font-size:.875rem;font-weight:600}.btn-end:hover{background:#ef444433}select{color:#fafafa;cursor:pointer;background:#18181b;border:1px solid #27272a;border-radius:.5rem;outline:none;padding:.45rem .75rem;font-size:.8125rem}select:focus{border-color:#52525b}option{background:#18181b}input[type=range]{appearance:none;cursor:pointer;background:#27272a;border-radius:9999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fafafa;border-radius:50%;width:14px;height:14px}input[type=range]::-moz-range-thumb{background:#fafafa;border:none;border-radius:50%;width:14px;height:14px}.toggle{cursor:pointer;background:#4ade80;border-radius:9999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:3px}.preview-btn{cursor:pointer;color:#a1a1aa;background:#1e1e21;border:1px solid #3f3f46;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:500;transition:color .12s,background .12s,border-color .12s;display:flex}.preview-btn:hover{color:#fafafa;background:#27272a;border-color:#52525b}.preview-btn:disabled{opacity:.5;cursor:wait}.record-btn{cursor:pointer;color:#a1a1aa;background:#1e1e21;border:1px solid #3f3f46;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:5px 7px;font-size:11px;font-weight:500;transition:color .12s,background .12s,border-color .12s;display:flex}.record-btn:hover{color:#f87171;background:#ef444414;border-color:#ef44444d}.record-btn:disabled{opacity:.4;cursor:not-allowed}.record-btn.recording{color:#f87171;background:#ef44441f;border-color:#ef444466;animation:1s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.55}}.recorded-badge{color:#4ade80;justify-content:center;align-items:center;display:flex}.gen-spinner{border:2px solid #27272a;border-top-color:#a1a1aa;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinsvg{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:.7s linear infinite spinsvg}#voice-grid{scrollbar-width:thin;scrollbar-color:#27272a transparent;max-height:420px;overflow-y:auto}#voice-grid::-webkit-scrollbar{width:4px}#voice-grid::-webkit-scrollbar-track{background:0 0}#voice-grid::-webkit-scrollbar-thumb{background:#27272a;border-radius:9999px}@keyframes wave{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.bar{background:#4ade80;border-radius:9999px;width:3px;animation:.7s ease-in-out infinite wave}.bar:first-child{animation-delay:0s}.bar:nth-child(2){animation-delay:80ms}.bar:nth-child(3){animation-delay:.16s}.bar:nth-child(4){animation-delay:.24s}.bar:nth-child(5){animation-delay:.32s}.bar:nth-child(6){animation-delay:.24s}.bar:nth-child(7){animation-delay:.16s}.bar:nth-child(8){animation-delay:80ms}.error-msg{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.ref-table{border-collapse:collapse;width:100%;font-size:.8125rem}.ref-table th{text-align:left;color:#71717a;border-bottom:1px solid #27272a;padding:.5rem .75rem;font-weight:500}.ref-table td{border-bottom:1px solid #1c1c1e;padding:.5rem .75rem;font-family:monospace}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover td{background:#18181b}