.ni-listen{margin:24px 0;padding:21px 24px;border:1px solid var(--line,#d5d6d1);border-left:4px solid var(--gold,#f0bc47);background:#f0efe9;color:var(--ink,#142a3b);font-family:Arial,Helvetica,sans-serif;line-height:1.45}.ni-listen-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.ni-listen-heading h2{font-family:inherit;font-size:15px;letter-spacing:0;line-height:1.3;margin:0;font-weight:800}.ni-listen-estimate{font-size:12px;color:var(--muted,#58616a);white-space:nowrap}.ni-listen p.ni-listen-note{font-size:12px;margin:8px 0 16px;max-width:65ch;color:var(--muted,#58616a)}.ni-listen-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.ni-listen-controls button{font:700 13px Arial,Helvetica,sans-serif;min-height:42px;padding:10px 15px;border:1px solid var(--ink,#142a3b);border-radius:3px;cursor:pointer;background:#fff;color:var(--ink,#142a3b)}.ni-listen-controls .ni-listen-play{background:var(--ink,#142a3b);color:#fff;min-width:139px}.ni-listen-controls button:hover:not(:disabled){box-shadow:inset 0 0 0 1px currentColor}.ni-listen-controls button:disabled{cursor:default;opacity:.55}.ni-listen-settings{display:flex;gap:12px;flex:1;justify-content:end;min-width:0}.ni-listen-settings label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:4px;min-width:0}.ni-listen-voice-label{flex:1;max-width:300px}.ni-listen-settings select{font:400 12px Arial,Helvetica,sans-serif;border:1px solid #aeb5b9;border-radius:3px;background:#fff;color:var(--ink,#142a3b);padding:8px;min-height:42px;width:100%;min-width:0;text-overflow:ellipsis}.ni-listen-progress{display:block;width:100%;height:5px;margin-top:17px;border:0;appearance:none;background:#d9ddd9;border-radius:3px;overflow:hidden;accent-color:#a86c12}.ni-listen-progress::-webkit-progress-bar{background:#d9ddd9}.ni-listen-progress::-webkit-progress-value{background:#a86c12}.ni-listen-progress::-moz-progress-bar{background:#a86c12}.ni-listen p.ni-listen-status{font-size:12px;color:var(--muted,#58616a);margin:9px 0 0;min-height:18px}.ni-listen[data-state=error] p.ni-listen-status{color:#8b3027}.ni-listen :focus-visible{outline:3px solid #0077c8;outline-offset:3px}@media(max-width:600px){.ni-listen{padding:17px}.ni-listen-settings{flex-basis:100%;justify-content:start;margin-top:4px}.ni-listen-voice-label{max-width:none}.ni-listen-heading{gap:10px}.ni-listen-estimate{font-size:11px}}