:root{--bg:#FFF4E6;--ink:#1A1433;--muted:#4A4360;--line:#1A1433;--accent:#FF6A2B;--you:#FF6A2B;--them:#B8A6FF;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Manrope",system-ui,sans-serif;--r:22px 22px 22px 6px}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#1A1433;--ink:#FFF4E6;--muted:#C9C2E6;--line:#FFF4E6}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--body)}.wrap{max-width:640px;margin:0 auto;padding-inline:16px;padding-block:calc(20px + env(safe-area-inset-top,0px)) 32px;display:flex;flex-direction:column;gap:20px;min-height:100%}header{justify-content:space-between;gap:12px;flex-wrap:wrap}h1,header{display:flex;align-items:center}h1{font:800 26px/1 var(--display);margin:0;letter-spacing:-.05em;gap:4px}h1 span{color:var(--accent)}h1 svg{margin-right:6px;color:var(--ink)}.tag{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}h2{font:800 28px/1.05 var(--display);margin:0 0 6px;letter-spacing:-.04em;text-wrap:balance}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.stack{display:flex;flex-direction:column;gap:12px}.cards{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.card{background:transparent;border:3px solid var(--line);border-radius:var(--r);padding:14px 16px;text-align:left;cursor:pointer;color:var(--ink);font:inherit;display:flex;flex-direction:column;gap:4px}.card:focus-visible,.card:hover{background:var(--them);color:#1A1433;outline:none}.card:focus-visible .muted,.card:hover .muted{color:#1A1433}.card b{font:800 17px var(--display);letter-spacing:-.02em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:3px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:7px 13px;font:800 14px var(--display);cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);color:#1A1433}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label.q{display:block;font:800 16px var(--display);letter-spacing:-.02em;margin-bottom:6px}input[type=text],textarea{width:100%;font:inherit;color:var(--ink);background:transparent;border:3px solid var(--line);border-radius:18px 18px 18px 6px;padding:10px 12px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.btn{border:3px solid var(--line);border-radius:18px;padding:11px 18px;font:800 15px var(--display);cursor:pointer;background:var(--accent);color:#1A1433}.btn.secondary{background:transparent;color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.row{display:flex;gap:10px;flex-wrap:wrap}.row .grow{flex:1 1 auto}.chat{display:flex;flex-direction:column;gap:10px}.msg{max-width:85%;padding:10px 14px;border:3px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;color:#1A1433}.msg.them{align-self:flex-start;background:var(--them);border-radius:22px 22px 22px 6px}.msg.you{align-self:flex-end;background:var(--you);border-radius:22px 22px 6px 22px;font-weight:600}.msg.sys{align-self:center;background:transparent;border:0;color:var(--muted);font-size:13px;font-style:italic}.who{font:800 12px var(--display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;opacity:.8}.composer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding-block:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1 1;min-height:48px;max-height:140px}.meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.pill{border:3px solid var(--line);background:var(--them);color:#1A1433;border-radius:999px;padding:3px 10px;font:800 12px var(--display)}.fb{display:grid;grid-gap:12px;gap:12px}.fb section{border:3px solid var(--line);border-radius:var(--r);padding:14px 16px}.fb .lbl{font:800 13px var(--display);color:var(--accent);margin-bottom:4px}.fb blockquote{margin:0;font:italic 600 18px/1.35 var(--body);padding-left:12px;border-left:4px solid var(--accent)}.ready{font:800 16px var(--display);letter-spacing:-.02em}.help{background:var(--them);border:3px solid var(--line);color:#1A1433;border-radius:var(--r);padding:16px}.help h2{color:inherit}.help ul{margin:8px 0 0;padding-left:18px;display:grid;grid-gap:6px;gap:6px}.help a{color:inherit}.help code{font:800 15px var(--display);-webkit-user-select:all;-moz-user-select:all;user-select:all}.hint{color:var(--accent);font-weight:700;font-size:14px}footer{margin-top:auto;font-size:12px;color:var(--muted);text-align:center}@media (prefers-reduced-motion:no-preference){.msg{animation:in .18s ease-out}@keyframes in{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}}