*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#242737;background:#f6f7fb;font-size:16px}button,input,textarea{font:inherit}button,a,label.image-button{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,label:focus-visible{outline:3px solid #a9a4ff;outline-offset:3px}[hidden]{display:none!important}.auth{min-height:100dvh;display:grid;grid-template-columns:47% 53%}.intro{background:#202035;color:white;padding:48px 12%;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;color:inherit;text-decoration:none;white-space:nowrap}.brand img{width:37px;height:37px}.brand span{font-size:12px;letter-spacing:2px;color:#aaa9c2;margin-left:8px}.intro-copy{margin:auto 0;padding:80px 0}.eyebrow{color:#b4aaff;font-size:12px;font-weight:600;letter-spacing:3px}.intro h1{font-size:clamp(36px,3.4vw,56px);line-height:1.5;letter-spacing:-1px;margin:25px 0}.intro h1 span{color:#958bff}.intro-copy>p{color:#b7b6c9;line-height:1.9}.sample{margin-top:48px;border:1px solid #44425c;background:#2b2a43;padding:22px;border-radius:16px;display:flex;align-items:center;gap:14px}.sample b{font-size:15px;font-weight:500}.sample p{font-size:13px;color:#b7b6c9;margin:7px 0 0}.avatar{display:inline-flex;flex-shrink:0;width:40px;height:40px;border-radius:13px;background:#edeaff;color:#6759c9;align-items:center;justify-content:center;font-weight:650}.sample .avatar{background:#585076;color:#fff}.intro footer{font-size:13px;color:#9794af}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 32px;background:#fff;position:relative}.auth-box{width:100%;max-width:380px}.pill{font-size:13px;background:#f0eeff;color:#6b5be5;border-radius:30px;padding:7px 12px}.auth h2{font-size:32px;margin:24px 0 10px;letter-spacing:-1px}.auth-box>p{color:#818394;font-size:15px}.tabs{display:flex;border-bottom:1px solid #ececf2;margin:34px 0 28px;gap:32px}.tabs button{padding:0 0 13px;background:transparent;color:#9192a0;font-size:15px}.tabs button.active{color:#6758e8;border-bottom:2px solid #6758e8;font-weight:600}label{display:block;font-size:14px;margin-bottom:10px}input:not([type=file]){width:100%;border:1px solid #dedfe8;border-radius:9px;padding:14px 15px;outline:none;margin-bottom:22px;background:#fdfdff}input:focus,textarea:focus{border-color:#8274ed;box-shadow:0 0 0 3px #8572e912}.primary{background:#6b5ce7;color:white;border-radius:9px;padding:12px 20px;font-weight:550;transition:background .15s}.primary:hover{background:#5948d5}#auth-submit{width:100%;display:flex;justify-content:space-between;padding:15px 20px}.auth-note{border-top:1px solid #ededf3;margin-top:30px;padding-top:25px;font-size:13px;color:#9595a4;text-align:center}.auth-note span{margin-right:7px}.local-note{position:absolute;bottom:25px;color:#a0a0af;font-size:12px}.error{color:#ce425c;font-size:14px;margin:0 0 12px;min-height:0}.error:empty{display:none}.app{height:100dvh;display:flex;padding:18px;gap:18px;background:#eeeff5}aside{background:#242438;color:#fff;width:254px;flex-shrink:0;border-radius:17px;padding:28px 18px 16px;display:flex;flex-direction:column}aside .brand{padding:0 12px}.workspace-label{font-size:12px;color:#9795ae;letter-spacing:1px;margin:43px 14px 15px}.room{background:#3b365b;border:1px solid #514777;border-radius:10px;padding:16px 12px;display:flex;align-items:center;gap:12px}.hash{font-size:27px;color:#b9a9ff}.room b{font-size:14px;font-weight:550}.room small{display:block;font-size:12px;color:#b1a7ce;margin-top:5px}.room-dot{margin-left:auto;width:6px;height:6px;background:#a79afb;border-radius:100%}.side-bottom{margin-top:auto}.side-tip{padding:25px 14px}.side-tip>span{display:block;font-size:24px;color:#a094e6;margin-bottom:12px}.side-tip b{font-size:14px;font-weight:500;color:#d1cde3}.side-tip p{font-size:13px;line-height:1.9;color:#9894ad}.profile{border-top:1px solid #3d3b51;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.profile b{display:block;font-size:14px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;color:#a6a1b8;font-size:12px;margin-top:5px}.profile button{background:transparent;color:#b4accb;margin-left:auto;font-size:24px}main{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e7ee;border-radius:17px;flex:1;min-width:0;overflow:hidden}header{height:92px;padding:22px 34px;border-bottom:1px solid #eeeff4;display:flex;align-items:center;justify-content:space-between;gap:12px}.room-heading{display:flex;gap:13px;align-items:center}.header-hash{font-size:26px;background:#f2f0fd;color:#7a6bce;padding:7px 13px;border-radius:12px}header h1{font-size:18px;margin:0 0 6px;font-weight:650}header p{font-size:13px;color:#8e8e9e;margin:0}.sync{font-size:12px;color:#7f8191;background:#f7f8fa;padding:7px 11px;border-radius:20px;white-space:nowrap}#messages{flex:1;overflow:auto;padding:26px 34px;background:#fcfcfe;scroll-behavior:smooth}#older{display:block;margin:0 auto 25px;color:#7568c2;background:#efedf9;padding:9px 15px;border-radius:20px;font-size:13px}.empty{height:100%;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty .empty-mark{width:66px;height:66px;border-radius:22px;background:#f0edfe;color:#7e6cdd;display:grid;place-items:center;font-size:34px;margin-bottom:14px}.empty h2{font-size:19px;font-weight:600}.empty p{font-size:14px;color:#9493a5;line-height:1.8}.day{text-align:center;color:#a2a0b0;font-size:12px;margin:4px 0 28px}.msg{display:flex;gap:12px;margin-bottom:25px;align-items:flex-start}.msg.mine{flex-direction:row-reverse}.msg-body{max-width:72%;min-width:0}.msg-meta{font-size:12px;color:#8d8b9c;margin:2px 0 8px;display:flex;gap:10px}.msg-meta b{color:#666175;font-weight:500;font-size:13px}.mine .msg-meta{justify-content:flex-end}.bubble{padding:12px 16px;border-radius:0 12px 12px 12px;background:#fff;border:1px solid #e8e6f0;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.mine .bubble{background:#eeeafd;border-color:#e5dffa;border-radius:12px 0 12px 12px;color:#443966}.chat-image{display:block;max-width:100%;width:auto;max-height:280px;border-radius:8px;cursor:zoom-in;margin:4px 0}.composer-wrap{padding:18px 28px 14px;border-top:1px solid #eeeef4}.composer{border:1px solid #e1dfeb;border-radius:12px;overflow:hidden;background:#fff}.composer:focus-within{border-color:#b3a8ee;box-shadow:0 0 0 3px #f8f6ff}textarea{resize:none;width:100%;border:0;outline:none;padding:17px 18px;font-size:15px;line-height:1.6;background:transparent;max-height:140px}textarea:focus{box-shadow:none}textarea::placeholder{color:#aaa5b7}.composer-tools{display:flex;align-items:center;justify-content:space-between;padding:0 12px 12px;gap:10px}.image-button{display:flex;align-items:center;gap:7px;color:#8a809d;font-size:13px;padding:7px;cursor:pointer;margin:0}.image-button svg{width:21px;height:21px}.keyboard-hint{font-size:12px;color:#aaa5b7;margin-right:14px}.composer-tools .primary{font-size:14px;padding:9px 19px}.composer-tools .primary span{margin-left:13px}.composer-foot{display:flex;justify-content:space-between;font-size:12px;color:#a5a1b1;margin:11px 2px 0;gap:10px}.composer-wrap>.error{margin-top:8px;margin-bottom:0}#pending{display:flex;align-items:center;gap:12px;padding:10px;background:#f5f2fe;border-radius:9px;margin-bottom:10px}#pending img{height:55px;width:55px;object-fit:cover;border-radius:6px}#pending b{font-size:13px;overflow-wrap:anywhere}#pending small{display:block;font-size:12px;color:#91879f;margin-top:4px}#pending button{margin-left:auto;font-size:22px;background:transparent;color:#857493}dialog{padding:40px 20px 20px;border:0;border-radius:14px;max-width:94vw;background:#fff}dialog::backdrop{background:#171322ba}dialog img{display:block;max-width:85vw;max-height:80dvh}dialog button{position:absolute;right:10px;top:4px;background:transparent;font-size:28px;color:#716681}@media(min-width:1600px){.app{padding:30px;gap:24px}aside{width:280px}header,#messages{padding-left:50px;padding-right:50px}}@media(max-width:850px){.intro{padding:35px 9%}.brand span{display:none}.intro h1{font-size:34px}.sample{padding:16px;gap:10px}.sample .avatar{display:none}aside{width:210px}.app{padding:10px;gap:10px}header{padding:20px}.keyboard-hint{display:none}#messages{padding:22px}.composer-wrap{padding:15px}.composer-foot>span:last-child{display:none}}@media(max-width:600px){.auth{display:block}.intro{padding:22px 25px}.intro-copy,.intro footer{display:none}.auth-panel{min-height:calc(100dvh - 81px);padding:45px 28px 75px;justify-content:center}.auth-box{max-width:400px}.app{padding:0;display:block}aside{width:100%;height:62px;border-radius:0;padding:10px 16px;flex-direction:row;align-items:center;justify-content:space-between}aside .brand{font-size:20px;padding:0}aside .brand img{width:30px;height:30px}.workspace-label,.room,.side-tip{display:none}.side-bottom{margin:0}.profile{border:0;padding:0}.profile .avatar,.profile small{display:none}.profile b{max-width:150px}.profile button{font-size:24px;margin-left:12px}main{height:calc(100dvh - 62px);border-radius:0;border:0}header{height:77px;padding:15px 18px}header h1{font-size:16px}header p{font-size:12px}.sync{font-size:12px;padding:6px 8px}#messages{padding:23px 16px}.msg{gap:9px}.msg .avatar{height:32px;width:32px;border-radius:10px;font-size:13px}.msg-body{max-width:79%}.composer-wrap{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.composer-foot{font-size:12px;line-height:1.5}.bubble{font-size:15px}.chat-image{max-height:220px}}
.side-head,.workspace-row{display:flex;align-items:center;justify-content:space-between}.side-head .icon-button{display:none}.workspace-row{margin:40px 12px 12px}.workspace-row .workspace-label{margin:0}.workspace-row button{background:#393652;color:#c9c3ee;border-radius:7px;padding:6px 9px;font-size:12px}.room-list{overflow:auto;min-height:80px}.room-list .room{width:100%;color:#fff;text-align:left;margin-bottom:8px;background:transparent;border-color:transparent}.room-list .room:hover,.room-list .room.active{background:#3b365b;border-color:#514777}.room-list .room div{min-width:0}.room-list .room b,.room-list .room small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-badge{margin-left:auto;background:#8174eb;color:#fff;border-radius:20px;padding:3px 7px;font-size:10px}.room-badge:empty{display:none}.no-rooms{color:#aaa6bd;font-size:13px;line-height:1.7;padding:18px 13px}.notify{width:100%;margin:0 0 12px;background:#302e47;color:#bcb7d2;border-radius:9px;padding:10px;font-size:12px}.room-dialog{width:min(480px,92vw);padding:30px;border-radius:16px}.room-dialog h2{margin:20px 0 7px}.room-dialog>form>p{color:#7f8191;font-size:14px;line-height:1.6}.dialog-close{position:absolute;right:13px;top:8px;background:transparent;font-size:27px;color:#817b91}.user-list{border:1px solid #e5e4eb;border-radius:9px;max-height:230px;overflow:auto;padding:6px;margin:8px 0 14px}.user-choice{display:flex;align-items:center;gap:10px;margin:0;padding:10px;border-radius:7px;font-size:14px}.user-choice:hover{background:#f5f3fe}.user-choice input{width:17px;height:17px;accent-color:#6b5ce7}.room-submit{width:100%}
@media(max-width:600px){aside{position:relative}.side-head{width:100%}.side-head .icon-button{display:block;background:transparent;color:#fff;font-size:23px}.workspace-row,.room-list,.notify{display:none}.mobile-open{position:fixed;z-index:20;height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.mobile-open .workspace-row,.mobile-open .room-list,.mobile-open .notify{display:flex}.mobile-open .workspace-row{margin-top:30px}.mobile-open .room-list{display:block;flex:1}.mobile-open .side-bottom{margin-top:auto}.mobile-open .profile{border-top:1px solid #3d3b51;padding-top:16px}.mobile-open .profile .avatar,.mobile-open .profile small{display:flex}}