*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation}body{overflow:hidden;background:#f5f5f5;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.container{overflow:hidden;display:flex;background:#fff;flex-direction:column;width:100%;height:100dvh}.language-toggle{display:flex}.lang-btn{cursor:pointer;display:flex;background:#fff;border:2px solid #e0e0e0;border-radius:8px;justify-content:center;align-items: center;padding:8px 12px;transition:all .2s;font-size:20px;line-height:1}.lang-btn:hover{background:#f0f0ff;border-color:#667eea}.chat-container{display:flex;overflow:hidden;flex-direction:column;flex:1}.messages{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:12px;padding:20px}.message{word-wrap:break-word;animation:slideIn .3s ease-out;border-radius:12px;max-width:70%;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{color:#fff;background:#667eea;border-bottom-right-radius:4px;align-self: flex-end}.message.received{color:#333;background:#f0f0f0;border-bottom-left-radius:4px;align-self: flex-start}.message-header{opacity:.8;margin-bottom:4px;font-size:12px;font-weight:600}.message-text{font-size:15px;line-height:1.4}.message-time{opacity:.6;margin-top:4px;font-size:11px}.input-container{display:flex;background:#fafafa;border-top:1px solid #e0e0e0;align-items: center;gap:10px;padding:16px 20px}#messageInput{outline:none;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:12px 16px;transition:border-color .2s;font-size:15px}#messageInput:focus{border-color:#667eea}#sendBtn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 24px;transition:background .2s;font-size:15px;font-weight:600}#sendBtn:hover:not(:disabled){background:#5568d3}#sendBtn:disabled{opacity:.5;cursor:not-allowed}.auth-prompt{position:fixed;display:flex;z-index:1000;background:#000000b3;justify-content:center;align-items: center;inset:0}.auth-prompt.hidden{display:none}.auth-box{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-box h2{color:#333;margin-bottom:10px}.auth-box p{color:#666;margin-bottom:20px}.auth-box input{outline:none;border:2px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:15px}.auth-box input:focus{border-color:#667eea}.auth-box button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;padding:12px;transition:background .2s;font-size:15px;font-weight:600}.auth-box button:hover{background:#5568d3}.error{color:#dc2626;min-height:20px;margin-top:10px;font-size:14px}.error:empty{display:none}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#f1f1f1}.messages::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#555}.definition-button{position:fixed;color:#fff;cursor:pointer;z-index:10001;background:#667eea;border:none;border-radius:6px;padding:8px 16px;transition:background .2s,transform .2s;font-size:13px;font-weight:600;transform:translate(-50%);box-shadow:0 2px 8px #0003}.definition-button:hover{background:#5568d3;transform:translate(-50%)translateY(-2px)}.definition-button:active{transform:translate(-50%)translateY(0)}.definition-button:disabled{opacity:.7;cursor:not-allowed}.word-tooltip{position:fixed;color:#fff;z-index:10000;pointer-events:none;word-wrap:break-word;background:#333;border-radius:8px;max-width:300px;margin-top:-8px;padding:10px 14px;font-size:14px;line-height:1.4;transform:translate(-50%)translateY(-100%);box-shadow:0 4px 12px #0000004d}.word-tooltip:after{content:"";position:absolute;border-top:6px solid #333;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;bottom:-6px;left:50%;transform:translate(-50%)}.word-tooltip[data-position=bottom]:after{border-top:none;border-bottom:6px solid #333;top:-6px;bottom:auto}