*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;color:#111;background:#fff}a{color:#000;text-decoration:underline}a:hover{color:#666}code{font-family:inherit;background:#f5f5f5;padding:2px 6px;border:1px solid #ccc}pre,input,textarea{font-family:inherit;font-size:12px;padding:8px;border:1px solid #ccc;background:#f5f5f5;color:#111;width:100%;outline:none;resize:none}button{font-family:inherit;font-size:12px;background:#f5f5f5;color:#111;border:1px solid #ccc;padding:8px 16px;cursor:pointer}button:hover{background:#eee}h1,h2,h3{font-weight:400;text-transform:uppercase;letter-spacing:.1em}h1{font-size:14px}h2{font-size:13px}h3{font-size:12px;margin-top:1em}nav{border-bottom:1px solid #ccc;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;background:#fff;z-index:50}nav h1{margin:0}.mic-btn{padding:6px 12px}.mic-btn.mic-enabled{background:#e8f5e8;border-color:#8c8;color:#2a5a2a}.mic-btn:disabled{cursor:wait;opacity:.7}.layout{display:flex;min-height:calc(100vh - 57px);margin-top:57px}.sidebar{width:160px;border-right:1px solid #ccc;padding:12px 0;flex-shrink:0;position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto;align-self:flex-start}.sidebar-section{padding:8px 16px;font-size:12px;color:#000;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid #ddd;margin-bottom:4px}.sidebar a{display:block;padding:4px 16px;text-decoration:none;color:#666}.sidebar a:hover{color:#000;background:#f5f5f5}.content{flex:1;padding:0 20px 40px}.nav-scope{flex:1;margin:0 16px}.nav-scope .scope{height:32px;border:1px solid #ccc;background:#fff}.scope canvas{width:100%;height:100%;display:block}.content section{max-width:700px;margin:0 auto}.content h2{padding:12px 0;margin:0}.intro{border-bottom:1px solid #ccc;padding-bottom:1em;margin-bottom:1em}ul,ol{padding-left:20px}li{padding:2px 0}.repl{display:flex;gap:8px;margin:1em 0}.repl-editor{flex:1;position:relative}.repl-editor textarea{display:block;background:transparent;color:transparent;caret-color:#111;position:relative;z-index:1}.hl-pre{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;pointer-events:none;z-index:0;white-space:pre-wrap;word-wrap:break-word}.hl-slash{color:#999}.hl-command{color:#000;font-weight:700}.hl-number{color:#c00}.hl-comment{color:#999;font-style:italic}.repl-controls{display:flex}.repl-controls button{width:48px;display:flex;align-items:center;justify-content:center}@keyframes eval-flash{0%{outline:1px solid #999}to{outline:1px solid transparent}}.evaluated{animation:eval-flash .3s}@media(max-width:768px){.nav-scope{position:fixed;bottom:48px;left:0;right:0;margin:0;z-index:100}.nav-scope .scope{height:48px;border:none}.layout{padding-bottom:96px}.sidebar{display:none}}.nav-links.svelte-1h32yp1{display:flex;align-items:center;gap:16px}.nav-title.svelte-1h32yp1{text-decoration:none;margin-right:16px}.nav-title.svelte-1h32yp1 h1:where(.svelte-1h32yp1){margin:0}.nav-link.svelte-1h32yp1{display:flex;align-items:center;gap:6px;text-decoration:none;color:#666}.nav-link.svelte-1h32yp1:hover{color:#000}.nav-tabs.svelte-1h32yp1{display:none}.nav-tab.svelte-1h32yp1{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;color:#666;text-decoration:none}.nav-tab.svelte-1h32yp1:hover{color:#000;background:#f5f5f5}@media(max-width:768px){.nav-links.svelte-1h32yp1{display:none}.nav-tabs.svelte-1h32yp1{display:flex;position:fixed;bottom:0;left:0;right:0;height:48px;background:#fff;border-top:1px solid #ccc;z-index:100}}