:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252b29;background:#f3f2ee;font-synthesis:none;text-rendering:optimizeLegibility;--green:#567b69;--dark:#252b29;--muted:#909893;--line:#eaece7;--mono:'DM Mono',monospace}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 56% 30%,#faf9f6 0,#f3f2ee 70%);display:grid;place-items:center;padding:30px}.shell{width:min(1220px,100%);height:min(820px,calc(100vh - 60px));min-height:610px;display:flex;background:#fff;border:1px solid #e7e8e3;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #273a3010,0 3px 10px #273a3006}.rail{width:70px;background:#f8f8f5;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:23px 0 20px;flex:none}.brand-mark{width:33px;height:33px;border-radius:11px;background:#567b69;color:white;display:grid;place-items:center;font-family:serif;font-size:17px;box-shadow:0 4px 9px #567b6933}.rail-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;writing-mode:vertical-rl;color:#a1a8a2;font:9px var(--mono);letter-spacing:1.2px}.rail-dot,.presence-dot,.heading-dot{width:6px;height:6px;display:inline-block;background:#79a184;border-radius:50%;box-shadow:0 0 0 3px #79a18420}.chat-app{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);flex:none}.room-heading{display:flex;align-items:center;gap:12px}.room-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0f4f0;color:#5c806c;font-size:20px}.eyebrow{margin:0 0 4px;color:#a2aaa4;font:9px var(--mono);letter-spacing:1.3px}.heading-dot{width:5px;height:5px;margin-left:4px;vertical-align:1px}.room-heading h1{margin:0;font:700 16px Manrope,sans-serif;letter-spacing:-.3px}.top-actions{display:flex;align-items:center;gap:24px}.presence{font-size:11px;color:#69736d;display:flex;align-items:center;gap:9px}.presence-dot{width:6px;height:6px}.clear-button{border:1px solid #e8ebe6;background:#fff;border-radius:8px;padding:9px 12px;color:#758079;font:500 11px 'DM Sans',sans-serif;display:flex;align-items:center;gap:7px;cursor:pointer;transition:.2s}.clear-button:hover{border-color:#cbd7ce;color:#567b69;background:#fbfdfb}.clear-icon{font-size:15px}.notice{height:36px;background:#f8faf7;color:#809087;font-size:10px;display:flex;align-items:center;gap:9px;padding:0 38px;flex:none}.notice-icon{font-size:16px;color:#6c927b}.notice-line{height:1px;background:#edf0ec;flex:1;margin-left:8px}.workspace{flex:1;min-height:0;display:flex}.conversation{min-width:0;flex:1;display:flex;flex-direction:column;padding:27px 38px 15px}.date-divider{display:flex;align-items:center;gap:13px;margin:0 0 22px}.date-divider span{height:1px;flex:1;background:#eff0ed}.date-divider p{margin:0;color:#adb3ae;font:9px var(--mono);letter-spacing:.2px}.message-list{overflow:auto;flex:1;display:flex;flex-direction:column;gap:17px;padding:3px 5px 15px 0;scrollbar-width:thin;scrollbar-color:#e2e7e1 transparent}.message-row{display:flex;align-items:flex-start;gap:10px;animation:appear .22s ease-out}.message-row.own{flex-direction:row-reverse}.avatar{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:10px;color:#64826f;background:#edf2ed;font:600 11px Manrope,sans-serif}.avatar.tone-1{background:#f3eee8;color:#a27a58}.avatar.tone-2{background:#edf0f6;color:#6e789a}.avatar.tone-3{background:#f6edf0;color:#a16f7d}.message-content{max-width:min(76%,510px)}.message-meta{display:flex;align-items:baseline;gap:8px;margin:0 0 5px 1px}.own .message-meta{justify-content:flex-end}.message-name{font-size:10px;font-weight:600;color:#6c7770}.message-time{font:9px var(--mono);color:#b3bab4}.bubble{display:inline-block;padding:10px 13px;border:1px solid #ecefea;background:#f7f8f5;border-radius:3px 12px 12px 12px;color:#3c4540;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.own .bubble{background:#567b69;color:#fff;border-color:#567b69;border-radius:12px 3px 12px 12px}.own .message-time{color:#9ea9a2}.system-event{text-align:center;color:#a3aaa5;font:9px var(--mono);padding:1px 0;animation:appear .22s ease-out}.typing-hint{padding-top:9px;color:#b0b7b1;font-size:9px;display:flex;align-items:center;gap:7px}.mini-lock{font-size:13px;color:#8fa397}.people-panel{width:208px;flex:none;border-left:1px solid #f0f1ee;padding:28px 21px;display:flex;flex-direction:column}.people-title{display:flex;align-items:center;justify-content:space-between;color:#68726c;font-size:10px;font-weight:600;margin-bottom:20px}.people-count{min-width:19px;height:19px;border-radius:7px;background:#f1f4f0;color:#77907e;display:grid;place-items:center;font:10px var(--mono)}.people-list{display:flex;flex-direction:column;gap:13px}.person{display:flex;align-items:center;gap:9px;min-width:0}.person-avatar{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;font:600 10px Manrope,sans-serif;flex:none}.person-name{font-size:10px;color:#66716a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person.is-self .person-name:after{content:'你';font-size:8px;color:#9eaaa1;margin-left:5px}.person-status{margin-left:auto;width:5px;height:5px;background:#87a88d;border-radius:50%;flex:none}.people-foot{margin-top:auto;border-top:1px solid #eff0ed;padding-top:15px;display:flex;align-items:flex-start;gap:8px}.foot-shimmer{color:#86a28c;font-size:13px}.people-foot p{margin:0;color:#a0a8a1;font-size:9px;line-height:1.7}.composer-wrap{padding:13px 38px 15px;border-top:1px solid #f0f1ee;flex:none}.composer{border:1px solid #e8ebe6;border-radius:11px;padding:12px 12px 9px;transition:border .18s,box-shadow .18s}.composer:focus-within{border-color:#b8c9bc;box-shadow:0 0 0 3px #edf3ee}.composer textarea{display:block;width:100%;min-height:26px;max-height:110px;resize:none;border:0;outline:0;background:transparent;color:#303934;font:12px/1.6 'DM Sans',sans-serif}.composer textarea::placeholder{color:#b3bab4}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.input-note{font-size:9px;color:#adb4ae}.keycap{display:inline-block;padding:2px 4px;border:1px solid #ecefea;border-radius:4px;color:#9da69f;font:8px var(--mono)}.send-area{display:flex;align-items:center;gap:11px;color:#b1b8b2;font:9px var(--mono)}.send-button{width:29px;height:27px;border:0;border-radius:8px;background:#567b69;color:white;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 7px #567b6927;transition:.18s}.send-button:hover{background:#456b58;transform:translateY(-1px)}.send-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.send-button span{font-size:12px;transform:rotate(-28deg)}.encryption-note{margin:9px 1px 0;color:#a8afa9;text-align:center;font-size:9px}.encryption-note span{color:#829c88;font-size:11px}.encryption-note i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#bbc2bc;margin:0 6px 2px}.join-overlay{position:fixed;inset:0;background:#f3f2eecf;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:3;transition:opacity .25s,visibility .25s}.join-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.join-card{width:min(370px,calc(100vw - 38px));padding:36px 37px 28px;background:#fff;border:1px solid #e8eae5;border-radius:16px;box-shadow:0 22px 70px #263a3015;text-align:center}.join-symbol{width:43px;height:43px;margin:0 auto 20px;border-radius:14px;background:#eef3ee;color:#62836d;display:grid;place-items:center;font-size:23px}.join-card .eyebrow{margin-bottom:8px}.join-card h2{margin:0;color:#2d3530;font:700 22px Manrope,sans-serif;letter-spacing:-.7px}.join-copy{margin:9px 0 25px;color:#929b94;font-size:11px}.join-card label{display:block;text-align:left;margin:0 0 7px;color:#657169;font-size:10px;font-weight:600}.join-card input{width:100%;height:42px;border:1px solid #e5e9e3;border-radius:8px;padding:0 12px;outline:0;color:#303934;font:12px 'DM Sans',sans-serif}.join-card input:focus{border-color:#9eb5a3;box-shadow:0 0 0 3px #edf3ee}.join-card input::placeholder{color:#bbc1bc}.join-error{height:15px;margin:5px 0 4px;color:#b56c64;text-align:left;font-size:9px}.join-button{width:100%;height:42px;border:0;border-radius:8px;background:#567b69;color:#fff;font:600 11px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 5px 12px #567b6924}.join-button span{margin-left:8px}.join-button:disabled{opacity:.6;cursor:wait}.join-footnote{margin:16px 0 0;color:#b0b7b1;font:9px var(--mono)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);padding:10px 15px;border-radius:9px;background:#303a34;color:white;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:5;box-shadow:0 8px 24px #17231d30;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){body{padding:0;background:#fff}.shell{height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.rail{width:48px;padding-top:17px}.topbar{height:70px;padding:0 18px}.top-actions{gap:11px}.clear-button{padding:8px}.clear-button>span:last-child{display:none}.notice{padding:0 18px}.conversation{padding:22px 18px 12px}.people-panel{width:142px;padding:24px 13px}.composer-wrap{padding:11px 17px 13px}.message-content{max-width:84%}.people-foot{gap:5px}.people-foot p{font-size:8px}}
@media(max-width:520px){.rail{width:42px}.brand-mark{width:29px;height:29px}.rail-bottom{font-size:8px}.topbar{padding:0 13px}.room-heading{gap:8px}.room-heading h1{font-size:14px}.room-icon{width:32px;height:32px}.presence{font-size:9px;gap:6px}.top-actions{gap:8px}.clear-button{font-size:10px}.notice{padding:0 13px;font-size:9px}.workspace{position:relative}.conversation{padding:19px 13px 10px}.people-panel{display:none}.composer-wrap{padding:10px 12px 12px}.message-content{max-width:83%}.message-list{gap:15px}.date-divider{margin-bottom:18px}.join-card{padding:32px 27px 25px}}
.composer-tools{display:flex;align-items:center;gap:8px}.attach-button{width:25px;height:25px;border:1px solid #e9ede8;border-radius:7px;background:#fff;color:#789080;font:18px/20px 'DM Sans',sans-serif;cursor:pointer;transition:.18s}.attach-button:hover{background:#f1f5f1;border-color:#ccd9ce;color:#567b69}.image-bubble{display:block;max-width:min(300px,65vw);max-height:300px;border-radius:8px;object-fit:contain;background:#e9ede8;cursor:zoom-in}.image-viewer{position:fixed;inset:0;z-index:6;background:#141a17ef;display:none;align-items:center;justify-content:center;padding:40px}.image-viewer.open{display:flex}.image-viewer img{max-width:min(100%,1100px);max-height:100%;object-fit:contain}.image-viewer button{position:absolute;top:18px;right:22px;width:38px;height:38px;border:1px solid #ffffff45;border-radius:50%;background:#ffffff12;color:#fff;font-size:25px;cursor:pointer}
.join-card .nickname-label{margin-top:12px}
.file-card{max-width:min(420px,75vw);min-width:230px;display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e8ece7;border-radius:10px;background:#fafbf9;color:#46514a;text-decoration:none;transition:.18s}.file-card:hover{border-color:#bdcfc0;background:#f6faf6}.file-card-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:9px;background:#edf3ee;color:#5d8169;font-size:17px}.file-card-details{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.file-card-details strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.file-card-details small{color:#9ba49d;font:9px var(--mono)}.file-card-download{color:#6e8f78;font-size:10px;font-weight:600}.own .file-card{border-color:#71917e;background:#5f826e;color:#fff}.own .file-card:hover{background:#4e735e}.own .file-card-icon{background:#ffffff20;color:#fff}.own .file-card-details small{color:#d4e0d7}.own .file-card-download{color:#eaf2ec}
:root{color-scheme:dark;--green:#62ffac;--dark:#d4e9dc;--muted:#71877a;--line:#1a3024;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#c6dbce;background:#070c09}
body{color:#c6dbce;background:radial-gradient(ellipse at 56% 18%,#102318 0,#080e0a 48%,#050806 100%)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#52ff9d12 1px,transparent 1px),linear-gradient(90deg,#52ff9d12 1px,transparent 1px);background-size:36px 36px}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px)}.shell{position:relative;z-index:1;background:#0b120e;border-color:#23402e;border-radius:13px;box-shadow:0 28px 100px #000b,0 0 38px #00ef7510}.rail{background:#080e0a;border-color:#1a3023}.brand-mark{background:#0b2115;border:1px solid #267748;color:#9dffc4;box-shadow:0 0 18px #00ed7040,inset 0 0 12px #00ed7010;font-family:ui-monospace,monospace;font-weight:700}.rail-bottom{color:#607668}.rail-dot,.presence-dot,.heading-dot{background:#6affaa;box-shadow:0 0 0 3px #65ff9d1f,0 0 12px #50ff9b}.chat-app{background:#0b120e}.topbar{background:#0b120e;border-color:#1a3023}.room-icon{background:#0e2116;border:1px solid #1d482d;color:#74ffaf;text-shadow:0 0 12px #39ef8e}.eyebrow{color:#72917c}.room-heading h1{color:#e0f3e6;letter-spacing:.02em}.presence{color:#91ad99}.clear-button{background:#0d1711;border-color:#254631;color:#92b69c;font-family:inherit}.clear-button:hover{background:#10271a;border-color:#55df8c;color:#adffca;box-shadow:0 0 15px #36e8801c}.notice{background:#0d1711;color:#7f9b87;border-bottom:1px solid #172c20}.notice-icon{color:#65f8a4;text-shadow:0 0 9px #31ee8755}.notice-line,.date-divider span{background:#1c3827}.conversation{background:#0a110d}.date-divider p{color:#718d78}.message-list{scrollbar-color:#234431 transparent}.avatar{background:#10271a;border:1px solid #1d482e;color:#8cffba}.avatar.tone-1{background:#211a10;border-color:#514022;color:#ffd486}.avatar.tone-2{background:#101c2a;border-color:#253c5b;color:#9dc5ff}.avatar.tone-3{background:#28131b;border-color:#512a38;color:#ff9ab0}.message-name{color:#93b39b}.message-time{color:#587361}.bubble{background:#111b14;border-color:#203829;color:#c6ddce}.own .bubble{background:#103b25;border-color:#227342;color:#c5ffda;box-shadow:0 0 18px #14db6810}.own .message-time{color:#6d9d7c}.system-event{color:#658571}.typing-hint{color:#65806d}.mini-lock{color:#68e99a}.people-panel{background:#0a110d;border-color:#1a3023}.people-title{color:#9bb9a1}.people-count{background:#102219;color:#6effa9;border:1px solid #1e432b}.person-name{color:#8fac95}.person.is-self .person-name:after{color:#5ade8d}.person-status{background:#68ff9e;box-shadow:0 0 8px #46ef82}.people-foot{border-color:#1a3023}.foot-shimmer{color:#69f7a2}.people-foot p{color:#65816d}.composer-wrap{background:#0a110d;border-color:#1a3023}.composer{background:#0d1711;border-color:#23402d}.composer:focus-within{border-color:#50c77d;box-shadow:0 0 0 3px #21bd6415,0 0 20px #25d76c10}.composer textarea{color:#d1e5d7;font-family:inherit}.composer textarea::placeholder{color:#5d7965}.input-note{color:#66816e}.keycap{background:#0b140e;border-color:#25422d;color:#86a790}.send-area{color:#66816e}.send-button{background:#31d979;color:#041108;box-shadow:0 0 14px #25e47d38}.send-button:hover{background:#68ffa7;color:#031008}.encryption-note{color:#64806b}.encryption-note span{color:#71ffae;text-shadow:0 0 8px #43ef8b}.attach-button{background:#0c1710;border-color:#284833;color:#82e9a6}.attach-button:hover{background:#10251a;border-color:#52d986;color:#b6ffd0;box-shadow:0 0 12px #36d87920}.join-overlay{background:#030705dc;backdrop-filter:blur(12px)}.join-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d1911,#09100c 70%);border-color:#2b4a34;box-shadow:0 24px 90px #000c,0 0 45px #00db6918}.join-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#5aff9f,transparent);box-shadow:0 0 15px #37f287}.join-symbol{background:#102b1b;border:1px solid #28613b;color:#7cffad;text-shadow:0 0 15px #48ee8a;box-shadow:0 0 23px #30e77a18}.join-card .eyebrow{color:#66b17c}.join-card h2{color:#d8f0df;font-family:inherit;letter-spacing:.01em}.join-copy{color:#789280}.join-card label{color:#9cb7a2}.join-card input{background:#080e0a;border-color:#294332;color:#d9f0df;font-family:inherit;caret-color:#62ffac}.join-card input::placeholder{color:#536b59}.join-card input:focus{border-color:#58d989;box-shadow:0 0 0 3px #2be27b16,0 0 16px #28e87916}.join-error{color:#ff817b}.join-button{background:#35dc7d;color:#041109;font-family:inherit;box-shadow:0 0 20px #2de57b2d}.join-button:hover{background:#70ffac}.join-button:disabled{background:#247445;color:#a6dcb7}.join-footnote{color:#6d8874}.toast{background:#10291a;border:1px solid #34754a;color:#c6ffd8;box-shadow:0 8px 28px #000b,0 0 16px #25d66b1c}.image-viewer{background:#030705f2}.image-viewer button{background:#0e1c13;border-color:#538365;color:#a5ffc5}.image-bubble{background:#0d1711;border:1px solid #24432e}.file-card{background:#101b14;border-color:#254530;color:#c1d9c8}.file-card:hover{background:#14251a;border-color:#4dbd75}.file-card-icon{background:#12291a;color:#70ffa8}.file-card-details small{color:#75917d}.file-card-download{color:#78ffa9}.own .file-card{background:#103b25;border-color:#277845;color:#d3ffe1}.own .file-card:hover{background:#154a2e}.own .file-card-icon{background:#ffffff15;color:#a9ffc5}.own .file-card-details small{color:#86b998}.own .file-card-download{color:#a2ffc0}.shell,.join-card,.bubble,.file-card,.clear-button,.send-button,.attach-button{transition-duration:.18s}::selection{background:#1d7040;color:#e3ffec}
@media(max-width:760px){.shell{border-radius:0}.people-panel{background:#0a110d}}
@media(max-width:520px){.topbar{padding:0 13px}.notice{padding:0 13px}.composer-wrap{padding:10px 12px 12px}.people-panel{display:none}.rail{width:42px}.brand-mark{width:29px;height:29px}}