:root{--step:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.5;overflow:hidden}body{position:fixed;inset:0}.app{top:var(--app-offset,0px);height:100dvh;height:var(--app-height,100dvh);flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:hidden}.scrollback:focus-visible,.chip:focus-visible,.prompt-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.announcer{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scrollback{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:12px 12px 10px;overflow-y:auto}.line{white-space:pre-wrap;word-break:break-word;margin:0 0 2px}.line-echo{color:var(--fg-dim);border-top:1px solid var(--rule);margin-top:14px;padding-top:12px}.proof-sample .line-echo{border-top:0;margin-top:0;padding-top:0}.composing{color:var(--accent);margin:0;padding:6px 12px 0}.readable{color:var(--fg);max-width:100%}.readable h1{color:var(--accent);margin:0 0 2px;font-size:15px;font-weight:400}.readable h2{color:var(--fg-dim);margin:0 0 2px;font-size:15px;font-weight:400}.readable h2 a{margin-right:1ch}.readable p{word-break:break-word;margin:0 0 2px}.readable ul{margin:0;padding:0;list-style:none}.readable li,.readable section{margin:0 0 22px}.readable-gloss{color:var(--fg-faint)}.readable-said{color:var(--fg-dim)}.readable-body{padding-left:var(--step)}.readable-count,.readable-nav{color:var(--fg-faint)}.readable-count{padding-left:var(--step)}.readable-nav{margin-top:22px}.readable a{color:var(--accent);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.readable time{color:inherit}.line-prefix{color:var(--fg-dim)}.line-tap{font:inherit;color:var(--accent);cursor:pointer;white-space:pre;background:0 0;border:0;margin:0 -8px;padding:3px 8px;display:inline}.line-tap:active{color:var(--fg)}@media (hover:hover){.line-tap:hover{color:var(--fg)}}.line-tap:focus:not(:focus-visible){outline:none}.line-typed{color:var(--fg)}.line-dim{color:var(--fg-dim)}.line-faint{color:var(--fg-faint)}.line-error{color:var(--error)}.line-accent{color:var(--accent)}.line-rule{color:var(--rule)}.depth-1{padding-left:var(--step)}.depth-2{padding-left:calc(var(--step) * 2)}.composer{border-top:1px solid var(--rule);background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0px);flex:none}.pending{color:var(--fg-faint);margin:0;padding:6px 12px 0}.mail{color:var(--accent);margin:0;padding:6px 12px 0}.palette-row{align-items:center;min-width:0;display:flex}.palette{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;gap:6px;min-width:0;padding:8px 32px 8px 12px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.palette::-webkit-scrollbar{display:none}.chip{background:var(--bg-raised);border:1px solid var(--rule);color:var(--fg-dim);font:inherit;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:4px;flex:none;padding:6px 10px;font-size:13px}.chip:active{border-color:var(--accent-dim)}.chip-pinned{flex:none;margin-right:12px}.chip-verb{color:var(--accent)}.chip-gloss{color:var(--fg-faint)}.prompt-row{align-items:baseline;gap:8px;padding:4px 12px 12px;display:flex}.prompt-label{color:var(--accent);white-space:nowrap;flex:none}.caret{background:var(--accent);flex:none;width:.55em;height:1.15em;margin-right:-.55em;animation:1.06s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{opacity:.7;animation:none}}.prompt-label-guest{color:var(--fg-faint)}.prompt-input{min-width:0;color:var(--fg);font:inherit;caret-color:var(--accent);background:0 0;border:0;flex:auto;padding:0;font-size:16px}.prompt-input:focus{outline:none}.document{-webkit-overflow-scrolling:touch;max-width:40rem;margin:0 auto;padding:32px 20px 64px;line-height:1.65;position:fixed;inset:0;overflow-y:auto}.document h1{color:var(--accent);margin:0;font-size:15px;font-weight:400}.document h2{color:var(--fg);margin:32px 0 8px;font-size:15px;font-weight:400}.document h2:before{content:"── ";color:var(--fg-faint)}.document p{color:var(--fg-dim);overflow-wrap:break-word;margin:0 0 12px}.document-meta{color:var(--fg-faint)}.document a{color:var(--accent)}.document-unfinished{border:1px solid var(--error);color:var(--error);margin:16px 0 0;padding:12px}.document-unfinished code{color:var(--fg);font-family:inherit}.glossary>div{margin:0 0 .9rem}.glossary dt{font-weight:600}.glossary dt code{color:var(--accent)}.glossary dd{color:var(--fg-dim);margin:.15rem 0 0}.landing{-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.landing-inner{--prose:36rem;max-width:58rem;margin:0 auto;padding:32px 20px 72px}.landing-headline{letter-spacing:-.02em;color:var(--fg);text-wrap:balance;margin:10px 0 0;font-size:clamp(30px,8.4vw,52px);font-weight:400;line-height:1.08}.landing-mark{color:var(--fg-faint);letter-spacing:.04em;margin:0}.landing-chevron{color:var(--accent)}.landing-sub{max-width:var(--prose);color:var(--fg-dim);margin:14px 0 22px;font-size:clamp(15px,4vw,17px);line-height:1.55}.landing-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;margin:22px 0 0;display:flex}.landing-button{border:1px solid var(--accent-dim);background:var(--bg-raised);color:var(--accent);white-space:nowrap;border-radius:5px;padding:11px 18px;text-decoration:none;display:inline-block}.landing-button:active{border-color:var(--accent)}@media (hover:hover){.landing-button:hover{border-color:var(--accent)}}.landing-link{color:var(--fg-faint);text-underline-offset:3px}.demo{border:1px solid var(--rule);background:var(--bg);box-shadow:0 20px 70px -34px var(--accent);border-radius:10px;overflow:hidden}.demo-bar{background:var(--bg-raised);border-bottom:1px solid var(--rule);align-items:center;gap:6px;padding:9px 12px;display:flex}.demo-dot{background:var(--rule);border-radius:50%;width:9px;height:9px}.demo-title{text-align:center;color:var(--fg-faint);flex:auto;margin-right:45px;font-size:12px}.demo-pane{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:clamp(280px,46vh,420px);padding:12px 12px 10px;overflow-y:auto}.demo-composer{border-top:1px solid var(--rule);background:var(--bg)}.demo-invitation{color:var(--accent);margin:0;padding:2px 12px 12px}.landing-footnote{max-width:var(--prose);color:var(--fg-faint);margin:12px 0 0;font-size:13px;line-height:1.5}.landing-statement{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:72px 0 0;padding:40px 0}.landing-statement p{letter-spacing:-.01em;max-width:30ch;color:var(--fg);text-wrap:balance;margin:0;font-size:clamp(21px,5.6vw,32px);line-height:1.25}.landing-proofs{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:40px 32px;margin:56px 0 0;display:grid}.proof{flex-direction:column;display:flex}.proof .proof-sample{margin-top:auto}.proof h2{color:var(--accent);text-wrap:balance;margin:0 0 8px;font-size:17px;font-weight:400;line-height:1.3}.proof>p{max-width:var(--prose);color:var(--fg-dim);margin:0 0 14px;line-height:1.55}.proof-sample{border-left:1px solid var(--rule);padding:2px 0 2px 14px;font-size:13px;overflow-x:auto}.landing-card{margin:72px 0 0}.landing-card h2{color:var(--accent);text-wrap:balance;margin:0 0 10px;font-size:clamp(18px,5vw,24px);font-weight:400;line-height:1.25}.landing-card>p{max-width:var(--prose);color:var(--fg-dim);margin:0 0 20px;line-height:1.55}.landing-shot{border:1px solid var(--rule);border-radius:8px;width:100%;height:auto;display:block}.landing-end{border-top:1px solid var(--rule);margin:80px 0 0;padding-top:40px}.landing-closing{max-width:24ch;color:var(--fg);text-wrap:balance;margin:0 0 24px;font-size:clamp(20px,5.4vw,28px);line-height:1.25}.landing-poster{border-radius:8px;width:100%;height:auto;margin:0 0 28px;display:block}.landing-footer{color:var(--fg-faint);margin:0}.landing-footer a{color:var(--fg-faint);text-underline-offset:3px}.landing a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
