:root{--ac: oklch(.72 .19 250);--ac-ink: #05070d;--col: clamp(640px, 49.6vw, 840px);--fs-chat: clamp(15px, 1.16vw, 18px);--fs-chat-s: clamp(14px, 1.09vw, 17px);--bg: #050505;--text: #ededed;--text-ai: #d4d7dd;--text-secondary: #8b8f98;--text-placeholder: #6b7078;--text-faint: #5e636c;--surface: #0c0c0c;--font-ui: Geist, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}:root[data-accent=lime]{--ac: oklch(.85 .19 120);--ac-ink: #151a08}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--text);color-scheme:dark}.app{display:flex;flex-direction:column;height:100dvh}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding:14px 24px}header.conversing{border-bottom:1px solid rgba(255,255,255,.06)}.identity{display:flex;align-items:center;gap:12px}.monogram{width:34px;height:34px;border-radius:10px;background:color-mix(in oklab,var(--ac) 18%,transparent);color:var(--ac);display:grid;place-items:center;font:700 15px var(--font-ui)}.name{font:700 15px/1.2 var(--font-ui)}.role{font:11px/1.3 var(--font-ui);color:var(--text-secondary)}.badge{font:500 9px var(--font-mono);letter-spacing:.14em;color:var(--ac);border:1px solid color-mix(in oklab,var(--ac) 45%,transparent);border-radius:999px;padding:3px 8px;margin-left:4px;white-space:nowrap}.links{display:flex;gap:18px;font-size:13px}.links a{color:#9aa0ab;text-decoration:none;display:inline-flex;align-items:center;min-height:34px}.links a:hover{color:var(--text)}.hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,1.86vw,36px);padding:0 24px;text-align:center;overflow-y:auto}.hero h1{margin:0;font:600 clamp(54px,4.19vw,80px) / 1.1 var(--font-ui);letter-spacing:-.03em}.accent{color:var(--ac)}.subcopy{position:relative;margin:0;font:clamp(14.5px,1.12vw,21.5px) / 1.65 var(--font-ui);color:var(--text-secondary);max-width:clamp(480px,37.2vw,710px)}.intro-sizer{color:transparent;-webkit-user-select:none;user-select:none}.intro-typed{position:absolute;inset:0}.intro-cursor{width:.45em;height:1.05em;vertical-align:-.12em}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:var(--col)}.chip{padding:.64em 1.12em;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:#c8ccd4;font:clamp(12.5px,.97vw,18.5px) var(--font-ui);cursor:pointer}.chip:hover{border-color:color-mix(in oklab,var(--ac) 60%,transparent)}.landing-footer{flex:none;padding:0 24px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:11px;color:var(--text-faint)}.mono{font-family:var(--font-mono)}.messages{flex:1;min-height:0;overflow-y:auto;padding:22px 20px 8px}.thread{max-width:var(--col);margin:0 auto;display:flex;flex-direction:column;gap:24px}.row{animation:fadeUp .4s both}.row.user{display:flex;justify-content:flex-end}.row.assistant{animation-delay:.08s}.pill{background:color-mix(in oklab,var(--ac) 16%,transparent);color:color-mix(in oklab,var(--ac) 45%,white);padding:10px 14px;border-radius:16px;max-width:75%;font:var(--fs-chat-s) / 1.55 var(--font-ui);text-align:left;white-space:pre-wrap;overflow-wrap:break-word}.msg-label{font:600 10px var(--font-mono);letter-spacing:.16em;color:var(--ac);margin-bottom:8px}.msg-text{font:var(--fs-chat) / 1.75 var(--font-ui);color:var(--text-ai);white-space:pre-wrap;overflow-wrap:break-word}.row.error .msg-text{color:#ff9aa5}.cursor{display:inline-block;width:9px;height:17px;background:var(--ac);vertical-align:-3px;margin-left:3px;animation:blink 1s steps(1) infinite}.composer{display:flex;align-items:center;gap:10px;width:100%;max-width:calc(var(--col) * .969);background:var(--surface);border:1px solid color-mix(in oklab,var(--ac) 40%,transparent);border-radius:16px;padding:10px 10px 10px 18px;box-shadow:0 0 60px color-mix(in oklab,var(--ac) 14%,transparent)}.composer:hover,.composer:focus-within{border-color:color-mix(in oklab,var(--ac) 60%,transparent)}.composer input{flex:1;min-width:0;border:none;outline:none;background:none;padding:0;color:var(--text);font:var(--fs-chat) var(--font-ui)}.composer input::placeholder{color:var(--text-placeholder)}.composer button{flex:none;width:clamp(38px,2.95vw,46px);height:clamp(38px,2.95vw,46px);border:none;border-radius:12px;background:var(--ac);color:var(--ac-ink);font:600 clamp(17px,1.32vw,20px) var(--font-ui);cursor:pointer;display:grid;place-items:center}.composer button:disabled{opacity:.5;cursor:default}.dock{flex:none;padding:10px 24px calc(12px + env(safe-area-inset-bottom))}.dock .composer{max-width:var(--col);margin:0 auto;padding:9px 9px 9px 16px;box-shadow:0 0 44px color-mix(in oklab,var(--ac) 12%,transparent)}.dock .composer input{font-size:var(--fs-chat-s)}.dock .composer button{width:clamp(36px,2.8vw,44px);height:clamp(36px,2.8vw,44px);border-radius:11px;font-size:clamp(16px,1.24vw,19px)}.cap{max-width:var(--col);margin:10px auto 0;display:flex;align-items:center;gap:10px}.cap-track{flex:1;height:2px;background:#ffffff14;border-radius:2px}.cap-fill{height:100%;background:var(--ac);border-radius:2px}.cap-count{font-size:11px;color:var(--text-faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.row,.cursor{animation:none}}@media(max-width:640px){header{padding:12px 16px}.links{gap:8px}.links a{min-height:44px;padding:0 6px}.hero{padding:0 16px}.hero h1{font-size:34px}.messages{padding:18px 16px 8px}.dock{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}}.turnstile{position:fixed;bottom:5rem;right:1rem;z-index:10}