:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101214;--panel:#171a1f;--panel-2:#1d2229;--border:#2a313a;--text:#e6e9ee;--muted:#9aa4b2;--accent:#8ab4f8;--error:#ff8a80;--warning:#ffd479;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%, #1b2433 0%, var(--bg) 60%)}#app{min-height:100vh}#repl{max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem 3rem}#repl-header h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2rem}#repl-header h1 span{color:var(--accent)}#repl-header p{color:var(--muted);max-width:70ch;margin:0 0 1.5rem}#repl-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:1.25rem;display:grid}.back-button{display:none}@media (width<=900px){#repl-columns{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#repl-input,#repl-output{grid-area:1/1}#repl-columns.program #repl-output,#repl-columns.output #repl-input{display:none}.back-button{display:inline-flex}}#repl-input,#repl-output{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:32rem;display:flex;overflow:hidden}.pane-title{border-bottom:1px solid var(--border);background:var(--panel-2);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;display:flex}.pane-title h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem;font-weight:600}button{font:inherit;color:#0b1220;background:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:.35rem .85rem;font-size:.85rem;font-weight:600}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.55;cursor:default}#editor{flex:1;min-height:28rem;position:relative;overflow:hidden}#editor-highlight,#editor textarea{font-family:var(--mono);letter-spacing:normal;tab-size:4;white-space:pre;border:none;margin:0;padding:1rem;font-size:.9rem;line-height:1.55;position:absolute;inset:0}#editor-highlight{pointer-events:none;color:var(--text);overflow:hidden}#editor-highlight .shiki{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;tab-size:inherit;white-space:pre;border:none;outline:none;margin:0;padding:0;overflow:visible;background:0 0!important}#editor-highlight .shiki code{font:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;tab-size:inherit;white-space:pre;background:0 0;border:0;border-radius:0;padding:0;display:block}#editor textarea{z-index:1;resize:none;color:var(--text);caret-color:#fff;background:0 0;outline:none;overflow:auto}#editor.ready textarea{color:#0000;-webkit-text-fill-color:transparent}#editor textarea::selection{color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;background:#8ab4f84d}pre.output{color:#d7e0ea;min-height:12rem;max-height:34rem;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:0 0;flex:1;margin:0;padding:1rem;font-size:.9rem;line-height:1.55;overflow:auto}.errors,.warnings{border-top:1px solid var(--border);background:var(--panel-2);max-height:18rem;padding:.75rem 1rem 1rem;overflow:auto}.errors h3,.warnings h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem}.errors h3{color:var(--error)}.warnings h3{color:var(--warning)}.errors ul,.warnings ul{margin:0;padding:0;list-style:none}.errors li,.warnings li{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;padding:.25rem 0;font-size:.82rem}.position{min-width:4.5rem;color:var(--muted);display:inline-block}code{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;font-size:.9em}#repl.embed{flex-direction:column;max-width:none;height:100vh;padding:.5rem;display:flex;overflow:hidden}#repl.embed #repl-header{display:none}#repl.embed #repl-columns{flex:1;gap:.5rem;min-height:0}#repl.embed #repl-input,#repl.embed #repl-output{border-radius:8px;min-height:0}#repl.embed #editor{min-height:0}#repl.embed .pane-title{padding:.3rem .6rem}#repl.embed .pane-title h2{font-size:.7rem}#repl.embed button{padding:.25rem .6rem;font-size:.75rem}#repl.embed #editor-highlight,#repl.embed #editor textarea{padding:.6rem;font-size:.8rem;line-height:1.45}#repl.embed pre.output{min-height:0;max-height:none;padding:.6rem;font-size:.8rem;line-height:1.45}#repl.embed .errors,#repl.embed .warnings{max-height:8rem;padding:.5rem .6rem}#repl.embed .errors li,#repl.embed .warnings li{font-size:.75rem}@media (width>=560px){#repl.embed #repl-columns{grid-template-rows:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}#repl.embed #repl-input,#repl.embed #repl-output{grid-area:auto}#repl.embed #repl-columns.program #repl-output,#repl.embed #repl-columns.output #repl-input{display:flex}#repl.embed .back-button{display:none}}.pane-actions{align-items:center;gap:.5rem;display:flex}.ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.ghost:hover:not(:disabled){border-color:var(--muted);color:var(--text);filter:none}#repl.embed .pane-actions .ghost{display:none}#home{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}#home h1{letter-spacing:-.04em;margin:0;font-size:3.25rem}#preview{max-width:1240px;margin:0 auto;padding:2.5rem 1.5rem 3rem}#preview header h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2rem}#preview header p{color:var(--muted);margin:0 0 1.5rem}#preview .preview-card{border:1px solid var(--border);background:var(--panel);border-radius:10px;width:100%;height:auto;display:block}#preview .preview-back{margin-top:1.25rem}#preview a{color:var(--accent)}a.ghost{border-radius:6px;align-items:center;padding:.35rem .85rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=600px){.pane-title{flex-wrap:wrap}.pane-actions{justify-content:flex-start;width:100%}}