:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#182b3e;background:#edf3f7;font-synthesis:none;--blue:#2481cc;--muted:#7b8b99;--line:#e8eef3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:#eff5f9;color:#436178;border-radius:10px;padding:10px 15px;font-weight:600}button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8ac9f7;outline-offset:3px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #dce6ee;border-radius:10px;background:#fff;color:#182b3e;outline:none}input:focus,textarea:focus,select:focus{border-color:#6eafe1;box-shadow:0 0 0 3px #2481cc12}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}small{font-size:12px}p{line-height:1.7}.primary{background:var(--blue);color:white;padding:13px 20px}.muted{color:var(--muted)}.small{font-size:13px}.error,.danger{color:#b94a50}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6f95b3}.brand-mark{background:linear-gradient(135deg,#44b3ee,#2481cc);color:white;border-radius:22px;font-size:45px;width:72px;height:72px;display:grid;place-items:center;font-weight:500}.small-mark{border-radius:14px;font-size:30px;width:44px;height:44px;flex:none}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);height:100dvh;max-width:1680px;margin:auto;background:white;box-shadow:0 0 50px #1d3a5710}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:white;z-index:1}.side-header{display:flex;gap:12px;align-items:center;padding:24px 20px 20px}.side-header strong{font-size:17px}.side-header small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.icon-button{background:transparent;font-size:23px;line-height:1;padding:8px;color:#7d95a9;flex:none}.side-header .icon-button{margin-left:auto}.search-wrap{padding:0 18px 15px}.search-wrap input{background:#f2f5f8;border:0;font-size:13px;border-radius:12px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px}.tabs button{width:50%;border-radius:0;background:transparent;padding:12px;color:var(--muted);border-bottom:3px solid transparent;font-size:13px}.tabs .active{color:var(--blue);border-bottom-color:var(--blue)}.tabs span{font-size:10px;background:#e7f1f8;padding:2px 5px;border-radius:6px}.side-actions{display:flex;gap:8px;padding:14px 18px}.side-actions button{font-size:11px;width:50%;padding:9px 5px;background:#f3f8fc;color:#6090b1}.conversation-list{flex:1;overflow:auto;padding:0 8px}.room-row{display:flex;gap:12px;width:100%;padding:15px 12px;text-align:left;border-radius:10px;background:white;margin:2px 0;font-weight:400;align-items:center}.room-row:hover{background:#f4f8fb}.room-row.selected{background:#e8f3fc}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,#7eaedf,#497ec3);color:white;display:grid;place-items:center;flex:none;font-weight:600;font-size:17px;position:relative}.avatar.group{background:linear-gradient(140deg,#77c4ac,#3c9b8e)}.avatar.deepseek{background:linear-gradient(140deg,#8d9de3,#6673c7)}.avatar.codex{background:linear-gradient(140deg,#80a8a4,#46756f)}.avatar.online:after{content:"";position:absolute;width:10px;height:10px;background:#51bb8b;border:2px solid white;right:0;bottom:0;border-radius:50%}.room-detail{flex:1;min-width:0}.room-detail strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-detail small{display:block;color:#8a9bab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-top:6px;font-size:11px}.badge{background:#77aacf;color:white;min-width:18px;height:18px;border-radius:9px;font-size:10px;display:grid;place-items:center}.list-empty{font-size:12px;color:#92a1af;text-align:center;padding:32px 18px;line-height:1.8}.side-footer{display:flex;gap:16px;justify-content:center;font-size:10px;border-top:1px solid var(--line);padding:20px 10px max(20px,env(safe-area-inset-bottom))}.side-footer a{color:#8a9bab}.chat-panel{min-width:0;min-height:0;background:#edf3f7;background-image:radial-gradient(#91aabd20 .8px,transparent .8px);background-size:18px 18px}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.welcome-symbol{font-size:54px;color:#63a3d3;background:#dcecf7;border-radius:30px;line-height:100px;width:100px;height:100px;margin-bottom:28px;transform:rotate(-8deg)}.welcome h1{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:8px 0 12px;font-weight:650}.welcome p:not(.eyebrow){font-size:13px;color:#8a9cab;line-height:1.9}.welcome-steps{display:flex;gap:22px;margin:28px 0 35px}.welcome-steps span{font-size:10px;color:#7c94a7}.welcome-steps b{display:block;font-size:12px;margin-bottom:9px;color:#aac0d1}.private-note{color:#9bafbd;font-size:10px;margin-top:24px}.conversation{height:100%;display:flex;flex-direction:column;min-width:0}.chat-header{height:80px;flex:none;background:white;display:flex;align-items:center;gap:12px;padding:16px 30px;border-bottom:1px solid var(--line)}.chat-heading{flex:1;min-width:0}.chat-heading strong{font-size:15px}.chat-heading small{display:block;font-size:11px;color:#8b9ba8;margin-top:6px}.quiet{font-size:12px;background:#f4f7fa;color:#7a96ab}.context-note{text-align:center;font-size:10px;padding:12px;color:#8da2b2}.messages{flex:1;overflow:auto;padding:15px max(24px,calc((100% - 800px)/2)) 25px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.message{max-width:85%;align-self:flex-start;display:flex;gap:9px;min-width:0}.message.own{align-self:flex-end}.message .avatar{width:30px;height:30px;font-size:12px;margin-top:5px}.bubble{border-radius:14px 14px 14px 4px;background:white;padding:12px 16px;box-shadow:0 2px 3px #34506b07;min-width:90px;max-width:100%}.own .bubble{background:#dff1fc;border-radius:14px 14px 4px 14px}.bubble strong{display:block;font-size:11px;color:#4e8aba;margin-bottom:6px}.bubble .message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.bubble time{display:block;text-align:right;font-size:9px;color:#94a9ba;margin-top:5px}.task-state{font-size:10px;color:#7493a8;border-top:1px solid #9db8cb25;margin-top:9px;padding-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.task-state button{padding:3px 7px;font-size:10px}.task-state.failed,.task-state.uncertain{color:#b18052}.chat-empty{margin:auto;text-align:center;color:#8ba0b1;font-size:12px;line-height:1.8}.composer-wrap{padding:0 30px max(14px,env(safe-area-inset-bottom));max-width:860px;width:100%;margin:0 auto;flex:none}.dispatch-hint{font-size:10px;margin:4px 0 8px;color:#7a97ac;min-height:17px}.composer-wrap form{display:flex;align-items:flex-end;background:white;border-radius:15px;padding:10px;box-shadow:0 3px 12px #23405a06;gap:8px}.composer-wrap textarea{border:0;box-shadow:none;resize:none;max-height:160px;min-height:36px;padding:7px 5px;line-height:1.6;font-size:14px}.send-button{background:var(--blue);color:white;width:38px;height:38px;border-radius:50%;padding:0;font-size:17px;flex:none}.composer-tip{display:block;text-align:center;color:#a5b5c1;font-size:9px;margin-top:9px}.mention-picker{background:white;border-radius:12px;padding:9px;box-shadow:0 2px 16px #1d40581a;display:flex;flex-wrap:wrap;gap:6px}.mention-picker button{font-size:12px;background:#edf6fc;color:#3b84b8}.back{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:#243e53;color:white;border-radius:12px;padding:13px 22px;font-size:13px;max-width:90vw;box-shadow:0 4px 24px #132d4a25}dialog{border:0;border-radius:22px;padding:28px;width:440px;max-width:calc(100vw - 32px);max-height:90dvh;color:#263c4e;box-shadow:0 20px 100px #12345630}dialog::backdrop{background:#183b574d;backdrop-filter:blur(3px)}dialog h2{margin:0 0 8px;font-size:22px}dialog p{font-size:13px}dialog input,dialog select{font-size:14px}dialog .primary{margin-top:16px}dialog .dialog-actions .primary{margin-top:0}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.member-options{max-height:240px;overflow:auto}.member-option{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;font-size:13px;margin:0}.member-option input{width:auto}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 30% 0,#d9eefa,transparent 70%),#f1f6fa}.login-card{width:400px;max-width:100%;background:white;border:1px solid #fff;border-radius:28px;padding:40px;box-shadow:0 20px 80px #42658110}.login-card .brand-mark{margin:0 auto 28px}.login-card h1{text-align:center;font-size:27px;margin:10px 0}.login-card .eyebrow{text-align:center}.login-card p{font-size:13px;color:#8092a1}.login-card .primary{width:100%;margin-top:24px}.login-card .error{color:#b65b61}.login-card .small{text-align:center;font-size:10px;margin:22px 0 0}[hidden]{display:none!important}@media(min-width:1500px){.workspace{height:calc(100dvh - 40px);margin:20px auto;border-radius:20px;overflow:hidden}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{height:100dvh}.chat-panel{display:none;height:100dvh}.workspace.chat-open .sidebar{display:none}.workspace.chat-open .chat-panel{display:block}.chat-header{height:72px;padding:12px 15px;gap:10px}.back{display:block;font-size:32px}.messages{padding:12px 12px 20px}.message{max-width:92%}.composer-wrap{padding-left:12px;padding-right:12px}.context-note{padding:10px;font-size:9px}.composer-tip{display:none}.room-detail small{max-width:65vw}.side-header{padding-top:max(20px,env(safe-area-inset-top))}.chat-header{padding-top:max(12px,env(safe-area-inset-top))}.login-card{padding:30px}.welcome h1{font-size:28px}.welcome-steps{gap:12px}.side-footer{font-size:12px}.bubble .message-text{font-size:14px}input,textarea,select{font-size:16px!important}}