.ft2MGG_player[data-playing=false] *,.ft2MGG_player[data-playing=false] :after{animation-play-state:paused!important}.ft2MGG_steps{border-top:1px solid var(--border);flex-direction:column;display:flex}.ft2MGG_step{border-bottom:1px solid var(--border);cursor:pointer;border-radius:2px;gap:20px;padding-block:24px;display:flex;position:relative}.ft2MGG_step:has(.ft2MGG_stepButton:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.ft2MGG_num{width:28px;color:var(--text-muted);flex-shrink:0;font-size:15px;font-weight:500;line-height:28px;transition:color .2s}.ft2MGG_title{letter-spacing:-.01em;color:var(--text-muted);font-size:20px;font-weight:600;line-height:28px;transition:color .2s}.ft2MGG_body{color:var(--text-muted);font-size:16px;line-height:26px;transition:color .2s}.ft2MGG_step[data-active=true] .ft2MGG_num,.ft2MGG_step[data-active=true] .ft2MGG_title{color:var(--text)}.ft2MGG_step[data-active=true] .ft2MGG_body{color:var(--text-secondary)}.ft2MGG_step:hover .ft2MGG_title{color:var(--text)}.ft2MGG_stepButton{font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;outline:none}.ft2MGG_stepButton:after{content:"";position:absolute;inset:0}.ft2MGG_fill{background:var(--text);transform-origin:0;pointer-events:none;border-radius:1px;height:2px;position:absolute;bottom:-1.5px;left:0;right:0;transform:scaleX(0)}.ft2MGG_step[data-state=done] .ft2MGG_fill{background:var(--border-strong);transform:scaleX(1)}.ft2MGG_step[data-state=active] .ft2MGG_fill{animation:ft2MGG_fill var(--dur) linear both}@keyframes ft2MGG_fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ft2MGG_stage{aspect-ratio:560/590;background:var(--surface-subtle);border-radius:20px;width:100%;max-width:560px;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.ft2MGG_scene{--u:1px;--pad:32;--term-w:496;--term-h:340;--widget-w:328;--keys-x:116;--keys-bottom:82;--term-bg:#1a1915;--keys-bg:#1a1915f0;--keys-line:transparent;text-align:left;-webkit-user-select:none;user-select:none;position:absolute;inset:0}@supports (width:1cqw){.ft2MGG_scene{--u:calc(100cqw / 560)}}@media (max-width:639px){.ft2MGG_stage{aspect-ratio:380/432;max-width:380px}.ft2MGG_scene{--pad:16;--term-w:348;--term-h:200;--widget-w:300;--keys-x:190;--keys-bottom:144}@supports (width:1cqw){.ft2MGG_scene{--u:calc(100cqw / 380)}}}@media (prefers-color-scheme:dark){.ft2MGG_scene{--term-bg:#141412;--keys-bg:#0e0e0d;--keys-line:#ffffff1f}}.ft2MGG_term{left:calc(var(--pad) * var(--u));top:calc(var(--pad) * var(--u));width:calc(var(--term-w) * var(--u));height:calc(var(--term-h) * var(--u));border-radius:calc(12 * var(--u));background:var(--term-bg);box-shadow:var(--widget-shadow);font-family:var(--font-mono);font-size:calc(13 * var(--u));line-height:calc(22 * var(--u));color:#a3a19a;border:1px solid #ffffff1a;flex-direction:column;display:flex;position:absolute;overflow:hidden}.ft2MGG_termBar{align-items:center;gap:calc(8 * var(--u));height:calc(40 * var(--u));padding-inline:calc(16 * var(--u));font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex}.ft2MGG_termDot{width:calc(11 * var(--u));height:calc(11 * var(--u));background:#ffffff26;border-radius:999px}.ft2MGG_termTitle{padding-left:calc(12 * var(--u))}.ft2MGG_termBody{gap:calc(12 * var(--u));padding:calc(16 * var(--u));flex-direction:column;display:flex}.ft2MGG_termBright{color:#f4f3ef}.ft2MGG_prompt{min-height:calc(66 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));color:#f4f3ef;border:1px solid #ffffff26;display:grid}.ft2MGG_promptEmpty,.ft2MGG_promptFilled{grid-area:1/1}.ft2MGG_promptFilled{opacity:0}.ft2MGG_pasted{border-radius:calc(3 * var(--u));-webkit-box-decoration-break:clone;box-decoration-break:clone}.ft2MGG_cursor{width:calc(8 * var(--u));height:calc(16 * var(--u));margin-left:calc(2 * var(--u));vertical-align:calc(-3 * var(--u));background:#f4f3ef;animation:1.1s step-end infinite ft2MGG_blink;display:inline-block}.ft2MGG_send{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:#85827b}@media (max-width:639px){.ft2MGG_termBar{height:calc(34 * var(--u))}.ft2MGG_termBody{gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u))}.ft2MGG_send{display:none}}.ft2MGG_widget{right:calc(var(--pad) * var(--u));bottom:calc(var(--pad) * var(--u));width:calc(var(--widget-w) * var(--u));gap:calc(14 * var(--u));padding:calc(16 * var(--u)) calc(18 * var(--u));border-radius:calc(16 * var(--u));border:1px solid var(--widget-border);background:var(--surface-raised);box-shadow:var(--widget-shadow);font-family:var(--font-sans);color:var(--text);flex-direction:column;display:flex;position:absolute}.ft2MGG_widgetHead{align-items:center;gap:calc(10 * var(--u));font-size:calc(13 * var(--u));line-height:calc(16 * var(--u));display:flex}.ft2MGG_dot{width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--recording-soft);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ft2MGG_dot:after{content:"";width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--recording);border-radius:999px}.ft2MGG_state{font-weight:600}.ft2MGG_wave{align-items:center;gap:calc(2 * var(--u));height:calc(16 * var(--u));padding-left:calc(4 * var(--u));flex-grow:1;display:flex}.ft2MGG_bar{width:calc(2 * var(--u));height:calc(16 * var(--u));border-radius:calc(2 * var(--u));background:var(--recording);opacity:.35;flex-shrink:0;transform:scaleY(.19)}.ft2MGG_timer{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0;font-weight:500;position:relative}.ft2MGG_tick{opacity:0;position:absolute;inset:0}.ft2MGG_tickSpace{visibility:hidden}.ft2MGG_transcript{height:calc(48 * var(--u));font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));position:relative}.ft2MGG_placeholder{color:var(--text-placeholder);position:absolute;inset:0 auto auto 0}.ft2MGG_sentence{opacity:0}.ft2MGG_word{position:relative}.ft2MGG_word:after{content:"..";opacity:0;position:absolute;left:100%}.ft2MGG_hint{align-items:center;gap:calc(14 * var(--u));padding-top:calc(12 * var(--u));border-top:1px solid var(--hairline);font-size:calc(12 * var(--u));line-height:calc(18 * var(--u));color:var(--text-muted);display:flex}.ft2MGG_hintItem{align-items:center;gap:calc(6 * var(--u));display:flex}.ft2MGG_hintKey{padding-inline:calc(5 * var(--u));border-radius:calc(5 * var(--u));border:1px solid var(--keycap-border);background:var(--control);font-size:calc(11 * var(--u));line-height:calc(15 * var(--u));color:var(--text);border-bottom-width:2px;font-weight:500}@media (max-width:639px){.ft2MGG_hint{display:none}}.ft2MGG_keys{left:calc(var(--keys-x) * var(--u));bottom:calc(var(--keys-bottom) * var(--u));gap:calc(6 * var(--u));padding:calc(9 * var(--u));border-radius:calc(14 * var(--u));border:1px solid var(--keys-line);background:var(--keys-bg);box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #14120e2e;opacity:0;display:flex;position:absolute;transform:translate(-50%)}.ft2MGG_key{min-width:calc(38 * var(--u));height:calc(38 * var(--u));padding-inline:calc(12 * var(--u));border-radius:calc(9 * var(--u));box-shadow:inset 0 calc(-2 * var(--u)) 0 #00000059;font-family:var(--font-sans);font-size:calc(15 * var(--u));color:#f4f3ef;white-space:nowrap;background:#3a3833;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}@keyframes ft2MGG_show{0%{opacity:0}to{opacity:1}}@keyframes ft2MGG_hide{0%{opacity:1}to{opacity:0}}@keyframes ft2MGG_blink{0%{opacity:1}55%{opacity:0}}@keyframes ft2MGG_keysIn{0%{opacity:0;transform:translateX(-50%) translateY(calc(4 * var(--u))) scale(.97)}to{opacity:1;transform:translate(-50%)}}@keyframes ft2MGG_press{0%,to{box-shadow:inset 0 calc(-2 * var(--u)) 0 #00000059;background:#3a3833;transform:none}30%,70%{transform:translateY(calc(1.5 * var(--u)));background:#5a574f;box-shadow:inset 0 0 #00000059}}@keyframes ft2MGG_widgetIn{0%{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.98)}to{opacity:1;transform:none}}@keyframes ft2MGG_widgetOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(calc(-36 * var(--u)), calc(-64 * var(--u))) scale(.88)}}@keyframes ft2MGG_bar{0%{transform:scaleY(var(--lo))}to{transform:scaleY(var(--hi))}}@keyframes ft2MGG_flash{0%{background-color:#7fb0ff57}to{background-color:#7fb0ff00}}.ft2MGG_scene[data-step="0"] .ft2MGG_keysOpen{animation:.18s ease-out .3s both ft2MGG_keysIn,.22s ease-in 1.5s forwards ft2MGG_hide}.ft2MGG_scene[data-step="0"] .ft2MGG_keysOpen .ft2MGG_key:first-child{animation:.34s ease-in-out .62s both ft2MGG_press}.ft2MGG_scene[data-step="0"] .ft2MGG_keysOpen .ft2MGG_key:nth-child(2){animation:.3s ease-in-out .72s both ft2MGG_press}.ft2MGG_scene[data-step="0"] .ft2MGG_widget{animation:.26s cubic-bezier(.2,.7,.2,1) .86s both ft2MGG_widgetIn}.ft2MGG_scene[data-step="0"] .ft2MGG_tick0{opacity:1}.ft2MGG_scene[data-step="1"] .ft2MGG_placeholder{opacity:0;animation:.12s linear .3s both ft2MGG_hide}.ft2MGG_scene[data-step="1"] .ft2MGG_sentence,.ft2MGG_scene[data-step="2"] .ft2MGG_sentence{opacity:1}.ft2MGG_scene[data-step="1"] .ft2MGG_word{animation:ft2MGG_show .14s ease-out calc(.3s + var(--i) * .18s) both}.ft2MGG_scene[data-step="1"] .ft2MGG_word:after{animation:ft2MGG_show 1ms linear calc(.3s + var(--i) * .18s) forwards, ft2MGG_hide 1ms linear calc(.48s + var(--i) * .18s) forwards}.ft2MGG_scene[data-step="1"] .ft2MGG_lastWord:after{opacity:1;animation:ft2MGG_show 1ms linear calc(.3s + var(--i) * .18s) both}.ft2MGG_scene[data-step="1"] .ft2MGG_bar,.ft2MGG_scene[data-step="2"] .ft2MGG_bar{opacity:var(--o);transform:scaleY(var(--rest))}.ft2MGG_scene[data-step="1"] .ft2MGG_bar{animation:ft2MGG_bar var(--d) ease-in-out var(--dl) infinite alternate both}.ft2MGG_scene[data-step="1"] .ft2MGG_tick0{animation:1ms linear 1s both ft2MGG_hide}.ft2MGG_scene[data-step="1"] .ft2MGG_tick1{animation:1ms linear 1s forwards ft2MGG_show,1ms linear 2s forwards ft2MGG_hide}.ft2MGG_scene[data-step="1"] .ft2MGG_tick2{animation:1ms linear 2s forwards ft2MGG_show,1ms linear 3s forwards ft2MGG_hide}.ft2MGG_scene[data-step="1"] .ft2MGG_tick3{opacity:1;animation:1ms linear 3s both ft2MGG_show}.ft2MGG_scene[data-step="2"] .ft2MGG_placeholder{opacity:0}.ft2MGG_scene[data-step="2"] .ft2MGG_lastWord:after,.ft2MGG_scene[data-step="2"] .ft2MGG_tick3{opacity:1}.ft2MGG_scene[data-step="2"] .ft2MGG_keysPaste{animation:.18s ease-out .2s both ft2MGG_keysIn,.22s ease-in 1.4s forwards ft2MGG_hide}.ft2MGG_scene[data-step="2"] .ft2MGG_keysPaste .ft2MGG_key:first-child{animation:.34s ease-in-out .52s both ft2MGG_press}.ft2MGG_scene[data-step="2"] .ft2MGG_keysPaste .ft2MGG_key:nth-child(2){animation:.3s ease-in-out .62s both ft2MGG_press}.ft2MGG_scene[data-step="2"] .ft2MGG_widget{opacity:0;animation:.26s ease-in .8s both ft2MGG_widgetOut}.ft2MGG_scene[data-step="2"] .ft2MGG_promptEmpty{opacity:0;animation:1ms linear .96s both ft2MGG_hide,.3s 2.68s forwards ft2MGG_show}.ft2MGG_scene[data-step="2"] .ft2MGG_promptFilled{opacity:1;animation:.12s ease-out .96s both ft2MGG_show,.3s 2.68s forwards ft2MGG_hide}.ft2MGG_scene[data-step="2"] .ft2MGG_pasted{animation:.8s ease-out .96s both ft2MGG_flash}@media (prefers-reduced-motion:reduce){.ft2MGG_player *,.ft2MGG_player :after{transition:none!important;animation:none!important}.ft2MGG_step .ft2MGG_num,.ft2MGG_step .ft2MGG_title{color:var(--text)}.ft2MGG_step .ft2MGG_body{color:var(--text-secondary)}.ft2MGG_step[data-state=done] .ft2MGG_fill{transform:scaleX(0)}.ft2MGG_step[data-state=active] .ft2MGG_fill{transform:scaleX(1)}}