:root{font-family:system-ui,sans-serif;color:#f3ead5;background:#0b0b0b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:30px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:38px}.brand{font-size:12px;letter-spacing:.2em;color:#d4af37;text-decoration:none}.quiet{background:transparent;color:#d6c69a;border:1px solid #62502d;padding:10px 14px;border-radius:30px}button{cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #d9bf7d;outline-offset:4px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#ccbb89}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,7vw,60px);letter-spacing:-.04em;margin:15px 0}.welcome>p{max-width:590px;color:#cbbf9f;font-size:16px;line-height:1.7}.prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.prompts button{background:#19160f;color:#efe5cd;border:1px solid #68532b;border-radius:12px;padding:18px;text-align:left;font-size:13px;display:flex;justify-content:space-between;gap:10px}.prompts button:hover{background:#2c2312}.prompts span{color:#ccb87e}article{margin:18px 0;padding:20px;border:1px solid #63512c;border-radius:14px;background:#17140e}article.user{background:#2b2315;margin-left:8%}article h2{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c9b77b;margin:0 0 10px}article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:0;font-size:15px}label{display:block;font-size:12px;color:#d4c5a2;margin:24px 0 10px}.composer{background:#f5eddb;border-radius:14px;padding:12px;display:flex;align-items:flex-end;gap:12px}textarea{width:100%;resize:vertical;min-height:85px;max-height:250px;background:transparent;border:0;color:#211b0d;font:inherit;padding:6px;line-height:1.5}.composer button{background:#775b18;border:0;color:white;padding:13px 18px;border-radius:10px}footer{font-size:11px;line-height:1.65;color:#b5a786;margin:16px 0}#status{font-size:13px;color:#e4cf95;min-height:20px}@media(max-width:560px){main{padding:20px 16px}.prompts{grid-template-columns:1fr;gap:8px}.prompts button{padding:13px}header{padding-bottom:22px}.quiet{font-size:11px}article.user{margin-left:3%}}