:root{--color-v2-primary-black:#040804;--color-v2-primary-neutral-100:#e3e5e1;--color-v2-primary-neutral-200:#daded7;--color-v2-primary-neutral-400:#c4c7c1;--color-v2-primary-neutral-500:#a8aba6;--color-v2-primary-neutral-600:#6c6e6a;--color-v2-primary-neutral-700:#4b4d4a;--color-v2-primary-green-100:#9efb87;--color-v2-primary-green-200:#7fee64;--accent:#7fee64;--panel:#131412;--stroke:#ffffff26;--ink:#e3e5e1;--font:ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--ink);font:14px var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#040804}*{box-sizing:border-box}body{margin:0}main{height:100dvh;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{touch-action:none;display:block}header{justify-content:flex-end;align-items:center;font-family:system-ui,sans-serif;display:flex;position:absolute;top:24px;right:38px}.head-meta{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;padding:8px 2px;font-size:13px;text-decoration:none}.eyebrow:hover{opacity:.7;text-underline-offset:3px;text-decoration:underline}.modal-line{color:var(--ink);align-items:center;gap:7px;font-size:12px;display:inline-flex}.modal-link{padding:8px 0;transition:opacity .15s;display:inline-flex}.modal-link:hover{opacity:.7}.modal-logo{height:15px;display:block}.prompt{flex-direction:column;gap:10px;width:min(1004px,100% - 76px);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.reply{text-align:center;white-space:nowrap;text-overflow:ellipsis;height:32px;font:italic 22px/1.4 system-ui;overflow:hidden}.reply em{color:var(--ink)}.speech-error{color:#fb7455;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid;padding:8px 12px;font-size:12px}.composer{gap:10px;display:flex}.composer input{background:var(--panel);min-width:0;color:var(--ink);border:1px solid var(--stroke);font:inherit;border-radius:5px;flex:1;padding:16px;transition:border-color .15s}.composer input:focus{border-color:var(--accent);outline:none}.composer input:disabled{opacity:.65}.composer button{color:#040804;cursor:pointer;background:#7fee64;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 20px;font-weight:700;transition:opacity .15s;display:inline-flex}.composer button:hover:not(:disabled){opacity:.8}.composer button:disabled{cursor:default;opacity:.55}.composer .spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:760px){header{top:16px;right:15px}.prompt{bottom:max(16px, env(safe-area-inset-bottom));width:calc(100% - 30px)}.composer input{font-size:16px}.reply{font-size:18px}}