:root{color-scheme:dark;--bg:#101014;--panel:#19191f;--card:#272630;--input:#2d2c35;--line:#ffffff0c;--text:#efeff4;--muted:#92909e;--blue:#0785ff;--out:#8055d9;--incoming:#343344;--font:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:transparent;border-radius:10px;padding:10px}button:hover{background:#ffffff09}button:disabled{opacity:.45;cursor:wait}input,textarea,select{border:1px solid transparent;outline:0;border-radius:10px;background:var(--input);color:var(--text);padding:12px;min-width:0;width:100%}input:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}a{color:var(--blue);text-decoration:none}svg.i{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}small,.muted{color:var(--muted);font-size:12px}.primary{background:var(--blue);color:#fff;min-height:42px}.primary:hover{background:#2192ff}.secondary{background:#444252}.danger{color:#ec4772}.red{background:#cf305d;color:#fff}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.full{width:100%}.center{text-align:center}.card{background:var(--card);border-radius:14px;padding:16px;margin-bottom:16px}.field{display:block;margin:14px 0}.field>span{display:block;font-size:12px;color:var(--muted);margin:0 0 7px 3px}.avatar{height:48px;width:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#8c69e4,#5251c9);color:white;font-size:20px;overflow:hidden;object-fit:cover}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:90px;height:90px;font-size:34px;margin:18px auto}.avatar.tiny{width:32px;height:32px;min-width:32px;font-size:14px}.auth{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 10%,#24203d,transparent 55%),var(--bg)}.auth-box{width:min(390px,100%)}.brand{font-size:42px;letter-spacing:5px;font-weight:800;margin:8px 0}.brand-icon{width:76px;height:76px}.auth-box>p{color:var(--muted);margin:10px 0 28px}.auth-box form{display:flex;flex-direction:column;gap:12px}.error{color:#ff7295;min-height:20px}.shell{height:100dvh;display:grid;grid-template-columns:72px 330px minmax(0,1fr);overflow:hidden}.rail{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:12px 4px;gap:10px}.rail .logo{width:40px;margin-bottom:5px}.navbtn{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:var(--muted);width:64px;padding:12px 0}.navbtn.active{color:var(--blue)}.rail .settings-nav{margin-top:auto}.sidebar{background:var(--panel);border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column}.sidehead{padding:18px 16px 10px;min-height:62px}.round-btn{padding:5px;background:var(--blue);border-radius:50%;color:#fff;display:grid;place-items:center}.round-btn .i{width:18px;height:18px}.searchbox{margin:5px 12px 12px;position:relative}.searchbox input{padding:9px 12px 9px 34px;font-size:13px}.searchbox .i{position:absolute;left:10px;top:10px;width:16px;height:16px;color:var(--muted)}.tabs{display:flex;overflow:auto;gap:16px;padding:0 16px;min-height:39px;flex-shrink:0}.tabs button{border-radius:0;padding:8px 0;color:var(--muted);white-space:nowrap;font-size:13px}.tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.list{overflow:auto;flex:1;min-height:0}.chat-item{width:100%;display:flex;gap:11px;padding:12px;border-radius:0;text-align:left;align-items:center;min-height:77px}.chat-item.active{background:#34313f}.chat-item .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:14px}.chat-item .preview{color:var(--muted);line-height:18px;height:36px;overflow:hidden;font-size:13px;margin-top:3px}.chat-item .time{font-size:10px;color:var(--muted);white-space:nowrap}.badge{background:var(--blue);border-radius:12px;padding:2px 6px;font-size:10px;color:white}.empty-list{padding:36px 24px;text-align:center;color:var(--muted);line-height:1.6}.empty-list button{margin-top:12px;color:var(--blue)}.stories{display:flex;gap:12px;overflow:auto;padding:4px 15px 14px}.story-thumb{padding:0;flex-shrink:0;width:52px;text-align:center}.story-thumb .avatar{border:2px solid var(--blue);padding:2px;width:48px;height:48px}.story-thumb small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.main{min-height:0;min-width:0;position:relative;display:flex;flex-direction:column;background:var(--bg)}.wallpaper{background-color:var(--bg);background-image:url('/wallpaper.svg');background-size:420px}.welcome{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:25px}.welcome img{width:78px;opacity:.7}.welcome p{color:var(--muted)}.chathead{height:64px;flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 18px;display:flex;align-items:center;gap:12px}.chathead .avatar{width:40px;height:40px;min-width:40px;font-size:16px}.chathead .info{cursor:pointer;flex:1;min-width:0}.chathead .info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.chathead .back{display:none}.chathead button{padding:8px}.messages{flex:1;min-height:0;overflow:auto;padding:18px max(24px,calc((100% - 820px)/2));display:flex;flex-direction:column;gap:7px;scroll-behavior:auto}.day{text-align:center;align-self:center;font-size:11px;padding:4px 9px;border-radius:10px;background:var(--card);color:var(--muted);margin:9px 0}.message{align-self:flex-start;max-width:78%;position:relative;display:flex;flex-direction:column;align-items:flex-start}.message.mine{align-self:flex-end;align-items:flex-end}.bubble{background:var(--incoming);border-radius:13px 13px 13px 4px;padding:8px 10px;min-width:72px;max-width:100%;overflow-wrap:anywhere;box-shadow:0 1px 1px #0002}.mine .bubble{background:var(--out);border-radius:13px 13px 4px 13px}.bubble .body{white-space:pre-wrap;font-size:var(--font);line-height:1.4}.bubble .sender{font-size:12px;color:#a8bfff;display:block;margin-bottom:5px}.bubble .meta{font-size:10px;opacity:.7;display:flex;justify-content:flex-end;gap:5px;margin:4px 0 -1px}.bubble a{color:#b5d7ff;text-decoration:underline}.bubble .attachment{display:block;max-width:360px;width:100%;max-height:420px;object-fit:contain;border-radius:8px;margin-bottom:5px}.bubble audio{max-width:270px;width:100%;height:38px}.bubble .round-video{border-radius:50%;aspect-ratio:1;width:240px;object-fit:cover}.file-link{display:flex;gap:10px;align-items:center;padding:10px 0}.reply{border-left:3px solid #ab9bff;background:#0002;border-radius:4px;padding:7px 9px;margin-bottom:6px;max-width:100%;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.reaction{font-size:12px;padding:4px 7px;background:#ffffff18;border-radius:14px}.reaction.mine{background:#0785ff55}.composer-area{padding:8px max(20px,calc((100% - 850px)/2)) 14px;background:var(--panel);flex-shrink:0}.composer{display:flex;align-items:flex-end;gap:3px}.composer textarea{background:transparent;border:0;resize:none;max-height:160px;min-height:42px;padding:12px 8px;line-height:20px}.composer button{padding:10px 7px;color:var(--muted)}.composer .send{color:var(--blue)}.replybar{padding:8px 12px;display:flex;align-items:center;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.replybar span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinbar{padding:8px 18px;background:var(--panel);color:var(--muted);font-size:12px;cursor:pointer}.mobile-nav{display:none}.panehead{height:60px;display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.panehead h3{flex:1;text-align:center;margin-right:40px}.page-scroll{overflow:auto;padding:24px;flex:1;min-height:0}.page{max-width:480px;margin:0 auto}.setting-row{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:16px 10px;border-radius:0;border-bottom:1px solid var(--line)}.setting-row .right{margin-left:auto;color:var(--muted);font-size:12px}.switch{width:38px;height:23px;background:#51505c;border-radius:20px;position:relative;flex-shrink:0}.switch:after{content:'';position:absolute;width:19px;height:19px;border-radius:50%;background:#ddd;left:2px;top:2px}.switch.on{background:var(--blue)}.switch.on:after{left:17px;background:white}.setting-row .i{width:20px}.profile-header{text-align:center;padding:10px 0 24px}.actions{display:flex;gap:8px;margin:18px 0}.actions button{flex:1;background:var(--card);color:var(--blue);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gallery img,.gallery video{width:100%;height:120px;object-fit:cover;cursor:pointer}.modal-shade{position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{width:min(440px,100%);max-height:88dvh;overflow:auto;background:var(--panel);border-radius:17px;box-shadow:0 20px 80px #0007}.modal-head{position:sticky;top:0;background:var(--panel);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;z-index:1}.modal-body{padding:0 20px 22px}.menu-item{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 10px}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.emoji-grid button{font-size:26px;padding:8px 3px}.user-choice{display:flex;align-items:center;gap:10px;padding:10px 0;cursor:pointer}.user-choice input{width:18px;margin-left:auto}.modal-footer{display:flex;gap:10px;margin-top:20px}.modal-footer>*{flex:1}.poll-option{display:block;width:100%;text-align:left;background:#0002;padding:10px;margin:7px 0;border:1px solid #ffffff22}.poll-option.selected{border-color:#bcd7ff}.poll-bar{height:3px;background:#bcadff;margin-top:5px;border-radius:3px}.toast{opacity:1}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#41404d;color:white;border-radius:12px;max-width:90vw;padding:12px 20px;z-index:200;pointer-events:none;display:none;text-align:center;font-size:13px}.viewer{position:fixed;inset:0;background:#000e;z-index:80;display:flex;align-items:center;justify-content:center}.viewer>img,.viewer>video{max-width:90vw;max-height:88dvh;object-fit:contain}.viewer .close{position:absolute;right:20px;top:20px;background:#333a}.story-view{height:94dvh;width:min(430px,100vw);position:relative;background:#17171d;overflow:hidden;border-radius:16px;display:flex;flex-direction:column}.story-view>img,.story-view>video{width:100%;flex:1;min-height:0;object-fit:contain}.story-top{padding:12px;display:flex;align-items:center;gap:8px;position:absolute;top:0;left:0;right:0;background:linear-gradient(#000a,transparent);z-index:1}.story-bottom{padding:16px;background:linear-gradient(transparent,#0009);position:absolute;bottom:0;width:100%;display:flex;gap:10px;flex-direction:column}.story-caption{text-shadow:0 1px 5px #000}.story-nav{position:absolute;top:45%;background:#3339;z-index:2}.story-prev{left:3px}.story-next{right:3px}.call-screen{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%,#292057 0%,#101014 52%);z-index:70;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.call-screen.minimized{inset:auto 18px 20px auto;width:280px;height:210px;border-radius:20px;padding:12px;box-shadow:0 8px 50px #0009}.call-screen.minimized .call-title{font-size:16px}.call-screen.minimized .call-avatar{display:none}.call-title{font-size:24px;margin:15px}.call-avatar{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:45px;background:var(--out);margin:20px}.call-controls{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));display:flex;gap:12px;background:#ffffff0c;border-radius:40px;padding:6px}.call-controls button{width:48px;height:48px;border-radius:50%;background:#454251}.call-controls .red{background:#d93464}.call-controls button.off{background:white;color:#202026}.call-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between}.local-video{position:absolute;top:70px;right:30px;width:180px;max-height:160px;border-radius:15px;object-fit:cover}.remote-videos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:90%;max-height:65vh}.remote-videos video{max-width:100%;max-height:60vh;border-radius:16px}.call-screen.minimized .remote-videos{display:none}.call-screen.minimized .local-video{display:none}.call-screen.minimized .call-controls{bottom:12px}.color-picks{display:flex;gap:10px}.color-picks button{width:70px;height:55px;border:3px solid transparent}.color-picks button.selected{border-color:var(--blue)}.loading{padding:30px;text-align:center;color:var(--muted)}.connection{position:fixed;top:0;left:50%;transform:translateX(-50%);background:#bd7923;z-index:100;padding:6px 20px;border-radius:0 0 10px 10px;font-size:12px}.record-preview{width:220px;height:220px;object-fit:cover;border-radius:50%;display:block;margin:15px auto}.record-time{font-variant-numeric:tabular-nums;font-size:28px;text-align:center;padding:20px}.light{color-scheme:light;--bg:#f0f0f5;--panel:#fff;--card:#e6e6ee;--input:#ededf2;--text:#181824;--muted:#73737e;--line:#00000009;--incoming:#fff}.light .mine .bubble{color:#fff}.light .wallpaper{background-color:#e5e9f4}.light .chat-item.active{background:#e3e9f8}body{overscroll-behavior:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue)}::-webkit-scrollbar{width:5px;height:3px}::-webkit-scrollbar-thumb{background:#8884;border-radius:4px}
@media(min-width:1600px){.shell{grid-template-columns:72px 350px minmax(0,1fr)}}
@media(max-width:760px){.shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.rail{display:none}.sidebar{border:0}.main{display:none}.shell.detail .sidebar{display:none}.shell.detail .main{display:flex}.shell.detail .mobile-nav{display:none}.mobile-nav{display:flex;justify-content:space-around;align-items:center;background:var(--panel);padding:5px 0 calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.mobile-nav .navbtn{padding:7px 0;width:25%;font-size:10px}.mobile-nav .i{width:22px;height:22px}.sidehead{padding:16px 16px 8px}.sidehead h2{font-size:22px}.chat-item{padding:11px 14px;min-height:76px}.chathead{height:62px;padding:8px 8px;gap:7px}.chathead .back{display:block}.chathead .avatar{width:34px;height:34px;min-width:34px}.chathead button{padding:7px 5px}.chathead .info b{font-size:14px}.chathead .info small{font-size:11px}.messages{padding:12px 10px}.message{max-width:87%}.bubble .attachment{max-width:290px}.composer-area{padding:5px 5px calc(7px + env(safe-area-inset-bottom))}.composer button{padding:10px 6px}.composer textarea{font-size:16px}.page-scroll{padding:18px 12px}.modal-shade{padding:0;align-items:flex-end}.modal{width:100%;max-height:88dvh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal:before{content:'';display:block;width:34px;height:4px;background:#666;border-radius:4px;margin:10px auto 0}.modal-head{padding-top:10px}.story-view{height:100dvh;width:100vw;border-radius:0}.viewer .close{top:10px;right:10px}.call-screen{padding:15px}.local-video{width:100px;right:15px;top:70px;max-height:140px}.call-controls{bottom:45px}.remote-videos{max-width:100%}.call-top{top:15px;left:15px;right:15px}.panehead{padding:10px}.settings-list .setting-row{padding:17px 13px}}