@font-face{font-family:Monsical;font-style:normal;font-weight:400;src:url(/fonts/Monsical-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Monsical;font-style:normal;font-weight:700;src:url(/fonts/Monsical-Bold.woff2)format("woff2");font-display:swap}@font-face{font-family:Monsical;font-style:italic;font-weight:400;src:url(/fonts/Monsical-Italic.woff2)format("woff2");font-display:swap}@font-face{font-family:Monsical;font-style:italic;font-weight:700;src:url(/fonts/Monsical-BoldItalic.woff2)format("woff2");font-display:swap}:root{--bg:#f5f5f5;--fg:#2f2c3d;--muted:#2f2c3d8c;--line:#2f2c3d4d;--card:#fff;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--hl:#2bb89a;--error:#cb2431;--warning:#b08800;--tok-string:#032f62;--tok-keyword:#6f42c1;--tok-number:#005cc5;--tok-special:#d73a49;--tok-comment:#6a737d;--display:Poppins, ui-sans-serif, system-ui, sans-serif;--mono:Monsical, ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font:16px/1.5 var(--mono);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.link:hover{-webkit-text-decoration-color:var(--hl);text-decoration-color:var(--hl)}code,pre{font-family:var(--mono)}.card{background:var(--card);box-shadow:var(--shadow)}.code-link{z-index:10;border-radius:6px;padding:0 4px;display:flex;position:absolute;top:16px;right:16px}.home{flex-direction:column;align-items:center;gap:64px;min-height:100vh;padding:64px 32px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:992px;display:flex}.hero h1{font:700 24px/32px var(--display);margin:0}.hero .lede{max-width:800px;margin:0;font-size:18px;line-height:28px}.cta{flex-direction:column;align-items:center;gap:40px;font-size:16px;line-height:24px;display:flex}.cmd{justify-content:space-between;align-items:center;gap:12px;width:420px;max-width:100%;padding:10px 10px 10px 20px;display:flex}.cmd code{font-size:inherit}.cmd .copy{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:4px;display:flex}.cmd .copy:hover{color:var(--fg);background:var(--bg)}.cmd .copy .icon-check,.cmd .copy.copied .icon-check,.cmd .copy.copied .icon-copy{display:none}.cmd .copy.copied .icon-check{color:var(--hl);display:block}.cta-links{justify-content:center;gap:32px;margin:0;display:flex}.section{flex-direction:column;gap:48px;width:100%;max-width:992px;display:flex}.heading{align-items:center;gap:16px;display:flex}.heading:before,.heading:after{content:"";background:var(--line);flex:1;height:1px}.heading h2{font:700 24px/32px var(--display);margin:0}.about{padding:48px}.about>*{max-width:720px;margin-left:auto;margin-right:auto}.about p{margin-top:0;margin-bottom:16px}.about ul{margin-bottom:0;padding-left:24px}.about li{margin:6px 0}.about li::marker{color:var(--hl)}.footer{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.play-page{flex-direction:column;height:100vh;display:flex}.nav{align-items:center;gap:16px;padding:16px 24px;display:flex}.nav .brand,.nav .brand picture{align-items:center;display:flex}.nav .brand img{display:block}.nav .nav-title{font:700 18px/1 var(--display)}.nav .code-link{margin-left:auto;position:static}.repl{flex-direction:column;flex:1;min-height:0;margin:0 24px 24px;font-size:14px;display:flex}.log{flex:1;padding:20px 24px 0;overflow-y:auto}.entry{white-space:pre-wrap;word-break:break-word;margin:0 0 6px;font-size:14px}.entry.intro{color:var(--muted);margin-bottom:16px}.entry.in{margin-top:12px}.entry.agent{color:var(--muted)}.entry.agent:first-line{color:var(--hl)}.entry.out{color:var(--muted)}.entry.err,.entry.error{color:var(--error)}.entry.warning{color:var(--warning)}.examples{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.examples button{font:inherit;cursor:pointer;color:var(--fg);background:var(--bg);outline-offset:-1px;border:0;padding:2px 10px;font-size:13px}.examples button:hover{outline:1px solid var(--hl)}.input-row{border-top:1px solid var(--bg);align-items:flex-start;gap:8px;padding:14px 24px 18px;display:flex}#prompt{color:var(--hl);white-space:nowrap;line-height:1.5}.input-wrap{flex:1;min-width:0;position:relative}#input,#code,.input-highlight{font:inherit;white-space:pre-wrap;word-break:break-word;tab-size:2;border:0;margin:0;padding:0;line-height:1.5}.input-highlight{pointer-events:none;color:var(--fg);position:absolute;inset:0}#input,#code{resize:none;color:#0000;width:100%;caret-color:var(--fg);background:0 0;outline:0;display:block;position:relative;overflow:hidden}#input::selection{color:#0000;background:#2bb89a40}#code::selection{color:#0000;background:#2bb89a40}.tok-string,.tok-regex{color:var(--tok-string)}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-keyword{color:var(--tok-keyword)}.tok-number,.tok-character,.tok-constant{color:var(--tok-number)}.tok-special{color:var(--tok-special)}.tok-unmatched{color:var(--error);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.spinner{border:2px solid var(--bg);border-top-color:var(--hl);visibility:hidden;border-radius:50%;width:14px;height:14px;margin-top:3px;animation:.8s linear infinite spin}.repl.busy .spinner{visibility:visible}@keyframes spin{to{transform:rotate(360deg)}}.react-play{flex:1;grid-template:"editor preview"minmax(0,3fr)"repl repl"minmax(0,2fr)/minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:0;margin:0 24px 24px;display:grid}.react-play .editor{grid-area:editor}.react-play .preview{grid-area:preview}.react-play .repl{grid-area:repl;margin:0}.pane{flex-direction:column;min-height:0;font-size:14px;display:flex}.pane-head{border-bottom:1px solid var(--bg);color:var(--muted);align-items:center;gap:12px;padding:10px 24px;font-size:13px;display:flex}.pane-button{font:inherit;cursor:pointer;color:var(--fg);background:var(--bg);outline-offset:-1px;border:0;margin-left:auto;padding:2px 10px}.pane-button:hover{outline:1px solid var(--hl)}.status:before{content:"●";margin-right:6px}.status.ok:before{color:var(--hl)}.status.busy:before{color:var(--warning)}.status.error{color:var(--error)}.status:empty{display:none}.webmcp{cursor:help;color:var(--hl);background:#2bb89a1a;border-radius:999px;align-items:center;gap:6px;padding:1px 8px;font-size:12px;display:inline-flex}.webmcp:before{content:"";background:var(--hl);border-radius:50%;width:6px;height:6px}.webmcp[hidden]{display:none}.webmcp.active{background:#2bb89a38}.webmcp.active:before{animation:.6s ease-in-out infinite alternate webmcp-pulse}@keyframes webmcp-pulse{to{opacity:.4;transform:scale(1.8)}}.editor-body{flex:1;padding:16px 24px;overflow:auto}#code{caret-color:var(--fg);overflow:hidden}#code:focus{outline:0}.preview-body{flex:1;position:relative;overflow:auto}.preview-root{padding:24px;font-family:system-ui,sans-serif}.preview-root h1{font:700 28px/1.2 var(--display);margin:0 0 16px}.preview-root .card{box-shadow:none;padding:16px 0}.preview-root button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:8px 16px}.preview-root button:hover{border-color:var(--hl)}.preview-root code{background:var(--bg);padding:2px 6px;font-size:13px}.preview-error{white-space:pre-wrap;word-break:break-word;color:var(--error);background:#cb24310f;margin:0;padding:12px 24px;font-size:13px}.react-play .log{padding-top:12px}@media (max-width:800px){.react-play{grid-template:"editor"minmax(320px,auto)"preview"minmax(240px,auto)"repl"minmax(320px,auto)/minmax(0,1fr)}.play-page{height:auto;min-height:100vh}}