@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-normal-400.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-italic-400.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171a14;--bg-panel:#1d2119;--ink:#eef1e7;--ink-muted:#a9b39a;--ink-faint:#8b9380;--line:#262b20;--line-strong:#3a4032;--accent:#d7e3c1;--serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--radius:16px;--radius-well:12px;--radius-pill:999px;--page:58rem;--pad:clamp(1.25rem, 4vw, 3rem);--ease:cubic-bezier(.16, 1, .3, 1);--z-head:20;--z-grain:50}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(120% 70% at 78% -12%, #d6e2c80e, transparent 58%), var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}body:after{content:"";z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-head{z-index:var(--z-head);padding:1.15rem var(--pad);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:baseline;gap:1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.45rem;line-height:1;text-decoration:none;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:.5rem;height:.5rem}.site-nav{gap:1.6rem;display:flex}.site-nav a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);transition:color .16s var(--ease), border-color .16s var(--ease);border-bottom:1px solid #0000;padding-block:.25rem;font-size:.7rem;text-decoration:none}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}#view{width:100%;max-width:calc(var(--page) + 2 * var(--pad));padding:clamp(2.6rem, 7vh, 5rem) var(--pad) clamp(3rem, 10vh, 6.5rem);flex:1;margin-inline:auto}.page{max-width:var(--page)}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 1.3rem;font-size:.7rem}h1{font-family:var(--serif);letter-spacing:-.028em;font-optical-sizing:auto;font-kerning:normal;text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:400;line-height:1.1}h1 em{color:var(--accent);padding-bottom:.04em;font-style:italic}.lede{max-width:36rem;color:var(--ink-muted);text-wrap:pretty;margin:0 0 2.4rem;font-size:clamp(1.02rem,1.3vw,1.12rem);line-height:1.62}.hero{align-items:start;gap:clamp(2.2rem,5vw,3.5rem);display:grid}@media (width>=60rem){.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}.hero-copy{max-width:34rem}.speak{border:1px solid var(--line);border-radius:var(--radius-well);background:var(--bg-panel);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);padding:1.1rem 1.3rem}.speak:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}#speak{width:100%;min-height:3.1em;color:var(--ink);font-family:var(--serif);resize:none;background:0 0;border:0;outline:none;padding:0;font-size:clamp(1.3rem,2.4vw,1.55rem);line-height:1.45;display:block}#speak::placeholder{color:var(--ink-faint)}.say-row{flex-wrap:wrap;align-items:center;gap:.55rem .7rem;margin-top:1.1rem;display:flex}.say-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem}.say-chips{flex-wrap:wrap;gap:.5rem;display:flex}.say{appearance:none;font-family:var(--mono);color:var(--ink-muted);background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);padding:.34rem .72rem;font-size:.74rem}.say:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.say:active{transform:translateY(0)scale(.98)}.record-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);padding:1.5rem}.record-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;display:grid}.rail-tick{border:1px dashed color-mix(in srgb, var(--ink-faint) 78%, transparent);border-radius:var(--radius-well);background:color-mix(in srgb, var(--ink-muted) 4%, transparent);height:4.4rem}.record-empty{color:var(--ink-muted);align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.record-empty p{margin:0}.record-keys{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-faint);margin:1.1rem 0 0;font-size:.7rem}.pulse-dot{background:var(--accent);width:.6rem;height:.6rem;animation:pulse 2.6s var(--ease) infinite;border-radius:50%;flex:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.prose{max-width:42rem}.prose p{color:var(--ink-muted);text-wrap:pretty;margin:0 0 1.15rem}.prose strong{color:var(--ink);font-weight:600}.facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1px;margin:2.8rem 0 0;display:grid;overflow:hidden}.facts>div{background:var(--bg-panel);padding:1.1rem 1.25rem 1.25rem}.facts dt{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.45rem;font-size:.66rem}.facts dd{color:var(--ink-muted);margin:0;font-size:.92rem}.note{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.02em;color:var(--ink-faint);margin:3rem 0 0;padding-top:1.1rem;font-size:.75rem}.site-foot{padding:1.4rem var(--pad);border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;font-size:.72rem;display:flex}.site-foot a{color:var(--ink-muted);transition:color .16s var(--ease);text-decoration:none}.site-foot a:hover{color:var(--accent)}@media (prefers-reduced-transparency:reduce){.site-head{background:var(--bg);-webkit-backdrop-filter:none}}@media (width<=560px){.site-head{flex-wrap:wrap}.site-nav{gap:1.1rem}.record-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-tick:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.world{isolation:isolate;background:radial-gradient(64% 52% at 27% 84%,#e8eede16 0%,#e8eede00 72%),#4a4d44;width:100%;height:100dvh;min-height:36rem;position:relative;overflow:hidden}.world-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.world--fallback{padding:2rem var(--pad);place-items:end start;display:grid}.world--fallback:after{content:"The living world needs WebGL2. The studio below works without it.";font-family:var(--mono);color:#fff9;font-size:.75rem}body[data-page=studio]:has(.world:not(.world--fallback)) .site-head{display:none}body[data-page=studio] #view{max-width:none;padding:0}.page--studio{max-width:calc(var(--page) + 2 * var(--pad));padding:clamp(3rem, 8vh, 5.5rem) var(--pad) clamp(3.5rem, 10vh, 7rem);margin-inline:auto}.studio-grid{gap:clamp(1.4rem,3vw,2.2rem);display:grid}@media (width>=60rem){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}.speak-row{align-items:center;gap:.8rem;margin-top:.9rem;display:flex}.mic-btn{appearance:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease);align-items:center;gap:.5rem;padding:.42rem .9rem;font-size:.72rem;display:inline-flex}.mic-btn:hover{border-color:var(--accent)}.mic-btn.is-listening{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.mic-dot{background:var(--ink-faint);border-radius:50%;width:.5rem;height:.5rem}.mic-btn.is-listening .mic-dot{background:var(--accent);animation:pulse 1.4s var(--ease) infinite}.speak-hint{font-family:var(--mono);color:var(--ink-faint);font-size:.68rem}.studio-feedback{min-height:1.2em;font-family:var(--mono);color:var(--ink-muted);margin:.7rem 0 0;font-size:.72rem}.studio-feedback.is-error{color:var(--ink)}.slog{gap:.4rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.slog li{font-family:var(--mono);align-items:baseline;gap:.6rem;font-size:.7rem;display:flex}.slog-raw{color:var(--ink-faint)}.slog-sum{color:var(--ink-muted)}.canvas-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);flex-direction:column;gap:.8rem;padding:1rem 1.1rem;display:flex}.canvas-bar{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.8rem;font-size:.66rem;display:flex}.canvas-bar .canvas-actions{gap:.4rem;margin-left:auto;display:flex}.mini-btn{appearance:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease);background:0 0;padding:.28rem .7rem;font-size:.66rem}.mini-btn:hover{color:var(--ink);border-color:var(--line-strong)}.canvas-stage{border:1px solid var(--line);border-radius:var(--radius-well);background:var(--bg);min-height:20rem;position:relative;overflow:hidden}.canvas-stage svg{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-empty{font-family:var(--mono);color:var(--ink-faint);pointer-events:none;place-items:center;margin:0;font-size:.74rem;display:grid;position:absolute;inset:0}.canvas-empty[hidden]{display:none}.sc-node rect{fill:var(--bg-panel);stroke:var(--line-strong);stroke-width:1px}.sc-node text{font-family:var(--mono);letter-spacing:.02em;fill:var(--ink);font-size:12.5px}.sc-edge{fill:none;stroke:var(--ink-faint);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:0}.sc-arrow-head{fill:var(--ink-faint)}.canvas-export{align-items:center;gap:.55rem;display:flex}.canvas-export .say-label{margin-right:.2rem}.bridge-steps{font-family:var(--mono);color:var(--ink-muted);gap:.7rem;margin:0 0 1.8rem;padding:0;font-size:.78rem;line-height:1.7;list-style:none;display:grid}