:root{--chat-color-primary:var(--color-primary, #1a3a6e);--chat-color-error:var(--color-error, #ef4444);--chat-color-bg:var(--color-bg-section, #f8f9fa);--chat-gradient-bg:linear-gradient(135deg, var(--color-primary, #1a3a6e) 0%, var(--color-primary-dark, #12294f) 100%);--chat-transition-base:0.3s ease;--chat-talking-speed:300ms;--cat-main:var(--color-white, #fff);--cat-dark:var(--color-gray-200, #e5e7eb);--cat-light:#FFF;--cat-nose:#333;--cat-inner-ear:#FFB6C1}#ai-chat-container{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,sans-serif}#ai-chat-toggle{width:56px;height:56px;border-radius:50%;background:var(--chat-gradient-bg);border:none;cursor:pointer;box-shadow:0 4px 20px rgb(26 58 110 / 40%);display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease,box-shadow 0.3s ease;color:#fff}@media (hover:hover){#ai-chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 30px rgb(26 58 110 / 50%)}}#ai-chat-toggle.is-open{background:var(--chat-color-error)}@media (hover:hover){#ai-chat-toggle.is-open:hover{box-shadow:0 6px 30px rgb(239 68 68 / 50%)}}#ai-chat-toggle:not(.is-open)::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:var(--chat-gradient-bg);animation:chat-pulse 2s ease-out infinite;z-index:-1}@keyframes chat-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}#ai-chat-window{position:absolute;bottom:70px;right:0;width:385px;height:550px;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgb(0 0 0 / 30%);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s}#ai-chat-window.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}#ai-chat-header{background:var(--chat-gradient-bg);padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:#fff}.chat-avatar-mini{width:40px;height:40px;flex-shrink:0;background:linear-gradient(135deg,var(--color-slate-800,#1e293b),var(--color-slate-900,#0f172a));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}#ai-chat-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:50%;transition:background 0.2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}@media (hover:hover){#ai-chat-close:hover{background:rgb(255 255 255 / 20%)}}#ai-chat-container .material-symbols-outlined{font-family:'Material Symbols Outlined',sans-serif!important}#ai-chat-messages{flex:1;overflow-y:auto;padding:1rem;padding-bottom:140px;display:flex;flex-direction:column;gap:.75rem;background:var(--chat-color-bg);position:relative}.chat-bubble{max-width:85%;padding:.75rem 1rem;border-radius:16px;line-height:1.5;font-size:.9rem;word-break:break-word;animation:messageIn 0.3s ease}@keyframes messageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.ai{background:#fff;color:var(--color-text-main,#202124);border-bottom-left-radius:4px;box-shadow:0 2px 8px rgb(0 0 0 / 8%);align-self:flex-start}.chat-bubble.user{background:var(--chat-gradient-bg);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.typing-indicator{display:flex;gap:4px;padding:.75rem 1rem}.typing-indicator span{width:8px;height:8px;background:#ccc;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:0.2s}.typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}#ai-chat-input-container{padding:1rem;background:#fff;border-top:1px solid #eee;display:flex;gap:.75rem;align-items:flex-end}#ai-chat-input{flex:1;padding:.75rem 1rem;border:2px solid #eee;border-radius:20px;font-size:.95rem;font-family:inherit;outline:none;transition:border-color 0.2s;resize:none;min-height:44px;max-height:120px;line-height:1.4;overflow:hidden}#ai-chat-input:focus{border-color:var(--chat-color-primary)}#ai-chat-send{width:44px;height:44px;flex-shrink:0;border:none;border-radius:50%;background:var(--chat-gradient-bg);color:#fff;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;display:flex;align-items:center;justify-content:center}@media (hover:hover){#ai-chat-send:hover{transform:scale(1.05);box-shadow:0 4px 15px rgb(26 58 110 / 40%)}}#ai-chat-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.character-container{position:absolute;bottom:60px;right:20px;width:104px;height:104px;pointer-events:none;z-index:10}.mini-character{position:relative;width:140px;height:140px;cursor:pointer;transform:scale(.7);transform-origin:bottom right}.ear{position:absolute;width:36px;height:45px;background:#333;border-radius:50% 50% 0 0;top:5px;transition:all var(--chat-transition-base);transform-origin:bottom center}.ear.left{left:20px;transform:rotate(-15deg)}.ear.right{right:20px;transform:rotate(15deg)}.ear-inner{position:absolute;width:20px;height:25px;background:var(--cat-inner-ear);border-radius:50% 50% 0 0;top:7px;left:50%;transform:translateX(-50%)}.cat-body{position:absolute;width:100px;height:90px;background:var(--cat-main);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);transition:all var(--chat-transition-base);box-shadow:0 10px 30px rgb(0 0 0 / 15%);z-index:2}.face{position:absolute;width:100%;height:100%;left:0;top:0}.eyes{position:absolute;display:flex;gap:28px;left:50%;top:28%;transform:translateX(-50%)}.eye{width:26px;height:26px;background:#FFF;border-radius:50%;position:relative;transition:all var(--chat-transition-base);border:6px solid #333;overflow:hidden}.pupil{position:absolute;width:10px;height:16px;background:#1a1a2e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all var(--chat-transition-base)}.pupil::after{content:'';position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:3px;right:1px}.nose{position:absolute;width:12px;height:8px;background:var(--cat-nose);border-radius:50% 50% 40% 40%;left:50%;top:52%;transform:translateX(-50%);transition:all var(--chat-transition-base)}.whiskers{position:absolute;top:55%;transition:all var(--chat-transition-base)}.whiskers.left{left:5%;transform:scaleX(-1)}.whiskers.right{right:5%}.whisker{width:22px;height:2px;background:#666;border-radius:1px;margin:3px 0;transform-origin:left center;transition:all var(--chat-transition-base)}.whisker:nth-child(1){transform:rotate(-15deg)}.whisker:nth-child(2){transform:rotate(0deg)}.whisker:nth-child(3){transform:rotate(15deg)}.mouth{position:absolute;left:50%;top:62%;transform:translateX(-50%);transition:all var(--chat-transition-base)}.mouth-shape{width:18px;height:8px;background:#fff0;border:3px solid #333;border-top:none;border-radius:0 0 50px 50px;transition:all var(--chat-transition-base);position:relative;overflow:visible}.mouth-shape::before,.mouth-shape::after{content:'';position:absolute;width:9px;height:7px;border:3px solid #333;border-top:none;border-radius:0 0 50px 50px;top:-3px}.mouth-shape::before{left:-12px;border-right:none}.mouth-shape::after{right:-12px;border-left:none}.tongue{position:absolute;width:10px;height:12px;background:#FF8BA0;border-radius:50%;bottom:-10px;left:50%;transform:translateX(-50%) scale(0);transition:all var(--chat-transition-base);z-index:-1}.blush{position:absolute;width:16px;height:7px;background:rgb(255 150 150 / 50%);border-radius:50%;top:50%;opacity:0;transition:all var(--chat-transition-base)}.blush.left{left:8%}.blush.right{right:8%}.paw{position:absolute;width:22px;height:16px;background:#333;border-radius:50% 50% 40% 40%;bottom:25px;transition:all var(--chat-transition-base);transform-origin:top center;z-index:1}.paw::before{content:'';position:absolute;width:14px;height:9px;background:var(--cat-light);border-radius:50%;bottom:2px;left:50%;transform:translateX(-50%)}.paw.left{left:30px}.paw.right{right:30px}.tail{position:absolute;width:14px;height:55px;background:#333;border-radius:30px 30px 20px 20px;bottom:40px;right:-5px;transform:rotate(-45deg);transform-origin:bottom center;transition:all var(--chat-transition-base);z-index:1}.tail::before{content:'';position:absolute;width:18px;height:22px;background:#333;border-radius:50%;top:-7px;left:-2px;transform:rotate(20deg)}.mini-character[data-mood="idle"] .cat-body{animation:idle-bounce 2s ease-in-out infinite}.mini-character[data-mood="idle"] .tail{animation:tail-wag 1.5s ease-in-out infinite}.mini-character[data-mood="idle"] .ear.left{animation:ear-twitch-left 3s ease-in-out infinite}.mini-character[data-mood="idle"] .ear.right{animation:ear-twitch-right 3s ease-in-out infinite}@keyframes idle-bounce{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.02,.98)}}@keyframes tail-wag{0%,100%{transform:rotate(-45deg)}50%{transform:rotate(-35deg)}}@keyframes ear-twitch-left{0%,90%,100%{transform:rotate(-15deg)}95%{transform:rotate(-10deg)}}@keyframes ear-twitch-right{0%,90%,100%{transform:rotate(15deg)}95%{transform:rotate(20deg)}}.mini-character[data-mood="happy"] .cat-body{animation:happy-bounce 0.5s ease-in-out infinite}.mini-character[data-mood="happy"] .mouth-shape{height:10px}.mini-character[data-mood="happy"] .tongue{transform:translateX(-50%) scale(1)}.mini-character[data-mood="happy"] .blush{opacity:1}.mini-character[data-mood="happy"] .tail{animation:tail-wag-fast 0.3s ease-in-out infinite}.mini-character[data-mood="happy"] .ear.left{animation:ear-excited-left 0.2s ease-in-out infinite alternate}.mini-character[data-mood="happy"] .ear.right{animation:ear-excited-right 0.2s ease-in-out infinite alternate}@keyframes happy-bounce{0%,100%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}50%{transform:translate(-50%,-55%) scale(1.05) rotate(2deg)}}@keyframes tail-wag-fast{0%,100%{transform:rotate(-50deg)}50%{transform:rotate(-20deg)}}@keyframes ear-excited-left{0%{transform:rotate(-18deg)}100%{transform:rotate(-10deg)}}@keyframes ear-excited-right{0%{transform:rotate(18deg)}100%{transform:rotate(10deg)}}.mini-character[data-mood="talking"] .cat-body{animation:talking-nod 0.8s ease-in-out infinite}.mini-character[data-mood="talking"] .blush{opacity:1}.mini-character[data-mood="talking"] .ear.left{animation:ear-talk-left 0.8s ease-in-out infinite}.mini-character[data-mood="talking"] .ear.right{animation:ear-talk-right 0.8s ease-in-out infinite}.mini-character[data-mood="talking"] .mouth-shape{border:none;background:#FF6B8A;animation:cat-talking-mouth var(--chat-talking-speed) ease-in-out infinite}.mini-character[data-mood="talking"] .mouth-shape::before,.mini-character[data-mood="talking"] .mouth-shape::after{display:none}.mini-character[data-mood="talking"] .tail{animation:tail-wag-fast 0.4s ease-in-out infinite}@keyframes talking-nod{0%,100%{transform:translate(-50%,-50%) rotate(0deg)}25%{transform:translate(-50%,-51%) rotate(-2deg)}75%{transform:translate(-50%,-51%) rotate(2deg)}}@keyframes ear-talk-left{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(-12deg)}}@keyframes ear-talk-right{0%,100%{transform:rotate(15deg)}50%{transform:rotate(18deg)}}@keyframes cat-talking-mouth{0%,100%{width:12px;height:8px;border-radius:0 0 50px 50px}50%{width:16px;height:14px;border-radius:0 0 50px 50px}}.mini-character[data-mood="thinking"] .cat-body{animation:thinking-tilt 1s ease-in-out infinite}.mini-character[data-mood="thinking"] .pupil{top:35%;left:70%}.mini-character[data-mood="thinking"] .mouth-shape{width:8px;height:8px;border-radius:50%;border:none;background:#333}.mini-character[data-mood="thinking"] .mouth-shape::before,.mini-character[data-mood="thinking"] .mouth-shape::after{display:none}.mini-character[data-mood="thinking"] .tail{animation:thinking-tail 2s ease-in-out infinite}@keyframes thinking-tilt{0%,100%{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(5deg)}}@keyframes thinking-tail{0%,100%{transform:rotate(-45deg)}50%{transform:rotate(-55deg)}}@media (width <=480px){#ai-chat-window{position:fixed;inset:0;width:100%;height:100%;max-height:100vh;border-radius:0;transform:translateY(100%)}#ai-chat-window.is-open{transform:translateY(0)}#ai-chat-toggle{bottom:16px;right:16px}.character-container{bottom:80px;right:10px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}@media print{#ai-chat-container{display:none!important}}