@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/work-sans-400.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/work-sans-500.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/work-sans-600.woff2) format("woff2")}:root{--ground-top: #2f4550;--ground-bottom: #14222b;--ground: linear-gradient(180deg, var(--ground-top) 0%, var(--ground-bottom) 100%);--ink: #f4f1ea;--ink-muted: rgba(244, 241, 234, .66);--ink-faint: rgba(244, 241, 234, .45);--ink-bar: rgba(244, 241, 234, .5);--rule: rgba(244, 241, 234, .2);--rule-faint: rgba(244, 241, 234, .1);--rule-caption: rgba(244, 241, 234, .14);--caption-ground: rgba(10, 18, 23, .5);--field-ground: rgba(10, 18, 23, .35);--orange: #f26419;--display: Anton, "Arial Narrow", "Helvetica Neue Condensed", Impact, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--body: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font: var(--body);--t-poster: clamp(38px, min(8.854cqw, 23cqh), 200px);--t-figure: clamp(34px, min(8.333cqw, 13cqh), 190px);--t-figure-sm: clamp(32px, min(7.813cqw, 19cqh), 178px);--t-headline: clamp(26px, min(6.25cqw, 17cqh), 142px);--t-greeting: clamp(22px, min(4.583cqw, 11cqh), 104px);--t-step: clamp(19px, min(3.75cqw, 13cqh), 86px);--t-name: clamp(17px, min(2.813cqw, 7cqh), 64px);--t-bar: clamp(15px, 2.396cqw, 55px);--t-wordmark: clamp(15px, 2.083cqw, 48px);--t-lede: clamp(14px, 1.875cqw, 43px);--t-time: clamp(13px, 1.771cqw, 40px);--t-date: clamp(13px, 1.667cqw, 38px);--t-body: clamp(13px, 1.563cqw, 36px);--t-body-sm: clamp(12px, min(1.458cqw, 3.5cqh), 34px);--t-index: clamp(11px, 1.25cqw, 29px);--t-label: clamp(10px, 1.146cqw, 27px);--t-label-sm: clamp(9px, 1.042cqw, 24px);--pad-edge: clamp(14px, 4.167cqw, 96px);--gap-1: clamp(3px, .313cqw, 7px);--gap-2: clamp(6px, .729cqw, 17px);--gap-3: clamp(9px, 1.146cqw, 27px);--gap-4: clamp(12px, 1.667cqw, 38px);--gap-5: clamp(16px, 2.5cqw, 58px);--gap-6: clamp(20px, 3.333cqw, 77px);--gap-7: clamp(24px, 4.167cqw, 96px);--stack: clamp(6px, min(1.146cqw, 2cqh), 27px);--caption-line: clamp(17px, 1.7cqw, 32px);--caption-label-width: clamp(54px, 10.9cqw, 210px);--radius: 0px;--radius-lg: 0px;--hairline: 1px;--border-strong: clamp(1px, .104cqw, 2px);--track-label: .08em;--track-label-sm: .06em;--track-display: .005em;--track-wordmark: -.02em;--minus: "−";--minus-width: .33em;--minus-weight: .113em;--minus-rise: .2485em;--minus-gap: .05em}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--ground-bottom);overflow:hidden}body{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-2);padding:clamp(8px,1vmin,20px)}.narrow-notice{display:none}.narrow-stage{display:flex;justify-content:center;width:100%;min-height:0;flex:1 1 auto}.frame{width:min(100%,calc((100vh - 2 * clamp(8px,1vmin,20px)) * 16 / 9));aspect-ratio:16 / 9;max-height:100%;background:var(--ground);display:flex;flex-direction:column;overflow:hidden;container-type:inline-size}.chrome{display:flex;align-items:center;gap:var(--gap-4);padding:var(--gap-3) var(--pad-edge) var(--gap-2);flex:0 0 auto}.wordmark{font-family:var(--body);font-size:var(--t-wordmark);font-weight:600;letter-spacing:var(--track-wordmark);line-height:1}.sim{font-family:var(--mono);font-size:var(--t-label-sm);font-weight:500;letter-spacing:var(--track-label-sm);color:var(--ink-muted);line-height:1}.badge{margin-left:auto;font-family:var(--mono);font-size:var(--t-label-sm);font-weight:500;letter-spacing:var(--track-label-sm);line-height:1;color:var(--ink);border:var(--border-strong) solid var(--ink);padding:var(--gap-2) var(--gap-3);white-space:nowrap}.stage{flex:1 1 auto;min-height:0;padding:0}.cardarea{height:100%;overflow:hidden}.card-frame{width:100%;height:100%;border:0;background:transparent;display:block;color-scheme:dark}.placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--gap-4);padding:0 var(--pad-edge)}.placeholder-lead{font-family:var(--display);font-size:var(--t-greeting);text-transform:uppercase;letter-spacing:var(--track-display);line-height:.95;margin:0;color:var(--ink)}.examples{list-style:none;margin:0;padding:0;display:flex;gap:var(--gap-3);flex-wrap:wrap}.examples button{font-family:var(--body);font-size:var(--t-body-sm);color:var(--ink);background:transparent;border:var(--hairline) solid var(--rule);border-radius:var(--radius);padding:var(--gap-2) var(--gap-3);cursor:pointer}.examples button:hover:not(:disabled){border-color:var(--ink)}.examples button:disabled{opacity:.5;cursor:default}.captionbar{flex:0 0 auto;height:calc(2 * var(--caption-line) + 2 * var(--gap-3));padding:var(--gap-3) var(--pad-edge);background:var(--caption-ground);border-top:var(--hairline) solid var(--rule-caption);display:flex;flex-direction:column;justify-content:center;gap:var(--gap-1);overflow:hidden}.caption{margin:0;display:flex;align-items:baseline;font-size:var(--t-body);line-height:var(--caption-line);min-width:0}.caption .who{flex:0 0 auto;width:var(--caption-label-width);font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase}.caption .said{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-owner,.caption-owner .who{color:var(--ink-muted)}.caption-assistant,.caption-assistant .who{color:var(--ink)}.controls{flex:0 0 auto;display:flex;align-items:stretch;gap:var(--gap-2);padding:var(--gap-2) var(--pad-edge) var(--gap-3);background:var(--caption-ground)}.mic{font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:var(--track-label-sm);text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--gap-2);color:var(--ink);background:transparent;border:var(--hairline) solid var(--rule);border-radius:var(--radius);padding:var(--gap-2) var(--gap-3);cursor:pointer;white-space:nowrap}.mic:hover:not(:disabled){border-color:var(--ink)}.mic:disabled{opacity:.45;cursor:default}.mic-dot{width:var(--gap-2);height:var(--gap-2);border-radius:50%;background:var(--ink-muted);flex:0 0 auto}.mic-live{border-color:var(--orange)}.mic-live .mic-dot{background:var(--orange);animation:pulse 1.25s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.mic-live .mic-dot{animation:none}}.typed{flex:1 1 auto;display:flex;gap:var(--gap-2)}.typed input{flex:1 1 auto;font-family:var(--body);font-size:var(--t-body-sm);color:var(--ink);background:var(--field-ground);border:var(--hairline) solid var(--rule);border-radius:var(--radius);padding:var(--gap-2) var(--gap-3)}.typed input::placeholder{color:var(--ink-muted)}.typed input:focus-visible,.typed button:focus-visible,.mic:focus-visible,.examples button:focus-visible{outline:var(--border-strong) solid var(--orange);outline-offset:2px}.typed button{font-family:var(--mono);font-size:var(--t-label);font-weight:500;letter-spacing:var(--track-label-sm);text-transform:uppercase;color:var(--ground-bottom);background:var(--ink);border:var(--border-strong) solid var(--ink);border-radius:var(--radius);padding:var(--gap-2) var(--gap-4);cursor:pointer}.typed button:disabled{opacity:.4;cursor:default}@media(max-width:899px),(orientation:portrait){.display{justify-content:flex-start;padding-top:clamp(10px,3vh,28px)}.narrow-notice{display:block;margin:0;max-width:52ch;text-align:center;font-family:var(--mono);font-size:clamp(11px,3vw,14px);line-height:1.5;letter-spacing:var(--track-label-sm);color:var(--ink-muted)}.narrow-stage{display:block;width:100%;height:calc(720px * var(--display-scale, 1));overflow:hidden;flex:0 0 auto}.frame{width:1280px;height:720px;max-height:none;transform:scale(var(--display-scale, 1));transform-origin:top left}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.debug{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--ink-muted);background:#00000059;border-top:1px solid var(--rule-faint);padding:10px 16px 14px;max-width:720px}.debug-head{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:6px 0 4px}.debug-table{width:100%;border-collapse:collapse}.debug-name{padding-right:14px;white-space:nowrap}.debug-ms{padding-right:14px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}.debug-bar-cell{width:100%}.debug-bar{display:block;height:6px;background:var(--orange);min-width:1px}