.voicetype{max-width:44rem;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16);display:flex;flex-direction:column;gap:var(--space-6)}.voicetype-head h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.voicetype-head p{color:var(--color-text-secondary);margin:0}.voicetype-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.voicetype-record{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer}.voicetype-record:hover:not(:disabled){background:var(--color-primary-hover)}.voicetype-record:disabled{opacity:.6;cursor:progress}.voicetype-record:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px}.voicetype-record.is-recording{background:var(--color-error)}.voicetype-dot{width:.85rem;height:.85rem;border-radius:var(--radius-full);background:currentColor}.voicetype-record.is-recording .voicetype-dot{animation:voicetype-pulse 1s ease-in-out infinite}@keyframes voicetype-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.voicetype-record.is-recording .voicetype-dot{animation:none}}.voicetype-elapsed{font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.voicetype-elapsed.is-near-limit{color:var(--color-error);font-weight:var(--font-weight-bold)}.voicetype-lang{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.voicetype-lang select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.voicetype-status{min-height:1.5rem;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.voicetype-status.is-error{color:var(--color-error);font-weight:var(--font-weight-medium)}.voicetype-transcript{width:100%;min-height:16rem;padding:var(--space-4);font-family:var(--font-family-sans);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);resize:vertical}.voicetype-transcript:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.voicetype-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.voicetype-copy{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer}.voicetype-copy:disabled{opacity:.5;cursor:not-allowed}.voicetype-copy.is-copied{background:var(--color-success)}.voicetype-copy:focus-visible,.voicetype-clear:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.voicetype-clear{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer}.voicetype-clear:disabled{opacity:.5;cursor:not-allowed}.voicetype-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.voicetype-hint kbd{font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:.1rem .35rem;border:1px solid var(--color-border-secondary);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.voicetype-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}