:root{color-scheme:dark;--bg:#0e1112;--panel:#15191a;--panel2:#1c2122;--soft:#242a2b;--line:#303738;--text:#f2f5f2;--muted:#929b98;--lime:#c8ff3d;--cyan:#62e4dc;--danger:#ff746e;--shadow:0 24px 70px #0006}html[data-theme=light]{color-scheme:light;--bg:#e8ece7;--panel:#fafbf8;--panel2:#f1f4ef;--soft:#e3e8e1;--line:#cdd4cc;--text:#171b19;--muted:#68716c;--lime:#9ce500;--cyan:#007d78;--danger:#c83e38;--shadow:0 24px 60px #27352a22}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font:14px Arial,"Microsoft YaHei",sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}svg{width:19px;height:19px;stroke-width:1.8}.hidden{display:none!important}.auth{height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr)}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,5vw,72px);background:#111515;color:#f4f7f3}.auth-brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:48px 48px}.brand,.auth-brand>div{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand b,.logo{display:grid;place-items:center;width:40px;height:40px;background:var(--lime);color:#131a08}.auth-brand small{color:var(--lime);font-weight:700}.auth-brand h1{margin:18px 0;font-size:clamp(58px,8vw,120px);line-height:.9}.auth-brand p{color:#aab3af;font-size:18px}.auth-x{position:absolute;right:-5vw;bottom:-17vw;color:var(--lime);font-size:clamp(350px,48vw,760px);font-weight:900;line-height:.8;transform:rotate(-8deg)}.auth-panel{display:grid;place-items:center;padding:30px;background:var(--panel)}.auth-form{width:min(100%,430px)}.auth-form>small{color:var(--muted);font-size:10px}.auth-form h2{margin:42px 0 9px;font-size:38px}.auth-form>p{margin:0 0 28px;color:var(--muted);line-height:1.6}.auth-form label{display:grid;gap:7px;margin:16px 0}.auth-form label>span{color:var(--muted);font-size:12px}.input{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);background:var(--panel2)}.input:focus-within{border-color:var(--lime)}.input input{min-width:0;width:100%;border:0;outline:0;background:transparent}.input button{display:grid;place-items:center;border:0;background:none;color:var(--muted)}.form-error{min-height:20px;color:var(--danger);font-size:12px}.primary{width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;background:var(--lime);color:#121807;font-weight:800}.switch{text-align:center!important;font-size:12px}.switch button{border:0;background:none;color:var(--cyan);font-weight:700}.app{height:100svh;display:grid;grid-template-columns:72px minmax(260px,320px) minmax(0,1fr)}.rail{display:flex;flex-direction:column;align-items:center;gap:11px;padding:16px 10px;border-right:1px solid var(--line);background:var(--panel)}.logo{margin-bottom:17px}.rail-button,.icon-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;background:none;color:var(--muted)}.rail-button:hover,.rail-button.active,.icon-button:hover{border-color:var(--line);background:var(--soft);color:var(--text)}.rail-button.active{border-color:var(--lime);background:var(--lime);color:#151b08}.request-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.grow{flex:1}.user-avatar,.chat-avatar,.message-avatar{display:grid;place-items:center;flex:0 0 auto;border:0;background:var(--avatar,#76ddd4);color:#101616;font-weight:800}.user-avatar{width:40px;height:40px}.sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sidebar>header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.sidebar h2{margin:0;font-size:19px}.sidebar header span{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--muted);font-size:10px}.sidebar header span i{width:7px;height:7px;border-radius:50%;background:var(--lime)}.search{height:40px;display:flex;align-items:center;gap:8px;margin:14px 14px 6px;padding:0 11px;background:var(--soft);color:var(--muted)}.search input{min-width:0;width:100%;border:0;outline:0;background:none}.side-title{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 8px;color:var(--muted);font-size:10px;font-weight:700}.side-title button{display:grid;place-items:center;border:0;background:none;color:var(--muted)}.side-title svg{width:16px}.conversation-list{min-height:0;flex:1;overflow-y:auto;padding:0 8px}.conversation{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:0;background:none;text-align:left}.conversation:hover,.conversation.active{background:var(--soft)}.conversation-avatar{width:42px;height:42px;display:grid;place-items:center;background:var(--avatar,#76ddd4);color:#111;font-weight:800}.conversation-avatar.group{background:var(--soft);color:var(--lime);border:1px solid var(--line)}.conversation-copy{min-width:0}.conversation-copy strong,.conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy strong{font-size:13px}.conversation-copy small{margin-top:4px;color:var(--muted);font-size:10px}.conversation>small{color:var(--muted);font-size:9px}.sidebar>footer{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid var(--line)}.sidebar footer span{min-width:0}.sidebar footer strong,.sidebar footer small{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar footer strong{font-size:12px}.sidebar footer small{color:var(--muted);font-size:9px}.sidebar footer>button:last-child{border:0;background:none;color:var(--muted)}.chat{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:78px minmax(0,1fr) auto;background:var(--bg)}.chat-header{display:flex;align-items:center;gap:12px;padding:12px clamp(15px,3vw,30px);border-bottom:1px solid var(--line)}.mobile-back{display:none}.chat-avatar{width:42px;height:42px}.chat-title{min-width:0;flex:1}.chat-title strong,.chat-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title small{margin-top:4px;color:var(--muted);font-size:10px}.messages{min-height:0;overflow-y:auto;padding:26px clamp(16px,4vw,52px)}.welcome{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.welcome b{width:72px;height:72px;display:grid;place-items:center;margin:auto;background:var(--lime);color:#121807;font-size:24px}.welcome h2{margin:20px 0 0;color:var(--text)}.message{display:flex;align-items:flex-end;gap:9px;margin:13px 0}.message.mine{flex-direction:row-reverse}.message-avatar{width:34px;height:34px;font-size:11px}.message-main{max-width:min(68%,650px)}.sender{display:block;margin:0 3px 5px;color:var(--muted);font-size:10px}.mine .sender{text-align:right}.bubble{padding:11px 14px;border:1px solid var(--line);background:var(--panel);line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.mine .bubble{border-color:var(--lime);background:var(--lime);color:#121807}.time{display:block;margin:5px 3px 0;color:var(--muted);font-size:9px}.mine .time{text-align:right}.mention{color:var(--cyan);font-weight:700}.mine .mention{color:#263900}.composer{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:end;gap:5px;margin:8px clamp(12px,3vw,30px) max(18px,env(safe-area-inset-bottom));padding:8px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.composer button{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:var(--muted)}.composer textarea{min-width:0;min-height:40px;max-height:120px;padding:10px 5px;resize:none;border:0;outline:0;background:none;line-height:20px}.composer .send{background:var(--lime);color:#121807}.composer .send:disabled{opacity:.35}.emoji-panel,.mention-menu{position:absolute;z-index:5;bottom:84px;left:clamp(14px,3vw,34px);width:min(360px,calc(100% - 28px));padding:12px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.emoji-panel{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-panel button{height:36px;border:0;background:none;font-size:21px}.emoji-panel button:hover{background:var(--soft)}.mention-menu{max-height:250px;overflow:auto}.mention-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:9px;border:0;background:none;text-align:left}.mention-menu button:hover{background:var(--soft)}dialog{width:min(480px,calc(100% - 28px));padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#0009}.modal-box{padding:0}.modal-box>header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-box h3{margin:0}.modal-box header button{display:grid;place-items:center;border:0;background:none}.modal-content{padding:18px}.modal-content>label{display:grid;gap:7px;margin-bottom:14px;color:var(--muted);font-size:11px}.modal-content input{height:44px;padding:0 12px;border:1px solid var(--line);background:var(--panel2);outline:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button,.result-row button{min-height:38px;padding:0 13px;border:1px solid var(--line);background:var(--soft)}.modal-actions .primary-small,.result-row .primary-small{border-color:var(--lime);background:var(--lime);color:#121807}.result-list,.check-list{max-height:280px;overflow:auto}.result-row,.check-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.result-row span:nth-child(2),.check-row span:nth-child(2){min-width:0;flex:1}.result-row strong,.result-row small{display:block}.result-row small{color:var(--muted)}.check-row input{width:18px;height:18px}.empty-list{padding:25px;color:var(--muted);text-align:center}@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-brand{min-height:30svh;padding:24px}.auth-brand h1{margin:50px 0 0;font-size:48px}.auth-brand p{display:none}.auth-panel{align-items:start;padding:28px 20px}.auth-form h2{margin-top:12px}.app{display:block}.rail{position:fixed;inset:auto 0 0;z-index:20;height:calc(62px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;padding:8px 15px env(safe-area-inset-bottom);border-top:1px solid var(--line);border-right:0}.rail .logo,.rail .grow,.rail .user-avatar{display:none}.sidebar{height:calc(100svh - 62px - env(safe-area-inset-bottom));border:0}.sidebar>footer{display:none}.chat{position:fixed;inset:0;z-index:30;transform:translateX(100%);transition:.25s}.app.chat-open .chat{transform:none}.chat-header{height:70px;padding:10px 12px}.mobile-back{display:grid}.messages{padding:18px 12px}.message-main{max-width:82%}.composer{margin:8px 9px max(9px,env(safe-area-inset-bottom))}.emoji-panel,.mention-menu{bottom:72px;left:9px;width:calc(100% - 18px)}}