#chatbot-wrapper{--chatbot-main-color:#2c5fb9;--chatbot-text-color:#222;--chatbot-text-color-white:#fff;--chatbot-header-color:#2c5fb9;--chatbot-header-font-color:#fff;--chatbot-user-message-bg:#c3d8f5;--chatbot-server-message-bg:#eaeaea;--chatbot-input-border:#8cb3d9;--chatbot-active-button-bg:#4a90e2;font-family:Noto Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#chatbot-wrapper #chatbotClose,#chatbot-wrapper #chatbotToggle{background-color:var(--chatbot-main-color);color:var(--chatbot-text-color-white);border:none;cursor:pointer;width:110px;height:110px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1}#chatbot-wrapper #chatbotToggle{position:fixed;bottom:30px;right:30px}#chatbot-wrapper #chatbotClose{color:var(--chatbot-header-font-color);font-size:24px;line-height:30px;width:30px;height:30px;position:absolute;top:12px;right:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;transition:background-color .3s;z-index:3}#chatbot-wrapper #chatbotClose:hover{background-color:hsla(0,0%,100%,.2)}#chatbot-wrapper #chatbotClose:focus,#chatbot-wrapper #chatbotToggle:focus,#chatbot-wrapper .custom-chat-send-button:focus{outline:none}#chatbot-wrapper #chatbotClose:active svg,#chatbot-wrapper #chatbotToggle:active,#chatbot-wrapper .custom-chat-send-button:active{transform:scale(.95);background-color:var(--chatbot-active-button-bg)}#chatbot-wrapper .chat-message{padding:12px 16px;margin:5px;border-radius:18px;max-width:85%;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;font-family:Noto Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#chatbot-wrapper .server-message{background-color:var(--chatbot-server-message-bg);margin-left:5px;align-self:flex-start;border-radius:18px 18px 18px 0;font-size:14px;padding-top:12px}#chatbot-wrapper .user-message{background-color:var(--chatbot-user-message-bg);color:var(--chatbot-text-color);margin-right:5px;margin-left:auto;border-radius:18px 18px 0 18px;font-size:14px;padding-top:12px}#chatbot-wrapper #chatbotContent{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px;min-height:0}#chatbot-wrapper #chatbotInputArea{display:flex;align-items:center;gap:10px;padding:8px 15px;background-color:#fff;border-top:1px solid #e9ecef;border-radius:0 0 10px 10px;flex-shrink:0;height:auto}#chatbot-wrapper .chat-input,#chatbot-wrapper .custom-chat-send-button{height:40px;padding:8px 16px;border:2px solid var(--chatbot-input-border);box-shadow:none;outline:none;box-sizing:border-box}#chatbot-wrapper .chat-input{flex:1;margin-bottom:0!important;border-radius:24px;font-size:14px;font-family:Noto Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#chatbot-wrapper .chat-input:focus{border-color:var(--chatbot-input-border)}#chatbot-wrapper .custom-chat-send-button{width:auto;padding:8px 20px;background-color:var(--chatbot-user-message-bg);color:var(--chatbot-text-color);border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center}#chatbot-wrapper .custom-chat-send-button svg{width:20px;height:20px}#chatbot-wrapper #chatbotContainer{position:fixed;bottom:20px;right:20px;width:400px;height:500px;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:999;display:flex;flex-direction:column;overflow:hidden}#chatbot-wrapper #chatbotHeader{background-color:var(--chatbot-header-color);color:var(--chatbot-text-color-white);padding:15px;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;font-weight:600;font-size:16px;font-family:Noto Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#chatbot-wrapper .star{font-size:18px;cursor:pointer}#chatbot-wrapper .star.unselected{color:#fff;text-shadow:1px 1px #000}#chatbot-wrapper .star.selected{color:#fc0;text-shadow:1px 1px #000}.chat-message.initial-message{margin-bottom:10px;clear:both;padding:0}.chat-message.initial-message .formatted-text{display:inline-block;background-color:#eaeaea;padding:8px 0;border-radius:18px;max-width:100%;word-wrap:break-word;margin:0;white-space:pre-wrap;font-size:14px;font-family:Noto Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}

/* スマートフォン用のメディアクエリ */
@media (max-width: 768px) {
  #chatbot-wrapper .server-message,
  #chatbot-wrapper .user-message,
  #chatbot-wrapper .chat-input,
  #chatbot-wrapper .custom-chat-send-button,
  #chatbot-wrapper .chat-message.initial-message .formatted-text {
    font-size: 18px;
  }

  #chatbot-wrapper #chatbotToggle {
    font-size: 16px;
  }
}