.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{width:var(--mascot-avatar-size);height:var(--mascot-avatar-size);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:flex-end;display:flex;overflow:visible}.chat-mascot-icon{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.ho-speaker .mascot-avatar-wrapper{width:60px;min-width:60px;height:60px!important}.ho-icon{background:0 0!important}.chuta-speaker .mascot-avatar-wrapper{width:60px;min-width:60px;height:60px!important}.chuta-icon{background:0 0!important}.mascot-row.reverse .mascot-avatar-wrapper,.chat-row.reverse .chat-avatar{width:auto;min-width:50px}.pyon-icon{-o-object-position:center bottom;object-position:center bottom}
.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%)}.bubble-chuta{color:#1b5e20;text-align:left;background:#e8f5e9;border-color:#4caf50;margin-left:auto;margin-right:auto;max-width:80%!important;box-shadow:0 4px 12px #1b5e201a!important}.bubble-chuta:before{content:"";border:10px solid #0000;border-top-width:0;border-bottom:12px solid #4caf50;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.bubble-chuta:after{content:"";border:8px solid #0000;border-top-width:0;border-bottom:10px solid #e8f5e9;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}[data-theme=dark] .bubble-chuta,.dark .bubble-chuta{color:#e8f5e9;background:#1b2e1c;border-color:#2e7d32}[data-theme=dark] .bubble-chuta:after,.dark .bubble-chuta:after{border-bottom-color:#1b2e1c}
@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):not(.reverse) .chat-avatar{width:auto!important;max-width:65px!important;height:46px!important}.mascot-row.reverse .mascot-avatar-wrapper,.chat-row.chat-pyon .chat-avatar,.chat-row.reverse .chat-avatar{width:auto!important;max-width:40px!important;height:36px!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.reverse,.chat-row.chat-pyon{flex-direction:row-reverse}.chat-avatar{background:0 0;flex-shrink:0;align-items:flex-start;display:flex;overflow:visible}.chat-avatar img{-o-object-fit:contain;object-fit:contain}.chat-row:not(.chat-pyon) .chat-avatar{max-width:160px}.chat-row.chat-pyon .chat-avatar{width:auto}.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,.chat-row.chat-myan .speech-bubble{color:#333;background:#e0f7fa;border:2px solid #b2ebf2;border-top-left-radius:0}.chat-row.chat-pyon .chat-bubble,.chat-row.chat-pyon .speech-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)}}
.rakuten-recommend-widget{text-align:center;width:100%;padding:0;transition:opacity .6s ease-in-out,margin .3s ease-in-out;overflow:hidden}.rakuten-recommend-widget-loaded{opacity:1;margin:2rem 0;position:relative;top:0;left:0}.rakuten-recommend-widget-hidden{opacity:0;margin:0;position:absolute;top:-9999px;left:-9999px}.rakuten-recommend-iframe{border:none;margin:0 auto;display:block;overflow:hidden}.rakuten-recommend-iframe-sp{width:300px;height:250px}.rakuten-recommend-iframe-pc{width:728px;height:200px}.rakuten-recommend-title{border-bottom:2px solid #eee;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.rakuten-recommend-sponsored-note{color:#999;margin-top:5px;font-size:.7rem}
.rakuten-widget-header-title{font-size:14px;font-weight:700}.rakuten-widget-header-sponsor{opacity:.8;font-size:10px}.rakuten-widget-rank-badge{z-index:2;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;left:-5px;box-shadow:0 2px 4px #0003}.rakuten-widget-rank-badge-gold{background-color:#daa520}.rakuten-widget-rank-badge-silver{background-color:silver}.rakuten-widget-rank-badge-bronze{background-color:#b87333}.rakuten-widget-rank-badge-default{background-color:#666}.rakuten-widget-img-box{position:relative;overflow:hidden}.rakuten-widget-img{-o-object-fit:contain;object-fit:contain}.rakuten-widget-img-placeholder{font-size:20px}
.comment-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-top:3rem;padding:20px;box-shadow:0 4px 20px #0000000d}.comment-title{border-bottom:2px solid var(--border-color);color:var(--text-main);margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.comment-form{background:var(--bg-body);border:1px solid var(--border-color);border-radius:12px;margin-bottom:30px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:var(--text-main);margin-bottom:8px;font-weight:700;display:block}.author-input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-main);border-radius:8px;padding:10px;font-size:.9rem}.comment-textarea{border:1px solid var(--border-color);resize:vertical;background:var(--bg-card);width:100%;min-height:80px;color:var(--text-main);border-radius:8px;padding:15px;font-size:1rem}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;border-radius:25px;padding:10px 25px;font-weight:700;transition:transform .2s}.submit-button:hover{transform:scale(1.05)}.comment-list{flex-direction:column;gap:15px;margin-bottom:2rem;display:flex}.comment-item{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}[data-theme=dark] .comment-item{background:#252525}.comment-header{color:var(--text-sub);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.comment-number{color:var(--primary);font-weight:700}.comment-author{color:var(--text-main);font-weight:700}.comment-content{color:var(--text-main);white-space:pre-wrap;font-size:1rem;line-height:1.6}.no-comments{text-align:center;color:var(--text-sub);padding:2rem 0}