:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#e7eceb;background:#151918;font-size:14px;color-scheme:dark;--muted:#89938f;--green:#77d8b5;--line:#2c3430}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}input,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:var(--green)}.hidden{display:none!important}.brand{display:flex;align-items:center;font-size:31px;font-weight:650;letter-spacing:-1.5px;gap:9px}.brandmark{display:grid;place-items:center;width:35px;height:35px;background:var(--green);color:#10251c;border-radius:11px;font:bold italic 32px Georgia}.brand-dot{color:var(--green);margin-left:-9px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#a4baae}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1.08fr 1fr}.auth-story{background:#182c24;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;background-image:radial-gradient(ellipse at 30% 65%,#294c3b 0,transparent 65%)}.auth-story h1{font-size:clamp(42px,4.3vw,70px);font-weight:520;letter-spacing:-3px;line-height:1.35;margin:23px 0}.auth-story h1 span{color:var(--green)}.auth-story p{color:#a6b8ac;font-size:16px;line-height:2}.story-line{border-top:1px solid #466051;margin-top:54px;padding-top:18px;display:flex;justify-content:space-between;color:#b5cbbd;font-size:11px}.auth-story>small{color:#759583;letter-spacing:3px;font-size:9px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:100%;max-width:350px}.auth-card h2{font-size:30px;font-weight:550;margin:17px 0 10px}.auth-card>p{color:var(--muted);margin-bottom:35px}.auth-card label{display:block;margin:23px 0;color:#c1cac5;font-size:12px}.auth-card input,.dialog-input{display:block;width:100%;background:#1f2522;color:#fff;border:1px solid #39423c;border-radius:10px;padding:15px;margin-top:10px}.auth-card input:focus,.dialog-input:focus{border-color:var(--green)}.primary{width:100%;background:var(--green);border:0;border-radius:10px;padding:14px;color:#123526;font-weight:650;display:flex;justify-content:space-between;align-items:center}.auth-card .auth-switch{text-align:center;font-size:12px;margin:28px 0 55px}.link{border:0;background:none;color:var(--green);padding:5px}.auth-card>small{display:block;text-align:center;color:#68756d;font-size:10px}.error{color:#f4a39a;font-size:12px;min-height:16px}.app{height:100dvh;display:flex}aside{width:276px;background:#101412;display:flex;flex-direction:column;padding:28px 17px 15px;flex-shrink:0;border-right:1px solid #252c28}aside .brand{padding:0 10px;margin-bottom:30px}#collapse{margin-left:auto;color:#7b8980;font-size:18px}.icon{display:inline-grid;place-items:center;background:none;border:0;border-radius:8px;min-width:32px;min-height:32px;font-size:22px;color:#a3afa7}.icon:hover{background:#303a33;color:white}.new-chat{display:flex;align-items:center;gap:10px;background:#26372c;border:1px solid #3a5243;border-radius:10px;padding:12px 13px;text-align:left;color:#d9ecdf;font-size:13px}.new-chat>span{font-size:20px;line-height:1}.new-chat kbd{margin-left:auto;font:10px inherit;color:#91a698;border:1px solid #496052;padding:1px 4px;border-radius:4px}.search{margin:20px 4px 22px;display:flex;align-items:center;gap:10px;color:#728277}.search span{font-size:25px}.search input{background:transparent;border:0;color:#c2cfc6;width:100%;font-size:12px}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#78877d;padding:0 13px;margin-bottom:10px}nav{overflow:auto;flex:1}.room{width:100%;display:flex;gap:12px;text-align:left;padding:13px 12px;background:transparent;border:0;border-radius:9px;margin-bottom:4px;align-items:center}.room:hover{background:#1c251f}.room.active{background:#26352b}.room .room-badge{width:31px;height:31px;border-radius:9px;background:#28342c;color:#a4bbae;display:grid;place-items:center;font-size:19px}.room.active .room-badge{color:var(--green);background:#344b3b}.room-content{min-width:0;flex:1}.room strong{display:block;font-size:12px;font-weight:500}.room small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7c8c81;font-size:10px;margin-top:5px}.unread{width:7px;height:7px;background:var(--green);border-radius:50%}.sidebar-note{font-size:10px;color:#6d8173;padding:20px 11px;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.profile{border:0;border-top:1px solid #2a332c;padding:17px 5px 0;display:flex;align-items:center;gap:10px;text-align:left;background:none}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:11px;background:#3d5144;color:#bed9c6;font-size:13px;font-weight:600}.profile strong{display:block;font-size:12px;font-weight:500}.profile small{display:block;color:#7e9183;font-size:10px;margin-top:4px}.profile-more{margin-left:auto;color:#96a99c}main{flex:1;min-width:0;display:flex;flex-direction:column;background:#191e1b}header{height:83px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 37px;border-bottom:1px solid var(--line)}.header-name{display:flex;align-items:center;gap:13px}.room-symbol{width:35px;height:35px;display:grid;place-items:center;background:#26362b;border:1px solid #3a4c3e;color:#a4d5b5;border-radius:10px;font-size:23px}header h2{font-size:14px;font-weight:550;margin:0 0 5px}header small{font-size:10px;color:#87978b}.header-actions{display:flex;gap:17px;align-items:center}.connection{font-size:10px;color:#90a395}.connection.live:before{content:'';display:inline-block;background:var(--green);width:5px;height:5px;border-radius:50%;margin-right:6px}#mobile-menu{display:none}.messages{flex:1;overflow:auto;scroll-behavior:smooth;padding:25px 36px;overscroll-behavior:contain}#message-list{max-width:880px;margin:auto;min-height:100%}.welcome{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:55px 15px}.welcome-mark{background:#25382c;border:1px solid #3c5846;color:var(--green);font-size:30px;width:65px;height:65px;display:grid;place-items:center;border-radius:22px;margin-bottom:24px}.welcome .eyebrow{font-size:9px;color:#7c9a87}.welcome h1{font-size:29px;font-weight:450;margin:13px 0}.welcome p{font-size:12px;color:#8c9f91;line-height:1.9}.welcome-tags{display:flex;gap:12px;margin-top:25px}.welcome-tags span{border:1px solid #354238;padding:10px 14px;border-radius:9px;color:#a5b8ab;font-size:11px}.date-line{text-align:center;font-size:10px;color:#748779;padding:20px 0}.message{display:flex;gap:12px;padding:15px 0;position:relative}.message-body{min-width:0;max-width:85%}.message-meta{display:flex;gap:10px;align-items:center;margin:2px 0 8px}.message-meta strong{font-weight:550;font-size:12px;color:#c7d5ca}.message-meta time{font-size:9px;color:#718377}.message-text{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4ded6}.message.mine .avatar{background:#2e5140;color:#b2ebc9}.message.mine .message-meta strong{color:#9ed7b3}.quote{border-left:2px solid #6ba985;background:#253329;border-radius:0 7px 7px 0;padding:9px 12px;margin:0 0 10px;font-size:11px;color:#9eb9a7;white-space:pre-wrap;overflow-wrap:anywhere}.quote strong{display:block;margin-bottom:4px;color:#bad7c3}.message-tools{opacity:0;align-self:flex-start;margin-left:auto}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1}.message-tools button{font-size:16px}.image-file{display:block;max-width:min(380px,100%);max-height:320px;object-fit:contain;border-radius:12px;margin:10px 0}.file-card{display:flex;gap:10px;align-items:center;padding:13px;background:#27342c;border:1px solid #3b4b40;border-radius:10px;margin:8px 0;text-decoration:none;color:#c1d8c8;max-width:360px}.file-card .file-name{font-size:12px;overflow-wrap:anywhere}.file-card small{display:block;color:#829a89;font-size:10px;margin-top:4px}.file-card>span:first-child{font-size:21px}.file-card>span:last-child{margin-left:auto}.composer-wrap{padding:12px 36px 20px;max-width:952px;width:100%;margin:auto}.composer{background:#252e28;border:1px solid #3c4b40;border-radius:17px;padding:17px 17px 10px;box-shadow:0 5px 30px #0b130b22}.composer:focus-within{border-color:#638772}.composer textarea{width:100%;resize:none;border:0;background:none;color:#ebf2ed;max-height:170px;font-size:13px;line-height:1.7;min-height:29px}.composer textarea::placeholder{color:#8b9e91}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.composer-toolbar>div{display:flex;align-items:center;gap:6px}.file-hint{font-size:10px;color:#728879}.send{background:var(--green);color:#153d28;width:33px;height:33px;border:0;border-radius:10px;font-size:23px}.composer-foot{display:flex;justify-content:space-between;color:#64796b;font-size:9px;padding:12px 6px 0}.quote-preview{border-left:2px solid var(--green);background:#2a3c30;padding:10px 12px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;border-radius:5px;overflow-wrap:anywhere}.attachments{display:flex;gap:8px;flex-wrap:wrap}.attachment{padding:8px 10px;background:#304b39;border-radius:7px;font-size:11px;margin-bottom:10px;display:flex;align-items:center;gap:8px;max-width:100%}.attachment span{overflow-wrap:anywhere}.attachment button{border:0;background:transparent}.older{display:block;margin:0 auto 20px;border:1px solid #405044;background:#243329;padding:8px 15px;border-radius:20px;font-size:11px;color:#b4c6ba}dialog{background:#1d2821;color:#d9e6de;border:1px solid #445c4b;border-radius:18px;padding:25px;width:min(460px,calc(100% - 32px));max-height:85dvh}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-heading h2{margin:0;font-size:19px;font-weight:500}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{border:1px solid #405646;border-radius:8px;background:#28372d;padding:9px 18px}.tabs button.selected{background:#40624c;color:#ccf0d6}.person{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #34473a}.person input{margin-left:auto;accent-color:#77d8b5}.people{max-height:280px;overflow:auto;margin:10px 0 20px}.dialog-help{color:#92a899;font-size:12px;line-height:1.8}.settings-action{display:block;width:100%;text-align:left;border:1px solid #394e40;background:#26382b;padding:13px;margin:10px 0;border-radius:9px}.danger{color:#efa89e}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#d3ebdc;color:#173d25;padding:13px 22px;border-radius:10px;font-size:12px;box-shadow:0 8px 40px #0007;max-width:90vw}.scrim{position:fixed;inset:0;background:#0008;border:0;z-index:9}.dragging main{outline:2px dashed var(--green);outline-offset:-8px}.admin-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3c5042;padding:11px 0}.admin-row button{background:#324c3b;border:1px solid #4e6e59;border-radius:6px;padding:5px 9px;font-size:11px}@media(max-width:850px){aside{width:240px}header{padding:0 23px}.messages{padding:20px 23px}.composer-wrap{padding:12px 23px 18px}.auth-story{padding:35px}.auth-panel{padding:25px}.story-line{gap:15px}}@media(max-width:650px){.auth-screen{display:block}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:35px}.auth-card:before{content:'talk.';display:block;font-size:40px;color:var(--green);margin-bottom:55px;letter-spacing:-2px;font-weight:650}aside{position:fixed;inset:0 auto 0 0;z-index:10;width:278px;transform:translateX(-100%);transition:transform .2s}.sidebar-open aside{transform:translateX(0)}#mobile-menu{display:inline-grid}.header-name{gap:9px}header{height:72px;padding:0 15px}.header-actions{gap:6px}.messages{padding:15px 17px}.composer-wrap{padding:8px 12px 12px}.composer-foot{font-size:8px}.file-hint{display:none}.message-body{max-width:calc(100% - 70px)}.message-tools{opacity:1}.message{gap:9px}.welcome h1{font-size:24px}.welcome-tags{gap:7px}.welcome-tags span{font-size:10px;padding:9px}.connection{font-size:9px}.welcome{padding-top:30px}.room-symbol{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}