.voice-layout{grid-template-columns:minmax(220px,300px) 1fr;align-items:start;gap:24px;max-width:1240px;display:grid}@media (width<=860px){.voice-layout{grid-template-columns:1fr}}.voice-list{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.voice-list-head{border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-tint);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);padding:10px 14px;font-size:10px;font-weight:500}.voice-list-scroll{overscroll-behavior:contain;max-height:336px;overflow-y:auto}.voice-row{border:none;border-top:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;width:100%;padding:9px 14px;font-family:inherit;transition:background .13s;display:flex;position:relative}.voice-row:first-child{border-top:none}.voice-row:hover{background:var(--color-surface-tint)}.voice-row:focus-visible{background:var(--color-primary-tint);outline:none}.voice-row[aria-checked=true]{background:var(--color-primary-tint)}.voice-row[aria-checked=true]:before{content:"";background:var(--color-primary);width:3px;position:absolute;top:0;bottom:0;left:0}.voice-row[aria-disabled=true]{cursor:default}.voice-row-name{min-width:0;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.voice-row-progress{background:var(--color-primary);height:2px;transition:width .12s linear;position:absolute;bottom:0;left:0}.voice-detail{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-tint);padding:22px 24px}.voice-detail-head{border-bottom:1px solid var(--color-border-strong);align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.voice-play{border-radius:var(--radius-pill);border:1px solid var(--color-primary);background:var(--color-surface);width:28px;height:28px;color:var(--color-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.voice-play:hover{background:var(--color-primary-tint)}.voice-play:focus-visible{box-shadow:0 0 0 3px var(--color-primary-tint);outline:none}.voice-play[data-playing=true]{background:var(--color-primary);color:#fff}.voice-play svg{display:block}.voice-sliders{grid-template-columns:auto minmax(0,420px) 62px;justify-content:start;align-items:center;gap:16px 18px;display:grid}@media (width<=640px){.voice-sliders{grid-template-columns:1fr 56px}.voice-sliders>.voice-slider-label{grid-column:1/-1;margin-bottom:-10px}}.voice-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0;display:block;position:relative}.voice-slider:disabled{cursor:default;opacity:.5}.voice-slider-wrap{height:20px;position:relative}.voice-track{border-radius:var(--radius-pill);background:#00000052;height:4px;position:absolute;top:8px;left:0;right:0;overflow:hidden}[data-theme=dark] .voice-track{background:#ffffff38}.voice-track-fill{background:var(--color-primary);height:100%;display:block}.voice-slider::-webkit-slider-runnable-track{background:0 0;height:4px}.voice-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-pill);background:var(--color-primary);border:none;width:16px;height:16px;margin-top:-6px;transition:transform .12s;box-shadow:0 1px 2px #0003}.voice-slider:hover::-webkit-slider-thumb{transform:scale(1.12)}.voice-slider::-moz-range-track{background:0 0;height:4px}.voice-slider::-moz-range-progress{background:0 0;height:4px}.voice-slider::-moz-range-thumb{border-radius:var(--radius-pill);background:var(--color-primary);border:none;width:16px;height:16px;box-shadow:0 1px 2px #0003}.voice-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--color-primary-tint)}.voice-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-primary-tint)}.voice-hint{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);width:15px;height:15px;color:var(--color-ink-subtle);cursor:help;vertical-align:middle;background:0 0;justify-content:center;align-items:center;margin-left:6px;padding:0;font-family:inherit;font-size:10px;line-height:1;transition:border-color .14s,color .14s;display:inline-flex;position:relative}.voice-hint:hover,.voice-hint:focus-visible{border-color:var(--color-primary);color:var(--color-primary);outline:none}.voice-hint-bubble{z-index:20;white-space:normal;border-radius:var(--radius-sm);background:var(--color-primary-deep);color:#fff;text-align:left;letter-spacing:0;opacity:0;pointer-events:none;width:max-content;max-width:230px;padding:8px 11px;font-size:11px;font-style:normal;font-weight:300;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:-6px;transform:translateY(4px)}.voice-hint-bubble:after{content:"";border:4px solid #0000;border-top-color:var(--color-primary-deep);position:absolute;top:100%;left:10px}[data-theme=dark] .voice-hint-bubble{border:1px solid var(--color-primary);background:#3a2470}[data-theme=dark] .voice-hint-bubble:after{border-top-color:var(--color-primary)}.voice-hint:hover .voice-hint-bubble,.voice-hint:focus .voice-hint-bubble{opacity:1;transform:translateY(0)}