*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{color:#20242a;-webkit-font-smoothing:antialiased;background:#eaf3ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-within{outline-offset:2px;outline:2px solid #168cff6b}.landing-shell{background:radial-gradient(circle at 50% 22%,#fffffff2 0 90px,#0000 320px),linear-gradient(145deg,#f7fbff 0%,#e8f3ff 58%,#dfeeff 100%);grid-template-rows:64px 1fr 48px;min-height:100vh;display:grid}.landing-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffad;border-bottom:1px solid #749eca24;justify-content:space-between;align-items:center;padding:0 36px;display:flex}.brand{align-items:center;gap:10px;font-size:15px;display:flex}.brand-mark,.rail-logo,.start-logo{color:#fff;background:linear-gradient(145deg,#1ea3ff,#1878f2);place-items:center;font-weight:800;display:grid}.brand-mark{border-radius:10px;width:30px;height:30px}.header-note{color:#8a97a5;font-size:12px}.landing-content{grid-template-columns:minmax(320px,400px) minmax(320px,1fr);align-items:center;gap:20px;width:min(900px,100vw - 40px);margin:auto;padding:38px 0;display:grid}.start-card{text-align:center;background:#fffffff0;border:1px solid #769fcc29;border-radius:22px;padding:44px 38px 30px;box-shadow:0 24px 70px #4b78a729}.start-logo{border-radius:24px;width:72px;height:72px;margin:0 auto 18px;font-size:32px;box-shadow:0 12px 28px #168cff47}.start-card h1{letter-spacing:-.02em;margin:0;font-size:28px}.start-subtitle{color:#8a929d;margin:10px 0 28px;font-size:14px}.primary-button,.secondary-button,.invite-button{cursor:pointer;border:0;transition:background .15s,transform .15s}.primary-button{color:#fff;background:#168cff;border-radius:10px;width:100%;height:46px;font-size:14px;font-weight:600}.primary-button:hover{background:#0877df;transform:translateY(-1px)}.landing-notice{color:#6f7b87;text-align:left;background:#f2f6fa;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:8px 9px;font-size:10px;display:flex}.landing-notice button{cursor:pointer;color:#929ba4;background:0 0;border:0}.start-features{color:#7c8793;justify-content:center;align-items:center;gap:9px;margin-top:24px;font-size:11px;display:flex}.start-features i{background:#c5cbd2;border-radius:50%;width:3px;height:3px}.prototype-note{color:#a0a8b1;margin:16px 0 0;font-size:11px}.landing-footer{color:#9aa7b4;place-items:center;font-size:11px;display:grid}.wiki-card{background:#ffffffdb;border:1px solid #769fcc29;border-radius:18px;padding:24px;box-shadow:0 18px 52px #4b78a71c}.wiki-heading{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.wiki-heading span{color:#0877df;letter-spacing:.12em;font-size:10px;font-weight:700}.wiki-heading strong{font-size:18px}.wiki-steps{counter-reset:wiki-step;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.wiki-steps li{counter-increment:wiki-step;flex-direction:column;gap:2px;min-height:34px;padding-left:42px;display:flex;position:relative}.wiki-steps li:before{content:counter(wiki-step);color:#0877df;background:#e8f4ff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid;position:absolute;top:0;left:0}.wiki-steps b{font-size:12px}.wiki-steps span{color:#7f8994;font-size:11px;line-height:1.55}.wiki-card details{border-top:1px solid #e6e9ee}.wiki-card summary{cursor:pointer;color:#56616d;padding:11px 0;font-size:11px;font-weight:600}.wiki-card details p{color:#84909c;margin:-2px 0 12px;font-size:10px;line-height:1.65}.chat-shell{background:#f2f4f7;grid-template-columns:64px 270px minmax(0,1fr);width:100%;max-width:100vw;min-height:100vh;display:grid;overflow:hidden}.app-rail{background:linear-gradient(#2098ff 0%,#177fec 100%);flex-direction:column;align-items:center;gap:12px;min-height:100vh;padding:15px 0 14px;display:flex}.rail-logo{background:#ffffff2e;border:1px solid #ffffff52;border-radius:13px;width:38px;height:38px;margin-bottom:14px;font-size:17px}.rail-caption{color:#ffffffc7;letter-spacing:.14em;font-size:10px}.chat-sidebar{background:#f6f8fa;border-right:1px solid #e6e9ee;flex-direction:column;min-height:100vh;display:flex}.sidebar-top{justify-content:space-between;align-items:center;min-height:72px;padding:0 18px;display:flex}.sidebar-top>div{flex-direction:column;gap:3px;display:flex}.sidebar-top strong{font-size:17px}.sidebar-top small{color:#9aa3ad;font-size:10px;font-weight:400}.sidebar-top button{color:#6e7884;cursor:pointer;background:#e9edf1;border:0;border-radius:7px;height:30px;padding:0 9px;font-size:11px}.sidebar-top button:hover{color:#0877df;background:#e8f4ff}.conversation-list{gap:3px;min-height:0;padding-bottom:8px;display:grid;overflow-y:auto}.conversation-card{border-radius:9px;align-items:center;margin:0 8px;display:flex;position:relative}.conversation-card.active{background:#dfeeff}.conversation-card.drop-target{box-shadow:inset 0 -2px #168cff}.conversation-card:active{cursor:grabbing}.unread-badge{color:#fff;text-align:center;background:#dc4545;border-radius:12px;flex:none;min-width:18px;padding:2px 5px;font-size:10px;line-height:14px}.conversation-drag{color:#b3bbc4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;width:18px;height:40px;margin-left:2px;padding:0;font-size:13px}.conversation-open{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:11px 3px 11px 2px;display:flex}.conversation-avatar{color:#fff;background:linear-gradient(145deg,#57b5ff,#2388f1);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid;overflow:hidden}.conversation-settings{color:#9aa4ae;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;width:27px;height:31px;margin-right:3px;font-size:16px}.conversation-settings:hover{color:#0877df;background:#ffffffb8}.conversation-copy{flex:1;min-width:0}.conversation-copy>span{justify-content:space-between;gap:8px;display:flex}.conversation-copy strong{font-size:13px}.conversation-copy time{color:#a1a9b2;font-size:10px}.conversation-copy small{color:#8e97a1;text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-top:6px;font-size:11px;display:block;overflow:hidden}.sidebar-bottom{color:#939ba5;border-top:1px solid #e6e9ee;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 16px;font-size:10px;display:flex}.text-button{cursor:pointer;color:#8c96a1;background:0 0;border:0;padding:4px;font-size:10px}.text-button.danger:hover{color:#d45353}.chat-main{background:#f2f4f7;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;height:100vh;display:grid;position:relative;overflow:hidden}.chat-header{background:#ffffffe6;border-bottom:1px solid #e6e9ee;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:0 22px;display:flex}.chat-header h2{margin:0;font-size:15px;font-weight:600}.shared-files{overflow-wrap:anywhere;background:#fff;border-bottom:1px solid #e6e9ee;padding:8px 14px;font-size:12px}.shared-files summary{cursor:pointer;color:#0877df}.shared-files button{cursor:pointer;text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #e6e9ee;border-radius:5px;max-width:100%;margin:6px 6px 0 0;padding:4px 7px}.shared-files button:disabled{opacity:.5;cursor:default}.shared-files ul{max-height:22vh;margin:4px 0;padding:0;list-style:none;overflow:auto}.shared-files p{color:#8a929d;margin:6px 0}.member-count{color:#8e98a2;background:#eef1f4;border-radius:5px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:500}.chat-header p{color:#8a929d;margin:5px 0 0;font-size:10px}.status-dot{background:#aeb5bd;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.status-dot.connected{background:#39b97b}.status-dot.connecting{background:#f1a63c}.status-dot.disconnected{background:#e56060}.header-actions{align-items:center;gap:8px;display:flex}.notification-button{color:#8c96a1;cursor:pointer;background:#fff;border:1px solid #e6e9ee;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;padding:5px;display:grid}.notification-button[aria-pressed=true]{color:#0877df;background:#e8f4ff;border-color:#b6d9fa}.notification-button:disabled{opacity:.5;cursor:default}.profile-menu{position:relative}.profile-menu summary{list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu[open] .profile-avatar{border-color:#168cff}.profile-avatar{cursor:pointer;background:#fff;border:1px solid #dce3ea;border-radius:10px;place-items:center;width:32px;height:32px;font-size:17px;display:grid;overflow:hidden}.profile-editor{z-index:15;background:#fff;border:1px solid #dce3ea;border-radius:12px;gap:12px;width:280px;padding:15px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 44px #2a40562e}.profile-editor strong{font-size:13px}.profile-editor small{color:#919aa4;font-size:9px;line-height:1.5}.profile-editor>button{color:#fff;cursor:pointer;background:#168cff;border:0;border-radius:7px;height:32px}.profile-name{color:#727d88;gap:5px;font-size:10px;display:grid}.profile-name input{color:#20242a;border:1px solid #dce3ea;border-radius:7px;outline:0;height:34px;padding:0 9px}.profile-name input:focus{border-color:#9bcdf8}.profile-editor fieldset{border:0;min-width:0;margin:0;padding:0}.profile-editor legend{color:#727d88;margin-bottom:6px;font-size:10px}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{line-height:1}.avatar-uploader{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;display:grid}.avatar-upload-preview{background:#f4f7f9;border:1px solid #dce3ea;border-radius:16px;place-items:center;width:56px;height:56px;font-size:25px;display:grid;overflow:hidden}.avatar-preview-button{cursor:zoom-in;padding:0}.avatar-uploader>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.avatar-uploader>div>small{color:#9aa3ad;width:100%;font-size:9px}.avatar-upload-button,.avatar-reset-button{color:#66727e;cursor:pointer;background:#fff;border:1px solid #dbe2e9;border-radius:7px;align-items:center;height:29px;padding:0 9px;font-size:10px;display:inline-flex}.avatar-upload-button:hover,.avatar-reset-button:hover{color:#0877df;border-color:#9dcaf3}.avatar-upload-button input{display:none}.avatar-reset-button{background:#f1f4f6;border:0}.avatar-upload-notice{color:#d45353;grid-column:1/-1;margin:0;font-size:9px}.safety-code{color:#7d8792;background:#f2f4f6;border-radius:7px;padding:7px 9px;font-size:10px}.invite-button{color:#fff;background:#168cff;border-radius:7px;padding:8px 12px;font-size:11px}.invite-button:hover{background:#0877df}.mobile-new-button,.mobile-room-settings-button{cursor:pointer;color:#65717d;background:#fff;border:1px solid #e6e9ee;border-radius:7px;padding:7px 9px;font-size:10px;display:none}.mobile-room-select{color:#65717d;background:#fff;border:1px solid #e6e9ee;border-radius:7px;min-width:0;max-width:130px;height:30px;font-size:10px;display:none}.message-list{scrollbar-width:thin;scrollbar-color:#cbd0d6 transparent;min-height:0;padding:26px clamp(24px,6vw,78px);overflow:hidden auto}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.empty-symbol{filter:grayscale();background:#e3eaf1;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:13px;font-size:21px;display:grid}.empty-state h3{margin:0;font-size:14px;font-weight:600}.empty-state p{color:#8a929d;margin:8px 0 17px;font-size:12px}.secondary-button{color:#fff;background:#168cff;border-radius:7px;padding:8px 13px;font-size:11px}.retry-button{color:#63707d;cursor:pointer;background:#fff;border:1px solid #d7dde4;border-radius:7px;margin-top:8px;padding:8px 13px;font-size:11px}.retry-button:hover{color:#0877df;border-color:#aacdf0}.header-retry{white-space:nowrap;margin-top:0}.connection-diagnostics{z-index:5;color:#66717d;background:#fffffff7;border:1px solid #dce3ea;border-radius:10px;width:min(520px,100% - 32px);font-size:10px;position:absolute;top:72px;right:16px;overflow:hidden;box-shadow:0 10px 30px #2a40561f}.connection-diagnostics summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:7px 9px;list-style:none;display:grid}.connection-diagnostics summary::-webkit-details-marker{display:none}.diagnostics-title{color:#53606c;white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex}.diagnostics-title i{background:#39b97b;border-radius:50%;width:7px;height:7px}.connection-diagnostics.has-error .diagnostics-title i{background:#e56060}.diagnostics-latest{color:#89929c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagnostics-count{color:#87919b;text-align:center;background:#f0f3f6;border-radius:8px;min-width:22px;padding:2px 5px}.diagnostics-body{border-top:1px solid #edf0f3;padding:0 10px 10px}.diagnostics-stages{grid-template-columns:repeat(6,1fr);gap:5px;padding:10px 0 8px;display:grid}.diagnostics-stage{color:#8c959f;white-space:nowrap;background:#f3f5f7;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 3px;display:flex}.diagnostics-stage i{background:#b8bec5;border-radius:50%;width:5px;height:5px}.diagnostics-stage.success{color:#31805c;background:#eaf8f1}.diagnostics-stage.success i{background:#39b97b}.diagnostics-stage.warning{color:#94651e;background:#fff6e7}.diagnostics-stage.warning i{background:#e5a03a}.diagnostics-stage.error{color:#a74b4b;background:#fff0f0}.diagnostics-stage.error i{background:#e56060}.diagnostics-expectation{color:#7b8691;margin:0 0 9px;line-height:1.55}.diagnostics-actions{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.diagnostics-actions>span{color:#9aa2aa;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagnostics-actions>div{flex:none;gap:5px;display:flex}.diagnostics-actions button{cursor:pointer;color:#66727e;background:#fff;border:1px solid #dce2e8;border-radius:6px;padding:4px 7px;font-size:9px}.diagnostics-actions button:hover{color:#0877df;border-color:#aacdf0}.diagnostics-log{background:#f8fafb;border:1px solid #edf0f3;border-radius:7px;max-height:280px;margin:0;padding:0;list-style:none;overflow:auto}.diagnostics-log li{border-bottom:1px solid #eef1f3;grid-template-columns:56px minmax(110px,auto) minmax(0,1fr);gap:6px;padding:6px 7px;line-height:1.4;display:grid}.diagnostics-log li:last-child{border-bottom:0}.diagnostics-log li.warn{background:#fffaf0}.diagnostics-log li.error{background:#fff3f3}.diagnostics-log time{color:#9aa3ac;font-variant-numeric:tabular-nums}.diagnostics-log code{color:#4d77a1;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.diagnostics-log span{color:#65717c;min-width:0}.diagnostics-log small{color:#929ba4;word-break:break-word;grid-column:2/-1}.diagnostics-log .empty{color:#9aa3ac;text-align:center;padding:14px;display:block}.message-row{align-items:flex-start;gap:10px;width:fit-content;max-width:min(72%,720px);margin:0 0 20px;display:flex}.message-row.mine{flex-direction:row-reverse;margin-left:auto}.message-avatar{color:#4c6a5d;background:#bce8d5;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid;overflow:hidden}.message-avatar.avatar-viewable{cursor:zoom-in;border:0;padding:0}.message-row.theirs .message-avatar{color:#5a6470;background:#d9e2ee}.message-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.message-row.mine .message-content{align-items:flex-end}.message-meta{color:#9ba3ac;white-space:nowrap;gap:7px;margin:0 3px 5px;font-size:9px;display:flex}.message-row.mine .message-meta{justify-content:flex-end}.message-meta button{color:#8f99a3;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.message-meta button:hover{color:#0877df}.message-meta button:disabled{cursor:default;opacity:.45}.message-meta .message-delete-button:hover:not(:disabled){color:#d45353}.message-bubble{background:#fff;border:1px solid #e9ebee;border-radius:4px 12px 12px;width:fit-content;max-width:100%;padding:10px 13px;box-shadow:0 2px 6px #2837460a}.message-row.mine .message-bubble{color:#fff;background:#168cff;border-color:#1587f2;border-radius:12px 4px 12px 12px}.message-row.highlighted .message-bubble{animation:1.6s message-highlight}.message-reply-quote{color:#5f6f7e;cursor:pointer;text-align:left;background:#f1f6fb;border:0;border-left:2px solid #8ec7f8;border-radius:5px;gap:3px;min-width:min(210px,48vw);max-width:100%;margin:0 0 8px;padding:7px 9px;display:grid;overflow:hidden}.message-reply-quote strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.message-reply-quote span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.45;overflow:hidden}.message-reply-quote:disabled{cursor:default;opacity:.72}.message-row.mine .message-reply-quote{color:#fff;background:#ffffff29;border-left-color:#ffffffbd}.message-bubble p{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;cursor:text;margin:0;font-size:13px;line-height:1.6}.message-bubble.image{padding:4px;overflow:hidden}.message-image-button{cursor:zoom-in;background:0 0;border:0;border-radius:8px;max-width:100%;padding:0;display:block;overflow:hidden}.message-bubble img{object-fit:cover;border-radius:8px;max-width:min(360px,100%);max-height:330px;display:block}.message-bubble.audio{padding:7px 10px}.message-bubble audio{width:min(290px,54vw);height:34px;display:block}.message-bubble.file{min-width:min(310px,58vw);padding:9px 10px}.file-card{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.file-symbol{color:#607181;background:#edf1f4;border-radius:8px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:800;display:grid}.file-details{gap:3px;min-width:0;display:grid}.file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.file-details small{color:#8a96a1;font-size:9px}.file-details i{color:#a36c15;font-style:normal;font-weight:700}.file-card a{color:#0877df;background:#e8f4ff;border-radius:6px;padding:5px 7px;font-size:9px;text-decoration:none}.message-row.mine .file-symbol{color:#0877df;background:#fff}.message-row.mine .file-details small{color:#ffffffc2}.message-row.mine .file-details i{color:#fff0bc}.message-row.mine .file-card a{color:#0877df;background:#fff}.attachment-status{color:#7f8b96;text-align:center;margin-top:6px;font-size:9px}.message-row.mine .attachment-status{color:#fffc}.attachment-status.failed{color:#d95b5b}.message-row.mine .attachment-status.failed{color:#ffe0e0}.attachment-status.transient{opacity:.78}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c26306b;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.image-viewer-dialog{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(14px,3vw,34px)}.image-viewer-dialog[open]{place-items:center;display:grid}.image-viewer-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e141cc7}.image-viewer-card{background:#141c25f5;border:1px solid #ffffff29;border-radius:16px;grid-template-rows:48px minmax(0,1fr);width:min(1120px,100%);height:min(860px,100%);min-height:0;display:grid;overflow:hidden;box-shadow:0 28px 90px #0000006b}.image-viewer-card header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:0 12px 0 17px;display:flex}.image-viewer-card header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.image-viewer-card header button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.image-viewer-card header button:hover{background:#ffffff2b}.image-viewer-canvas{place-items:center;min-height:0;padding:14px;display:grid;overflow:auto}.image-viewer-canvas img{object-fit:contain;max-width:100%;max-height:100%;display:block}.image-viewer-canvas p{color:#ffffffb8;margin:0;font-size:12px}.crop-dialog-backdrop{z-index:80}.room-settings-dialog,.image-crop-dialog{background:#fff;border:1px solid #ffffffb8;border-radius:16px;gap:16px;width:min(370px,100vw - 24px);padding:17px;display:grid;box-shadow:0 24px 75px #1b2a3a47}.image-crop-dialog{width:min(316px,100vw - 24px);padding:17px}.dialog-title-row{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.dialog-title-row>div{gap:4px;display:grid}.dialog-title-row strong{font-size:14px}.dialog-title-row small{color:#929ba5;font-size:9px}.dialog-title-row>button{color:#8b96a1;cursor:pointer;background:#f1f4f6;border:0;border-radius:7px;place-items:center;width:27px;height:27px;font-size:17px;display:grid}.room-title-field,.room-icon-field{color:#697580;gap:7px;font-size:10px;display:grid}.room-title-field input{color:#20242a;border:1px solid #dbe2e9;border-radius:8px;outline:0;height:38px;padding:0 10px}.room-title-field input:focus{border-color:#91c7f7}.dialog-actions{justify-content:flex-end;gap:7px;display:flex}.dialog-actions button{cursor:pointer;border-radius:8px;min-width:72px;height:34px;font-size:11px}.secondary-dialog-button{color:#697580;background:#fff;border:1px solid #dce3ea}.danger-dialog-button{color:#c54d4d;background:#fff8f8;border:1px solid #f0caca;margin-right:auto}.danger-dialog-button:hover{background:#fff1f1;border-color:#e6a9a9}.primary-dialog-button{color:#fff;background:#168cff;border:1px solid #168cff}.primary-dialog-button:disabled{cursor:default;opacity:.45}.crop-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#dfe4e8;border-radius:14px;width:280px;height:280px;position:relative;overflow:hidden}.crop-viewport.dragging{cursor:grabbing}.crop-viewport img{pointer-events:none;max-width:none;max-height:none;position:absolute}.crop-viewport>p{color:#687480;text-align:center;place-items:center;height:100%;margin:0;padding:30px;font-size:11px;display:grid}.crop-frame{pointer-events:none;border:2px solid #ffffffe0;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #14243429}.crop-zoom{color:#8a949e;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:9px;display:grid}.crop-zoom input{accent-color:#168cff;width:100%}.crop-output-note{color:#9aa3ac;text-align:center;margin:-8px 0 -4px;font-size:9px}.notice{z-index:4;color:#76818c;background:#fff;border:1px solid #dce3ea;border-radius:8px;align-items:center;gap:10px;max-width:min(520px,80vw);padding:9px 10px 9px 13px;font-size:11px;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #2a405621}.notice button{cursor:pointer;color:#9099a3;background:0 0;border:0;font-size:17px}.composer{background:#fff;border-top:1px solid #e6e9ee;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:8px 10px;min-height:122px;margin:0;padding:10px 18px 12px;display:grid;position:relative}.composer-reply{color:#66727e;background:#f2f7fc;border-left:2px solid #76baf5;border-radius:5px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:7px 9px 7px 10px;display:flex}.composer-reply>span{gap:2px;min-width:0;display:grid}.composer-reply strong,.composer-reply small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-reply strong{color:#367bb8;font-size:9px}.composer-reply small{color:#7f8b96;font-size:10px}.composer-reply>button{color:#7f8b96;cursor:pointer;background:#e5edf4;border:0;border-radius:6px;flex:none;width:24px;height:24px;font-size:16px}.composer-tools{grid-column:1/-1;align-items:center;gap:3px;display:flex}.tool-button{color:#697580;cursor:pointer;background:#f6f8fa;border:0;border-radius:6px;place-items:center;gap:5px;height:28px;padding:0 8px;font-size:15px;display:grid}.tool-button:hover{background:#f0f2f5}.tool-button.active{color:#0877df;background:#e8f4ff}.tool-button.disabled,.tool-button:disabled{cursor:default;opacity:.42}.tool-button.recording{color:#fff;background:#ef6262;animation:1.2s infinite pulse}.tool-button input{display:none}.tool-label{font-size:10px}.beta-badge{color:#94620f;text-transform:uppercase;background:#fff0bd;border-radius:5px;margin-left:2px;padding:1px 4px;font-size:7px;font-weight:800;line-height:1.4;display:inline-block}.message-input{resize:vertical;color:#20242a;background:#f8fafc;border:0;border-radius:7px;outline:0;width:100%;min-width:0;min-height:44px;max-height:min(240px,35dvh);padding:8px 9px;font-size:13px;line-height:1.5;overflow-y:auto}.message-input::placeholder{color:#a8afb7}.message-input:disabled{cursor:default}.message-input:focus{background:#f4f8fc;box-shadow:inset 0 0 0 1px #cfe4f8}.send-button{color:#fff;cursor:pointer;background:#168cff;border:0;border-radius:7px;align-self:end;min-width:64px;height:32px;font-size:12px}.send-button:disabled{cursor:default;opacity:.4}.composer-hint{color:#a1a8b0;text-align:right;background:#fff;margin:0;padding:0 18px 8px;font-size:9px}.expression-picker{z-index:10;background:#fff;border:1px solid #dce2e8;border-radius:14px;grid-template-rows:38px 37px 42px 39px minmax(0,1fr) auto;width:min(540px,100% - 36px);height:min(430px,100dvh - 190px);min-height:260px;display:grid;position:absolute;bottom:calc(100% + 8px);left:18px;overflow:hidden;box-shadow:0 18px 55px #27394c33}.expression-picker-header{border-bottom:1px solid #eef1f4;justify-content:space-between;align-items:center;padding:0 12px 0 14px;display:flex}.expression-picker-header strong{font-size:12px}.expression-picker-header button{color:#8c96a0;cursor:pointer;background:0 0;border:0;border-radius:6px;width:26px;height:26px;font-size:18px}.expression-picker-header button:hover{color:#57636f;background:#f1f4f6}.expression-tabs{grid-template-columns:repeat(3,1fr);gap:4px;padding:5px 10px 0;display:grid}.expression-tabs button{color:#7a8590;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:11px}.expression-tabs button:hover{background:#f3f6f8}.expression-tabs button.active{color:#0877df;background:#e8f4ff;font-weight:700}.expression-search{color:#56616d;background:#f7f9fa;border:1px solid #e2e7ec;border-radius:8px;outline:0;height:30px;margin:6px 10px;padding:0 10px;font-size:11px}.expression-search:focus{background:#fff;border-color:#a9d2fa}.expression-search::placeholder{color:#a0a8b1}.expression-categories{scrollbar-width:none;border-bottom:1px solid #eef1f4;align-items:center;gap:4px;padding:2px 10px 6px;display:flex;overflow-x:auto}.expression-categories::-webkit-scrollbar{display:none}.expression-categories button{color:#7d8791;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:10px;display:inline-flex}.expression-categories button:hover{background:#f3f6f8}.expression-categories button.active{color:#187ad5;background:#eaf4ff}.expression-categories button span{font-size:13px}.expression-grid,.sticker-grid{scrollbar-width:thin;scrollbar-color:#d2d8de transparent;align-content:start;gap:5px;min-height:0;padding:10px;display:grid;overflow-y:auto}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-grid button{cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:0;height:39px;font-size:22px}.emoji-grid button:hover{background:#edf5fd;transform:scale(1.08)}.kaomoji-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.kaomoji-grid button{color:#4f5b66;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#fafbfc;border:1px solid #edf0f3;border-radius:8px;min-width:0;min-height:42px;padding:7px 8px;font-family:Segoe UI,PingFang SC,sans-serif;font-size:11px;overflow:hidden}.kaomoji-grid button:hover{color:#1677ce;background:#f0f7ff;border-color:#bcd9f5}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.sticker-grid button{cursor:pointer;background:#f8fafb;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:105px;padding:8px 5px 6px;display:flex}.sticker-grid button:hover{background:#f0f7ff;border-color:#c8e0f8}.sticker-grid button:disabled{cursor:wait;opacity:.55}.sticker-grid img{object-fit:contain;width:72px;height:72px}.sticker-grid span{color:#7b8590;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.expression-empty{color:#9aa3ad;text-align:center;grid-column:1/-1;margin:28px 0;font-size:11px}.expression-picker-footer{color:#9aa3ad;text-align:center;background:#fafbfc;border-top:1px solid #eef1f4;min-height:25px;padding:6px 10px;font-size:9px}@keyframes pulse{50%{opacity:.68;transform:scale(.92)}}@keyframes message-highlight{0%,to{box-shadow:0 2px 6px #2837460a}35%{box-shadow:0 0 0 4px #168cff33,0 8px 22px #168cff2e}}@media (max-width:820px){.landing-content{grid-template-columns:1fr;width:min(520px,100vw - 32px);padding:28px 0}.chat-shell{grid-template-columns:54px minmax(0,1fr)}.chat-sidebar{display:none}.chat-main{grid-template-rows:auto minmax(0,1fr) auto auto}.chat-header{flex-wrap:wrap;gap:8px;min-height:64px;padding-block:10px}.header-actions{flex-wrap:wrap;min-width:0}.mobile-room-select{display:block}.mobile-room-settings-button{display:inline-flex}.message-list{padding:22px 16px}.safety-code{display:none}.message-row{max-width:88%}}@media (max-width:520px){.landing-header{padding:0 18px}.landing-shell{grid-template-rows:58px auto 42px}.landing-content{gap:12px;width:calc(100vw - 24px);padding:18px 0}.start-card{padding:38px 24px 26px}.wiki-card{padding:20px}.start-features{gap:6px;font-size:10px}.chat-shell{display:block}.app-rail{display:none}.chat-main{height:100dvh}.chat-header{padding:0 14px}.message-list{padding:18px 12px}.message-row{max-width:92%}.message-avatar{border-radius:10px;width:31px;height:31px}.message-reply-quote{min-width:min(190px,60vw)}.composer{padding-inline:12px}.image-viewer-dialog{padding:8px}.image-viewer-card{border-radius:12px}.expression-picker{width:calc(100% - 16px);height:min(430px,100dvh - 185px);left:8px}.kaomoji-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-new-button{display:inline-flex}.connection-diagnostics{width:calc(100% - 16px);top:70px;right:8px}.diagnostics-latest{display:none}.connection-diagnostics summary{grid-template-columns:1fr auto}.diagnostics-stages{grid-template-columns:repeat(3,1fr)}.diagnostics-actions{flex-direction:column;align-items:flex-start}.diagnostics-log li{grid-template-columns:52px minmax(0,1fr)}.diagnostics-log li>span,.diagnostics-log small{grid-column:1/-1}}