*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}.main{min-height:100vh;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.header{text-align:center;max-width:800px;margin-bottom:10px}.main-title{font-size:2.5rem;font-weight:700;color:#2e7d32;margin:0 0 12px;text-shadow:0 2px 4px rgba(46,125,50,.1)}.subtitle{font-size:1.1rem;color:#666;margin:0;line-height:1.4;font-weight:400}.main-logo{max-width:300px;width:100%;height:auto;display:block;margin:0 auto 12px}.chat-container{width:100%;max-width:800px;height:80vh;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.messages-container{flex:1 1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.welcome-message{text-align:center;padding:40px 20px;color:#555}.welcome-message h2{color:#2e7d32;margin-bottom:16px;font-size:24px}.welcome-message p{margin-bottom:16px;line-height:1.6}.welcome-message ul{text-align:left;max-width:400px;margin:0 auto}.welcome-message li{margin-bottom:8px;padding-left:8px}.message{max-width:80%;margin-bottom:12px}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{padding:12px 16px;border-radius:16px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{background-color:#2e7d32;color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background-color:#f0f0f0;color:#333;border-bottom-left-radius:4px}.message.assistant .message-content.loading{background-color:#e8f5e8;font-style:italic;color:#666}.input-container{padding:20px;border-top:1px solid #e0e0e0;display:flex;gap:12px;align-items:flex-end}.input-container textarea{flex:1 1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:12px;resize:none;font-family:inherit;font-size:14px;line-height:1.4;outline:none;transition:border-color .2s}.input-container textarea:focus{border-color:#2e7d32}.input-container textarea:disabled{background-color:#f5f5f5;color:#999}.send-button{padding:12px 24px;background-color:#2e7d32;color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:500;transition:background-color .2s;min-width:80px}.send-button:hover:not(:disabled){background-color:#1b5e20}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.tool-indicators{display:inline-flex;gap:4px;margin-right:8px;margin-bottom:4px}.tool-emoji{position:relative;display:inline-block;font-size:1.2em;cursor:pointer;transition:transform .2s ease;padding:2px}.tool-emoji:hover{transform:scale(1.1)}.tool-tooltip{position:absolute;bottom:100%;left:0;background-color:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:6px;font-size:.85rem;z-index:1000;margin-bottom:5px;box-shadow:0 4px 12px rgba(0,0,0,.15);width:280px;word-wrap:break-word;white-space:normal;line-height:1.3}.tool-tooltip:after{content:"";position:absolute;top:100%;left:15px;margin-left:-5px;border:5px solid transparent;border-top-color:rgba(0,0,0,.9)}.message-text{margin-top:4px}@media (max-width:768px){.main{padding:10px}.chat-container{height:90vh}.message{max-width:90%}.input-container{padding:15px}.main-title{font-size:2rem}.subtitle{font-size:1rem}.header{margin-bottom:5px}.tool-tooltip{font-size:.75rem;padding:6px 10px}.main-logo{max-width:200px}}