*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111214;color:#f3f3f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{display:grid;place-items:center;padding:24px}.shell{width:min(900px,100%);min-height:78vh;background:#181a1d;border:1px solid #2d3035;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #2b2e32}.mark{font-weight:700;letter-spacing:.08em}.mark span{font-family:Georgia,serif;font-style:italic;font-size:1.35em}.state{font-size:.7rem;letter-spacing:.12em;color:#aeb3ba}.conversation{flex:1;padding:30px;overflow:auto;display:flex;flex-direction:column;gap:18px}.conversation article{max-width:78%;padding:16px 18px;border-radius:18px;line-height:1.5}.conversation p{margin:.35rem 0 0}.who{font-size:.68rem;letter-spacing:.13em;color:#aeb3ba}.athena{background:#22252a;align-self:flex-start}.human{background:#30343a;align-self:flex-end}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:18px;border-top:1px solid #2b2e32}.composer textarea{resize:none;border:1px solid #34383e;background:#111317;color:white;border-radius:14px;padding:14px;font:inherit;outline:none}.composer button{border:0;border-radius:14px;padding:0 20px;background:#efefef;color:#111;font-weight:700;cursor:pointer}.composer .mic{width:54px;padding:0;font-size:1.25rem;background:#262a2f;color:#fff;border:1px solid #383d44}.mic.listening{outline:2px solid #e8e8e8}.foot{display:flex;justify-content:space-between;padding:0 22px 16px;color:#8f959d;font-size:.75rem}@media(max-width:600px){body{padding:0}.shell{min-height:100vh;border-radius:0}.conversation article{max-width:90%}}