:root{--bg: #2424e0;--fg: #ffffff;--hi: #00ff00;--hi-fg: #000000;--fg-dim: rgba(255, 255, 255, .75);--rule: rgba(255, 255, 255, .35);--code-bg: rgba(0, 0, 0, .25);--tok-comment: #a8e6bd;--tok-punct: #ffffff;--tok-number: #ffd08a;--tok-string: #ffb8cd;--tok-operator: #dfe3ff;--tok-keyword: #8fe3ff;--tok-function: #ffec96;--tok-variable: #ffaeae}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Mono,monospace;line-height:1.6;color:var(--fg);background-color:var(--bg);margin:0;padding:0}::selection{background:var(--hi);color:var(--hi-fg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:var(--bg)}.site-title{font-size:1rem;font-weight:700;margin:0;color:var(--fg);text-decoration:none}.site-title:hover{background:var(--hi);color:var(--hi-fg)}.main-nav{position:fixed;top:4rem;left:50%;transform:translate(-50%);z-index:1000;background:var(--bg);border:1px solid var(--rule);border-radius:50px;padding:.5rem 1rem;width:fit-content}.nav-items{display:flex;flex-direction:row;gap:.5rem}.nav-item{display:block;padding:.5rem .75rem;text-decoration:none;color:var(--fg);border-radius:50px;transition:all .15s ease;position:relative;white-space:nowrap;font-weight:400;font-size:.85rem}.nav-item:hover,.nav-item.active{background:var(--hi);color:var(--hi-fg)}.nav-item.external:after{content:" ↗";font-size:.7rem}.nav-text{font-weight:400}.site-main{max-width:800px;margin:0 auto;padding:2rem;padding-top:var(--chrome-top)}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--fg)}.content-article{font-size:.9rem;line-height:1.7}.content-article h2{font-size:1.25rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;color:var(--fg)}.content-article h3{font-size:1.1rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;color:var(--fg)}.content-article h4{font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;color:var(--fg)}.content-article p{margin-bottom:1rem}.content-article ul,.content-article ol{margin-bottom:1rem;padding-left:1.5rem}.content-article li{margin-bottom:.5rem}.content-article a{color:var(--fg);text-decoration:underline;transition:background .15s ease}.content-article a:hover{background:var(--hi);color:var(--hi-fg);text-decoration:none}.content-article img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:4px}.content-article img[src*="#img-full"]{width:100%;max-width:100%}a{color:var(--fg);text-decoration:underline}pre{background-color:var(--code-bg);color:var(--fg);border:1px solid var(--rule);border-radius:4px;padding:1rem;overflow-x:auto;margin:1.5rem 0;font-size:.85rem;line-height:1.5}code{font-family:Roboto Mono,monospace;font-size:.9em;background:var(--code-bg);color:var(--fg);padding:.15rem .3rem;border-radius:3px}pre code{background:none;padding:0}pre code.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--tok-comment)}.token.punctuation{color:var(--tok-punct)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--tok-number)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--tok-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--tok-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--tok-keyword)}.token.function,.token.class-name{color:var(--tok-function)}.token.regex,.token.important,.token.variable{color:var(--tok-variable)}.content-article table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.85rem}.content-article th,.content-article td{border:1px solid var(--rule);padding:.75rem;text-align:left}.content-article th{background-color:var(--code-bg);font-weight:700}.content-article blockquote{border-left:3px solid var(--fg);margin:1.5rem 0;padding-left:1rem;font-style:italic;color:var(--fg-dim)}.content-list{list-style:none;padding:0}.content-list-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--rule)}.content-list-item:last-child{border-bottom:none}.content-list-item a{color:var(--fg);text-decoration:none;font-size:1rem;display:inline-block;transition:background .15s ease}.content-list-item a:hover{background:var(--hi);color:var(--hi-fg)}.content-list-item .sequence{color:var(--fg-dim);margin-right:.5rem}@media(max-width:768px){.site-header{padding:1rem}.main-nav{top:3.5rem;padding:.4rem .75rem;max-width:95vw}.nav-items{flex-wrap:wrap;justify-content:center;gap:.25rem}.nav-item{padding:.4rem .5rem;font-size:.75rem}.site-main{padding:1.5rem;padding-top:var(--chrome-top)}:root{--chrome-top: 9rem}.page-title{font-size:1.25rem}}@media(max-width:480px){.main-nav{border-radius:20px}.nav-item{padding:.35rem .4rem;font-size:.7rem}:root{--chrome-top: 10rem}}.projects-intro-link{font-size:.85rem;margin-bottom:2rem;color:var(--fg-dim)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.project-card{text-decoration:none;color:var(--fg);display:block}.project-card:hover .project-card-image{opacity:.85}.project-card:hover .project-card-title{background:var(--hi);color:var(--hi-fg)}.project-card-image{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;margin-bottom:.75rem;background-color:var(--code-bg);transition:opacity .15s ease}.project-card-image img{width:100%;height:100%;object-fit:cover;display:block}.project-card-no-image{background-color:var(--code-bg)}.project-card-title{font-size:.9rem;font-weight:700;margin-bottom:.25rem;display:inline-block}.project-card-author{font-size:.8rem;color:var(--fg-dim)}.project-article{font-size:.9rem;line-height:1.7}.project-cover{width:100%;margin-bottom:2rem;border-radius:4px;overflow:hidden}.project-cover img{width:100%;height:auto;display:block}.project-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-author{font-size:.9rem;color:var(--fg-dim)}.iframe-column{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:1.5rem 0;border-radius:4px}.iframe-column iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.iframe-wide{position:relative;width:calc(80vw - 4rem);margin-left:calc(-40vw + 50%);margin-top:1.5rem;margin-bottom:1.5rem;padding-bottom:56.25%;height:40vw;overflow:hidden;border-radius:4px}.iframe-wide iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.launch-interactive{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--fg);border:none;border-radius:50px;padding:1.5rem 3.3rem;font-family:inherit;font-size:2rem;font-weight:400;color:var(--bg);cursor:pointer;margin:1rem auto;transition:all .15s ease;width:fit-content}.launch-interactive:hover{background:var(--hi);color:var(--hi-fg)}.interactive-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--bg)}.interactive-overlay.active{display:block}.interactive-overlay iframe{width:100%;height:100%;border:none;display:block}.interactive-close{position:fixed;top:1.25rem;left:1.25rem;z-index:10001;display:inline-flex;align-items:center;gap:.35rem;background:var(--fg);border:none;border-radius:50px;padding:.5rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:400;color:var(--bg);cursor:pointer;transition:all .15s ease}.interactive-close:hover{background:var(--hi);color:var(--hi-fg)}@media(max-width:600px){.project-grid{grid-template-columns:minmax(0,1fr)}}.marquee{max-width:100%;overflow:hidden;white-space:nowrap;vertical-align:top}.marquee>span{display:inline-block}.marquee.scrolling>span{animation:marquee var(--marquee-time, 8s) ease-in-out infinite}@keyframes marquee{0%,15%{transform:translate(0)}50%,65%{transform:translate(var(--marquee-shift, 0))}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.marquee.scrolling>span{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-main.wide{max-width:1240px}:root{--chrome-top: 8rem}.site-main.wide.full{max-width:none;padding:var(--chrome-top) 1.25rem 3rem}.content-article .header-anchor{color:inherit;text-decoration:none}.content-article .header-anchor:hover:after{content:" #";color:var(--fg-dim)}.content-article [data-sandbox]{margin:2rem 0}.content-article .gap{border-left:2px solid var(--hi);padding:.25rem 0 .25rem 1rem;margin:1.75rem 0;font-size:.85rem}.content-article .sandbox,.content-article .sandbox h2,.content-article .sandbox h3,.content-article .sandbox h4,.content-article .sandbox a{color:#000}.content-article .sandbox a:hover{background:none;color:#000}.content-article .sandbox table,.content-article .sandbox th,.content-article .sandbox td{border:0;background:none;color:inherit}.content-article .sandbox pre,.content-article .sandbox code{background:none;border:0;color:inherit}.content-article .sandbox blockquote{border-left:2px solid #000;color:#444}.fab.svelte-19i7zm8{position:fixed;right:1.25rem;bottom:1.25rem;z-index:900;font:inherit;font-size:.72rem;padding:.5rem .85rem;background:var(--fg);color:var(--bg);border:0;border-radius:40px;cursor:pointer}.fab.svelte-19i7zm8:hover{background:var(--hi);color:var(--hi-fg)}.panel.svelte-19i7zm8{position:fixed;right:1.25rem;bottom:4rem;z-index:900;width:min(380px,calc(100vw - 2.5rem));max-height:60vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);border:1px solid var(--rule);padding:.9rem}.note.svelte-19i7zm8{font-size:.62rem;color:var(--fg-dim);line-height:1.5;margin:0 0 .75rem}.tokenrow.svelte-19i7zm8{display:flex;align-items:flex-end;gap:.4rem;margin-bottom:.75rem}.tokenrow.svelte-19i7zm8 label:where(.svelte-19i7zm8){flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.62rem;color:var(--fg-dim)}.tokenrow.svelte-19i7zm8 input:where(.svelte-19i7zm8){font:inherit;font-size:.7rem;padding:.3rem;border:1px solid var(--rule);background:var(--code-bg);color:var(--fg)}.tokenrow.svelte-19i7zm8 input:where(.svelte-19i7zm8):disabled{color:var(--fg-dim);opacity:.55;cursor:not-allowed}.link.svelte-19i7zm8{font:inherit;font-size:.62rem;padding:.3rem .1rem;background:none;border:0;color:var(--fg-dim);text-decoration:underline;cursor:pointer}.link.svelte-19i7zm8:hover:not(:disabled){color:var(--hi)}.link.svelte-19i7zm8:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.log.svelte-19i7zm8{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;font-size:.75rem}.msg.svelte-19i7zm8{line-height:1.6;white-space:pre-wrap}.msg.user.svelte-19i7zm8{color:var(--fg);font-weight:700}.msg.assistant.svelte-19i7zm8{color:var(--fg-dim)}.msg.error.svelte-19i7zm8{color:var(--hi)}.dim.svelte-19i7zm8{color:var(--fg-dim)}form.svelte-19i7zm8{display:flex;gap:.4rem;margin-top:.75rem}textarea.svelte-19i7zm8{flex:1;font:inherit;font-size:.75rem;padding:.4rem;border:1px solid var(--rule);background:var(--code-bg);color:var(--fg);resize:none}form.svelte-19i7zm8 button:where(.svelte-19i7zm8){font:inherit;font-size:.7rem;padding:0 .7rem;background:var(--fg);color:var(--bg);border:0;cursor:pointer}form.svelte-19i7zm8 button:where(.svelte-19i7zm8):hover{background:var(--hi);color:var(--hi-fg)}.agents.svelte-1b6eyt1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;pointer-events:none}.switch.svelte-1b6eyt1{position:fixed;left:.75rem;bottom:.75rem;z-index:900;font:inherit;font-size:.62rem;background:none;border:0;padding:.2rem .3rem;color:var(--fg-dim);cursor:pointer}.switch.svelte-1b6eyt1:hover{background:var(--hi);color:var(--hi-fg)}.pending.svelte-12qhfyh{font-size:.7rem;font-weight:400;color:var(--fg-dim);margin-left:.75rem;white-space:nowrap}