.okatan-chat{--okatan-chat-color-primary:#4ba892;--okatan-chat-color-primary-dark:#2f7a68;--okatan-chat-color-bg:#fff;--okatan-chat-color-bubble-assistant:#eaf5f0;--okatan-chat-color-bubble-user:#4ba892;--okatan-chat-color-text:#1f2937;--okatan-chat-color-text-inverse:#fff;--okatan-chat-color-border:#cfe5dd;--okatan-chat-shadow:0 10px 30px rgba(0,0,0,.18);--okatan-chat-radius:16px;position:fixed;left:20px;bottom:20px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP","Meiryo",sans-serif;font-size:14px;line-height:1.6;color:var(--okatan-chat-color-text)}.okatan-chat__launcher{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;transition:opacity .2s ease,transform .2s ease}.okatan-chat--open .okatan-chat__launcher{opacity:0;pointer-events:none;transform:scale(.9)}.okatan-chat__bubble-label{position:relative;background:#fff;color:var(--okatan-chat-color-text);padding:10px 16px;border-radius:24px;box-shadow:0 4px 14px rgba(0,0,0,.12);white-space:nowrap;font-weight:500;border:1px solid var(--okatan-chat-color-border)}.okatan-chat__bubble-label:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:#fff;border-left:0;filter:drop-shadow(-1px 0 0 var(--okatan-chat-color-border))}.okatan-chat__launch-btn{width:80px;height:80px;border-radius:50%;background:#fff;border:2px solid var(--okatan-chat-color-border);padding:0;cursor:pointer;box-shadow:var(--okatan-chat-shadow);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .18s ease}.okatan-chat__launch-btn:hover{transform:scale(1.05)}.okatan-chat__launch-btn:focus{outline:2px solid var(--okatan-chat-color-primary);outline-offset:2px}.okatan-chat__launch-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.okatan-chat__window{display:none;position:absolute;left:0;bottom:0;width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 40px);background:var(--okatan-chat-color-bg);border-radius:var(--okatan-chat-radius);box-shadow:var(--okatan-chat-shadow);overflow:hidden;flex-direction:column;border:1px solid var(--okatan-chat-color-border)}.okatan-chat--open .okatan-chat__window{display:flex}.okatan-chat__header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--okatan-chat-color-primary);color:var(--okatan-chat-color-text-inverse);flex-shrink:0}.okatan-chat__header-img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff;padding:2px}.okatan-chat__header-title{flex:1;font-weight:600;font-size:15px}.okatan-chat__close-btn{width:32px;height:32px;background:0 0;border:0;color:var(--okatan-chat-color-text-inverse);font-size:24px;line-height:1;cursor:pointer;border-radius:6px;transition:background .15s ease}.okatan-chat__close-btn:hover{background:rgba(255,255,255,.15)}.okatan-chat__body{flex:1;overflow-y:auto;padding:14px;background:#faf8f4;display:flex;flex-direction:column;gap:10px}.okatan-chat__row{display:flex;flex-direction:column;gap:6px;max-width:100%}.okatan-chat__row--assistant{align-items:flex-start}.okatan-chat__row--user{align-items:flex-end}.okatan-chat__row--assistant{display:grid;grid-template-columns:36px 1fr;grid-template-areas:"avatar bubble" ".      cta";gap:6px 8px;align-items:start}.okatan-chat__avatar{grid-area:avatar;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--okatan-chat-color-border)}.okatan-chat__bubble{grid-area:bubble;padding:10px 14px;border-radius:14px;word-break:break-word;white-space:pre-wrap;max-width:280px}.okatan-chat__bubble--assistant{background:var(--okatan-chat-color-bubble-assistant);color:var(--okatan-chat-color-text);border-top-left-radius:4px}.okatan-chat__bubble--user{background:var(--okatan-chat-color-bubble-user);color:var(--okatan-chat-color-text-inverse);border-top-right-radius:4px}.okatan-chat__bubble--loading{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}.okatan-chat__dot{width:6px;height:6px;border-radius:50%;background:var(--okatan-chat-color-primary-dark);animation:okatan-chat-blink 1.2s infinite ease-in-out}.okatan-chat__dot:nth-child(2){animation-delay:.2s}.okatan-chat__dot:nth-child(3){animation-delay:.4s}@keyframes okatan-chat-blink{0%,80%,100%{opacity:.3;transform:scale(.9)}40%{opacity:1;transform:scale(1.1)}}.okatan-chat__cta-wrap{grid-area:cta}.okatan-chat__cta{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.okatan-chat__cta-btn{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid var(--okatan-chat-color-border);background:#fff;color:var(--okatan-chat-color-text);transition:background .15s ease,color .15s ease}.okatan-chat__cta-btn:hover{background:var(--okatan-chat-color-primary);color:var(--okatan-chat-color-text-inverse);border-color:var(--okatan-chat-color-primary)}.okatan-chat__cta-btn--line:hover{background:#06c755;border-color:#06c755}.okatan-chat__form{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid var(--okatan-chat-color-border);flex-shrink:0}.okatan-chat__input{flex:1;border:1px solid var(--okatan-chat-color-border);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:14px;line-height:1.5;resize:none;outline:none;background:#fff;color:var(--okatan-chat-color-text);max-height:120px;min-height:36px}.okatan-chat__input:focus{border-color:var(--okatan-chat-color-primary);box-shadow:0 0 0 2px rgba(75,168,146,.25)}.okatan-chat__send-btn{padding:0 16px;border:0;border-radius:10px;background:var(--okatan-chat-color-primary);color:var(--okatan-chat-color-text-inverse);font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease;align-self:stretch}.okatan-chat__send-btn:hover:not(:disabled){background:var(--okatan-chat-color-primary-dark)}.okatan-chat__send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.okatan-chat{left:12px;bottom:60px}.okatan-chat__bubble-label{display:none}.okatan-chat__launch-btn{width:64px;height:64px}.okatan-chat__window{position:fixed;right:0;bottom:0;left:0;width:100%;max-width:100%;height:80vh;max-height:80vh;border-radius:var(--okatan-chat-radius) var(--okatan-chat-radius) 0 0}.okatan-chat__bubble{max-width:78vw}}