…
.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.small{color:var(--soft);font-size:calc(13px*var(--fz,1))}
+.ai{margin:14px 0 0;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px 16px}.ai b{font:700 calc(15px*var(--fz,1)) var(--display)}
.foot{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
.foot a{color:var(--soft)}
…
<div class="box" id="tx" contenteditable="plaintext-only" role="textbox" aria-multiline="true" aria-label="A thought" data-ph="An idea for an app, a change, something to remember…"></div>
<div class="row"><button class="btn primary" type="button" id="save">Save it</button><a class="btn" href="#" data-go="/thoughts">Your thoughts</a><span class="small" id="said"></span></div></section>
+<section class="ai"><div><b>Your AI</b><div class="small">Lost it, or starting a new chat? Connect it again: the same steps as on your first day.</div></div><a class="btn" href="#" data-go="/ai/tokens?connect=1">Reconnect your AI →</a></section>
<p class="foot small"><a href="#" data-go="/topics/Home">Your first page</a><a href="#" data-go="/topics/Spec">Specification</a><a href="#" data-go="/topics/Help">Help</a></p>
</div>
…