*{box-sizing:border-box}html,body,#root{width:100%;height:100%;height:var(--app-height,100dvh)}.utility-page{padding-top:0}.utility-page .home-top-bar{margin:0 -20px 24px;padding-left:20px;padding-right:20px;top:0}.utility-page{padding:24px 24px 86px}.utility-page .home-top-bar{margin:-24px -24px 2px;padding:12px 24px 10px;top:-24px}body{color:#16191d;background:#eef2f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{color:#edf3f7;background:#101820}html[data-theme=dark] .room-join,html[data-theme=dark] .utility-page{background:#101820}html[data-theme=dark] .home-top-bar{background:#101820f5;border-color:#2c3b47}html[data-theme=dark] .home-brand{color:#4edb83}html[data-theme=dark] .brand-tagline,html[data-theme=dark] .room-join-hint,html[data-theme=dark] .utility-item span,html[data-theme=dark] .utility-page p{color:#aab9c4}html[data-theme=dark] .utility-content h2,html[data-theme=dark] .utility-item strong,html[data-theme=dark] .recent-rooms h2{color:#dce7ed}html[data-theme=dark] .recent-room-info strong{color:#edf5f8}html[data-theme=dark] .utility-item,html[data-theme=dark] .utility-text-settings,html[data-theme=dark] .utility-learning-menu,html[data-theme=dark] .recent-room-item,html[data-theme=dark] .room-code-card,html[data-theme=dark] .new-room-link,html[data-theme=dark] .learning-expression-list>div,html[data-theme=dark] .utility-profile-editor{background:#18242d;border-color:#30414d}html[data-theme=dark] .utility-profile-editor>strong{color:#edf5f8}html[data-theme=dark] .room-join input,html[data-theme=dark] .room-join select,html[data-theme=dark] .profile-dialog input,html[data-theme=dark] .utility-text-settings select,html[data-theme=dark] .home-top-bar .ui-language-select,html[data-theme=dark] .learning-note-controls select,html[data-theme=dark] .learning-library-actions select,html[data-theme=dark] .learning-floating-player select{color:#e3edf2;background:#17232c;border-color:#41535f}html[data-theme=dark] .room-join label,html[data-theme=dark] .utility-text-settings label{color:#c1d0d9}html[data-theme=dark] .bottom-nav{background:#121d26fa;border-color:#2c3b47;box-shadow:0 -3px 12px #00000040}html[data-theme=dark] .bottom-nav a{color:#9bacb7}html[data-theme=dark] .bottom-nav a.active{color:#57dc8c;background:#173c28}html[data-theme=dark] .message-furigana-note,html[data-theme=dark] .learning-expression-list span{color:#becbd3}html[data-theme=dark] .learning-expression-list strong{color:#f0f6f2}html[data-theme=dark] .utility-learning-menu summary span,html[data-theme=dark] .utility-learning-menu>strong{color:#edf5f8}html[data-theme=dark] .room-tools-menu,html[data-theme=dark] .message-menu-dropdown,html[data-theme=dark] .photo-viewer{background:#17232c;border-color:#3a4b57}html[data-theme=dark] .room-tools-menu button,html[data-theme=dark] .message-menu-dropdown button{color:#e4edf2;background:#17232c}html[data-theme=dark] .room-tools-checkbox{color:#e4edf2}html[data-theme=dark] .learning-review-card{background:#163123;border-color:#326046}html[data-theme=dark] .learning-page-nav{background:#14211bf7;border-color:#3a5746}.room-join{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex-direction:column;gap:10px;width:100%;max-width:390px;height:100%;margin:0 auto;padding:clamp(24px,5vh,44px) 24px 96px;display:flex;overflow:hidden auto}.room-join.home-screen{padding-top:0}.room-join h1{color:#159d50;letter-spacing:-.03em;margin:0;font-size:2rem}.home-top-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef2f7f5;border-bottom:1px solid #e2e8ed;justify-content:space-between;align-items:center;gap:16px;min-height:62px;margin:0 -24px 2px;padding:12px 24px 10px;display:flex;position:sticky;top:0}.home-brand{color:#159d50;letter-spacing:-.03em;font-family:Arial,Helvetica,sans-serif;font-size:1.55rem;font-weight:800;text-decoration:none}.home-top-bar .ui-language-select{color:#56616d;background:#fff;border:1px solid #cfd7e0;border-radius:8px;width:auto;min-width:96px;padding:7px 28px 7px 10px;font-size:.8rem}.home-screen .room-join-title-row{display:none}.room-join-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-join .ui-language-select{color:#56616d;border-radius:8px;width:auto;min-width:96px;padding:7px 28px 7px 10px;font-size:.8rem}.brand-tagline{color:#7b8794;letter-spacing:.04em;margin:-7px 0 4px;font-size:.78rem}.room-join-hint{color:#66717f;margin:0;font-size:.88rem;line-height:1.5}.utility-content{gap:8px;margin-top:18px;display:grid}.utility-content h2{color:#4a535e;margin:0 0 3px;font-size:.85rem}.utility-item{background:#fff;border:1px solid #e1e6eb;border-radius:10px;gap:4px;padding:13px 14px;display:grid}.utility-item strong{color:#303942;font-size:.92rem}.utility-item span{color:#6b7580;font-size:.78rem;line-height:1.4}.utility-profile-editor{background:#fff;border:1px solid #e1e6eb;border-radius:10px;gap:12px;padding:16px;display:grid}.utility-profile-editor>strong{color:#303942}.utility-profile-photo{cursor:pointer;align-items:center}.utility-profile-photo img,.utility-profile-photo>span{object-fit:cover;color:#278350;background:#dce8e0;border-radius:50%;place-items:center;width:76px;height:76px;font-size:1.35rem;font-weight:700;display:grid}.utility-profile-photo small{color:#249b58}.utility-profile-editor button{color:#fff;background:#20bf63;border:0;border-radius:9px;padding:11px 14px}.utility-profile-editor p,.utility-recent-rooms>p{color:#6e7a84;margin:0;font-size:.8rem}.utility-recent-rooms{margin-top:4px}.bottom-nav{z-index:50;padding:6px 8px max(7px, env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #dfe5e9;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #192a3914}.bottom-nav a{color:#7a858f;border-radius:11px;place-items:center;gap:3px;min-height:48px;text-decoration:none;transition:background .16s,color .16s;display:grid}.bottom-nav-icon{place-items:center;width:23px;height:23px;line-height:1;display:grid}.bottom-nav-icon svg{width:22px;height:22px;display:block}.bottom-nav small{font-size:.68rem;font-weight:650}.bottom-nav a.active{color:#108d48;background:#e8f8ee}.bottom-nav a.active small{font-weight:800}.utility-page{background:#eef2f7;min-height:100dvh;padding:28px 20px 86px}.utility-page h1{margin:0}.utility-page p{color:#66717d}.home-screen .home-top-bar,.home-screen .bottom-nav{transition:transform .2s,opacity .2s}.home-screen.learning-chrome-hidden .home-top-bar{opacity:0;pointer-events:none;transform:translateY(-115%)}.home-screen.learning-chrome-hidden .bottom-nav{opacity:0;pointer-events:none;transform:translateY(115%)}.room-join .invite-home-button{color:#53606c;background:#fff;border:1px solid #cfd7e0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.room-join .invite-home-button:hover{background:#f8fafc;border-color:#aab8c5}.invite-home-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.room-code-card{background:#fff;border:1px solid #d9e0e8;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;display:grid;box-shadow:0 3px 12px #1c314d0d}.invite-code-card{grid-template-columns:auto 1fr}.room-code-card span{color:#6c7683;white-space:nowrap;font-size:.72rem}.room-code-card strong{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem;overflow:hidden}.new-room-link{background:#fff;border:1px solid #cfd7e0;border-radius:10px;align-items:stretch;min-height:46px;margin-top:6px;display:flex;overflow:hidden}.new-room-link span{color:#4a535e;text-overflow:ellipsis;white-space:nowrap;flex:1;align-self:center;min-width:0;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;overflow:hidden}.room-join .new-room-link button{color:#269b57;background:0 0;border-left:1px solid #e1e6eb;border-radius:0;flex:0 0 50px;place-items:center;width:50px;padding:0;display:grid}.new-room-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.room-join form{flex-direction:column;gap:14px;margin-top:12px;display:flex}.room-join label,.profile-dialog label{color:#4a535e;flex-direction:column;gap:7px;font-size:.84rem;display:flex}.room-join input,.room-join select,.profile-dialog input{background:#fff;border:1px solid #cfd7e0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:1rem}.room-join input:focus,.room-join select:focus,.profile-dialog input:focus{border-color:#38b968;box-shadow:0 0 0 3px #38b96821}.language-selectors{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ai-partner-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}.room-join button{color:#fff;background:#20bf63;border:0;border-radius:10px;padding:12px 14px}.install-guide-backdrop{width:100%}.install-guide{text-align:left;background:#f2fff6;border:1px solid #a9dfbd;border-radius:13px;grid-template-columns:42px minmax(0,1fr);gap:2px 11px;width:100%;padding:10px 11px;display:grid;box-shadow:0 4px 15px #1c683b17}.install-guide-icon{color:#fff;background:#20bf63;border-radius:11px;grid-row:1/span 2;place-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:800;display:grid}.install-guide h2{color:#1d3928;align-self:end;margin:0;font-size:.92rem}.install-guide p{color:#5f7166;align-self:start;margin:0;font-size:.74rem;line-height:1.4}.install-guide-actions{grid-column:1/-1;grid-template-columns:1fr 1.45fr;gap:7px;width:100%;margin-top:7px;display:grid}.room-join .install-guide-actions button{padding:8px 10px;font-size:.78rem;font-weight:650}.room-join .install-guide-actions .install-guide-later{color:#566a5d;background:#e6f2ea}.room-join .install-guide-actions .install-guide-primary{color:#fff;background:#20bf63}.room-join .secondary-button{color:#269b57;background:0 0;align-self:flex-start;padding:2px 0;font-size:.8rem}.room-join-error{color:#d74747;margin:0;font-size:.84rem}.room-join button:disabled{cursor:wait;opacity:.65}.recent-rooms{gap:7px;margin-top:22px;display:grid}.recent-rooms h2{color:#4a535e;margin:0 0 3px;font-size:.85rem}.recent-room-item{background:#fff;border:1px solid #e1e6eb;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.recent-room-item:hover{background:#f6fff9;border-color:#8bd7a8}.room-join .ai-preset-item{color:#303942;width:100%;font:inherit;text-align:left;background:#fff;align-items:center;gap:11px;padding:10px 12px}.room-join .ai-preset-item.active{background:#e7f9ed;border-color:#84d6a2}.room-join .ai-preset-item.active .recent-room-avatar{color:#fff;background:#20bf63}.ai-presets .recent-room-item.active{background:#e7f9ed;border-color:#84d6a2}.ai-presets .recent-room-item.active .recent-room-avatar{color:#fff;background:#20bf63}.ai-profile-avatar{background-image:url(/ai-partners-sheet.png);background-position-y:50%;background-repeat:no-repeat;background-size:500%;font-size:0}.ai-profile-0{background-position-x:0%}.ai-profile-1{background-position-x:25%}.ai-profile-2{background-position-x:50%}.ai-profile-3{background-position-x:75%}.ai-profile-4{background-position-x:100%}.recent-rooms a{color:#303942;flex:1;align-items:center;gap:11px;min-width:0;padding:10px 12px;text-decoration:none;display:flex}.room-join .recent-room-copy{color:#269b57;background:0 0;border-left:1px solid #e8ecef;border-radius:0;flex:0 0 52px;place-items:center;width:52px;padding:0;display:grid}.recent-room-copy svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.room-join .recent-room-delete{color:#8a939d;background:0 0;border-left:1px solid #e8ecef;border-radius:0;flex:0 0 48px;place-items:center;width:48px;padding:0;display:grid}.room-join .recent-room-delete:hover{color:#d74747;background:#fff1f1}.recent-room-delete svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.recent-room-avatar{object-fit:cover;border-radius:50%;flex:0 0 42px;width:42px;height:42px}.recent-room-avatar.fallback{color:#278350;background:#dce8e0;place-items:center;font-weight:700;display:grid}.recent-room-avatar.avatar-loading{background:linear-gradient(100deg,#dce8e0 30%,#edf4ef 50%,#dce8e0 70%) 0 0/200% 100%;animation:1.2s ease-in-out infinite avatar-loading}@keyframes avatar-loading{to{background-position:-200% 0}}.recent-room-info{flex-direction:column;gap:3px;min-width:0;display:flex}.recent-room-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.recent-room-info small{color:#7a838d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.recent-room-message-count{color:#70808d;vertical-align:-2px;align-items:center;gap:3px;margin-left:7px;font-family:inherit;font-size:.72rem;line-height:1;display:inline-flex}.recent-room-message-count svg{width:13px;height:13px}.recent-room-avatar-wrap{flex:0 0 42px;width:42px;height:42px;display:block;position:relative}.recent-room-avatar-wrap img.recent-room-avatar{display:block}.recent-room-avatar-wrap .recent-room-avatar.fallback{place-items:center;display:grid}.recent-room-unread{z-index:1;border:2px solid var(--app-surface,#fff);color:#fff;background:#e5484d;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-family:system-ui,sans-serif;font-size:.66rem;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-4px;right:-5px;box-shadow:0 1px 3px #2b121240}.recent-room-meta{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.recent-room-time{color:#8a939d;white-space:nowrap;flex:none;margin-left:auto;font-size:.7rem}.app-loading{color:#159d50;place-items:center;min-height:100dvh;display:grid}.operations-dashboard{color:#2f3943;background:#f6f8fa;width:min(100%,980px);min-height:100dvh;margin:0 auto;padding:28px 20px}.operations-dashboard h1{margin:18px 0 6px;font-size:1.45rem}.operations-dashboard>p{color:#66717d;font-size:.88rem}.operations-home{color:#278350;font-size:.85rem;text-decoration:none}.operations-login{color:#fff;background:#20bf63;border:0;border-radius:8px;margin:12px 0;padding:10px 14px;font-weight:700}.operations-user{color:#66717d;margin:12px 0;display:block}.operations-error{color:#c93e42!important}.operations-table-wrap{background:#fff;border:1px solid #dde3e8;border-radius:10px;margin-top:16px;overflow-x:auto}.operations-dashboard table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.8rem}.operations-dashboard th,.operations-dashboard td{text-align:left;border-bottom:1px solid #edf0f2;padding:11px 12px}.operations-dashboard th{color:#66717d;background:#fafbfc;font-size:.72rem}.ai-chat{background:#eef2f7;flex-direction:column;width:min(100%,680px);height:100dvh;min-height:0;margin:0 auto;display:flex}.ai-chat header{background:#fff;align-items:center;gap:18px;padding:16px;display:flex}.ai-chat header a{color:#278350;text-decoration:none}.ai-chat-hint{color:#6b7580;background:#fff;border-top:1px solid #edf0f2;margin:0;padding:10px 16px;font-size:.82rem}.ai-chat-messages{flex-direction:column;flex:1;gap:9px;padding:16px;display:flex;overflow-y:auto}.ai-empty{color:#75808b;text-align:center;font-size:.85rem}.ai-bubble{white-space:pre-wrap;border-radius:14px;max-width:82%;padding:10px 12px;line-height:1.5}.ai-bubble.user{background:#a1e88d;align-self:flex-end}.ai-bubble.assistant{background:#fff;align-self:flex-start}.ai-chat-form{padding:10px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) 10px;background:#fff;gap:8px;display:flex}.ai-chat-form textarea{resize:none;background:#eef1f3;border:0;border-radius:20px;flex:1;padding:10px 12px}.ai-chat-form button{color:#fff;background:#20bf63;border:0;border-radius:19px;padding:0 15px;font-weight:700}.chat-room{background:#91add3;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.chat-room-header{z-index:30;background:#fffffff5;border-bottom:1px solid #00000017;flex-shrink:0;align-items:center;min-height:64px;padding:8px 12px;display:flex;position:relative;box-shadow:0 1px 4px #1b315014}.header-icon{color:#15202b;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:1.35rem;display:grid}.header-icon:hover{background:#eef1f4}.back-button{width:46px;height:46px}.back-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:29px;height:29px}.header-profile{text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 8px;display:flex;overflow:hidden}.header-profile>span:last-child{flex-direction:column;flex:1;min-width:0;display:flex}.header-profile strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1.05rem;overflow:hidden}.header-profile small{color:#78828e;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.68rem;overflow:hidden}.header-avatar,.message-avatar{object-fit:cover;background:#dbe5ef;border-radius:50%;flex:none}.header-avatar.ai-profile-avatar,.message-avatar.ai-profile-avatar{background-color:#0000;background-image:url(/ai-partners-sheet.png);background-position-y:50%;background-repeat:no-repeat;background-size:500%}.header-avatar{color:#526271;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.header-icon.auto-speech-toggle.active{color:#168b4a;background:#e2f8e9}.auto-speech-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.header-actions{flex:none;align-items:center;display:flex;position:relative}.room-tools-menu{background:#fff;border:1px solid #dfe3e8;border-radius:12px;flex-direction:column;width:220px;display:flex;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 10px 30px #111e2d2e}.room-tools-menu button{color:#28313a;text-align:left;background:#fff;border:0;padding:12px 16px;font-size:.88rem}.room-tools-checkbox{color:#28313a;cursor:pointer;align-items:center;gap:9px;padding:12px 16px;font-size:.88rem;display:flex}.room-tools-checkbox input{accent-color:#20bf63;width:17px;height:17px;margin:0}.room-tools-address{color:#7b8590;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf0f2;padding:10px 13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;overflow:hidden}.room-tools-menu button:hover{background:#f4f6f8}.room-tools-menu .danger{color:#d94343}.room-message-search{color:#66717f;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;gap:5px;padding:10px 14px 12px;font-size:.72rem;display:grid}.room-message-search input{color:#28313a;width:100%;font:inherit;border:1px solid #d5dce3;border-radius:7px;padding:8px 9px}.message-search-result{color:#526271;background:#ffffff94;border-radius:999px;align-self:center;margin:-3px 0 8px;padding:4px 9px;font-size:.7rem}.room-language-editor{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;gap:7px;padding:10px 14px 12px;display:grid}.room-language-editor label{color:#66717f;gap:4px;font-size:.72rem;display:grid}.room-language-editor select{background:#fff;border:1px solid #d5dce3;border-radius:7px;width:100%;padding:7px 8px;font-size:.8rem}.room-tools-menu .room-language-editor button{color:#fff;text-align:center;background:#20bf63;border-radius:7px;padding:8px 10px;font-size:.78rem}.utility-text-settings{background:#fff;border:1px solid #dde4ea;border-radius:10px;gap:12px;padding:14px;display:grid}.utility-text-settings label{color:#4a535e;grid-template-columns:minmax(0,.8fr) minmax(170px,1.35fr);align-items:center;gap:12px;font-size:.86rem;font-weight:650;display:grid}.utility-text-settings select{color:#38424d;background:#fff;border:1px solid #cfd7e0;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.utility-service-notice{color:#6b7580;background:#fff;border:1px solid #e1e6eb;border-radius:10px;padding:13px 14px;font-size:.78rem;line-height:1.55}.utility-service-notice summary{cursor:pointer;color:#303942;font-size:.92rem;font-weight:700;list-style:none}.utility-service-notice summary::-webkit-details-marker{display:none}.utility-service-notice p{margin:10px 0 7px}.utility-service-notice a{color:#168b4a;text-decoration:none}.utility-debug-info{color:#566573;background:#f7fafc;border:1px solid #d6e1ea;border-radius:10px;padding:13px 14px;font-size:.76rem;line-height:1.5}.utility-debug-info summary{cursor:pointer;color:#303942;font-size:.92rem;font-weight:700;list-style:none}.utility-debug-info summary::-webkit-details-marker{display:none}.utility-debug-info dl{gap:5px;margin:10px 0 12px;display:grid}.utility-debug-info dl div{justify-content:space-between;gap:16px;display:flex}.utility-debug-info dt{color:#6b7a87}.utility-debug-info dd{color:#283845;text-align:right;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.utility-debug-info>strong{color:#394956;font-size:.78rem}.utility-debug-info ol{gap:4px;margin:8px 0 0;padding-left:17px;display:grid}.utility-debug-info li{overflow-wrap:anywhere}.utility-debug-info time{color:#7b8995;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.utility-debug-actions{align-items:center;gap:7px;margin-top:12px;display:flex}.utility-debug-actions button{color:#405261;font:inherit;background:#fff;border:1px solid #cbd7e0;border-radius:7px;padding:7px 9px}.utility-debug-actions span{color:#168b4a;font-size:.72rem}.learning-library-note{color:#7a858f;padding:4px 2px;font-size:.72rem}.utility-learning-web-button{color:#176f40;text-align:left;background:#f2fff6;border:1px solid #b7e7ca;border-radius:12px;gap:5px;width:100%;padding:15px 14px;display:grid}.utility-learning-web-button strong{font-size:.95rem}.utility-learning-web-button span{color:#5d7569;font-size:.78rem;line-height:1.35}.utility-learning-menu{color:#586572;background:#fff;border:1px solid #e1e6eb;border-radius:10px;padding:13px 14px}.utility-learning-menu summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.utility-learning-menu summary::-webkit-details-marker{display:none}.utility-learning-menu summary span,.utility-learning-menu>strong{color:#303942;font-size:.92rem;font-weight:700}.utility-learning-menu summary small{color:#168b4a;font-size:.72rem;font-weight:700}.learning-expression-list,.learning-room-list{border-top:1px solid #edf0f2;gap:8px;margin-top:12px;padding-top:10px;display:grid}.learning-note-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:12px;display:grid}.study-filter-controls{grid-template-columns:minmax(0,1fr) auto}.study-filter-controls select:last-child{max-width:118px}#learning-page-scroll-target{scroll-margin-top:56px}.learning-note-controls input,.learning-note-controls select{color:#45515c;min-width:0;font:inherit;background:#fff;border:1px solid #d8e0e5;border-radius:8px;padding:8px 9px;font-size:.76rem}.learning-library-actions{justify-content:flex-end;margin-top:7px;display:flex}.learning-library-actions select{color:#187b43;min-height:30px;font:inherit;background:#fff;border:1px solid #bde2c9;border-radius:8px;margin-right:6px;padding:5px 7px;font-size:.74rem;font-weight:700}.learning-library-actions select:first-child{max-width:88px}.learning-library-actions select:nth-child(2){width:58px;min-width:58px;padding-right:3px}.learning-library-actions button{white-space:nowrap;color:#187b43;background:#f2fff6;border:1px solid #bde2c9;border-radius:8px;flex:none;align-items:center;gap:5px;min-height:30px;padding:6px 10px;font-size:.74rem;font-weight:750;display:inline-flex}.learning-library-actions button svg{fill:currentColor;width:15px;height:15px}.learning-floating-player{z-index:80;right:max(14px,50vw - 181px);bottom:calc(76px + env(safe-area-inset-bottom));align-items:center;gap:7px;display:flex;position:fixed}.learning-floating-player select{color:#187b43;width:62px;min-height:38px;font:inherit;background:#fff;border:1px solid #bde2c9;border-radius:20px;padding:7px 4px 7px 8px;font-size:.78rem;font-weight:800;box-shadow:0 5px 16px #0c532d2e}.learning-floating-stop{color:#fff;background:#1b7d49;border:0;border-radius:20px;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 5px 16px #0c532d40}.learning-floating-stop svg{fill:currentColor;width:16px;height:16px}.learning-page-nav{background:#fffffff5;border:1px solid #cfe1d5;border-radius:14px;align-items:center;gap:3px;width:max-content;max-width:100%;margin:12px auto 0;padding:5px;display:flex;box-shadow:0 4px 14px #1a372824}.learning-page-nav button{color:#53645b;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-width:27px;height:27px;padding:0 6px;font-size:.7rem;font-weight:700}.learning-page-nav button.active{color:#08783a;background:#e0f6e8}.learning-page-nav button:first-child,.learning-page-nav button:last-child{color:#187b43}.learning-review-card{background:#f4fff7;border:1px solid #c9e7d3;border-radius:10px;gap:7px;margin-top:12px;padding:11px;display:grid}.current-page-review{align-content:start;min-height:220px}.learning-review-card>strong{color:#168b4a;font-size:.78rem}.learning-review-card .review-answer{color:#314d3b}.learning-review-card>div{justify-content:flex-end;gap:6px;display:flex}.learning-review-card button{color:#187b43;background:#e2f6e9;border:0;border-radius:7px;min-height:30px;padding:6px 9px;font-size:.74rem;font-weight:700}.current-page-review-actions{flex-wrap:nowrap;align-items:center;justify-content:flex-start!important;gap:4px!important}.current-page-review-actions>button{white-space:nowrap;padding-left:7px;padding-right:7px}.current-page-review-actions>button:first-child{margin-right:auto}.current-page-review-actions button:last-child{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.current-page-review-actions button:last-child svg{fill:currentColor;width:15px;height:15px}.learning-study-actions{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.learning-study-actions button{color:#50605a;min-height:28px;font:inherit;background:#fff;border:1px solid #dce5e1;border-radius:7px;padding:5px 8px;font-size:.7rem}.learning-study-actions button.active{color:#08783a;background:#e8f8ee;border-color:#159d50;font-weight:750}.learning-note-controls select.selected{color:#08783a;background-color:#edfaf1;border-color:#9dddb6;font-weight:700}.learning-study-actions .open-original-chat{color:#187b43;margin-right:auto}.learning-study-actions .learning-study-save{color:#b17a0b;place-items:center;width:28px;min-width:28px;padding:4px;display:grid}.learning-study-actions .learning-study-save svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.learning-study-actions .learning-study-save.saved{background:#fff7d4;border-color:#e7c55c}.learning-study-actions .learning-study-save.saved svg{fill:currentColor}.current-page-review-status{border-top:1px solid #dcebe1;padding-top:7px;justify-content:flex-end!important}.learning-expression-list>div{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f5f8f6;border-radius:8px;gap:3px;padding:8px 9px;display:grid}.learning-expression-list>div.favorite{background:#fff9e9}.learning-expression-list>div.playing{background:#e9f9ef;border:1px solid #7acb96;box-shadow:0 0 0 2px #20bf631a}.learning-expression-list .learning-favorite-mark{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff0bd;border:0;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;margin-left:auto;padding:0;line-height:1;display:grid;color:#c68a12!important;font-size:16px!important}.learning-expression-list span{color:#4e5b67;font-size:calc(.88rem * var(--message-font-scale,1.06));font-weight:var(--message-font-weight,480)}.learning-expression-list strong{color:#26352d;font-size:calc(.96rem * var(--message-font-scale,1.06));font-weight:var(--message-font-weight,480)}.learning-expression-list em{color:#77838e;font-size:calc(.78rem * var(--message-font-scale,1.06));font-style:normal;font-weight:var(--message-font-weight,480)}.learning-expression-list .pronunciation{color:#687681;padding-left:1px}.learning-expression-list .pronunciation>span{min-width:0;color:inherit;font:inherit;flex:1}.room-join .learning-expression-list .pronunciation button{color:#18854a;background:#209f591a;border:0;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;margin-left:auto;padding:0;display:grid}.learning-expression-list .pronunciation button svg{fill:currentColor;width:16px;height:16px}.learning-expression-line{align-items:center;gap:6px;display:flex}.learning-expression-line>span:not(.learning-favorite-mark){flex:1;min-width:0}.learning-expression-line>span,.learning-expression-line>span span{color:inherit;font:inherit;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.learning-expression-line i{flex:0 0 1.25em;width:1.25em;font-style:normal;line-height:1.25}.learning-expression-line i:empty{display:none}.learning-source-toggle{cursor:pointer;border-radius:5px}.learning-source-toggle:focus-visible{outline-offset:3px;outline:2px solid #20bf63}.learning-expression-list .kanji-surface,.learning-expression-list .kanji-reading{color:#ad6b2e;font-weight:650}.learning-room-list>div{justify-content:space-between;align-items:center;gap:10px;font-size:.76rem;display:flex}.learning-room-list code{color:#52606c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.learning-room-close{color:#c43d3d;font:inherit;background:#fff;border:1px solid #e7b7b7;border-radius:7px;flex:none;padding:5px 8px;font-size:.7rem}.learning-room-close:disabled{opacity:.55}.learning-room-status{grid-column:1/-1}.learning-expression-list p,.learning-room-list p{color:#7a858f;margin:0;font-size:.76rem}.learning-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.learning-summary span{color:#168b4a;font-size:.75rem;font-weight:700}.learning-expression-menu-backdrop{z-index:150;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0f18202e;position:fixed;inset:0}.learning-expression-menu{right:12px;bottom:max(12px, env(safe-area-inset-bottom));background:#fff;border-radius:16px;gap:5px;padding:8px;display:grid;position:absolute;left:12px;box-shadow:0 12px 42px #00000040}.room-join .learning-expression-menu button{color:#755817;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:11px 16px;font-size:.92rem;font-weight:750;display:flex}.room-join .learning-expression-menu button.danger{color:#c33f3a;background:#fff4f3}.learning-expression-menu button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.history-status{color:#675700;background:#fff4c6;border:0;flex-shrink:0;width:100%;padding:7px 14px;font-size:.78rem}.past-conversation-trigger{color:#f6fbfd;width:100%;font:inherit;background:#18263775;border:1px solid #fff6;border-radius:11px;margin:0 0 12px;padding:12px 16px;font-size:.92rem;font-weight:700}.past-conversation-backdrop{z-index:110;background:#0a101785;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.past-conversation-panel{background:#f7f9fb;border-radius:20px 20px 0 0;flex-direction:column;width:min(680px,100%);max-height:min(82dvh,760px);display:flex;box-shadow:0 -18px 55px #00000042}.past-conversation-panel header{border-bottom:1px solid #dce3e8;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.past-conversation-panel h2{color:#27333d;margin:0;font-size:1rem}.past-conversation-panel header button{color:#237e4b;font:inherit;background:#fff;border:1px solid #cfd9df;border-radius:9px;padding:8px 11px;font-size:.8rem}.past-conversation-list{padding:6px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.past-conversation-item{border-bottom:1px solid #e0e6ea;gap:4px;padding:13px 0;display:grid}.past-conversation-item time{color:#84909a;align-items:baseline;gap:7px;font-size:.7rem;line-height:1.2;display:flex}.past-conversation-item time b,.past-conversation-item time span{line-height:1.2}.past-conversation-item time b{color:#4a5d69;font-size:.76rem;font-weight:700}.past-conversation-item p,.past-conversation-item strong,.past-conversation-item em{color:#2d3943;margin:0;font-size:.94rem;font-style:normal;font-weight:500;line-height:1.5}.past-conversation-item strong{color:#167345}.past-conversation-item em{color:#677783;font-size:.86rem}.past-conversation-empty{color:#71808a;text-align:center;margin:26px 0;font-size:.84rem;line-height:1.5}.chat-room-messages{overscroll-behavior:contain;background:linear-gradient(#91add3 0%,#9bb8dc 100%);flex-direction:column;flex:1;gap:8px;min-height:0;padding:18px 14px 24px;display:flex;position:relative;overflow-y:auto}.message-row{flex-wrap:wrap;align-items:flex-end;gap:7px;width:100%;display:flex}.message-sequence{flex-direction:column;gap:0;width:100%;display:flex}.message-date-divider{color:#f7fbfee6;background:#23374e3d;border-radius:10px;align-self:center;margin:6px 0 10px;padding:4px 10px;font-size:.72rem;line-height:1.2}.floating-message-date{z-index:40;top:calc(env(safe-area-inset-top) + 66px);color:#f8fbfd;pointer-events:none;background:#182637cc;border-radius:12px;padding:5px 11px;font-size:.75rem;line-height:1.2;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.system-message{color:#192738c7;text-align:center;background:#3d4e6333;border-radius:12px;align-self:center;align-items:center;gap:6px;margin:5px auto;padding:5px 11px;font-size:.76rem;display:inline-flex}.system-message .message-time{margin:0;font-size:.64rem}.message-row.own{grid-template-columns:max-content minmax(0,max-content) 36px;justify-content:end;align-items:end;gap:0 7px;display:grid}.message-row.other{grid-template-columns:36px minmax(0,max-content) max-content;justify-content:start;align-items:end;gap:0 7px;display:grid}.message-row.own.hide-profiles{grid-template-columns:max-content minmax(0,max-content)}.message-row.other.hide-profiles{grid-template-columns:minmax(0,max-content) max-content}.message-row.hide-profiles .message-avatar-stack,.message-row.hide-profiles .own-message-avatar-stack{display:none}.message-row.own.hide-profiles .message-own-meta{grid-column:1}.message-row.own.hide-profiles .message-bubble{grid-column:2}.message-row.other.hide-profiles .message-bubble{grid-column:1}.message-row.other.hide-profiles .message-time{grid-column:2}.message-row.other.hide-profiles .message-reaction-row{grid-column:1/3}.message-reaction-row{flex-basis:100%;gap:3px;margin-top:3px;padding-left:42px;display:flex}.message-row.own .message-own-meta{grid-area:1/1}.message-row.own .message-bubble{grid-area:1/2;justify-self:end;max-width:100%}.message-row.own .own-message-avatar-stack{grid-area:1/3}.message-row.other .message-bubble{grid-column:2;justify-self:start;max-width:100%}.message-row.other .message-time{grid-column:3}.message-row.other .message-reaction-row{flex-basis:auto;grid-area:2/2/auto/4;padding-left:0}.message-reaction-row.own{grid-area:2/1/auto/3;justify-content:flex-end;padding-left:0;padding-right:0}.message-reaction-row span{background:#ffffffdb;border:1px solid #60708038;border-radius:12px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 5px;font-size:.9rem;display:inline-flex;box-shadow:0 1px 2px #00000014}.message-reaction-row span.active{background:#eafff0;border-color:#20bf63}.message-reaction-row small{color:#657180;margin-left:2px;font-size:.65rem}.message-avatar{width:36px;height:36px}.message-avatar-button{background:0 0;border:0;border-radius:50%;flex:0 0 36px;align-self:flex-end;width:36px;height:36px;padding:0;overflow:hidden}.message-avatar-button .message-avatar{width:100%;height:100%;display:block}.message-avatar.fallback{color:#526271;place-items:center;font-size:.82rem;font-weight:700;display:grid}.message-avatar-stack,.own-message-avatar-stack{flex:0 0 36px;align-self:flex-end;width:36px;height:36px;display:block;position:relative}.message-avatar-stack .message-avatar,.message-avatar-stack .message-avatar-button,.own-message-avatar-stack .message-avatar,.own-message-avatar-stack .message-avatar-button{width:36px;height:36px}.message-language-flag,.own-message-language-flag{background:#fff;border:1px solid #ffffffeb;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #14223147}.message-bubble{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:17px;flex-shrink:0;max-width:min(74%,560px);padding:10px 13px;position:relative;box-shadow:0 1px 1px #0000000f}.message-bubble.own{background:#a1e88d;border-top-right-radius:5px}.message-bubble.other{background:#fff;border-top-left-radius:5px}.message-bubble.own:after{clip-path:polygon(0 0,100% 0,0 100%);content:"";background:#a1e88d;width:12px;height:14px;position:absolute;top:0;right:-7px}.message-bubble.other:before{clip-path:polygon(0 0,100% 0,100% 100%);content:"";background:#fff;width:12px;height:14px;position:absolute;top:0;left:-7px}.message-sender-row{z-index:2;height:0;position:absolute;top:2px;right:3px}.message-sender{color:#6f7882;margin-bottom:2px;font-size:.7rem}.message-menu{position:relative}.message-menu-toggle{color:#77818b;opacity:0;background:0 0;border:0;border-radius:5px;width:22px;height:20px;padding:0;line-height:1;transition:opacity .15s}.message-bubble:hover .message-menu-toggle,.message-menu-toggle:focus{opacity:1}.message-menu:has(.message-menu-dropdown) .message-menu-toggle{opacity:1}.message-menu-dropdown{z-index:110;right:12px;bottom:max(12px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #e0e4e8;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;left:12px;overflow:hidden;box-shadow:0 12px 42px #00000040}.message-menu-dropdown button{color:#333;text-align:center;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;font-size:.9rem;display:flex}.message-menu-dropdown .reply-action{color:#fff;background:#20bf63;min-height:54px;font-size:1.05rem;font-weight:800}.message-menu-dropdown .save-learning-action{color:#80601b;font-weight:750}.message-menu-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:0 0 19px;width:19px;height:19px}@media (hover:hover) and (pointer:fine){.message-menu-dropdown button:hover{background:#f3f5f6}.message-menu-dropdown .reply-action:hover{background:#19a955}}.quick-reactions{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:2px 2px 5px;display:grid}.message-menu-dropdown .quick-reactions button{background:#f3f7f4;min-width:0;min-height:40px;padding:3px 0;font-size:1.18rem}.message-text{color:#141a20;font-size:calc(1.04rem * var(--message-font-scale,1.06));font-weight:var(--message-font-weight,480);white-space:pre-wrap;word-break:break-word;line-height:1.52}.message-text-row{align-items:flex-start;gap:5px;display:flex}.message-text-row .message-text{flex:1;min-width:0}.message-edit-button{color:#18854a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#209f591a;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;margin:0 -1px 0 0;padding:0;display:grid}.message-edit-button:hover{color:#18854a;background:#209f592e}.message-edit-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.message-edit-backdrop{z-index:160;background:#0d141c99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.message-edit-dialog{background:#fff;border-radius:18px;gap:14px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 24px 70px #0000004d}.message-edit-dialog h2{color:#1d2c36;margin:0;font-size:1.1rem}.message-edit-dialog textarea{resize:vertical;color:#1d2c36;background:#fff;border:1px solid #cfd7e0;border-radius:11px;outline:none;width:100%;min-height:150px;max-height:min(50vh,360px);padding:12px 14px;font-size:1rem;line-height:1.5}.message-edit-dialog textarea:focus{border-color:#38b968;box-shadow:0 0 0 3px #38b96821}.message-edit-actions{justify-content:flex-end;gap:9px;display:flex}.message-edit-actions button{background:#edf0f2;border:0;border-radius:9px;padding:9px 16px}.message-edit-actions .primary{color:#fff;background:#20bf63}.message-edit-actions button:disabled{opacity:.55}.message-inline-reply-button{color:#18854a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#209f591a;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;margin:0 -1px 0 0;padding:0;display:grid}.message-inline-reply-button:hover{color:#18854a;background:#209f592e}.message-inline-reply-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.message-text.emoji-only{letter-spacing:.02em;padding:3px 1px;font-size:4.7rem;line-height:1.05}.message-text ruby rt,.message-furigana-note ruby rt{color:#6f7780;font-size:.58em}.message-furigana-note{color:#53606c;font-size:calc(.85rem * var(--message-font-scale,1.06));font-weight:var(--message-font-weight,520);border-top:1px solid #00000014;align-items:center;gap:7px;margin-top:5px;padding-top:5px;line-height:1.85;display:flex}.message-furigana-note>span{flex:1;min-width:0}.message-furigana-note .kanji-reading{color:#ad6b2e;font-weight:650}.message-text .kanji-surface{color:#ad6b2e;font-weight:560}.combined-translation{border-top:1px solid #26364624;margin-top:9px;padding-top:9px}.translation-text-row{align-items:center;gap:7px;display:flex}.translation-text-row .message-text{flex:1;min-width:0}.translation-word{color:inherit;font:inherit;line-height:inherit;text-align:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#209f5929;background:0 0;border:0;border-radius:3px;margin:0;padding:0 1px;display:inline}.translation-word:hover,.translation-word:focus-visible{background:#209f591f;outline:none}.translation-word:active{background:#209f5933}.translation-save-button{color:#18854a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#209f591a;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;display:grid}.translation-save-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.translation-save-button.saved{color:#b17a0b;background:#fff4c9}.translation-save-button.saved svg{fill:currentColor}.combined-translation.pending{color:#657180;min-width:180px}.translation-pending-label{align-items:center;gap:7px;font-size:.82rem;font-weight:650;display:flex}.translation-retry-button{color:#18894a;background:#f2fff6;border:1px solid #8acda4;border-radius:7px;margin-top:7px;padding:6px 9px;font-size:.74rem;font-weight:700}.translation-spinner{border:2px solid #20bf6338;border-top-color:#20bf63;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite translation-spin}.translation-review{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #00000014;gap:5px;width:100%;margin-top:9px;padding:8px 0 0;display:grid}.translation-review:focus-visible{outline-offset:3px;outline:2px solid #20bf63}.quick-review-dialog{color:#1d2c36;background:#fff;border:0;border-radius:18px;width:min(520px,100% - 32px);max-height:85dvh;padding:22px;overflow-y:auto}.quick-review-dialog::backdrop{background:#0d141c99}.quick-review-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-review-dialog h2{margin:0;font-size:1.15rem}.quick-review-dialog h3{color:#66737e;margin:0 0 8px;font-size:.8rem}.quick-review-dialog section{background:#f0f5f2;border-radius:12px;margin:18px 0;padding:14px}.quick-review-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.quick-review-dialog header button,.quick-review-save{color:inherit;background:#edf0f2;border:0;border-radius:9px;padding:9px 14px}.quick-review-save{color:#fff;background:#20bf63;width:100%}.quick-review-save:disabled{opacity:.65}html[data-theme=dark] .quick-review-dialog{color:#edf3f7;background:#17232c}html[data-theme=dark] .quick-review-dialog section,html[data-theme=dark] .quick-review-dialog header button{background:#263640}html[data-theme=dark] .quick-review-dialog h3{color:#b5c5cf}.translation-review small{color:#279357;font-size:.74rem;font-weight:750}.translation-review-terms{flex-wrap:wrap;gap:5px;display:flex}.translation-review-terms strong{color:#246c45;text-overflow:ellipsis;white-space:nowrap;background:#edf9f1;border-radius:999px;align-items:baseline;max-width:100%;padding:4px 8px;font-size:.92rem;font-weight:750;display:inline-flex;overflow:hidden}.translation-review-terms strong em{color:#4d8a69;margin-left:4px;font-size:.82em;font-style:normal;font-weight:650}.message-link-preview{color:#263542;background:#ffffff80;border:1px solid #26364629;border-radius:11px;margin-top:9px;text-decoration:none;display:block;overflow:hidden}.message-link-preview.has-image{grid-template-columns:88px minmax(0,1fr);display:grid}.message-link-preview img{object-fit:cover;width:88px;height:100%;min-height:76px;max-height:112px}.message-link-preview>span{flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:9px 10px;display:flex}.message-link-preview strong,.message-link-preview p,.message-link-preview small{margin:0;overflow:hidden}.message-link-preview strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:780;line-height:1.3;display:-webkit-box}.message-link-preview p{color:#596876;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;display:-webkit-box}.message-link-preview small{color:#74818d;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.message-link-actions{border-top:1px solid #26364624;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;padding-top:9px;display:grid}.message-link-actions button,.message-link-actions a{color:#18854a;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#209f591a;border:1px solid #209f5947;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:6px 9px;font-size:.78rem;font-weight:750;text-decoration:none;display:flex}.message-link-actions button:hover,.message-link-actions a:hover{background:#209f592e}@keyframes translation-spin{to{transform:rotate(360deg)}}.furigana-speech-button{color:#18854a;background:#209f591a;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;display:grid}.furigana-speech-button:hover{background:#209f592e}.furigana-speech-button svg{fill:currentColor;width:16px;height:16px}@media (pointer:coarse){.message-menu-toggle{pointer-events:none;opacity:0;width:6px;padding:0}}.message-time{color:#1f3045a8;white-space:nowrap;flex:none;margin-bottom:2px;font-size:.68rem}.message-own-meta{flex-direction:column;flex:none;align-items:flex-end;gap:1px;margin-bottom:2px;display:flex}.message-own-meta .message-time{margin-bottom:0}.message-read-status{color:#1f3045b8;white-space:nowrap;font-size:.66rem}.message-reply-quote{background:#ffffff6b;border-left:3px solid #209f59;border-radius:5px;flex-direction:column;gap:2px;max-width:280px;margin:0 0 7px;padding:6px 9px;display:flex;overflow:hidden}.message-reply-quote strong{color:#187d45;font-size:.72rem}.message-reply-quote span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.message-photo-button{cursor:zoom-in;background:0 0;border:0;border-radius:13px;padding:0;display:block}.message-photo{object-fit:cover;border-radius:13px;width:min(320px,100%);max-height:420px;margin:-4px -7px;display:block}.message-bubble:has(.message-photo){padding:10px}.photo-viewer{z-index:200;background:#05090eeb;place-items:center;padding:48px 14px 20px;display:grid;position:fixed;inset:0}.photo-viewer img{object-fit:contain;max-width:100%;max-height:100%}.avatar-viewer img{object-fit:cover;background:#dbe5ef;border-radius:50%;width:min(82vw,480px);height:min(82vw,480px)}.avatar-viewer .ai-profile-viewer-image{background-color:#dbe5ef;border-radius:50%;width:min(82vw,480px);height:min(82vw,480px);display:block}.photo-viewer-close{top:max(10px, env(safe-area-inset-top));color:#fff;background:#ffffff24;border:0;border-radius:50%;width:42px;height:42px;font-size:1.8rem;position:absolute;right:12px}.photo-viewer-download{top:max(12px, env(safe-area-inset-top));color:#fff;min-height:40px;font:inherit;background:#ffffff29;border:0;border-radius:20px;align-items:center;gap:7px;padding:0 13px;font-size:.86rem;display:inline-flex;position:absolute;left:12px}.word-save-backdrop{z-index:190;padding:12px 12px max(12px, env(safe-area-inset-bottom));background:#0d141c61;align-items:flex-end;display:flex;position:fixed;inset:0}.word-save-panel{color:#25313b;background:#fff;border-radius:18px;gap:8px;width:min(520px,100%);margin:0 auto;padding:18px;display:grid;box-shadow:0 18px 60px #00000047}.word-save-panel small{color:#71808b;font-size:.78rem}.word-save-panel strong{color:#176f42;font-size:1.35rem}.word-save-panel>span{color:#5d6a75;font-size:.95rem}.word-save-panel label{color:#596774;gap:5px;margin-top:3px;font-size:.76rem;font-weight:700;display:grid}.word-save-panel input{color:#25313b;width:100%;font:inherit;background:#fff;border:1px solid #ccd6dc;border-radius:10px;outline:none;padding:11px 12px;font-size:.95rem;font-weight:500}.word-save-panel input:focus{border-color:#20bf63;box-shadow:0 0 0 3px #20bf6321}.word-save-panel p{color:#66737e;text-overflow:ellipsis;white-space:nowrap;gap:7px;margin:2px 0 4px;font-size:.78rem;line-height:1.4;display:flex;overflow:hidden}.word-save-panel p b{color:#3e4c57;flex:none}.word-save-panel>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.word-save-panel button{color:#43515d;background:#edf1f3;border:0;border-radius:10px;min-height:44px;font-weight:750}.word-save-panel button.primary{color:#fff;background:#20bf63}.word-save-panel button:disabled{opacity:.45}.photo-viewer-download svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.photo-viewer-download:disabled{opacity:.6}.message-composer{background:#fff;flex-shrink:0;position:relative}.composer-reply-preview{background:#f7faf8;border-top:1px solid #dfe3e6;align-items:center;gap:10px;padding:8px 12px;display:flex}.composer-reply-preview>span{border-left:3px solid #20bf63;flex-direction:column;flex:1;gap:2px;min-width:0;padding-left:9px;display:flex}.composer-reply-preview strong{color:#198349;font-size:.74rem}.composer-reply-preview small{color:#68727c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-reply-preview button{color:#64707a;background:0 0;border:0;border-radius:50%;width:32px;height:32px;font-size:1.4rem}.message-input{padding:9px 10px max(9px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe3e6;align-items:flex-end;gap:7px;display:flex}.keyboard-open .message-input{padding-bottom:9px}.message-input textarea{resize:none;background:#f0f2f4;border:0;border-radius:20px;outline:none;flex:1;min-width:0;max-height:110px;padding:10px 13px;font-size:1rem;line-height:1.25}.composer-icon{color:#222b33;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;font-size:1.55rem;display:grid}.composer-icon:hover{background:#f0f2f4}.send-button{color:#fff;background:#20bf63;border:0;border-radius:19px;flex:none;height:38px;padding:0 14px;font-size:.84rem;font-weight:700}.send-button:disabled{background:#cbd3d9}.emoji-picker{background:#fff;border-top:1px solid #e3e6e9;padding:7px 10px 10px}.emoji-tabs{grid-template-columns:repeat(6,1fr);gap:2px;margin-bottom:5px;display:grid}.emoji-tabs button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;place-items:center;min-height:32px;padding:0;font-size:1.05rem;display:grid}.emoji-tabs button.active{background:#f0faf3;border-bottom-color:#20bf63}.emoji-grid{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.emoji-grid button{background:0 0;border:0;border-radius:7px;place-items:center;min-width:0;min-height:29px;padding:0;font-size:1.2rem;display:grid}.emoji-grid button:hover{background:#eef1f3}.emoji-suggestion-row{color:#71808a;background:#fff;border-top:1px solid #e7ebed;justify-content:center;align-items:center;gap:7px;padding:5px 13px 2px;font-size:.72rem;font-weight:700;display:flex}.emoji-suggestion-row button{background:#f2fbf5;border:1px solid #d7eadc;border-radius:15px;place-items:center;width:30px;height:30px;padding:0;font-size:1.08rem;line-height:1;display:grid}.emoji-suggestion-row button:active{background:#ddf5e5;transform:scale(.94)}.profile-dialog-backdrop{z-index:100;background:#0d141c75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-dialog{background:#fff;border-radius:18px;flex-direction:column;gap:18px;width:min(360px,100%);padding:24px;display:flex;box-shadow:0 24px 70px #00000047}.profile-dialog h2{text-align:center;margin:0;font-size:1.2rem}.profile-dialog .profile-image-picker{cursor:pointer;align-items:center}.profile-image-picker img,.profile-image-picker>span{object-fit:cover;color:#526271;background:#dbe5ef;border-radius:50%;place-items:center;width:84px;height:84px;font-size:1.6rem;font-weight:700;display:grid}.profile-image-picker small{color:#249b58}.profile-dialog-actions{justify-content:flex-end;gap:9px;display:flex}.profile-dialog-actions button{background:#edf0f2;border:0;border-radius:9px;padding:9px 16px}.profile-dialog-actions .primary{color:#fff;background:#20bf63}.notification-prompt-backdrop{z-index:140;background:#0d141c75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notification-prompt{background:#fff;border-radius:18px;grid-template-columns:46px 1fr;gap:5px 13px;width:min(350px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #00000047}.notification-prompt-icon{color:#20a95b;background:#edfff4;border-radius:13px;grid-row:1/span 2;place-items:center;width:46px;height:46px;display:grid}.notification-prompt-icon svg{width:25px;height:25px}.notification-prompt h2{align-self:end;margin:0;font-size:1.08rem}.notification-prompt p{color:#66717f;align-self:start;margin:0;font-size:.84rem;line-height:1.5}.notification-prompt-actions{grid-column:1/-1;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:14px;display:grid}.notification-prompt-actions button{color:#56616d;background:#edf1f4;border:0;border-radius:9px;padding:10px 12px}.notification-prompt-actions .primary{color:#fff;background:#20bf63;font-weight:700}.invite-qr-backdrop{z-index:150;background:#0d141cad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.invite-qr-dialog{text-align:center;background:#fff;border-radius:20px;justify-items:center;gap:11px;width:min(380px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #0000004d}.invite-qr-dialog h2{color:#1d2c36;margin:0;font-size:1.16rem}.invite-qr-dialog p{color:#65727c;margin:0;font-size:.84rem;line-height:1.5}.invite-qr-dialog img{width:min(300px,82vw);height:auto;image-rendering:pixelated;border-radius:10px;display:block}.invite-qr-dialog small{color:#66737e;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.7rem;overflow:hidden}.invite-qr-dialog button{color:#fff;min-width:120px;font:inherit;background:#20bf63;border:0;border-radius:10px;padding:10px 18px;font-weight:750}html[data-theme=dark] .invite-qr-dialog{background:#17232c}html[data-theme=dark] .invite-qr-dialog h2{color:#edf5f8}html[data-theme=dark] .invite-qr-dialog p,html[data-theme=dark] .invite-qr-dialog small{color:#b5c5cf}html[data-theme=dark] .chat-room{background:#263b53}html[data-theme=dark] .chat-room-header{color:#edf3f7;background:#111b24f7;border-color:#2c3b47}html[data-theme=dark] .header-icon,html[data-theme=dark] .header-profile{color:#edf3f7}html[data-theme=dark] .header-icon:hover{background:#273846}html[data-theme=dark] .chat-room-messages{background:linear-gradient(#344d6e 0%,#2d4563 100%)}html[data-theme=dark] .message-bubble.other,html[data-theme=dark] .message-bubble.other:before{background:#20303b}html[data-theme=dark] .message-bubble.own{background:#20303b;border:1px solid #3d7658}html[data-theme=dark] .message-bubble.own:after{background:#20303b}html[data-theme=dark] .message-text{color:#f2f7f9}html[data-theme=dark] .message-edit-button,html[data-theme=dark] .message-inline-reply-button{color:#9bcbb0}html[data-theme=dark] .message-edit-dialog{background:#17232c}html[data-theme=dark] .message-edit-dialog h2{color:#edf5f8}html[data-theme=dark] .message-edit-dialog textarea{color:#edf3f7;background:#263640;border-color:#41535f}html[data-theme=dark] .message-edit-actions button{color:#dce8ef;background:#2b3a45}html[data-theme=dark] .message-edit-actions .primary{color:#fff;background:#20bf63}html[data-theme=dark] .message-edit-button:hover,html[data-theme=dark] .message-inline-reply-button:hover{color:#c1edcf;background:#67dc8c26}html[data-theme=dark] .message-link-actions{border-color:#e1f0f726}html[data-theme=dark] .message-link-actions button,html[data-theme=dark] .message-link-actions a{color:#a9dfba;background:#67dc8c1a;border-color:#67dc8c47}html[data-theme=dark] .message-link-preview{color:#edf5f8;background:#080f163d;border-color:#e1f0f729}html[data-theme=dark] .message-link-preview p{color:#bdcbd3}html[data-theme=dark] .message-link-preview small{color:#9dafba}html[data-theme=dark] .message-time{color:#b9cbd7}html[data-theme=dark] .message-read-status{color:#c7d8e2}html[data-theme=dark] .message-furigana-note{color:#c1d0d8;border-color:#e1f0f726}html[data-theme=dark] .message-composer,html[data-theme=dark] .message-input,html[data-theme=dark] .emoji-picker{background:#17232c;border-color:#30414d}html[data-theme=dark] .emoji-suggestion-row{color:#afbec7;background:#17232c;border-color:#30414d}html[data-theme=dark] .emoji-suggestion-row button{background:#183d29;border-color:#315c45}html[data-theme=dark] .composer-reply-preview{color:#dbe8ef;background:#1c2a34;border-color:#30414d}html[data-theme=dark] .message-input textarea{color:#edf3f7;background:#263640}html[data-theme=dark] .composer-icon{color:#dbe8ef}html[data-theme=dark] .composer-icon:hover,html[data-theme=dark] .emoji-grid button:hover{background:#2b3d49}html[data-theme=dark] .emoji-tabs button.active{background:#183d29}html[data-theme=dark] .message-reaction-row span{color:#edf3f7;background:#263640;border-color:#4a5d6a}html[data-theme=dark] .history-status{color:#fff2ae;background:#5d5420}html[data-theme=dark] .message-date-divider{color:#d9e7ed;background:#0a121a80}html[data-theme=dark] .floating-message-date{color:#edf7fb;background:#080f16db}html[data-theme=dark] .past-conversation-panel{background:#17232c}html[data-theme=dark] .past-conversation-panel header{border-color:#30414d}html[data-theme=dark] .past-conversation-panel h2,html[data-theme=dark] .past-conversation-item p{color:#edf5f8}html[data-theme=dark] .past-conversation-panel header button{color:#74e6a5;background:#20303b;border-color:#41535f}html[data-theme=dark] .past-conversation-item{border-color:#30414d}html[data-theme=dark] .past-conversation-item strong{color:#7de3a7}html[data-theme=dark] .past-conversation-item em{color:#b9cbd7}html[data-theme=dark] .past-conversation-empty,html[data-theme=dark] .past-conversation-item time{color:#aab9c4}html[data-theme=dark] .past-conversation-item time b{color:#d9e7ed}html[data-theme=dark] .profile-dialog,html[data-theme=dark] .notification-prompt{color:#edf3f7;background:#17232c}html[data-theme=dark] .profile-dialog-actions button,html[data-theme=dark] .notification-prompt-actions button{color:#dce8ef;background:#2b3a45}html[data-theme=dark] .word-save-panel{color:#edf3f7;background:#17232c}html[data-theme=dark] .word-save-panel small,html[data-theme=dark] .word-save-panel>span,html[data-theme=dark] .word-save-panel p{color:#aebdc6}html[data-theme=dark] .word-save-panel strong{color:#9eddb5}html[data-theme=dark] .word-save-panel button{color:#dce8ef;background:#2b3a45}html[data-theme=dark] .word-save-panel button.primary{color:#fff;background:#20bf63}html[data-theme=dark] .word-save-panel label,html[data-theme=dark] .word-save-panel p b{color:#c5d2d9}html[data-theme=dark] .word-save-panel input{color:#edf3f7;background:#20303b;border-color:#41535f}@media (width<=560px){.chat-room-header{min-height:58px;padding:6px 7px}.header-avatar{width:36px;height:36px}.header-profile{gap:8px;padding:3px 5px}.header-icon{width:38px;height:38px}.chat-room-messages{padding:14px 10px 20px}.message-bubble{max-width:76%}.message-row.own{grid-template-columns:max-content minmax(0,max-content) 32px}.message-row.other{grid-template-columns:32px minmax(0,max-content) max-content}.message-avatar,.message-avatar-button,.message-avatar-stack,.own-message-avatar-stack{flex-basis:32px;width:32px;height:32px}.message-input{gap:4px;padding-inline:7px}.composer-icon{width:34px;height:38px}.send-button{padding-inline:11px}.emoji-grid{grid-template-columns:repeat(8,1fr)}}