*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%}body{font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#ededed}main{display:flex;flex-direction:column;height:100vh;max-width:720px;margin:0 auto}header{padding:1rem 1.5rem;border-bottom:1px solid #1a1a1a}header h1{font-size:1rem;font-weight:600;color:#888}.messages{flex:1 1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.empty{color:#555;text-align:center;margin-top:40vh;font-size:.9rem}.message{display:flex;flex-direction:column;gap:.25rem}.message .role{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555}.message.user .role{color:#888}.message .content{font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.input-form{display:flex;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #1a1a1a;background:#0a0a0a}.input-form textarea{flex:1 1;background:#111;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;color:#ededed;font-family:inherit;font-size:.9rem;resize:none;outline:none;transition:border-color .15s}.input-form textarea:focus{border-color:#555}.input-form textarea::placeholder{color:#555}.input-form button{background:#ededed;color:#0a0a0a;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .15s}.input-form button:hover{opacity:.85}.input-form button:disabled{opacity:.3;cursor:not-allowed}