.listen{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.msg-listen{margin-top:var(--space-1)}.msg-listen:empty{display:none}.listen-btn{align-items:center;gap:var(--space-1_5);min-height:32px;padding:var(--space-1) var(--space-2_5);border-radius:var(--radius-pill);color:var(--ink-2);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;border:1px solid #0000;font-weight:600;display:inline-flex;position:relative}.listen-btn:after{content:"";position:absolute;inset:-6px -2px}.listen-btn:hover{background:var(--surface-2);color:var(--ink)}.listen-btn:focus-visible{outline:2px solid var(--water);outline-offset:2px}.listen-btn.is-playing{background:var(--water-tint);color:var(--water-strong)}.listen-btn.is-loading svg{animation:1s ease-in-out infinite listen-pulse}@keyframes listen-pulse{0%,to{opacity:1}50%{opacity:.35}}.listen-word .listen-btn{border-color:var(--border)}.listen-error{font-size:var(--text-xs);color:var(--ink-2)}.dictate{flex:none;display:inline-flex;position:relative}.dictate-btn{background:var(--surface-2);color:var(--ink-2);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dictate-btn:hover:enabled{background:var(--water-tint);color:var(--water-strong)}.dictate-btn:focus-visible{outline:2px solid var(--water);outline-offset:2px}.dictate-btn.is-recording{background:var(--water);color:var(--water-ink);box-shadow:0 0 0 4px var(--water-tint)}.dictate-btn.is-transcribing svg{animation:1s ease-in-out infinite listen-pulse}.dictate-status{left:0;bottom:calc(100% + var(--space-2));z-index:var(--z-popover);pointer-events:none;position:absolute}.dictate-status-text{width:max-content;max-width:min(280px,70vw);padding:var(--space-1_5) var(--space-2_5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink-2);font-size:var(--text-xs);line-height:var(--leading-snug);display:block}.voice-foot{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.voice-minutes{font-size:var(--text-xs);color:var(--ink-3)}.voice-captions-toggle{min-height:44px;padding:0 var(--space-1);color:var(--water-strong);font:inherit;font-size:var(--text-xs);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;font-weight:600}.voice-captions-toggle:hover{text-decoration-color:currentColor}.voice-limit{align-items:center;gap:var(--space-4);max-width:var(--thread-max);margin:0 auto;display:flex}.voice-limit-wade{flex:none}.voice-limit-body{gap:var(--space-1_5);flex-direction:column;min-width:0;display:flex}.voice-limit-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);font-weight:600}.voice-limit-text{color:var(--ink-2);font-size:var(--text-sm)}.voice-limit-actions{gap:var(--space-2);margin-top:var(--space-1_5);flex-wrap:wrap;display:flex}.voice-limit-actions .btn{min-height:44px}.voice-recap{align-items:center;gap:var(--space-3) var(--space-4);width:100%;max-width:var(--thread-max);padding:var(--space-3) var(--space-6);flex:none;margin:0 auto;display:flex}.voice-recap-wade{flex:none}.voice-recap-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.voice-recap-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--ink);font-weight:600}.voice-recap-text{font-size:var(--text-sm);color:var(--ink-2)}.voice-recap-words{gap:var(--space-1_5);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.voice-recap-word{padding:var(--space-0_5) var(--space-2_5);border-radius:var(--radius-pill);background:var(--water-tint);color:var(--water-strong);font-size:var(--text-sm);font-weight:600}.voice-recap-done{flex:none;min-height:44px}@media (width<=560px){.voice-limit,.voice-recap{flex-wrap:wrap}.voice-recap{padding:var(--space-3) var(--space-4)}.voice-recap-done{width:100%}}.speech-setting{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.speech-label{font-size:var(--text-sm);color:var(--ink-2);margin-bottom:var(--space-1);font-weight:600}.speech-rate-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px}.speech-rate-option{justify-content:center;min-height:44px}.speech-name-row{gap:var(--space-2);max-width:420px;display:flex}.speech-name-row .input{flex:1;min-width:0}.speech-name-row .btn{min-height:44px}.voice-recap:focus{outline:none}