.mascot-chat-container{background:#fff9;border:none;border-radius:20px;flex-direction:column;gap:1.5rem;margin:3rem 0;padding:1.5rem;display:flex}[data-theme=dark] .mascot-chat-container{background:var(--bg-card);background-color:#1e1e1e;border:none}.mascot-row{opacity:0;align-items:flex-start;gap:1rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;display:flex}.mascot-row.reverse{flex-direction:row-reverse;animation-delay:.2s}.mascot-avatar-wrapper{background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:flex-start;width:auto;min-width:80px;height:80px;display:flex;overflow:visible}.chat-mascot-icon{-o-object-fit:contain;object-fit:contain;width:auto;display:block;height:100%!important}.mascot-row:not(.reverse) .mascot-avatar-wrapper{max-width:160px;height:64px!important}.ho-speaker .mascot-avatar-wrapper{width:60px;min-width:60px;height:60px!important}.ho-icon{background:0 0!important}.mascot-row.reverse .mascot-avatar-wrapper{width:auto;min-width:50px;height:72px!important}.speech-bubble{border:2px solid #0000;border-radius:12px;max-width:70%;margin-bottom:20px;padding:12px 20px;font-size:.95rem;font-weight:500;line-height:1.5;position:relative;box-shadow:0 2px 8px #0000000d}.bubble-myan{color:#003a8c;background:#e6f7ff;border-color:#91d5ff;border-top-left-radius:4px!important}.bubble-myan:before{content:"";border:8px solid #0000;border-left-width:0;border-right:12px solid #91d5ff;width:0;height:0;position:absolute;top:15px;left:-12px}.bubble-myan:after{content:"";border:8px solid #0000;border-left-width:0;border-right:12px solid #e6f7ff;width:0;height:0;position:absolute;top:15px;left:-9px}.bubble-pyon{color:#820014;background:#fff0f6;border-color:#ffadd2;border-top-right-radius:4px!important}.bubble-pyon:before{content:"";border:8px solid #0000;border-left:12px solid #ffadd2;border-right-width:0;width:0;height:0;position:absolute;top:15px;right:-12px}.bubble-pyon:after{content:"";border:8px solid #0000;border-left:12px solid #fff0f6;border-right-width:0;width:0;height:0;position:absolute;top:15px;right:-9px}.bubble-ho{color:#5c3a21;text-align:left;background:#fdfaf2;border-color:#d4b106;margin-left:auto;margin-right:auto;max-width:80%!important;box-shadow:0 4px 12px #5c3a211a!important}.bubble-ho:before{content:"";border:10px solid #0000;border-top-width:0;border-bottom:12px solid #d4b106;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.bubble-ho:after{content:"";border:8px solid #0000;border-top-width:0;border-bottom:10px solid #fdfaf2;width:0;height:0;position:absolute;top:-9px;left:50%;transform:translate(-50%)}[data-theme=dark] .bubble-myan,.dark .bubble-myan{color:#e6f7ff;background:#112a45;border-color:#177ddc}[data-theme=dark] .bubble-myan:after,.dark .bubble-myan:after{border-right-color:#112a45}[data-theme=dark] .bubble-pyon,.dark .bubble-pyon{color:#fff0f6;background:#2d1a1e;border-color:#d81b60}[data-theme=dark] .bubble-pyon:after,.dark .bubble-pyon:after{border-left-color:#2d1a1e}[data-theme=dark] .bubble-ho,.dark .bubble-ho{color:#fdfaf2;background:#1a1a1a;border-color:#8b4513}[data-theme=dark] .bubble-ho:after,.dark .bubble-ho:after{border-bottom-color:#1a1a1a}@media (max-width:600px){.mascot-chat-container,.article-content .chat-row,.article-content .mascot-row{box-sizing:border-box;border-radius:0;background:0 0!important;gap:6px!important;width:100%!important;margin:1rem 0!important;padding:8px 4px!important}.mascot-chat-container .mascot-row .speech-bubble,.mascot-chat-container .chat-row .chat-bubble,.article-content .mascot-row .speech-bubble,.article-content .chat-row .chat-bubble,.article-content .chat-row .mascot-bubble-content,.article-content .mascot-row .mascot-bubble-content{flex:1!important;width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.mascot-row,.chat-row{align-items:flex-start!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-top:0!important;margin-bottom:0!important}.speech-bubble,.chat-bubble,.article-content .chat-bubble,.article-content .speech-bubble,.article-content .mascot-bubble-content{min-width:0;font-size:.85rem;line-height:1.35;flex:1!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;padding:6px!important}.bubble-myan:before{border-width:6px 8px 6px 0;top:10px;left:-8px}.bubble-myan:after{border-width:6px 8px 6px 0;top:10px;left:-6px}.bubble-pyon:before{border-width:6px 0 6px 8px;top:10px;right:-8px}.bubble-pyon:after{border-width:6px 0 6px 8px;top:10px;right:-6px}.bubble-ho:before{border-width:0 8px 10px;top:-10px}.bubble-ho:after{border-width:0 6px 8px;top:-7px}.mascot-avatar-wrapper,.chat-avatar{flex-shrink:0!important;align-items:flex-start!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.chat-avatar{padding-bottom:2px;overflow:visible;width:auto!important;min-width:42px!important;max-width:90px!important;height:42px!important;position:relative!important;top:0!important}.mascot-avatar-wrapper img,.chat-avatar img{-o-object-fit:contain!important;object-fit:contain!important;width:auto!important;height:100%!important;min-height:0!important;transform:none!important}.main-chat-interaction .mascot-avatar-wrapper img,.main-chat-interaction .chat-avatar img{transform:scale(1)!important}.mascot-row:not(.reverse) .mascot-avatar-wrapper,.chat-row:not(.chat-pyon) .chat-avatar{width:auto!important;max-width:65px!important;height:42px!important}.mascot-row.reverse .mascot-avatar-wrapper,.chat-row.chat-pyon .chat-avatar{width:auto!important;max-width:40px!important;height:42px!important}.ho-speaker .mascot-avatar-wrapper{width:auto!important;max-width:50px!important;height:90px!important}.ho-speaker{justify-content:flex-start!important}}.chat-row{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.chat-row.chat-pyon{flex-direction:row-reverse}.chat-avatar{background:0 0;flex-shrink:0;align-items:flex-start;width:auto;min-width:80px;height:80px;display:flex;overflow:visible}.chat-avatar img{-o-object-fit:contain;object-fit:contain;width:auto!important;height:100%!important}.chat-row:not(.chat-pyon) .chat-avatar{max-width:160px;height:64px!important}.chat-row.chat-pyon .chat-avatar{width:auto;min-width:50px;height:72px!important}.chat-bubble{border-radius:12px;max-width:70%;padding:12px 20px;font-size:.95rem;font-weight:500;line-height:1.5;position:relative;box-shadow:0 2px 8px #0000000d}.chat-row.chat-myan .chat-bubble{color:#333;background:#e0f7fa;border:2px solid #b2ebf2;border-top-left-radius:0}.chat-row.chat-pyon .chat-bubble{color:#333;background:#fff0f5;border:2px solid #ffbed2;border-top-right-radius:0}@keyframes popIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}