.voice-test{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;box-sizing:border-box;max-width:44rem;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));text-align:left;background:#000;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1.5rem;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;display:flex}.voice-test h1,.voice-test h2,.voice-test p{margin:0}.voice-test h2{margin-bottom:.5rem;font-size:1.125rem}.voice-test-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.voice-test input,.voice-test button{font:inherit;font-size:1rem}.voice-test button{color:#000;background:#fff;border:1px solid #fff;border-radius:.5rem;min-height:2.75rem;padding:.75rem 1rem}.voice-test button:disabled{opacity:.4}.voice-test button[aria-pressed=true]{background:#ffd60a;border-color:#ffd60a}.voice-test-controls,.voice-test-speed{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.voice-test-speed h2{margin:0 .5rem 0 0}.voice-test-voices{border:1px solid #fff;border-radius:.5rem;max-height:16rem;margin-bottom:.75rem;overflow-y:auto}.voice-test-voice{align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.voice-test-voice input{flex:none;width:1.25rem;height:1.25rem;margin:.125rem 0 0}.voice-test-voice small{opacity:.7;overflow-wrap:anywhere;display:block}.voice-test-paragraph{border-radius:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:1.25rem;line-height:1.6}.voice-test-paragraph[aria-current=true]{color:#000;background:#ffd60a}.voice-test audio{width:100%;margin-top:.75rem;display:block}.voice-test-log{overflow-wrap:anywhere;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:.875rem;list-style:none}.voice-test-log time{opacity:.7}.voice-test :focus-visible{outline-offset:2px;outline:3px solid #ffd60a}.voice-test button[aria-pressed=true]:focus-visible{outline-color:#fff}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#000;font-family:system-ui,-apple-system,sans-serif}body{background:#000;margin:0}.skeleton{box-sizing:border-box;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.skeleton h1,.skeleton p{margin:0}.skeleton-form{text-align:left;flex-direction:column;gap:1rem;width:min(100%,20rem);display:flex}.skeleton-form label{flex-direction:column;gap:.25rem;display:flex}.skeleton input,.skeleton button{font:inherit;color:#fff;background:#000;border:1px solid #fff;border-radius:.5rem;padding:.75rem;font-size:1rem}.skeleton button{color:#000;background:#fff}.skeleton button:disabled{opacity:.6}
