.custom-tooltip-wrapper{position:relative;outline:none}.custom-tooltip{position:absolute;z-index:100;background:#f8f8f8;color:#222;padding:6px 14px;border-radius:8px;font-size:.98em;white-space:nowrap;box-shadow:0 2px 8px #0000001a;opacity:.97;pointer-events:none;transition:opacity .15s,transform .15s;border:1px solid #bbb}.custom-tooltip-top{bottom:120%;left:50%;transform:translate(-50%) translateY(-4px)}.custom-tooltip-bottom{top:120%;left:50%;transform:translate(-50%) translateY(4px)}.custom-tooltip-left{right:120%;top:50%;transform:translateY(-50%) translate(-4px)}.custom-tooltip-right{left:120%;top:50%;transform:translateY(-50%) translate(4px)}body[data-theme=dark] .custom-tooltip{background:#111;color:#f5f5f5;border:1px solid #333;box-shadow:0 2px 8px #0000002e}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#fff;margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-layout{display:flex;height:100vh;height:100dvh}.login-container{width:321px;height:100%;min-width:260px;max-width:400px;background:#fff;padding:18px;box-sizing:border-box;border-right:2px dashed #000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:#bbb #ffffff}.login-message{margin-top:16px;color:#1976d2;font-size:1em}.login-container h2{margin-top:0;margin-bottom:16px}.google-login{background:#fff;padding:10px 0;border:1px solid #bbb;border-radius:8px;width:100%;cursor:pointer}.google-login:hover{transform:scale(1.01);box-shadow:0 2px 12px #bbb}.login-or{color:#888;margin:8px 0;font-size:1em}.login-form{width:100%;display:flex;flex-direction:column;gap:8px}.login-form input[type=email],.login-form input[type=password]{padding:10px 14px;border-radius:8px;border:1px solid #ddd;outline:none;background:#fff;font-size:1em}.login-form button[type=submit]{padding:10px 0;border-radius:8px;background:#bdd;color:#0a2a4a;border:none;font-size:1em;cursor:pointer}.login-form button[type=submit]:hover{transform:scale(1.01);box-shadow:0 2px 12px #bdd6}.doc-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;height:100%}.doc-close{width:fit-content;margin:8px}.doc-scroll{padding:16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #ffffff}.agreement-note{font-size:.92em;color:#555}.login-link{color:#1976d2;margin:0 4px;cursor:pointer;text-decoration:underline;transition:color .2s}.toggle-auth-container{margin-top:10px;text-align:center}.toggle-auth-mode{background:none;border:none;color:#1976d2;cursor:pointer;padding:6px 14px;font-size:1em;border-radius:6px;transition:background .15s,color .15s}.toggle-auth-mode:disabled{opacity:.6;cursor:not-allowed}.login-topbar,.you-can-log-in-here,.login-menu-btn{display:none}@media screen and (max-width:1024px){.login-topbar{display:flex;width:100vw;height:60px;border:2px dashed #000}.you-can-log-in-here{display:flex;font-size:1em;margin:auto}.login-menu-btn{display:flex;width:60px;background:#fff;border:none;border-left:2px dashed #000;justify-content:center;align-items:center;font-size:1em}.login-container{display:none}.login-container.open{z-index:2;display:flex;position:fixed;top:0;left:0;max-width:80%;border-right:2px dashed #000;transition:transform .3s ease-in-out}.doc-container{padding:0}.doc-close{display:flex;font-size:1em;margin:0}}body[data-theme=dark] .login-link{color:#90caf9}body[data-theme=dark] .login-container{background:#000;color:#fff;border-right:1px dashed #ffffff}body[data-theme=dark] .google-login{background:#000;padding:10px 0;color:#eee;border:1px solid #444444}body[data-theme=dark] .google-login:hover{box-shadow:0 2px 12px #40404088}body[data-theme=dark] .login-form input[type=email],body[data-theme=dark] .login-form input[type=password]{background:#000;color:#fff;border:1px solid #444}body[data-theme=dark] .login-form button[type=submit]{background:#2d4a5a;color:#cef}body[data-theme=dark] .login-form button[type=submit]:hover{box-shadow:0 2px 12px #222a}body[data-theme=dark] .login-message{color:#88c}body[data-theme=dark] .doc-container{background:#000;color:#fff}body[data-theme=dark] .doc-scroll{background:#000;scrollbar-color:#505050 #000000}body[data-theme=dark] .login-menu-btn{background:#000;color:#fff}body[data-theme=dark] .agreement-note{color:#aaa}.chat{display:flex;flex-direction:column;flex:1;height:100%}.chat-messages{display:flex;flex-direction:column;flex:1;width:50vw;max-width:800px;margin:0 auto;padding:24px 16px 16px;gap:12px;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #ffffff}.bubble{padding:12px 18px;border-radius:18px;font-size:1rem;line-height:1.5;word-break:break-word;margin-bottom:2px;position:relative;animation:fadein .2s;max-width:100%;box-sizing:border-box}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user{background:#bdd;color:#0a2a4a;align-self:flex-end;border-bottom-right-radius:0}.llm{color:#222;align-self:flex-start}.chat-form{display:flex;width:50vw;max-width:800px;margin:0 auto;padding:8px;border:1px solid #ddd;transition:border .2s;position:relative}.chat-form:focus-within{border:1.5px solid #555}.chat-input{flex:1;font-size:1rem;background:#fff;padding:8px 12px;outline:none;border:none;width:100%;box-sizing:border-box;resize:none;overflow:hidden}.send-btn{background:none;color:#222;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;align-self:center;font-size:1rem;cursor:pointer;transition:background .2s}.send-btn:hover{background:#eee}.chat-code-block{background:#f5f5f5;color:#222;padding:12px 16px;border-radius:8px;font-family:Fira Mono,Consolas,Menlo,Monaco,monospace;font-size:.98em;margin:8px 0;overflow-x:auto;max-width:100%;box-sizing:border-box;display:block;scrollbar-width:thin}.chat-code-block code{background:none;color:inherit;font-family:inherit;font-size:inherit;padding:0;display:block;white-space:pre}.thinking-emoji{display:inline-block;animation:thinking-spin 2s linear infinite}@keyframes thinking-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suggestions-toggle-btn{align-self:center;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;font-weight:600;cursor:pointer;font-size:1em;transition:background .2s,color .2s;outline:none;width:40px;height:40px}.suggestions-toggle-btn.enabled{background:#e6f0fa;color:#174a6a}.suggestions-toggle-btn.disabled{color:#333}.chat-suggestions{position:absolute;inset:auto 0 100% auto;z-index:1;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:0;list-style:none;max-height:180px;overflow-y:auto}.chat-suggestions .suggestion{padding:8px 16px;cursor:pointer;font-size:1em;transition:background .15s}.chat-suggestions .suggestion:hover,.chat-suggestions .suggestion.selected{background:#e6f0fa}.chat-suggestions .loading{color:#888;font-style:italic;padding:8px 16px}body[data-theme=dark] .suggestions-toggle-btn{background:#000;color:#cef}body[data-theme=dark] .suggestions-toggle-btn.enabled{background:#2d4a5a;color:#cef}body[data-theme=dark] .suggestions-toggle-btn.disabled{color:#aaa}body[data-theme=dark] .chat-suggestions{background:#23272e;color:#e6e6e6;border:1px solid #444;box-shadow:0 2px 8px #00000052}body[data-theme=dark] .chat-suggestions .suggestion{color:#e6e6e6}body[data-theme=dark] .chat-suggestions .suggestion:hover,body[data-theme=dark] .chat-suggestions .suggestion.selected{background:#2d4a5a;color:#cef}body[data-theme=dark] .chat-suggestions .loading{color:#aaa}body[data-theme=dark] .chat-code-block{background:#23272e;color:#e6e6e6}body[data-theme=dark] .chat{background:#000;scrollbar-color:#505050 #000000}body[data-theme=dark] .bubble{background:#000;color:#fff}body[data-theme=dark] .user{background:#2d4a5a;color:#cef}body[data-theme=dark] .llm{color:#fff}body[data-theme=dark] .chat-form{background:#000;color:#fff;border:1px solid #666}body[data-theme=dark] .chat-form:focus-within{border:1.5px solid rgb(200,200,200)}body[data-theme=dark] .chat-input{background:#000;color:#fff}body[data-theme=dark] .send-btn{color:#fff;--send-btn-stroke: #ddd}body[data-theme=dark] .send-btn:hover{background:#333}body[data-theme=dark] .disclaimer{color:#aaa}@media screen and (max-width:1024px){.chat{width:100vw}.chat-messages{width:100vw;padding:16px 8px 8px;box-sizing:border-box}.bubble{padding:10px 14px;font-size:.95rem}.chat-form{width:100vw;box-sizing:border-box}.chat-input{padding:12px 14px}.chat-suggestions{right:8px}}.sidebar{width:321px;display:flex;flex-direction:column;height:100%}.sidebar-new-chat{display:flex;color:#222;font-size:1.1em;padding:6px 24px;cursor:pointer;background:none;border:none;width:100%;margin:20px 0 10px}.sidebar-new-chat-icon{display:flex;align-items:center;justify-content:center;--sidebar-newchat-fill: #666}body[data-theme=dark] .sidebar-new-chat-icon{--sidebar-newchat-fill: #ddd}.sidebar-new-chat:hover{background:#eee;color:#1565c0}.sidebar-chats-header{margin:8px 0;color:#444;padding-left:24px;font-size:1.05em}.sidebar-content{display:flex;flex-direction:column;gap:16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #ffffff;padding:8px 0}.sidebar-loading{font-size:1em;padding:6px 24px}.sidebar-chat-link{color:#222;text-decoration:none;font-size:1em;padding:6px 24px;background:none;border:none;width:100%;text-align:left;cursor:pointer;overflow-wrap:anywhere}.sidebar-chat-link:hover{background:#eee;color:#1565c0}body[data-theme=dark] .sidebar-content-wrapper{background:#000;color:#fff;border-right:1px dashed #ffffff}body[data-theme=dark] .sidebar-new-chat{color:#fff;background:none}body[data-theme=dark] .sidebar-new-chat:hover{background:#515151;color:#cef}body[data-theme=dark] .sidebar-chats-header{color:#ddd}body[data-theme=dark] .sidebar-chat-link{color:#eee;background:none}body[data-theme=dark] .sidebar-chat-link:hover{background:#515151;color:#cef}body[data-theme=dark] .sidebar-content{scrollbar-color:#505050 #000000}.chatapp-root{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.chatapp-topbar{display:flex;width:100vw;height:60px}.mode-switcher{display:flex}.mode-switcher .active{border:2px dashed #000;border-bottom:none}.mode-switcher button{font-weight:400;background:none;border:none;cursor:pointer;width:160px;font-size:1em;border-bottom:2px dashed #000}.mode-switcher button:hover{background:#eee}.something-flexible-space{display:flex;align-items:center;justify-content:center;width:100%;font-size:1em;border-bottom:2px dashed #000}.user-account{display:flex;border-bottom:2px dashed #000}.user-account-email{display:flex;align-items:center;padding:0 8px;font-size:1em}.user-account button{background:none;border:none;cursor:pointer;width:100px;font-size:1em}.user-account button:hover{background:#eee}.loading-screen{display:flex;flex:1;align-items:center;justify-content:center}.loading-text{color:#333}.mobile-menu-btn{display:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100%;background:#ffffff80;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:1}.sidebar-overlay.active{display:block}@media screen and (max-width:1024px){.chatapp-root{flex-direction:column}.mobile-menu-btn{display:block;width:60px;background:#fff;font-size:1.5em;border:none;border-bottom:2px dashed #000;flex-shrink:0}.mode-switcher,.mode-switcher button{width:100%}.something-flexible-space{display:none}.user-account{width:60px}.user-account-email,.sidebar{display:none}.sidebar.open{z-index:2;display:flex;position:fixed;top:0;left:0;height:100%;background:#fff;box-shadow:1px 0 5px #0000001a;max-width:80%;transition:transform .3s ease-in-out}}.sidebar-darkmode-toggle:hover,.sidebar-logout-btn:hover{background:#e0e0e0;color:#222}body[data-theme=dark] .sidebar-darkmode-toggle,body[data-theme=dark] .sidebar-logout-btn{background:#000;color:#eee}body[data-theme=dark] .sidebar-darkmode-toggle:hover,body[data-theme=dark] .sidebar-logout-btn:hover{background:#3d434b;color:#fff}body[data-theme=dark] .sidebar-user-account{color:#eee;border-top:1px solid #444}body[data-theme=dark] .sidebar-user-account:hover{background:#3d434b}body[data-theme=dark] .sidebar-account-actions{border-top:1px solid #444}body[data-theme=dark] .loading-screen{background:#000}body[data-theme=dark] .loading-text{color:#eee}body[data-theme=dark] .main-content{background:#000}body[data-theme=dark] .sidebar-overlay{background:#00000080}body[data-theme=dark] .mobile-menu-btn{background:#000}body[data-theme=dark] .mobile-menu-content{background:#000;color:#fff}body[data-theme=dark] .thinking-emoji{color:#fff}.chatapp-mainarea{display:flex;flex:1;min-height:0}.flex-1{flex:1}.room-chat-wrapper{display:flex;height:100%}.room-chat{display:flex;flex-direction:column;height:100%;margin:0 auto}.public-room-list-col{margin:0 auto;display:flex;flex-direction:column;width:50vw}.public-room-list-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fab-create-room-inside{background:none;gap:8px;background:#222;color:#fff;border:none;border-radius:24px;padding:6px 16px 6px 8px;cursor:pointer;display:flex;font-size:.97em}.fab-create-room-inside:hover{transform:scale(1.01)}.fab-create-room-label{display:flex;align-items:center}.modal-create-room-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000040;z-index:10;display:flex;align-items:center;justify-content:center}.modal-create-room{background:#fff;border-radius:10px;box-shadow:0 4px 24px #0000002e;padding:28px 24px 20px;width:400px;display:flex;flex-direction:column;gap:12px}.modal-create-room-header{display:flex;justify-content:space-between;font-size:1.2em;font-weight:600}.modal-create-room-close{background:none;border:none;font-size:1.5em;color:#888;cursor:pointer}.sidebar-create-room-form{display:flex;flex-direction:column;gap:7px;margin:8px 0;padding:0 12px}.sidebar-create-room-input,.sidebar-create-room-textarea{border:1px solid #d0d7de;padding:7px 10px;font-size:1em;color:#222;border-radius:8px}.sidebar-create-room-input:focus,.sidebar-create-room-textarea:focus{border-color:#666;outline:none}.sidebar-create-room-textarea{height:100px;min-height:36px;max-height:300px;resize:vertical}.sidebar-create-room-submit{background:#000;color:#fff;border:none;padding:7px 0;font-size:1em;cursor:pointer;border-radius:8px}.sidebar-create-room-submit:hover{transform:scale(1.01)}.public-room-list-scrollable{overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#bbb #ffffff}.public-room-entry{cursor:pointer;padding:20px 0;border-bottom:1px solid #ccc}.public-room-entry:hover{background:#f0f4fa}.room-created-by{font-size:.97em;color:#555}.room-title-wrap{overflow-wrap:anywhere;font-size:1.3em;line-height:1.5em}.room-description-wrap{overflow-wrap:anywhere;margin:8px 0;font-size:1em;color:#444}.room-meta-row{display:flex;flex-wrap:wrap;gap:16px;font-size:.97em;color:#555}.room-meta-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.room-header{width:50vw;max-width:800px;margin:8px auto 0}.room-title{font-size:1.5em;font-weight:600;line-height:1.75em;overflow-wrap:anywhere}.room-description-edit-textarea{width:100%;font-size:1em;padding:8px;border-radius:6px;border:1px solid #ccc;resize:vertical;min-height:60px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#bbb #ffffff}.room-description-row{display:flex}.room-description{font-size:.97em;color:#666;padding:8px;overflow-wrap:anywhere}.room-description-edit-btn{background:none;border:none;cursor:pointer;color:#222;padding:4px;margin:auto 0}.room-description-edit-btn:hover{background:#eee;border-radius:50%}.other-message{margin-top:18px}.my-message{align-self:flex-end;margin-top:18px}.room-message-content{overflow-wrap:anywhere}.my-message-content{background:#e3f2fd;color:#0d47a1;border-radius:12px 12px 0;padding:6px 12px;display:inline-block}.show-translation-btn{background:none;border:none;color:#1565c0b0;cursor:pointer;padding:0;margin:4px 0}.room-message-translation-ja{margin:4px 0;font-size:.8em;color:#555}.delete-message-btn{color:#888;background:none;border:none;cursor:pointer;float:right;padding:0;margin:2px 0}.room-welcome{padding:6px 12px;max-width:321px;box-sizing:border-box;display:flex;flex-direction:column;border-left:2px dashed #000;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bbb #ffffff}.room-welcome-toggle-btn{background:none;border:none;cursor:pointer;margin:auto 4px auto 0;padding:0}.room-welcome-toggle-btn:hover{background:#eee;border-radius:50%}.room-welcome-create{padding:6px}.room-welcome-important{display:flex;flex-direction:column;gap:12px;margin:16px 0}.room-welcome-highlight{border:1px dotted #000;border-radius:8px;padding:8px 12px;font-weight:600}.room-welcome-caution{color:#d32f2f;display:flex;flex-direction:column;gap:4px}.room-welcome-input-hint{text-align:center;margin:auto auto 20px;padding:6px}.sidebar-public-rooms-btn-wrap{margin-bottom:8px}.sidebar-public-rooms-btn{background:none;color:#222;border:none;padding:7px 16px;font-size:1.1em;cursor:pointer;width:100%;text-align:left}.sidebar-public-rooms-btn:hover{background:#eee;color:#1565c0}.room-welcome-toggle-btn-top{display:none}@media screen and (max-width:1024px){.room-welcome{display:none}.public-room-list-col{width:100%;overflow-y:auto}.room-welcome-toggle-btn{display:none}.public-room-list-header-row{padding:0 12px;margin:0}.public-room-list-scrollable{padding:0 8px}.modal-create-room{margin:16px}.room-header{max-height:120px;display:flex;overflow-y:auto;flex-direction:column;padding:10px;width:auto;margin:0;border-bottom:1px solid aliceblue}}