@import url('/theme.css');
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;border:0;color:inherit;background:transparent}button:disabled{opacity:.5;cursor:wait}input,textarea{color:var(--text);background:transparent;border:1px solid var(--line);border-radius:10px;padding:13px;min-width:0}input:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#8b968d}label{display:grid;gap:9px}a{color:var(--accent)}[hidden]{display:none!important}h1,h2,p{margin:0}h2{font-size:23px;letter-spacing:-.6px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 20px;background:var(--accent);color:#20291c;border-radius:11px;font-weight:700}.primary:hover{background:#d2dca7}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:25px;flex-shrink:0}.icon-button:hover{background:#ffffff0c}.wordmark{display:flex;align-items:center;gap:12px;letter-spacing:.4px;font-size:20px}.wordmark img{width:37px;height:37px}.workspace{display:flex;height:100dvh;max-width:1800px;margin:auto;overflow:hidden}.sidebar{width:340px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:28px 24px}.sidebar-header>.icon-button{border:1px solid var(--line);font-size:24px;color:var(--accent)}.sidebar-intro{display:flex;align-items:center;gap:10px;margin:21px 24px 18px}.sidebar-intro h1{font-size:23px;letter-spacing:-.6px}.count{border-radius:6px;background:#313a2d;color:var(--accent);font-size:11px;padding:4px 7px}.searchbox{display:flex;align-items:center;gap:9px;background:#ffffff04;border:1px solid var(--line);border-radius:10px;margin:0 24px 22px;padding:0 12px;color:var(--muted)}.searchbox>span{font-size:25px}.searchbox input{border:0;outline:0!important;width:100%;padding:13px 0;background:transparent}.chat-list{flex:1;overflow:auto;padding:0 12px}.chat-entry{display:flex;gap:12px;width:100%;padding:16px 12px;text-align:left;border-radius:12px;margin-bottom:4px;align-items:center}.chat-entry:hover{background:#ffffff06}.chat-entry.active{background:#333e2d}.avatar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#3a4336;color:#d4daba;border:1px solid #ffffff08;border-radius:15px;overflow:hidden;flex-shrink:0;font-size:17px;font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.chat-info{min-width:0;flex:1}.chat-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.chat-info p{color:var(--muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.chat-meta{align-self:stretch;display:flex;flex-direction:column;align-items:end;justify-content:center;gap:7px;font-size:10px;color:var(--muted)}.unread{background:var(--accent);color:#182014;padding:3px 6px;border-radius:6px;font-weight:700}.account{padding:19px 23px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.account-person{display:flex;gap:12px;align-items:center;flex:1;min-width:0;text-align:left;padding:0}.account-person>span:last-child{min-width:0}.account-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.account .avatar{width:37px;height:37px;border-radius:12px;font-size:13px}.account>.icon-button{color:var(--muted);font-size:21px}.conversation{position:relative;flex:1;min-width:0;background:radial-gradient(ellipse at 85% 15%,#2c352126,transparent 60%),var(--bg);display:flex;flex-direction:column}.empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.empty-symbol{padding:22px;border:1px solid #c1cc9120;border-radius:29px;transform:rotate(-7deg);margin-bottom:38px;background:#c1cc9105}.empty-symbol img{width:62px;display:block;transform:rotate(7deg)}.empty .eyebrow{font-size:9px;margin-bottom:17px}.empty h2{font-size:30px}.empty p:not(.eyebrow){line-height:1.8;color:var(--muted);margin:16px 0 28px}.empty .primary{font-size:12px}.chat{display:flex;flex:1;flex-direction:column;min-height:0}.chat-header{display:flex;align-items:center;gap:13px;padding:21px 32px;border-bottom:1px solid var(--line);background:#191f1bdb}.peer-heading{flex:1;min-width:0}.peer-heading h2{font-size:16px;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.peer-heading p{margin-top:6px;font-size:11px;color:var(--muted)}.chat-header .avatar{width:43px;height:43px}.back{display:none}.messages{flex:1;overflow:auto;padding:30px 36px;scroll-behavior:auto}.day-label{color:#8b9689;font-size:10px;letter-spacing:.6px;text-align:center;margin:12px 0 25px}.message{max-width:min(78%,580px);margin:0 auto 14px 0;width:fit-content;overflow-wrap:anywhere}.message.own{margin-left:auto;margin-right:0}.bubble{padding:14px 17px;background:#262e28;border:1px solid #ffffff05;border-radius:15px 15px 15px 4px;line-height:1.65;font-size:14px;white-space:pre-wrap}.own .bubble{background:#3a4830;border-color:#c1cc9110;border-radius:15px 15px 4px 15px}.message-meta{display:flex;justify-content:end;gap:7px;color:#919b89;font-size:9px;margin-top:7px;padding:0 3px}.message img{display:block;max-width:100%;max-height:340px;border-radius:8px;margin:0 0 10px;object-fit:contain}.message video{display:block;width:100%;max-height:300px;border-radius:8px}.message audio{max-width:100%;width:280px}.file-card{display:flex;gap:12px;align-items:center;white-space:normal;margin:0 0 7px;text-decoration:none}.file-icon{display:grid;place-items:center;width:38px;height:44px;border-radius:7px;background:#ffffff0a;font-size:23px;flex-shrink:0}.file-card strong{font-size:12px;display:block;max-width:290px}.file-card small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.download{font-size:11px}.media-error{font-size:12px;color:#d6c8a6;white-space:normal;margin:8px 0}.composer{margin:0 30px 22px;padding:13px 13px 10px;background:#212923;border:1px solid #ffffff0e;border-radius:15px}.composer-row{display:flex;align-items:end;gap:10px}.attach-button{color:var(--muted);cursor:pointer;font-size:28px}.attach-button input{position:absolute;width:1px;height:1px;opacity:0}.attach-button:focus-within{outline:2px solid var(--accent)}.composer textarea{flex:1;resize:none;max-height:160px;border:0;outline:0!important;padding:11px 0;line-height:1.5;border-radius:0}.send-button{width:40px;height:40px;border-radius:11px;background:var(--accent);color:#25321b;font-size:24px}.composer-hint{display:flex;justify-content:space-between;margin:9px 5px 0;color:#7f8b80;font-size:9px}.send-status{padding:0 35px 10px;color:#d6c8a6;font-size:12px;min-height:20px}.send-status button{color:var(--accent);text-decoration:underline}.attachment{display:flex;gap:9px;align-items:center;padding:8px;margin-bottom:8px;background:#ffffff05;border-radius:8px;font-size:12px}.attachment>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment progress{width:60px;accent-color:var(--accent)}.connection{background:#685332;color:#f0ddae;padding:10px;text-align:center;font-size:12px}.message-search{display:flex;padding:10px 24px;gap:10px;border-bottom:1px solid var(--line)}.message-search input{flex:1;min-width:0}.message-search button{font-size:12px}.older{display:block;margin:0 auto 20px;color:var(--accent);font-size:11px;padding:10px}.list-empty{padding:30px 12px;text-align:center;color:var(--muted);line-height:1.8;font-size:13px}dialog{background:var(--panel);color:var(--text);border:1px solid #ffffff1c;border-radius:18px;padding:26px;width:420px;max-width:calc(100vw - 30px);max-height:85dvh;overflow:auto;box-shadow:0 25px 80px #0005}dialog::backdrop{background:#050a07a8;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dialog-head h2{font-size:21px}dialog .searchbox{margin:22px 0 10px}dialog form{display:grid;gap:18px}#profile-avatar .avatar{width:70px;height:70px;font-size:25px}#profile-status{color:#d6c8a6;line-height:1.5}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#e0d6b6;color:#24291e;border-radius:12px;padding:14px 20px;z-index:10;max-width:90vw;box-shadow:0 10px 40px #0006}.login-screen{display:grid;grid-template-columns:1.15fr 1fr;min-height:100dvh}.login-art{background:radial-gradient(ellipse at 60% 55%,#53643b50,transparent 60%),repeating-linear-gradient(135deg,transparent 0,transparent 80px,#c1cc9105 80px,#c1cc9105 81px),#1d271e;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px}.login-art h1{font-size:clamp(44px,5vw,78px);letter-spacing:-3px;line-height:1.1;margin:25px 0}.login-art h1 span{color:var(--accent)}.login-art p:not(.eyebrow){font-size:16px;color:#a5b39c;line-height:1.8}.art-footer{color:#8d9c85;font-size:11px}.login-form{max-width:410px;width:100%;padding:40px;margin:auto;display:grid;gap:22px}.login-logo{width:42px;margin-bottom:17px}.login-form h2{font-size:27px;margin-top:-9px}.login-form>.muted{margin-top:-12px;font-size:13px}.login-form label{font-size:12px}.login-form .primary{width:100%;font-size:13px}.login-form .eyebrow{font-size:9px}.login-note{color:var(--muted);font-size:10px;line-height:1.7}.error{color:#e6aa98;font-size:12px}.error:empty{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#414b3d;border-radius:5px}@media(min-width:1450px){.sidebar{width:370px}.messages{padding-left:70px;padding-right:70px}.composer{margin-left:65px;margin-right:65px}}@media(max-width:760px), (max-height:500px) and (pointer:coarse){.sidebar{width:100%;border:0}.conversation{display:none}.workspace.chat-open .sidebar{display:none}.workspace.chat-open .conversation{display:flex}.back{display:flex;width:28px}.chat-header{padding:15px 12px;gap:10px}.chat-header .avatar{width:38px;height:38px;border-radius:12px}.messages{padding:20px 16px}.message{max-width:88%}.bubble{font-size:14px;padding:12px 14px}.composer{margin:0 10px 10px;padding:9px}.composer-hint span:last-child{display:none}.send-status{padding:0 18px 8px}.message-search{padding:10px;gap:5px}.message-search button{padding:5px}.login-screen{display:flex;flex-direction:column}.login-art{padding:28px;min-height:200px}.login-art>div:nth-child(2),.art-footer{display:none}.login-art{min-height:auto;background:transparent}.login-form{padding:28px;max-width:400px;margin:10px auto}.login-logo{display:none}.peer-heading h2{font-size:15px}dialog{padding:20px}.composer textarea{font-size:16px}.message img{max-height:280px}}
