.dictation-toolbar{margin:0 0 14px;font:16px/1.5 Tahoma,Arial,sans-serif}
.dictation-entry-heading{display:block;margin-bottom:9px;font:700 16px/1.35 Tahoma,Arial,sans-serif;color:var(--content-ink,#182033)}
.dictation-entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.dictation-button.dictation-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:50px;padding:11px 16px;font-weight:700;text-align:center;box-shadow:0 3px 0 color-mix(in srgb,var(--content-accent,#002ea5),#000 25%),inset 0 1px 0 #ffffff30;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}
.dictation-button.dictation-entry:active{transform:translateY(2px);box-shadow:0 1px 0 color-mix(in srgb,var(--content-accent,#002ea5),#000 25%),inset 0 1px 2px #0002}
@media(hover:hover){.dictation-button.dictation-entry:hover{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.dictation-button.dictation-entry{transition:none}}
.dictation-microphone{display:grid;place-items:center;flex:none;width:24px;height:24px}
.dictation-microphone svg{display:block}
.dictation-entry-hint{font:400 14px/1.4 Tahoma,Arial,sans-serif;color:var(--content-muted,#465064)}
.dictation-button{box-sizing:border-box;min-height:44px;padding:10px 15px;border:1px solid var(--content-line,#8b9295);border-radius:var(--content-control-radius,0);background:var(--content-card,#e3e5dc);color:var(--content-ink,#182033);font:inherit;font-size:16px;line-height:1.4;cursor:pointer;touch-action:manipulation}
.dictation-button:hover{background:var(--content-tint,#e3eafa)}
.dictation-button:focus-visible,.dictation-preview textarea:focus-visible{outline:3px solid var(--content-accent,#002ea5);outline-offset:3px}
.dictation-button:disabled{opacity:.6;cursor:default}
.dictation-button.dictation-primary{background:var(--content-accent,#002ea5);border-color:var(--content-accent,#002ea5);color:#fff}
.dictation-button.dictation-primary:hover{background:var(--content-hover,#00257f)}
.dictation-dialog{box-sizing:border-box;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:2px solid var(--content-line,#8b9295);border-radius:var(--content-radius,0);background:var(--content-paper,#f0f0e6);color:var(--content-ink,#182033);box-shadow:0 16px 70px #0005;font:16px/1.5 Tahoma,Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
.dictation-dialog::backdrop{background:rgba(10,18,30,.62)}
.dictation-dialog h2{font:700 23px/1.25 Tahoma,Arial,sans-serif;margin:0 0 8px;color:inherit}
.dictation-dialog p{margin:12px 0;overflow-wrap:anywhere}
.dictation-field-name{font-weight:700;color:var(--content-accent,#002ea5)}
.dictation-disclosure{padding:12px;background:var(--content-tint,#e3eafa);border:1px solid var(--content-line,#8b9295);border-radius:var(--content-control-radius,0)}
.dictation-help{color:var(--content-muted,#465064);font-size:14px}
.dictation-clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}
.dictation-status{min-height:24px}
.dictation-error{border:1px solid #aa3020;background:#fff0eb;color:#792517;padding:12px;border-radius:var(--content-control-radius,0)}
.dictation-preview{display:block;font-weight:700;margin:16px 0}
.dictation-preview textarea{box-sizing:border-box;display:block;width:100%;min-height:120px;margin-top:8px;padding:10px;border:1px solid var(--content-line,#8b9295);border-radius:var(--content-control-radius,0);background:var(--content-card,#fff);color:var(--content-ink,#182033);font:400 16px/1.5 Tahoma,Arial,sans-serif;resize:vertical}
.dictation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.dictation-dialog [hidden]{display:none!important}
@media(max-width:480px){.dictation-dialog{padding:16px}.dictation-actions{flex-direction:column}.dictation-actions .dictation-button{width:100%}}
/* Native-looking voice actions for the two contemporary themes. */
html:is([data-theme=macos],[data-theme=modern]) .dictation-toolbar{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html:is([data-theme=macos],[data-theme=modern]) .dictation-entry-heading{font-family:inherit;font-size:15px;font-weight:600;margin-bottom:10px}
html:is([data-theme=macos],[data-theme=modern]) .dictation-entry-hint{font-family:inherit}
html:is([data-theme=macos],[data-theme=modern]) .dictation-button.dictation-entry{min-height:46px;gap:9px;padding:10px 18px;font:600 15px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid #00000012;box-shadow:0 1px 2px #14213a16,inset 0 1px 0 #ffffff1f;transform:none}
html:is([data-theme=macos],[data-theme=modern]) .dictation-microphone,html:is([data-theme=macos],[data-theme=modern]) .dictation-microphone svg{width:19px;height:19px}
html[data-theme=macos] .dictation-button.dictation-entry{border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--content-accent),white 8%),var(--content-accent));box-shadow:0 2px 5px #18284b1a,inset 0 1px 0 #ffffff26}
html[data-theme=modern] .dictation-button.dictation-entry{border-radius:7px;background:var(--content-accent);border-bottom-color:#00000030}
@media(hover:hover){html:is([data-theme=macos],[data-theme=modern]) .dictation-button.dictation-entry:hover{background:var(--content-hover);transform:none;box-shadow:0 3px 8px #14213a24,inset 0 1px 0 #ffffff1a}}
html:is([data-theme=macos],[data-theme=modern]) .dictation-button.dictation-entry:active{transform:scale(.98);box-shadow:inset 0 1px 2px #00000018;background:var(--content-hover)}
@media (max-width:600px), (max-width:1000px) and (max-height:600px) and (pointer:coarse){html[data-theme=modern] .dictation-button.dictation-entry{border-radius:24px;padding-inline:20px}}
