*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#1a1a1a}body{font-family:system-ui,-apple-system,sans-serif;color:#fff}.chat-wrapper{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;padding:1rem}.profile-card{background:#2d1f3d;padding:8px;border-radius:12px;margin-bottom:.5rem;border:2px solid #9b59b6;flex-shrink:0}.name{font-size:1.75rem;font-weight:600;margin-bottom:.25rem;color:#fff;flex-shrink:0}.title{font-size:1rem;color:#9b59b6;margin-bottom:1rem}.profile-image{width:56px;height:56px;border-radius:8px;display:block;image-rendering:pixelated}.profile-image.nodding{animation:nod .8s ease-in-out infinite}@keyframes nod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(2deg)}}.chat-container{width:100%;max-width:600px;flex:1;min-height:0;background:linear-gradient(180deg,#1a2a2a,#1f2d3a,#2a1f2f);border-radius:8px;border:1px solid #3d5a5a;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{padding:.75rem 1rem;border-radius:8px;max-width:80%;line-height:1.4}.message.user{background:#2a9d8f;align-self:flex-end;white-space:pre-wrap}.message.assistant{background:#4a3a5a;align-self:flex-start}.message.loading{opacity:.6}.message.loading:after{content:".";display:inline-block;width:1.5em;animation:dots 1.2s steps(3,end) infinite}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.message.assistant>*:first-child{margin-top:0}.message.assistant>*:last-child{margin-bottom:0}.message.assistant p{margin:0 0 .5rem}.message.assistant ul,.message.assistant ol{margin:0 0 .5rem;padding:0 0 0 1.25rem;list-style-position:outside}.message.assistant li{margin:0;padding:0}.message.assistant li>p{margin:0;display:contents}.message.assistant li+li{margin-top:.25rem}.message.assistant code{background:#0000004d;padding:.125rem .375rem;border-radius:3px;font-size:.9em}.message.assistant pre{background:#0000004d;padding:.75rem;border-radius:4px;overflow-x:auto;margin:.5rem 0}.message.assistant pre code{background:none;padding:0}.message.assistant strong{font-weight:600}.message.assistant a{color:#2a9d8f;text-decoration:underline}@media(min-width:600px){.profile-image{width:72px;height:72px}.profile-card{padding:10px}}.input-area{display:flex;padding:1rem;gap:.5rem;border-top:1px solid #3a3a3a}.input-area input{flex:1;padding:.75rem 1rem;border:1px solid #3d5a5a;border-radius:4px;background:#2a2a2a;color:#fff;font-size:1rem}.input-area input::placeholder{color:#888}.input-area input:focus{outline:none;border-color:#2a9d8f;background:#2a2a2a}.input-area button{padding:.75rem 1.5rem;border:none;border-radius:4px;background:#2a9d8f;color:#fff;font-size:1rem;cursor:pointer}.input-area button:hover:not(:disabled){background:#238b7e}.input-area button:disabled{opacity:.5;cursor:not-allowed}