:root{--primary-color:var(--accent-business, #4C7373);--bg-color:var(--bg-main, #FAFAF8);--chat-bg:var(--bg-card, #FFFFFF);--text-color:var(--text-primary, #333);--bubble-bg-left:#f4f5f6;--bubble-bg-right:rgba(76, 115, 115, 0.15);--border-radius:12px;--spacing:16px;--font-family:inherit}#app{flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex}.chat-container{background-color:var(--chat-bg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.chat-messages{padding:var(--spacing);flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.message-wrapper{align-items:flex-end;max-width:80%;animation:.3s fadeIn;display:flex}.message-wrapper.left{align-self:flex-start}.message-wrapper.right{flex-direction:row;align-self:flex-end}.avatar{color:#fff;background-color:#ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0 8px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.1)}.avatar img{position:absolute;width:auto!important;max-width:none!important;height:240%!important;top:0;left:50%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.img-mariko{margin-top:-10px!important}.img-aya{margin-top:-8px!important}.img-yui{margin-top:-4px!important}.img-asuka{margin-top:-6px!important}.img-teacher{margin-top:-8px!important;transform:translateX(-50%) scaleX(-1)!important}.bubble{border-radius:var(--border-radius);word-wrap:break-word;white-space:pre-wrap;padding:10px 14px;font-size:15px;position:relative}.message-wrapper.left .bubble{background-color:var(--bubble-bg-left);border-bottom-left-radius:2px}.message-wrapper.right .bubble{background-color:var(--bubble-bg-right);border-bottom-right-radius:2px}.choices-container{padding:var(--spacing);background-color:#ffffffe6;border-top:1px solid #ddd;flex-direction:column;gap:8px;display:flex}.choice-button{opacity:0;animation:.4s forwards ease-out fadeIn;background-color:var(--primary-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px;font-size:16px;transition:all .2s}.choice-button:hover{opacity:0.8}.typing-indicator{background:var(--bubble-bg-left);border-radius:var(--border-radius);align-self:flex-start;gap:4px;width:fit-content;margin-bottom:12px;padding:12px 16px;display:flex}.typing-dot{background:#888;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.message-wrapper{max-width:95%!important}.chat-messages{gap:10px;padding:12px 8px}.avatar{width:34px;height:34px;margin:0 6px;font-size:12px}.bubble{padding:8px 12px;font-size:14px}}
/*$vite$:1*/