:root{--bg:#e8f0ff;--bg2:#f0f5ff;--surface:#fff;--surface2:#f5f8ff;--surface3:#ebf0ff;--blue:#1a4ec8;--blue-mid:#2e68e8;--blue-light:#5b8ef8;--blue-pale:#d6e4ff;--red:#d42027;--red-bright:#f03040;--red-pale:#ffe8ea;--gold:#e8a000;--gold-pale:#fff3d0;--text:#0f1e3c;--text2:#2a3d6a;--muted:#6478a0;--border:#c8d8f4;--border2:#a8c0ec;--shadow-sm:0 1px 4px #1a4ec81a, 0 2px 10px #1a4ec812;--shadow-md:0 4px 16px #1a4ec81f, 0 8px 32px #1a4ec814;--shadow-lg:0 8px 32px #1a4ec829, 0 16px 64px #1a4ec81a;--font-jp:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-serif:"Noto Serif JP", "Hiragino Mincho ProN", serif;--font-deco:"Special Elite", monospace;font-family:var(--font-jp);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background-color:#0000;background-image:radial-gradient(80% 50% at 50% -10%,#5b8ef82e 0%,#0000 60%),linear-gradient(#e8f0ff 0%,#f5f8ff 50%,#eef4ff 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100dvh;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{font-family:var(--font-serif);color:var(--text);margin:0}p{margin:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::selection{background:var(--blue);color:#fff}.voice-manager{background:var(--surface);border-bottom:1.5px solid var(--border)}.vm-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:14px 20px;transition:background .18s;display:flex}.vm-header:hover{background:var(--surface3)}.vm-header-icon{background:var(--gold-pale);border:1px solid #e8a00059;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:flex}.vm-header h2{font-size:.78rem;font-family:var(--font-jp);color:var(--text2);letter-spacing:.1em;text-transform:uppercase;flex:1;font-weight:700}.vm-count{font-family:var(--font-deco);color:var(--muted);background:var(--blue-pale);border-radius:100px;padding:2px 8px;font-size:.68rem}.vm-chevron{color:var(--muted);flex-shrink:0;font-size:.7rem;transition:transform .25s}.vm-chevron.open{transform:rotate(180deg)}.vm-body{opacity:0;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}.vm-body.open{opacity:1;max-height:620px}.vm-inner{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.clone-form{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--muted);letter-spacing:.1em;font-size:.68rem;font-family:var(--font-deco);text-transform:uppercase}.clone-form input[type=text]{background:var(--bg2);border:1.5px solid var(--border);color:var(--text);font-size:.9rem;font-family:var(--font-jp);caret-color:var(--blue);border-radius:10px;outline:none;width:100%;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.clone-form input[type=text]:focus{border-color:var(--blue-light);box-shadow:0 0 0 3px #1a4ec81a}.clone-form input[type=text]::placeholder{color:var(--muted);opacity:.7}.clone-form input[type=text]:disabled{opacity:.5}.file-label{background:var(--bg2);border:1.5px dashed var(--border2);font-size:.82rem;font-family:var(--font-jp);color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px 14px;transition:border-color .2s,background .2s,color .2s;display:flex}.file-label:hover{border-color:var(--gold);background:var(--gold-pale);color:var(--text2)}.file-label.has-file{background:var(--gold-pale);color:var(--text2);border-style:solid;border-color:#e8a00080}.file-label-icon{flex-shrink:0;font-size:1rem}.file-label-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-label input[type=file]{display:none}.error{color:#dc2626;background:#fff2f2;border-left:2px solid #dc2626;border-radius:4px;margin:0;padding:6px 10px;font-size:.78rem}.clone-btn{color:#1a2440;font-size:.88rem;font-family:var(--font-jp);cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#e8a000 0%,#f0b830 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #e8a00059}.clone-btn:before{content:"";background:linear-gradient(135deg,#ffffff40 0%,#0000 60%);position:absolute;inset:0}.clone-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #e8a00080}.clone-btn:active:not(:disabled){transform:translateY(0)}.clone-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.spinner{border:2px solid #1a244033;border-top-color:#1a2440;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.vm-divider{background:var(--border);height:1px}.empty{color:var(--muted);text-align:center;background:var(--surface3);border-radius:8px;padding:10px;font-size:.82rem}.voice-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.voice-list li{background:var(--surface3);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.voice-list li:hover{border-color:var(--blue-light);background:var(--blue-pale);box-shadow:var(--shadow-sm)}.voice-list li.selected{border-color:var(--blue-mid);background:var(--blue-pale);box-shadow:0 0 0 2px #1a4ec81f}.voice-list li.selected:before{content:"";background:var(--blue-mid);border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.voice-indicator{border:1.5px solid var(--border2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .2s,background .2s;display:flex}.voice-list li.selected .voice-indicator{border-color:var(--blue-mid);background:var(--blue-mid)}.voice-indicator-dot{opacity:0;background:#fff;border-radius:50%;width:7px;height:7px;transition:opacity .2s}.voice-list li.selected .voice-indicator-dot{opacity:1}.voice-name{font-size:.88rem;font-family:var(--font-jp);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.voice-list li.selected .voice-name{color:var(--blue);font-weight:600}.delete-btn{color:var(--border2);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:.9rem;transition:color .2s,background .2s}.delete-btn:hover{color:#dc2626;background:#fff2f2}.voice-recorder{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.push-to-talk{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:8px;transition:transform .15s,filter .15s;display:flex;position:relative}.push-to-talk:disabled{opacity:.35;cursor:not-allowed}.push-to-talk:hover:not(:disabled){filter:brightness(1.1)drop-shadow(0 4px 12px #d4202759)}.push-to-talk.active,.push-to-talk:active:not(:disabled){filter:brightness(.9)drop-shadow(0 2px 8px #d4202780);transform:scale(.94)}.bowtie-btn-svg{filter:drop-shadow(0 4px 16px #d420274d);transition:filter .2s;display:block}.push-to-talk:hover:not(:disabled) .bowtie-btn-svg{filter:drop-shadow(0 6px 22px #d420278c)}.push-to-talk.active .bowtie-btn-svg{filter:drop-shadow(0 2px 8px #d4202766)}.bowtie-pulse-ring{opacity:0;pointer-events:none;border:2px solid #d4202766;border-radius:50%;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.push-to-talk.active .bowtie-pulse-ring{animation:1.1s ease-out infinite pulse-expand}@keyframes pulse-expand{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.mic-label{font-size:.78rem;font-family:var(--font-jp);color:var(--muted);text-align:center;letter-spacing:.06em;margin-top:6px;line-height:1.5;transition:color .2s}.push-to-talk.active .mic-label{color:var(--red);font-weight:600}.waveform{align-items:center;gap:4px;height:28px;display:flex}.waveform-bar{background:var(--red);border-radius:2px;width:4px;animation:.8s ease-in-out infinite wave-anim;box-shadow:0 0 6px #d4202766}.waveform-bar:first-child{height:8px;animation-delay:0s}.waveform-bar:nth-child(2){height:18px;animation-delay:.1s}.waveform-bar:nth-child(3){height:26px;animation-delay:.2s}.waveform-bar:nth-child(4){height:18px;animation-delay:.3s}.waveform-bar:nth-child(5){height:8px;animation-delay:.4s}@keyframes wave-anim{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.interim-transcript{color:var(--text2);font-family:var(--font-jp);text-align:center;background:var(--blue-pale);border:1.5px solid var(--border);border-left:3px solid var(--blue-mid);border-radius:8px;max-width:300px;margin:0;padding:10px 16px;font-size:.9rem;line-height:1.7;animation:.2s ease-out slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rec-error{color:#dc2626;text-align:center;background:#fff2f2;border:1px solid #dc262633;border-radius:8px;padding:8px 14px;font-size:.8rem}.unsupported{color:#dc2626;text-align:center;font-size:.85rem;font-family:var(--font-jp);background:#fff2f2;border:1px solid #dc262633;border-radius:12px;padding:14px 18px;line-height:1.7}.app{flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-header{background:linear-gradient(160deg,#1040c0 0%,#1a5ae8 40%,#2870ff 70%,#1a4ec8 100%);flex-direction:column;min-height:200px;padding:0;display:flex;position:relative;overflow:hidden}.app-header:before{content:"";z-index:0;background-image:radial-gradient(circle,#ffffff1f 1.5px,#0000 1.5px);background-size:14px 14px;position:absolute;inset:0}.app-header:after{content:"";background:var(--bg);clip-path:ellipse(55% 100% at 50% 100%);z-index:1;height:28px;position:absolute;bottom:-2px;left:0;right:0}.header-inner{z-index:2;flex-direction:column;align-items:center;gap:12px;padding:28px 20px 36px;display:flex;position:relative}.conan-character-wrap{z-index:3;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:140px;height:190px;display:flex;position:absolute;bottom:0;right:0}.conan-character-wrap img{object-fit:contain;object-position:bottom right;filter:drop-shadow(-4px 0 12px #00000040);width:100%;height:100%}.header-logo-row{align-self:flex-start;align-items:center;gap:10px;display:flex}.bowtie-logo{flex-shrink:0}.header-text h1{color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px #0000004d;font-size:1.15rem;font-weight:700;line-height:1.2}.header-text h1 em{color:#ffd966;font-style:normal}.header-case{font-family:var(--font-deco);color:#ffffffa6;letter-spacing:.14em;margin-top:2px;font-size:.62rem}.header-tagline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffeb;font-size:.72rem;font-family:var(--font-jp);letter-spacing:.06em;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:100px;align-self:flex-start;padding:5px 14px}.app-main{background:var(--bg2);flex-direction:column;flex:1;padding:0;display:flex}.sidebar{width:100%}.recorder-section{flex-direction:column;flex:1;align-items:center;gap:22px;padding:24px 20px 40px;display:flex}.active-voice{background:var(--surface);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:.8rem;display:flex}.active-voice strong{color:var(--blue);font-weight:600}.active-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s ease-in-out infinite dot-blink;box-shadow:0 0 6px #22c55eb3}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.3}}.no-voice{color:var(--muted);text-align:center;background:var(--gold-pale);border:1px solid #e8a0004d;border-radius:12px;max-width:300px;padding:10px 20px;font-size:.85rem;line-height:1.6}.device-panel{background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;padding:28px 24px 24px;display:flex;position:relative;overflow:hidden}.device-panel:before{content:"";background:linear-gradient(90deg, var(--red) 0%, var(--red-bright) 50%, var(--red) 100%);height:3px;position:absolute;top:0;left:0;right:0}.device-label{font-family:var(--font-deco);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:-4px;font-size:.62rem}.speaker-grill{align-items:center;gap:5px;margin-top:4px;display:flex}.speaker-grill span{background:var(--border2);border-radius:50%;width:4px;height:4px}.divider{width:100%;max-width:360px;color:var(--muted);font-size:.72rem;font-family:var(--font-deco);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.text-input-form{flex-direction:column;gap:10px;width:100%;max-width:360px;display:flex}.text-input-form textarea{background:var(--surface);border:1.5px solid var(--border);color:var(--text);font-size:1rem;font-family:var(--font-jp);resize:none;caret-color:var(--blue);border-radius:14px;outline:none;padding:14px 16px;line-height:1.7;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 6px #1a4ec80f}.text-input-form textarea:focus{border-color:var(--blue-light);box-shadow:inset 0 2px 6px #1a4ec80f,0 0 0 3px #1a4ec81a}.text-input-form textarea::placeholder{color:var(--muted);opacity:.7}.text-input-form textarea:disabled{background:var(--surface3);opacity:.6;cursor:not-allowed}.speak-btn{color:#fff;font-size:.95rem;font-family:var(--font-jp);cursor:pointer;letter-spacing:.06em;background:linear-gradient(135deg,#1a4ec8 0%,#2870ff 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #1a4ec859,0 1px 3px #1a4ec833}.speak-btn:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.speak-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #1a4ec873,0 2px 6px #1a4ec840}.speak-btn:active:not(:disabled){transform:translateY(0)}.speak-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.app-footer{text-align:center;font-family:var(--font-deco);color:var(--muted);letter-spacing:.14em;border-top:1px solid var(--border);background:var(--surface);padding:14px;font-size:.62rem}@media (width>=680px){.app{max-width:500px}}