body{color:#18181b;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card{background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;transition:border-color .15s}.voice-card{cursor:pointer;background:#fff;border:2px solid #e4e4e7;border-radius:.75rem;padding:1rem;transition:border-color .12s,background .12s,box-shadow .12s}.voice-card .font-medium{margin-bottom:0;line-height:1.3}.voice-card .text-xs.font-mono{margin-top:2px;display:block}.voice-card:hover{background:#fafafa;border-color:#a1a1aa;box-shadow:0 1px 3px #0000000f}.voice-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f626}.voice-card.switching{opacity:.6;cursor:wait;background:#fafafa;border-color:#a1a1aa}.voice-card.calling{background:#f0fdf4;border-color:#16a34a}.voice-card.calling .avatar{box-shadow:0 0 0 2px #16a34a44}.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:#f4f4f5;border-radius:9999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-f{color:#9333ea;background:#a855f71a}.badge-m{color:#2563eb;background:#3b82f61a}.mode-btn{cursor:pointer;color:#52525b;background:#fff;border:1px solid #d4d4d8;border-radius:.5rem;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:500;transition:all .12s}.mode-btn:hover{color:#18181b;background:#f4f4f5}.mode-btn.active{color:#fff;background:#18181b;border-color:#18181b}.gender-btn{cursor:pointer;color:#71717a;background:#fff;border:1px solid #d4d4d8;border-radius:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;transition:all .12s}.gender-btn:hover{color:#18181b;background:#f4f4f5}.gender-btn.active{color:#fff;background:#18181b;border-color:#18181b}.speed-btn{cursor:pointer;color:#52525b;background:#fff;border:1px solid #d4d4d8;border-radius:.375rem;padding:.25rem .6rem;font-size:.8125rem;font-weight:500;transition:all .12s}.speed-btn:hover{color:#18181b;background:#f4f4f5}.speed-btn.active{color:#fff;background:#18181b;border-color:#18181b}.btn-start{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:#18181b;border:none;border-radius:.5rem;padding:.7rem 2.25rem;font-size:.9375rem;font-weight:600;transition:background .12s,transform 80ms}.btn-start:hover{background:#27272a;transform:translateY(-1px)}.btn-start:active{transform:translateY(0)}.btn-start:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-end{color:#dc2626;cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:#ef444414;border:1px solid #ef444440;border-radius:.5rem;padding:.7rem 2.25rem;font-size:.9375rem;font-weight:600}.btn-end:hover{background:#ef444424}select{color:#18181b;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:.5rem;outline:none;padding:.5rem .875rem;font-size:.8125rem}select:focus{border-color:#a1a1aa}option{background:#fff}input[type=range]{appearance:none;cursor:pointer;background:#d4d4d8;border-radius:9999px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#18181b;border-radius:50%;width:16px;height:16px;transition:box-shadow .12s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #18181b1a}input[type=range]::-moz-range-thumb{background:#18181b;border:none;border-radius:50%;width:16px;height:16px}.toggle{cursor:pointer;background:#16a34a;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:#52525b;background:#f4f4f5;border:1px solid #d4d4d8;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:#18181b;background:#e4e4e7;border-color:#a1a1aa}.preview-btn:disabled{opacity:.5;cursor:wait}.record-btn{cursor:pointer;color:#52525b;background:#f4f4f5;border:1px solid #d4d4d8;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:#dc2626;background:#ef44440f;border-color:#ef44444d}.record-btn:disabled{opacity:.4;cursor:not-allowed}.record-btn.recording{color:#dc2626;background:#ef444414;border-color:#ef44444d;animation:1s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.55}}.recorded-badge{color:#16a34a;justify-content:center;align-items:center;display:flex}.gen-spinner{border:2px solid #d4d4d8;border-top-color:#52525b;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:#d4d4d8 transparent;max-height:420px;overflow-y:auto}@media (width<=640px){#voice-grid{max-height:340px}}#voice-grid::-webkit-scrollbar{width:4px}#voice-grid::-webkit-scrollbar-track{background:0 0}#voice-grid::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:9999px}@keyframes wave{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}.bar{background:#16a34a;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:#dc2626;background:#ef444414;border:1px solid #ef444433;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 #e4e4e7;padding:.5rem .75rem;font-weight:500}.ref-table td{color:#3f3f46;border-bottom:1px solid #f4f4f5;padding:.5rem .75rem;font-family:monospace}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover td{background:#fafafa}.voice-card.pinned{background:#fefce8;border-color:#ca8a04;box-shadow:0 0 0 1px #ca8a0426}.compare-btn{cursor:pointer;color:#a1a1aa;background:0 0;border:1px solid #d4d4d8;border-radius:4px;align-items:center;padding:4px 6px;transition:all .12s;display:flex}.compare-btn:hover{color:#ca8a04;border-color:#ca8a0466}.compare-btn.active,#compare-btn.active{color:#ca8a04;background:#ca8a040f;border-color:#ca8a0480}.transcript-scroll{scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent}.transcript-scroll::-webkit-scrollbar{width:4px}.transcript-scroll::-webkit-scrollbar-track{background:0 0}.transcript-scroll::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:9999px}input[type=checkbox]{accent-color:#3b82f6}.help-icon{color:#71717a;cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #a1a1aa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;margin-left:4px;font-size:10px;font-weight:600;line-height:1;transition:all .12s;display:inline-flex}.help-icon:hover{color:#18181b;border-color:#52525b}.help-overlay{z-index:100;background:#00000040;justify-content:center;align-items:center;animation:.12s ease-out help-fade-in;display:flex;position:fixed;inset:0}@keyframes help-fade-in{0%{opacity:0}to{opacity:1}}.help-modal{background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;width:90%;max-width:340px;padding:1.25rem 1.5rem;box-shadow:0 8px 32px #0000001a}.help-modal-title{color:#18181b;margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.help-modal-text{color:#52525b;font-size:.8125rem;line-height:1.6}.help-modal-close{text-align:right;margin-top:1rem}.help-modal-close button{color:#71717a;cursor:pointer;background:0 0;border:1px solid #d4d4d8;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;transition:all .12s}.help-modal-close button:hover{color:#18181b;border-color:#a1a1aa}