@font-face{font-family:MT Staatliches;src:url(/typelab/fonts/Staatliches-Regular.ttf)format("truetype");font-display:swap}:root{--hue:#d2473a;--dark:#141211;--light:#f2eee5;--on-hue:var(--light);--ui:var(--light);--ui-bg:var(--dark);--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--display:"MT Staatliches", "Staatliches", Impact, sans-serif;--gutter:clamp(16px, 2.2vw, 30px);--ease:cubic-bezier(.76, 0, .24, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:MT Bahiana;src:url(/typelab/fonts/Bahiana-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:MT Creepster;src:url(/typelab/fonts/Creepster-Regular.ttf)format("truetype");font-display:swap}:root[data-style=horror]{--hue:#8dc955;--dark:#0b0d0a;--light:#e6e2d3;--on-hue:var(--dark);--display:"MT Bahiana", "Bahiana", Impact, sans-serif}:root[data-style=horror] .title em{letter-spacing:.02em;font-family:MT Creepster,Creepster,Impact,sans-serif}:root[data-style=horror][data-bg=hue] .mic__dot{color:var(--light)}@font-face{font-family:MT Special Elite;src:url(/typelab/fonts/SpecialElite-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:MT Abril Fatface;src:url(/typelab/fonts/AbrilFatface-Regular.ttf)format("truetype");font-display:swap}:root[data-style=typewriter]{--hue:#b8322a;--dark:#1c1a17;--light:#efe8d8;--on-hue:var(--light);--display:"MT Special Elite", "Special Elite", "Courier New", monospace}:root[data-style=typewriter] .title{text-transform:none;letter-spacing:0;line-height:1}:root[data-style=typewriter] .title em{letter-spacing:.005em;font-family:MT Abril Fatface,Abril Fatface,Georgia,serif}:root[data-sound=none] #sound{display:none}*,:before,:after{box-sizing:border-box}html,body{background:var(--dark);height:100%;margin:0;overflow:hidden}body{color:var(--ui);font-family:var(--mono);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:1px dashed}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{position:fixed;inset:0}#film{width:100%;height:100%;display:block;position:absolute;inset:0}.mast,.status,.hud,.said,.dock,.opts,.toast{color:var(--ui);transition:color .45s var(--ease), border-color .45s var(--ease), opacity .4s}html:not(.ready) .mast,html:not(.ready) .dock,html:not(.ready) .opts,html:not(.ready) .hud{opacity:0}.mast{top:var(--gutter);left:var(--gutter);z-index:4;pointer-events:none;position:fixed}.brand{pointer-events:auto;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;display:inline-flex}.brand svg{fill:currentColor;width:auto;height:20px;overflow:visible}.brand path{transition:translate .7s var(--ease)}.brand:hover path:last-child{translate:16px -16px}.brand:hover path:first-child{translate:-4px 4px}.embedded .brand{display:none}.kicker{letter-spacing:.1em;text-transform:uppercase;opacity:.62;gap:14px;margin:0 0 6px;font-size:10px;display:flex}.title{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:clamp(28px,2.6vw,44px);font-weight:400;line-height:.9}.title em{color:var(--hue);font-style:normal}.styles{pointer-events:auto;border:1px solid color-mix(in srgb, var(--ui) 40%, transparent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;gap:2px;margin-top:14px;padding:2px;font-size:10px;display:inline-flex}.styles button{border-radius:999px;height:24px;padding:0 10px}.styles button[aria-checked=true]{background:var(--ui);color:var(--ui-bg)}.styles button:not([aria-checked=true]):hover{background:color-mix(in srgb, var(--ui) 16%, transparent)}:root[data-bg=hue] .title em{color:var(--ui);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.08em}.status{top:var(--gutter);right:var(--gutter);z-index:5;border:1px solid color-mix(in srgb, var(--ui) 35%, transparent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:10px;display:inline-flex;position:fixed}.status i{opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px}.status[data-kind=live] i{background:var(--hue);opacity:1;box-shadow:0 0 0 0 var(--hue);animation:2s infinite live}:root[data-bg=hue] .status[data-kind=live] i{background:var(--ui)}.status[data-kind=trailer] i{opacity:1;animation:1.2s steps(2,jump-none) infinite blink}@keyframes live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--hue) 60%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@keyframes blink{50%{opacity:.15}}.hud{left:var(--gutter);bottom:var(--gutter);z-index:4;pointer-events:none;gap:3px;max-width:34vw;display:grid;position:fixed}.hud p{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:10px;line-height:1.45}.hud__shot{font-variant-numeric:tabular-nums}.hud__label{opacity:.9}.hud__pr{opacity:.55}.said{left:50%;bottom:calc(var(--gutter) + 64px);z-index:4;white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;max-width:min(70vw,760px);transition:opacity .5s, translate .5s var(--ease-out), color .45s var(--ease);direction:rtl;margin:0;font-size:11px;position:fixed;overflow:hidden;translate:-50% 6px}.said.on{opacity:.78;translate:-50%}.listening.many-mics .said,.listening.local-engine .said,.listening.mic-silent .said{bottom:calc(var(--gutter) + 108px)}.dock{left:50%;bottom:var(--gutter);z-index:5;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:fixed;translate:-50%}.tools{align-items:center;gap:6px;display:none}.listening.many-mics .tools,.listening.local-engine .tools,.listening.mic-silent .tools{display:flex}.mic{--lv:0;background:var(--ui);height:44px;color:var(--ui-bg);letter-spacing:.1em;text-transform:uppercase;transition:background .45s var(--ease), color .45s var(--ease), transform .35s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 8px;font-size:11px;font-weight:500;display:inline-flex;position:relative}.mic:hover{transform:translateY(-1px)}.mic:active{transform:scale(.97)}.mic__dot{background:var(--hue);width:30px;height:30px;color:var(--on-hue);border-radius:50%;place-items:center;display:grid;position:relative}.mic__dot svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.mic__dot:after{content:"";border:2px solid var(--hue);opacity:0;transform:scale(calc(1 + var(--lv) * .7));border-radius:50%;transition:opacity .3s;position:absolute;inset:-4px}.mic[data-state=on] .mic__dot:after{opacity:calc(.25 + var(--lv))}.mic[data-state=pending] .mic__dot{animation:.8s steps(2,jump-none) infinite blink}:root[data-bg=hue] .mic__dot{background:var(--dark)}.typer{display:none}.typing .typer{display:block}.typer input{border:1px solid var(--ui);background:color-mix(in srgb, var(--ui-bg) 70%, transparent);width:min(46vw,420px);height:44px;color:var(--ui);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;outline:none;padding:0 16px;font-size:22px}.typer input::placeholder{color:color-mix(in srgb, var(--ui) 45%, transparent);font-family:var(--mono);letter-spacing:.1em;font-size:11px}.opts{right:var(--gutter);bottom:var(--gutter);z-index:5;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;display:flex;position:fixed}.opts>button,.langs{border:1px solid color-mix(in srgb, var(--ui) 40%, transparent);border-radius:999px;align-items:center;height:28px;padding:0 10px;display:inline-flex}.opts>button:hover{border-color:var(--ui)}.opts>button[aria-pressed=false]{opacity:.5}.langs{gap:2px;padding:2px}.langs button{border-radius:999px;height:22px;padding:0 8px}.langs button[aria-checked=true],.typing #type{background:var(--ui);color:var(--ui-bg)}.micsel{border:1px solid color-mix(in srgb, var(--ui) 40%, transparent);letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb, var(--ui-bg) 70%, transparent);border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 6px 0 14px;font-size:10px;display:none}.many-mics .micsel{display:inline-flex}.micsel select{max-width:180px;height:28px;color:inherit;font:inherit;letter-spacing:.04em;text-transform:none;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 6px}.micsel select option{color:#141211}.mic-silent .micsel{border-color:var(--hue);box-shadow:0 0 0 3px color-mix(in srgb, var(--hue) 45%, transparent);animation:.8s steps(2,jump-none) 4 blink;display:inline-flex}.opts>button.rec[aria-pressed=false]{opacity:1}.opts>button.rec[aria-pressed=true]{opacity:1;background:var(--hue);border-color:var(--hue);color:var(--on-hue);font-variant-numeric:tabular-nums}:root[data-bg=hue] .opts>button.rec[aria-pressed=true]{background:var(--dark);border-color:var(--dark)}.offer{z-index:8;background:var(--dark);width:min(92vw,520px);color:var(--light);border:2px solid var(--hue);box-shadow:12px 12px 0 var(--hue);gap:14px;padding:28px 28px 24px;display:grid;position:fixed;top:50%;left:50%;translate:-50% -50%}.offer[hidden]{display:none}.offer__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--hue);margin:0;font-size:10px}.offer__title{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(34px,5vw,52px);font-weight:400;line-height:.92}.offer__title em{color:var(--hue);font-style:normal}.offer__text{letter-spacing:.02em;opacity:.9;margin:0;font-size:12px;line-height:1.6}.offer__text b{color:var(--light);font-weight:500}.offer__bar{background:color-mix(in srgb, var(--light) 18%, transparent);opacity:0;height:4px;transition:opacity .3s;overflow:hidden}.offer__bar i{background:var(--hue);width:0;height:100%;transition:width .25s linear;display:block}.offer.loading .offer__bar{opacity:1}.offer__actions{flex-wrap:wrap;gap:8px;display:flex}.offer__actions button{border:1px solid color-mix(in srgb, var(--light) 45%, transparent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;height:40px;padding:0 16px;font-size:11px}.offer__actions .offer__go{background:var(--hue);border-color:var(--hue);color:var(--on-hue);font-weight:500}.offer__actions .offer__go--alt{color:var(--light);border-color:var(--hue);background:0 0}.offer.loading .offer__actions button{opacity:.45;pointer-events:none}.offer__note{letter-spacing:.06em;opacity:.55;margin:0;font-size:10px}.toast{left:50%;top:var(--gutter);z-index:6;opacity:0;pointer-events:none;background:var(--ui);color:var(--ui-bg);letter-spacing:.06em;text-transform:uppercase;text-align:center;max-width:80vw;transition:opacity .3s, translate .45s var(--ease-out);border-radius:3px;padding:9px 14px;font-size:11px;position:fixed;translate:-50% -10px}.toast.on{opacity:1;translate:-50%}.fallback{z-index:10;background:var(--dark);color:var(--light);place-content:center;gap:10px;padding:32px;display:grid;position:fixed;inset:0}.fallback[hidden]{display:none}.fallback h2{font-family:var(--display);color:var(--hue);margin:0;font-size:clamp(40px,6vw,90px);font-weight:400;line-height:.9}.fallback p{letter-spacing:.06em;max-width:46ch;margin:0;font-size:12px}.clean .mast,.clean .status,.clean .hud,.clean .said,.clean .opts,.clean .toast{opacity:0!important;pointer-events:none!important}.clean .dock{opacity:0;transition:opacity .4s}.clean .dock:hover,.clean .dock:focus-within{opacity:1}.idle :is(.mast,.status,.hud,.said,.dock,.opts){pointer-events:none;transition:color .45s var(--ease), border-color .45s var(--ease), opacity 1.1s var(--ease);opacity:0!important}.idle :is(.mast,.dock,.opts) *{pointer-events:none}.idle .dock:focus-within{opacity:1!important}.idle .dock:focus-within *{pointer-events:auto}.idle,.idle *{cursor:none!important}:is(.mast,.status,.hud,.dock,.opts){transition-duration:.45s,.45s,.25s}.engine{border:1px solid color-mix(in srgb, var(--ui) 40%, transparent);background:color-mix(in srgb, var(--ui-bg) 70%, transparent);border-radius:999px;align-items:center;gap:2px;height:36px;padding:3px;display:none}.local-engine .engine{display:inline-flex}.engine button{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;height:28px;padding:0 12px;font-size:10px}.engine button[aria-checked=true]{background:var(--ui);color:var(--ui-bg)}.engine.busy{opacity:.5;pointer-events:none}@media (width<=1280px){.micsel>span{display:none}.micsel{padding-left:6px}}@media (width<=760px){.hud{bottom:auto;top:calc(var(--gutter) + 134px);max-width:70vw}.embedded .hud{top:calc(var(--gutter) + 98px)}.styles{margin-top:10px}.hud__pr{display:none}.dock{bottom:calc(var(--gutter) + 40px + env(safe-area-inset-bottom));flex-direction:column}.opts{left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) * .6 + env(safe-area-inset-bottom));justify-content:center}.said{bottom:calc(var(--gutter) + 100px);max-width:86vw}.typer input{width:84vw}.status{padding:5px 10px 5px 8px}}@media (prefers-reduced-motion:reduce){.status i{animation:none!important}}