*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #2d3748;margin-bottom:20px}header h1{font-size:1.5rem;color:#00d4ff}.settings{display:flex;gap:15px}.settings label{display:flex;align-items:center;gap:8px;font-size:.9rem}.settings select{padding:5px 10px;border-radius:4px;border:1px solid #2d3748;background:#151b2e;color:#eee;font-size:.85rem}.chat-area{flex:1;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;gap:15px}.message{max-width:80%;padding:12px 16px;border-radius:12px}.message.user{align-self:flex-end;background:#0f3460}.message.assistant{align-self:flex-start;background:#16213e}.message-header{font-size:.75rem;color:#64748b;margin-bottom:5px}.message-content{line-height:1.5;white-space:pre-wrap}.loading{align-self:center;color:#00d4ff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.input-area{display:flex;gap:10px;padding:15px 0;border-top:1px solid #2d3748}.input-area input{flex:1;padding:12px 16px;border-radius:8px;border:1px solid #2d3748;background:#151b2e;color:#eee;font-size:1rem}.input-area input:focus{outline:none;border-color:#00d4ff}.input-area button{padding:12px 24px;border-radius:8px;border:none;background:#00d4ff;color:#1a1a2e;font-weight:700;cursor:pointer;transition:background .2s}.input-area button:hover:not(:disabled){background:#00b8e6}.input-area button:disabled{opacity:.5;cursor:not-allowed}