.dictate-field{gap:6px;min-width:0;display:grid}.dictate-field__box{min-width:0;display:grid;position:relative}.dictate-field__box>:is(textarea,input){padding-right:52px}.dictate-mic{width:44px;height:44px;color:var(--st-ink,#101c31);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:2px;right:2px}@media (hover:hover){.dictate-mic:hover:not(:disabled){background:var(--st-hover,#eef1f4)}}.dictate-mic:focus-visible{box-shadow:var(--st-ring,0 0 0 3px #ff5a1f59);outline:none}.dictate-mic:disabled{cursor:progress;color:var(--st-meta,#3c4656)}.dictate-mic--on{background:var(--st-fill,#c2410c);color:#fff}@media (hover:hover){.dictate-mic--on:hover:not(:disabled){background:var(--st-fill-hover,#9a3412)}}.dictate-mic--ready{color:var(--st-fill,#c2410c);animation:1.6s ease-out infinite dictate-ring}.dictate-mic__spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite dictate-spin}.dictate-mic__locked{color:var(--st-meta,#3c4656);opacity:.72;place-items:center;display:grid;position:relative}.dictate-mic__strike{width:22px;height:22px;margin:auto;position:absolute;inset:0;overflow:visible}.dictate-mic__strike line{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.dictate-field__live,.dictate-field__note{color:var(--st-meta,#3c4656);align-items:center;gap:8px;font-size:15px;line-height:1.4;display:flex}.dictate-field__note{color:var(--st-ink,#101c31);margin:0;font-weight:600}.dictate__dot{background:var(--st-fill,#c2410c);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite dictate-pulse}dialog.dictate-gate{background:var(--st-page,#fff);width:100%;max-width:none;max-height:100%;color:var(--st-ink,#101c31);font-family:var(--font-sans);border:0;border-radius:16px 16px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -12px 40px -12px #050c1a73}dialog.dictate-gate::backdrop{background:#050c1a80}@media (min-width:720px){dialog.dictate-gate{border-radius:14px;width:min(760px,100% - 48px);height:fit-content;max-height:calc(100% - 48px);margin:auto;inset:0}}.dictate-gate__body{padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));gap:16px;display:grid}.dictate-gate__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dictate-gate__head h2{font:700 22px/1.25 var(--font-display,inherit);margin:0}.dictate-gate__close{width:56px;height:56px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin-right:-8px;display:grid}@media (hover:hover){.dictate-gate__close:hover{background:var(--st-hover,#eef1f4)}}.dictate-gate__close:focus-visible,.dictate-gate__btn:focus-visible,.dictate-gate__link:focus-visible{box-shadow:var(--st-ring,0 0 0 3px #ff5a1f59);outline:none}.dictate-gate__choices{gap:12px;display:grid}@media (min-width:560px){.dictate-gate__choices{grid-template-columns:1fr 1fr}}.dictate-gate__choice{box-shadow:inset 0 0 0 1px var(--st-rule,#d2d8e0);border-radius:12px;align-content:start;gap:12px;padding:16px;display:grid}.dictate-gate__choice h3{font:700 18px/1.3 var(--font-display,inherit);align-items:center;gap:8px;margin:0;display:flex}.dictate-gate__choice p{color:var(--st-meta,#3c4656);margin:0;font-size:16px;line-height:1.45}.dictate-gate__choice--premium{background:var(--st-rail,#f6f7f9)}.dictate-gate__tag{background:var(--st-hover,#eef1f4);color:var(--st-meta,#3c4656);font:600 13px/1.4 var(--font-sans);border-radius:999px;padding:2px 8px}.dictate-gate__steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dictate-gate__steps li{grid-template-columns:24px 112px 1fr;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1.3;display:grid}.dictate-gate__n{background:var(--st-ink,#101c31);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:grid}.dictate-gate__btn{min-height:56px;font:700 17px/1.2 var(--font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;display:flex}.dictate-gate__btn--own{color:var(--st-ink,#101c31);box-shadow:inset 0 0 0 2px var(--st-edge,#7b8594);background:#fff}.dictate-gate__btn--premium{background:var(--st-fill,#c2410c);color:#fff;min-height:64px;font-size:18px}@media (hover:hover){.dictate-gate__btn--premium:hover{background:var(--st-fill-hover,#9a3412)}.dictate-gate__btn--own:hover{background:var(--st-rail,#f6f7f9)}}.dictate-gate__link{min-height:44px;color:var(--st-ink,#101c31);font:600 16px/1 var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 8px;text-decoration:underline}.dictate-pic{width:112px;height:60px;overflow:visible}.dictate-pic__field{fill:#fff;stroke:var(--st-edge,#7b8594);stroke-width:2px}.dictate-pic__caret{fill:var(--st-fill,#c2410c);animation:1s step-end infinite dictate-blink}.dictate-pic__board{fill:var(--st-hover,#eef1f4)}.dictate-pic__k{fill:#fff}.dictate-pic__tap{fill:var(--st-fill,#c2410c);opacity:.25;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite dictate-tap}.dictate-pic__dot,.dictate-pic__mic rect{fill:var(--st-fill,#c2410c)}.dictate-pic__mic path{stroke:var(--st-fill,#c2410c);stroke-width:1.6px;stroke-linecap:round}.dictate-pic__key rect{fill:#fff;stroke:var(--st-edge,#7b8594);stroke-width:2px}.dictate-pic__key text,.dictate-pic__plus{fill:var(--st-ink,#101c31);font:700 15px/1 var(--font-sans)}.dictate-pic__key--1 rect{animation:1.6s ease-in-out infinite dictate-key}.dictate-pic__key--0 rect{animation:1.6s ease-in-out .4s infinite dictate-key}@keyframes dictate-pulse{50%{opacity:.35}}@keyframes dictate-spin{to{transform:rotate(360deg)}}@keyframes dictate-blink{50%{opacity:0}}@keyframes dictate-tap{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes dictate-key{50%{fill:#fde6d8;stroke:var(--st-fill,#c2410c)}}@keyframes dictate-ring{0%{box-shadow:0 0 #c2410c73}to{box-shadow:0 0 0 12px #c2410c00}}@media (prefers-reduced-motion:reduce){.dictate__dot,.dictate-mic--ready,.dictate-pic__caret,.dictate-pic__tap,.dictate-pic__key rect,.dictate-mic__spin{animation:none}}
