.page{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100dvh;display:grid}.portrait{justify-content:center;align-items:flex-start;padding:24px 16px 4px;display:flex}.photo{background:var(--paper-raised);border:1px solid var(--rule);box-shadow:0 1px 0 var(--rule), 0 14px 30px -18px #28190a59;width:min(58vw,240px);margin:0;padding:10px 10px 0;transform:rotate(-1.5deg)}.photo img{aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;background:var(--tiger-wash);width:100%;display:block}.photo figcaption{font-family:var(--serif);color:var(--muted);text-align:center;padding:10px 4px 12px;font-size:.9rem;font-style:italic}.conversation{flex-direction:column;width:100%;max-width:640px;min-height:0;margin:0 auto;padding:0 16px;display:flex}.masthead{align-items:center;gap:10px;padding:18px 0 8px;display:flex}.masthead h1{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:700}.masthead h1 span{color:var(--muted);font-style:italic;font-weight:400}.avatar{object-fit:cover;object-position:50% 25%;border:1.5px solid var(--tiger);border-radius:50%;width:34px;height:34px;display:none}.start-over{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-left:auto;font-size:.85rem;text-decoration:underline}.start-over:hover{color:var(--ink)}.log{flex-direction:column;flex:1;gap:18px;padding:8px 0 20px;display:flex}.line p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.line.axe p{font-family:var(--serif);color:var(--ink);font-size:1.2rem;line-height:1.5}.line.axe.opening p{font-size:1.55rem;line-height:1.35}.line.axe.opening p+p{color:var(--tiger-ink)}.line.axe.failed p{color:var(--muted);font-style:italic}.line.user{justify-content:flex-end;display:flex}.line.user p{background:var(--tiger-wash);max-width:82%;color:var(--ink);border-radius:16px 16px 4px;padding:10px 14px;font-size:1rem;line-height:1.45}.suggestions{flex-wrap:wrap;gap:8px;margin-top:-4px;display:flex}.suggestions button{border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-size:.9rem;transition:border-color .15s,color .15s}.suggestions button:hover{border-color:var(--tiger);color:var(--ink)}.rate{align-items:center;gap:2px;min-height:26px;margin-top:6px;display:flex}.rate button{width:28px;height:26px;color:var(--muted);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.rate button:hover{opacity:1;background:var(--tiger-wash)}.rate button[aria-pressed=true]{opacity:1;color:var(--tiger-ink)}.rate .thanks{color:var(--muted);margin-left:6px;font-size:.8rem}.thinking{gap:6px;padding:8px 0;display:flex}.thinking span{background:var(--tiger);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite hop}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes hop{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.thinking span{opacity:.7;animation:none}}.composer{background:var(--paper-raised);border:1.5px solid var(--rule);box-shadow:0 -12px 20px -4px var(--paper);border-radius:18px;align-items:flex-end;gap:8px;margin-top:auto;padding:8px;transition:border-color .15s;display:flex;position:sticky;bottom:0}.composer:focus-within{border-color:var(--tiger)}.composer textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;padding:8px;font-size:1rem;line-height:1.4}.composer textarea::placeholder{color:var(--muted)}.composer button{background:var(--ink);color:var(--paper);cursor:pointer;border:none;border-radius:12px;padding:9px 16px;font-weight:600}.composer button:disabled{opacity:.35;cursor:default}.composer button:not(:disabled):hover{background:var(--tiger-ink)}.fineprint{color:var(--muted);text-align:center;margin:10px 0 max(14px, env(safe-area-inset-bottom));font-size:.78rem}@media (width<=899px){.page.is-started .portrait{display:none}.page.is-started .avatar{display:block}.page.is-started .masthead{z-index:1;background:var(--paper);border-bottom:1px solid var(--rule);margin:0 -16px;padding:10px 16px;position:sticky;top:0}.page:not(.is-started) .masthead{justify-content:center}}@media (width>=900px){.page{grid-template-rows:1fr;grid-template-columns:minmax(340px,42%) 1fr;height:100dvh}.portrait{border-right:1px solid var(--rule);align-items:center;padding:40px}.photo{width:min(100%,400px);padding:14px 14px 0}.photo figcaption{padding:14px 4px 18px;font-size:1rem}.conversation{max-width:720px;height:100dvh;padding:0 40px}.masthead{padding-top:28px}.log{scrollbar-width:thin;padding-top:24px;overflow-y:auto}.line.axe.opening p{font-size:1.9rem}}