.chat-layout{display:flex;height:100vh;background:#212121;color:#ececec;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}.chat-sidebar{width:260px;background:#171717;display:flex;flex-direction:column;padding:12px;flex-shrink:0}.language-switcher{display:flex;gap:6px;margin-bottom:12px}.language-btn{flex:1;background:transparent;border:1px solid #4d4d4f;border-radius:8px;padding:8px 0;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.language-btn svg{border-radius:2px;display:block}.language-btn:hover{background:#2a2a2a}.language-btn.active{background:#343541;border-color:#8ab4f8}.new-chat-btn{background:transparent;border:1px solid #4d4d4f;color:#ececec;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer;font-size:14px}.new-chat-btn:hover{background:#2a2a2a}.session-list{display:flex;flex-direction:column;gap:2px;margin-top:12px;overflow-y:auto}.session-row{display:flex;align-items:center;border-radius:8px}.session-row:hover{background:#2a2a2a}.session-row.active{background:#343541}.session-item{flex:1;background:transparent;border:none;color:#b4b4b4;padding:8px 4px 8px 12px;text-align:left;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.session-row:hover .session-item,.session-row.active .session-item{color:#ececec}.session-delete-btn{background:transparent;border:none;color:#8e8ea0;cursor:pointer;font-size:13px;padding:6px 10px;border-radius:6px;flex-shrink:0}.session-delete-btn:hover{color:#f87171}.sidebar-spacer{flex:1}.logout-btn{background:transparent;border:none;color:#b4b4b4;padding:10px 12px;text-align:left;cursor:pointer;font-size:14px;border-radius:8px}.logout-btn:hover{background:#2a2a2a;color:#ececec}.settings-link{display:block;background:transparent;border:none;color:#b4b4b4;padding:10px 12px;text-align:left;cursor:pointer;font-size:14px;border-radius:8px;text-decoration:none}.settings-link:hover{background:#2a2a2a;color:#ececec}.chat-main{flex:1;display:flex;flex-direction:column;position:relative;background:#212121}.chat-messages{flex:1;overflow-y:auto;padding:24px 0 140px}.empty-state{max-width:700px;margin:15vh auto;text-align:center;color:#b4b4b4}.empty-state h1{color:#ececec;font-size:28px;margin-bottom:8px}.message-row{display:flex;gap:16px;max-width:760px;margin:0 auto;padding:16px 24px}.message-row.user{flex-direction:row-reverse}.avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;font-size:16px}.bubble-with-actions{display:flex;align-items:flex-end;gap:6px;min-width:0}.bubble{background:#2f2f2f;border-radius:18px;padding:12px 16px;line-height:1.5;max-width:80%}.speak-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#8e8ea0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.speak-btn:hover{background:#3a3a3a;color:#ececec}.speak-btn.speaking{color:#8ab4f8}.message-row.user .bubble{background:#303030}.bubble-text,.bubble-text p{margin:0;white-space:pre-wrap}.bubble-text p+.youtube-embed,.bubble-text .youtube-embed+p{margin-top:8px}.bubble-media{max-width:100%;border-radius:12px;display:block}.external-link{display:inline-block;color:#8ab4f8;text-decoration:none;margin:4px 0}.external-link:hover{text-decoration:underline}.youtube-embed{width:320px;height:180px;border:none;margin:8px 0}.social-link{display:inline-flex;align-items:center;gap:8px;background:#3a3a3a;border:1px solid #4d4d4f;border-radius:20px;padding:8px 16px;margin:4px 2px;color:#ececec;text-decoration:none;font-size:14px}.social-link:hover{background:#444}.form-chip{display:inline-flex;align-items:center;gap:10px;background:#3a3a3a;border:1px solid #4d4d4f;border-radius:12px;padding:8px 14px 8px 8px;margin:4px 2px;color:#ececec;cursor:pointer;vertical-align:middle}.form-chip:hover{background:#444}.form-chip-icon{width:36px;height:36px;flex-shrink:0;border-radius:8px;background:#212121;display:flex;align-items:center;justify-content:center;font-size:18px}.form-chip-label{font-size:14px}.typing{display:flex;gap:4px;align-items:center;padding:16px}.dot{width:6px;height:6px;border-radius:50%;background:#b4b4b4;animation:blink 1.4s infinite both}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.chat-input-bar{position:absolute;bottom:0;left:0;right:0;padding:16px 24px 24px;background:linear-gradient(to top,#212121 60%,transparent)}.chat-input-pill{max-width:760px;margin:0 auto;background:#2f2f2f;border-radius:28px;display:flex;align-items:flex-end;gap:8px;padding:10px 12px 10px 18px;box-shadow:0 2px 10px #0000004d}.chat-input-pill textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:#ececec;font-size:15px;max-height:160px;padding:8px 0;font-family:inherit}.chat-input-pill textarea::placeholder{color:#8e8ea0}.mic-btn,.send-btn{width:36px;height:36px;border-radius:50%;border:none;background:#424242;color:#ececec;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.mic-btn:hover,.send-btn:hover:not(:disabled){background:#565656}.mic-btn.recording{background:#d23b3b;animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 0 #d23b3b80}70%{box-shadow:0 0 0 8px #d23b3b00}to{box-shadow:0 0 #d23b3b00}}.send-btn{background:#ececec;color:#212121}.stop-btn{background:#ececec;color:#212121;font-size:13px}.stop-btn:hover{background:#d9d9d9}.send-btn:disabled{background:#424242;color:#8e8ea0;cursor:default}[dir=rtl] .new-chat-btn,[dir=rtl] .session-item,[dir=rtl] .logout-btn,[dir=rtl] .settings-link{text-align:right}[dir=rtl] .chat-input-pill{padding:10px 18px 10px 12px}.mobile-topbar,.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-topbar{display:flex;align-items:center;padding:10px 12px}.mobile-menu-btn{width:36px;height:36px;border-radius:8px;border:1px solid #4d4d4f;background:transparent;color:#ececec;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:#2a2a2a}.chat-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:20;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 16px #0006}.chat-sidebar.open{transform:translate(0)}[dir=rtl] .chat-sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .chat-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:15}.chat-messages{padding:8px 0 140px}.empty-state{margin:10vh auto;padding:0 20px}.message-row{max-width:100%;gap:10px;padding:10px 12px}.bubble{max-width:86%;padding:10px 14px}.chat-input-bar{padding:10px 10px 16px}.chat-input-pill{max-width:100%}.youtube-embed{width:100%;max-width:320px;height:auto;aspect-ratio:16 / 9}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:#212121;color:#ececec}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:360px;padding:32px;display:flex;flex-direction:column;gap:14px}.auth-card h1{font-size:24px;margin-bottom:8px;text-align:center}.auth-card input{background:#2f2f2f;border:1px solid #4d4d4f;border-radius:8px;padding:12px 14px;color:#ececec;font-size:14px;outline:none}.auth-card input:focus{border-color:#8e8ea0}.auth-card button[type=submit]{background:#ececec;color:#212121;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}.auth-card button[type=submit]:hover{background:#d9d9d9}.auth-card a{color:#ececec;text-decoration:none;border:1px solid #4d4d4f;border-radius:8px;padding:10px;text-align:center;font-size:14px}.auth-card a:hover{background:#2a2a2a}.auth-card p{color:#f87171;font-size:13px;text-align:center;margin:0}.auth-switch{text-align:center;font-size:13px;color:#8e8ea0}.auth-switch a{border:none;color:#ececec;text-decoration:underline;padding:0}