.stage{display:grid;place-items:center;background:var(--color-canvas);container-type:size}.stage[data-variant=fullscreen]{position:fixed;inset:0}.stage[data-variant=inline]{position:absolute;inset:0}.stage-inner{width:min(100cqw,calc(100cqh * var(--screen-w) / var(--screen-h)));height:min(100cqh,calc(100cqw * var(--screen-h) / var(--screen-w)));position:relative;container-type:size;background:var(--color-canvas);overflow:hidden}.home{position:absolute;inset:0;background:var(--color-canvas)}.home__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:calc(var(--u) * 18);padding:calc(var(--u) * 18);height:100%;margin:0;list-style:none}.home__cell-wrap{min-width:0;min-height:0}.home__cell{position:relative;display:flex;align-items:flex-end;width:100%;height:100%;padding:calc(var(--u) * 34);text-align:left;background:var(--color-canvas);border:1px solid var(--color-outline);transition:border-color var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo)}.home__cell:before{content:"";position:absolute;left:-1px;top:30%;bottom:30%;width:1px;background:var(--color-outline-active);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo),top var(--duration-slow) var(--ease-out-expo),bottom var(--duration-slow) var(--ease-out-expo)}.home__cell:hover,.home__cell:focus-visible,.home__cell[data-active=true]{border-color:var(--color-outline-active)}.home__cell:hover:before,.home__cell:focus-visible:before,.home__cell[data-active=true]:before{opacity:1;top:8%;bottom:8%}.home__cell:active{transform:scale(.995)}.home__cell-text{display:flex;flex-direction:column;gap:calc(var(--u) * 12);min-width:0}.home__name{font-size:calc(var(--u) * 46);font-weight:700;line-height:1.02;letter-spacing:calc(var(--u) * -1.2);color:var(--color-text);text-wrap:balance}.home__jargon{font-family:var(--font-meta);font-size:calc(var(--u) * 17);font-weight:400;line-height:1.45;letter-spacing:calc(var(--u) * .4);text-transform:uppercase;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home__cell:hover .home__jargon,.home__cell:focus-visible .home__jargon,.home__cell[data-active=true] .home__jargon{color:var(--color-text)}.audio-meter{display:block;width:100%;height:calc(var(--u) * 88)}.mic-button{position:relative;display:grid;place-items:center;width:calc(var(--u) * 132);height:calc(var(--u) * 132);border-radius:var(--radius-control);--pulse: 0}.mic-button__halo{position:absolute;inset:0;border-radius:var(--radius-control);border:1px solid var(--color-outline-active);opacity:calc(.12 + var(--pulse) * .5);transform:scale(calc(1 + var(--pulse) * .28));transition:transform 90ms linear,opacity 90ms linear;will-change:transform}.mic-button__disc{position:relative;display:grid;place-items:center;width:calc(var(--u) * 96);height:calc(var(--u) * 96);border-radius:var(--radius-control);background:var(--color-text);transform:scale(calc(1 + var(--pulse) * .08));transition:transform 90ms linear,background-color var(--duration-normal) var(--ease-out-expo)}.mic-button__icon{width:calc(var(--u) * 44);height:calc(var(--u) * 44);color:#000}.mic-button[data-mode=disabled]{cursor:default}.mic-button[data-mode=disabled] .mic-button__disc{background:var(--color-card-line)}.mic-button[data-mode=disabled] .mic-button__icon{color:var(--color-text-dim)}.mic-button[data-mode=disabled] .mic-button__halo{opacity:.08}.mic-button:not([data-mode=disabled]):hover .mic-button__halo,.mic-button:not([data-mode=disabled]):focus-visible .mic-button__halo{opacity:.75}@media(prefers-reduced-motion:reduce){.mic-button__halo,.mic-button__disc{transform:none;transition:none}}.model-viewer{position:relative;width:100%;height:100%;background:transparent}.model-viewer__canvas{position:absolute;inset:0}.model-viewer__canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.model-viewer__fallback{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--u) * 24)}.model-viewer__fallback img{max-width:100%;max-height:100%;object-fit:contain}.model-viewer__note{margin:0;font-family:var(--font-meta);font-size:calc(var(--u) * 16);letter-spacing:calc(var(--u) * .6);text-transform:uppercase;color:var(--color-text-dim)}.card-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--u) * 40);background:#000000e0;animation:card-overlay-in var(--duration-normal) var(--ease-out-expo)}@keyframes card-overlay-in{0%{opacity:0}to{opacity:1}}.card{position:relative;display:flex;flex-direction:column;gap:calc(var(--u) * 28);width:100%;max-height:100%;padding:calc(var(--u) * 40);border-radius:var(--radius-card);background:var(--color-card);border:1px solid var(--color-card-line);box-shadow:0 calc(var(--u) * 40) calc(var(--u) * 90) #000000e6;overflow:hidden;animation:card-in var(--duration-slow) var(--ease-out-expo)}@keyframes card-in{0%{opacity:0;transform:translate3d(0,2%,0) scale(.985)}to{opacity:1;transform:none}}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--u) * 24);padding-bottom:calc(var(--u) * 22);border-bottom:1px solid var(--color-card-line)}.card__titles{min-width:0}.card__title{margin:0;font-size:calc(var(--u) * 52);font-weight:700;line-height:1;letter-spacing:calc(var(--u) * -1.4)}.card__variant{margin:calc(var(--u) * 10) 0 0;font-family:var(--font-meta);font-size:calc(var(--u) * 18);letter-spacing:calc(var(--u) * 1.2);text-transform:uppercase;color:var(--color-text-muted)}.card__close{flex:none;display:grid;place-items:center;width:calc(var(--u) * 64);height:calc(var(--u) * 64);border:1px solid var(--color-card-line);border-radius:var(--radius-control);transition:border-color var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo)}.card__close:hover,.card__close:focus-visible{border-color:var(--color-outline-active);background:var(--color-card-raised)}.card__close-icon{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}.card__media{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-card);overflow:hidden;background:var(--color-card-raised)}.card__media--model{aspect-ratio:1 / 1}.card__video{width:100%;height:100%;object-fit:cover;display:block}.card__media-fallback{position:absolute;inset:0;display:grid;place-items:center;gap:calc(var(--u) * 12)}.card__media-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card__asset-status{position:relative;margin:0;padding:calc(var(--u) * 10) calc(var(--u) * 18);font-family:var(--font-meta);font-size:calc(var(--u) * 16);letter-spacing:calc(var(--u) * .8);text-transform:uppercase;color:var(--color-text-muted);background:#000000b3;border:1px solid var(--color-card-line)}.card__brief{margin:0;font-size:calc(var(--u) * 26);line-height:1.5;color:var(--color-text);text-wrap:pretty}.card__actions{display:flex;justify-content:center;padding-top:calc(var(--u) * 6)}.card__mic-cta{display:flex;align-items:center;gap:calc(var(--u) * 20);padding:calc(var(--u) * 14) calc(var(--u) * 30) calc(var(--u) * 14) calc(var(--u) * 14);border:1px solid var(--color-card-line);border-radius:var(--radius-control);transition:border-color var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal) var(--ease-out-expo)}.card__mic-cta:hover,.card__mic-cta:focus-visible{border-color:var(--color-outline-active);background:var(--color-card-raised)}.card__mic-cta-disc{display:grid;place-items:center;width:calc(var(--u) * 68);height:calc(var(--u) * 68);border-radius:var(--radius-control);background:var(--color-text)}.card__mic-cta-icon{width:calc(var(--u) * 32);height:calc(var(--u) * 32);color:#000}.card__mic-cta-label{font-family:var(--font-meta);font-size:calc(var(--u) * 19);letter-spacing:calc(var(--u) * 1);text-transform:uppercase}.card__voice{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 20)}.card__status{margin:0;font-family:var(--font-meta);font-size:calc(var(--u) * 20);letter-spacing:calc(var(--u) * 2);text-transform:uppercase;color:var(--color-text)}.card__status[data-signal=listen]{color:var(--color-signal-listen)}.card__status[data-signal=process]{color:var(--color-signal-process)}.card__status[data-signal=answer]{color:var(--color-signal-answer)}.card__status[data-signal=error]{color:var(--color-signal-error)}.card__status-detail,.card__reply{margin:0;max-width:calc(var(--u) * 720);text-align:center}.card__status-detail{font-size:calc(var(--u) * 20);line-height:1.45;color:var(--color-text-muted)}.card__reply{font-size:calc(var(--u) * 24);line-height:1.5;color:var(--color-text);text-wrap:pretty}.card__secondary{display:inline-flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 22);font-family:var(--font-meta);font-size:calc(var(--u) * 17);letter-spacing:calc(var(--u) * 1);text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-card-line);border-radius:var(--radius-control);transition:color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.card__secondary:hover,.card__secondary:focus-visible{color:var(--color-text);border-color:var(--color-outline-active)}.card__secondary-icon{width:calc(var(--u) * 22);height:calc(var(--u) * 22)}:root{color-scheme:dark;--color-canvas: #000000;--color-outline: #262626;--color-outline-hover: #4d4d4d;--color-outline-active: #ffffff;--color-text: #ffffff;--color-text-muted: #8f8f8f;--color-text-dim: #5c5c5c;--color-card: #141414;--color-card-raised: #1e1e1e;--color-card-line: #303030;--color-signal-listen: #ffffff;--color-signal-process: #ffb020;--color-signal-answer: #4ad3a0;--color-signal-error: #ff6b5e;--font-display: ui-sans-serif, -apple-system, "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;--font-meta: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, monospace;--duration-fast: .14s;--duration-normal: .28s;--duration-slow: .52s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--radius-card: 4px;--radius-control: 999px}.stage-inner{--u: calc(100cqw / var(--design-width))}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 1ms;--duration-normal: 1ms;--duration-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--color-outline-active);outline-offset:2px}.display-root{user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
