*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background-color:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{display:flex;flex-direction:column;min-height:100vh;width:100%}.site-header{border-bottom:1px solid #eaeaea;background-color:#fff;padding:18px 24px}.header-inner{max-width:720px;margin:0 auto}.site-title{font-size:16px;font-weight:600;color:#1a1a1a;letter-spacing:-.01em}.site-subtitle{font-size:13px;font-weight:400;color:#6b6b6b;margin-top:2px}.site-main{flex:1 1;display:flex;justify-content:center;padding:24px;width:100%}.chat-container{display:flex;flex-direction:column;width:100%;max-width:720px;min-height:60vh}.chat-toolbar{display:flex;justify-content:flex-end;padding:4px 0 12px}.reset-button{background:none;border:1px solid #d4d4d4;border-radius:4px;padding:6px 12px;font-size:12px;color:#6b6b6b;cursor:pointer;font-family:inherit;transition:background-color .15s,border-color .15s,color .15s}.reset-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#b4b4b4;color:#1a1a1a}.reset-button:disabled{opacity:.5;cursor:not-allowed}.messages-area{flex:1 1;display:flex;flex-direction:column;gap:16px;padding:8px 0 24px;min-height:200px}.message{display:flex;width:100%}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-content{max-width:85%;padding:12px 16px;border-radius:10px;white-space:pre-wrap;word-wrap:break-word;font-size:15px;line-height:1.55}.message-user .message-content{background-color:#f4f4f4;color:#1a1a1a}.message-assistant .message-content{background-color:#fff;color:#1a1a1a;border:1px solid #eaeaea}.loading-indicator{display:inline-flex;align-items:center;gap:4px;padding:14px 16px}.loading-indicator span{display:inline-block;width:6px;height:6px;background-color:#b4b4b4;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-indicator span:first-child{animation-delay:-.32s}.loading-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.input-form{display:flex;gap:8px;padding:12px 0 8px;border-top:1px solid #eaeaea}.input-field{flex:1 1;padding:10px 14px;border:1px solid #d4d4d4;border-radius:6px;font-family:inherit;font-size:15px;color:#1a1a1a;background-color:#fff;outline:none;transition:border-color .15s}.input-field:focus{border-color:#6b6b6b}.input-field:disabled{background-color:#f9f9f9;color:#9a9a9a}.send-button{padding:10px 18px;background-color:#1a1a1a;color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.send-button:hover:not(:disabled){background-color:#000}.send-button:disabled{background-color:#c4c4c4;cursor:not-allowed}.site-footer{border-top:1px solid #eaeaea;padding:16px 24px;text-align:center;background-color:#fafafa}.site-footer p{font-size:12px;color:#6b6b6b}@media (max-width:640px){.site-footer,.site-header,.site-main{padding-left:16px;padding-right:16px}.message-content{max-width:90%;font-size:14px}.input-field{font-size:14px}}