:root{--gold:#c9a96e;--gold-dark:#a8843a;--cream:#f5ecd7;--ink:#1a1a1a;--white:#ffffff;--teal:#447c71}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#fffdf8,#f5ecd7);color:var(--ink)}button,textarea{font:inherit}.shell{width:min(980px,94vw);margin:0 auto;padding:34px 0 24px}.creatorCard{display:grid;grid-template-columns:240px 1fr;grid-gap:32px;gap:32px;align-items:center;background:rgba(255,255,255,.91);border:1px solid rgba(168,132,58,.26);box-shadow:0 20px 50px rgba(50,42,30,.08);border-radius:28px;padding:26px 32px}.portraitWrap{background:radial-gradient(circle at 50% 35%,#fff 0,#f5ecd7 68%,#e9d8b4 100%);border-radius:24px;min-height:250px;display:grid;place-items:end center;overflow:hidden}.portrait{width:100%;max-height:290px;object-fit:contain;object-position:bottom center}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--gold-dark)}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6vw,66px);margin:4px 0 0;font-weight:500}.subhead{color:var(--teal);font-weight:700;font-size:19px;margin:2px 0 14px}.intro{line-height:1.65;max-width:620px;margin:0}.chatPanel{margin-top:24px;background:rgba(255,255,255,.94);border-radius:28px;border:1px solid rgba(168,132,58,.2);overflow:hidden;box-shadow:0 18px 42px rgba(50,42,30,.07)}.messages{min-height:410px;max-height:58vh;overflow-y:auto;padding:26px;display:flex;flex-direction:column;gap:13px}.bubble{max-width:77%;padding:14px 17px;border-radius:18px;line-height:1.5;white-space:pre-wrap}.assistant{align-self:flex-start;background:#f8f2e7;border:1px solid rgba(168,132,58,.18);border-bottom-left-radius:5px}.user{align-self:flex-end;background:#447c71;color:white;border-bottom-right-radius:5px}.muted{opacity:.66;font-style:italic}.composer{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;padding:18px;border-top:1px solid #eee5d6;background:#fff}textarea{resize:vertical;width:100%;min-height:72px;border:1px solid #d9c9aa;border-radius:15px;padding:13px 14px;outline:none}textarea:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px rgba(201,169,110,.18)}button{border:0;border-radius:14px;padding:0 20px;background:var(--ink);color:white;font-weight:700;cursor:pointer}button:hover:not(:disabled){background:var(--gold-dark)}button:disabled{opacity:.45;cursor:not-allowed}.handoffCard{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;margin:0 18px 18px;background:#eef5f2;border:1px solid #bfd3cc;border-radius:18px}.handoffCard p{margin:5px 0 0;line-height:1.45}.handoffCard button{min-height:48px;white-space:nowrap}footer{text-align:center;color:#74654c;padding:22px 0 0;font-size:14px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:720px){.creatorCard{grid-template-columns:1fr;text-align:center;padding:20px;gap:14px}.portraitWrap{min-height:220px;width:min(300px,100%);margin:0 auto}.intro{margin:0 auto}.bubble{max-width:90%}.composer{grid-template-columns:1fr}.composer button{min-height:48px}.handoffCard{flex-direction:column;align-items:stretch}}.deePlaceholder{display:grid;place-items:center;background:linear-gradient(135deg,#f7f1e4,#e7efe9)}.portraitFallback{font-size:2rem;font-weight:700;letter-spacing:.2em;color:#2f6f65}