@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-blue:#0f52ba;--secondary-blue:#0080ff;--light-blue:#e6f0fa;--dark-blue:#0a367a;--bg-color:#f0f4f8;--text-dark:#333;--text-light:#f9fafb;--glass-bg:#ffffffd9;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #0f52ba26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;display:flex}.chat-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:100%;max-width:480px;height:90vh;max-height:800px;box-shadow:var(--glass-shadow);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-header{background:linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));color:#fff;text-align:center;z-index:10;padding:20px;box-shadow:0 4px 15px #0000001a}.chat-header h1{letter-spacing:.5px;margin-bottom:4px;font-size:1.25rem;font-weight:600}.chat-header p{opacity:.85;font-size:.8rem}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;max-width:85%;animation:.3s ease-out forwards fadeIn;display:flex}.message-user{align-self:flex-end}.message-bot{align-self:flex-start}.message-bubble{border-radius:20px;padding:14px 18px;font-size:.95rem;line-height:1.5;box-shadow:0 2px 8px #0000000d}.message-user .message-bubble{background:linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));color:#fff;border-bottom-right-radius:4px}.message-bot .message-bubble{color:var(--text-dark);background:#fff;border:1px solid #0000000d;border-bottom-left-radius:4px}.message-time{color:#888;margin-top:5px;margin-bottom:0;padding:0 8px;font-size:.7rem}.message-user .message-time{text-align:right}.chat-input{z-index:10;background:#fff;border-top:1px solid #0000000d;align-items:flex-end;gap:10px;padding:16px 20px;display:flex}.chat-input textarea{resize:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;flex:1;min-height:48px;max-height:120px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.chat-input textarea:focus{border-color:var(--secondary-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #0080ff1a}.send-button{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0f52ba4d}.send-button:hover:not(:disabled){background:var(--secondary-blue);transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.contact-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:10px;padding:20px;animation:.4s ease-out forwards fadeInUp;box-shadow:0 4px 15px #0000000d}.contact-form-title{color:var(--primary-blue);align-items:center;gap:8px;margin-bottom:12px;font-size:1.05rem;font-weight:600;display:flex}.form-group{margin-bottom:12px}.form-group label{color:#475569;margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-blue);outline:none}.submit-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-weight:600;transition:background .2s}.submit-btn:hover{background:var(--secondary-blue)}.typing-indicator{gap:4px;padding:4px 8px;display:flex}.typing-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.3s linear infinite wave}.typing-dot:nth-child(2){animation-delay:-1.1s}.typing-dot:nth-child(3){animation-delay:-.9s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}.chip-btn{color:#0f52ba;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000000d}.chip-btn:hover{background:#f8fafc;border-color:#0f52ba;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.chip-btn:active{transform:translateY(0)}