:root{--bg: #0E1621;--bg2: #17212B;--bg3: #1F2C3A;--text: #FFFFFF;--muted: #7D8E9A;--line: rgba(255,255,255,.07);--blue: #3390EC;--red: #FF5252;--green: #4FAD5B;--card: #17212B;--input-bg: #1F2C3A;--out-bubble: #2b5278;--glass-rgb: 16,16,26;--glass-a: .74;--glass-border: rgba(255,255,255,.08);--glass-bg: rgba(var(--glass-rgb), var(--glass-a));--sidebar-w: 380px;--r-btn: 14px;--r-card: 16px;--r-pill: 32px;--r-bubble: 18px;--ease-bounce: cubic-bezier(.34,1.56,.64,1);--ease-smooth: cubic-bezier(.4,0,.2,1);--ease-snappy: cubic-bezier(.2,.8,.2,1)}html[data-glass=blue]{--glass-rgb: 16,16,26;--glass-a: .74;--glass-border: rgba(255,255,255,.08)}html[data-glass=glass]{--glass-rgb: 255,255,255;--glass-a: .09;--glass-border: rgba(255,255,255,.16)}[data-theme=light]{--bg: #F0F2F5;--bg2: #FFFFFF;--bg3: #E4E8ED;--text: #1A1A2E;--muted: rgba(26,26,46,.48);--line: rgba(0,0,0,.07);--card: #FFFFFF;--input-bg: #E8ECF1;--out-bubble: #cfe5ff}[data-theme=oled]{--bg: #000000;--bg2: #0A0A0C;--bg3: #16161A;--text: #FFFFFF;--muted: #8A8A92;--line: rgba(255,255,255,.08);--card: #0A0A0C;--input-bg: #16161A;--out-bubble: #1a3a5c;--glass-rgb: 0,0,0;--glass-a: .82}[data-theme=midnight]{--bg: #0B1026;--bg2: #141A38;--bg3: #1E2748;--text: #EAEEFF;--muted: #8891B5;--line: rgba(255,255,255,.07);--card: #141A38;--input-bg: #1E2748;--out-bubble: #3a4a8c;--blue: #5b8cff;--glass-rgb: 14,18,42;--glass-a: .76}html.theme-anim,html.theme-anim body,html.theme-anim *{transition:background-color .35s ease,color .25s ease,border-color .35s ease!important}.auth-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 20% -10%,rgba(51,144,236,.14),transparent 60%),radial-gradient(1000px 700px at 100% 110%,rgba(123,77,255,.12),transparent 55%),var(--bg);padding:24px;overflow:auto}.auth-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:36px 32px 32px;box-shadow:0 24px 80px #00000073;animation:jumpIn .45s var(--ease-bounce)}.auth-card.wide{max-width:460px}.auth-logo-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}.auth-logo-c{animation:fadeIn .5s ease}.auth-brand{font-family:Pacifico,cursive;font-size:34px;color:var(--text);letter-spacing:.5px}.auth-title{font-size:23px;font-weight:700;line-height:1.3}.auth-sub{font-size:15px;color:var(--muted);line-height:1.5;margin-top:6px}.auth-label{font-size:13px;color:var(--muted);font-weight:500;margin:14px 0 6px}.auth-form{display:flex;flex-direction:column;gap:4px;margin-top:18px}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.auth-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--blue);font-size:14px;font-weight:600;margin-bottom:14px;padding:6px 4px;border-radius:8px}.auth-back:hover{background:var(--bg3)}.input-wrap{position:relative}.input-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);padding:6px;border-radius:8px;display:flex}.input-eye:hover{color:var(--text)}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.otp-row{display:flex;gap:10px;justify-content:center;margin:10px 0}.otp-input{width:50px;height:58px;text-align:center;background:var(--input-bg);border:1px solid transparent;border-radius:14px;color:var(--text);font-size:24px;font-weight:700;outline:none;transition:background .15s,box-shadow .15s}.otp-input:focus{background:var(--bg3);box-shadow:0 0 0 2px var(--blue)}.otp-timer{text-align:center;color:var(--muted);font-size:13px;margin-top:6px}.otp-resend{background:none;border:none;color:var(--blue);font-weight:600;font-size:14px}.reg-progress{display:flex;gap:5px;margin-bottom:20px}.reg-bar{flex:1;height:3px;border-radius:2px;background:var(--bg3);transition:background .3s}.reg-bar.done{background:var(--blue)}.reg-bar.active{background:var(--blue);opacity:.55}.username-status{font-size:13px;margin-top:6px;min-height:18px;display:flex;align-items:center;gap:6px}.username-status.ok{color:var(--green)}.username-status.bad{color:var(--red)}.avatar-pick{display:flex;flex-direction:column;align-items:center;gap:14px;margin:10px 0}.avatar-big{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;color:#fff;position:relative;overflow:hidden;cursor:pointer}.avatar-big img{width:100%;height:100%;object-fit:cover}.avatar-cam{position:absolute;right:4px;bottom:4px;width:36px;height:36px;border-radius:50%;background:var(--blue);border:3px solid var(--card);display:flex;align-items:center;justify-content:center}.country-btn{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;background:var(--input-bg);border:none;border-radius:14px;color:var(--text);font-size:16px}.country-btn:hover{background:var(--bg3)}.phone-row{display:flex;gap:10px}.phone-code{flex:0 0 92px}.conn-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:5000;display:flex;align-items:center;gap:8px;padding:6px 16px;background:#3390eceb;color:#fff;font-size:13px;font-weight:500;border-radius:0 0 12px 12px;box-shadow:0 4px 16px #0000004d;animation:fadeIn .3s}.net-banner{position:absolute;top:0;left:0;right:0;z-index:4600;display:flex;align-items:center;justify-content:center;gap:9px;height:30px;background:#3390ecf2;color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 2px 12px #0000004d;animation:netDown .3s cubic-bezier(.34,1.56,.64,1)}.net-banner.offline{background:#78808cf5}@keyframes netDown{0%{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}.app-shell{display:flex;height:100%;width:100%;background:var(--bg);background-image:radial-gradient(1200px 800px at 0% 0%,rgba(51,144,236,.06),transparent 55%),radial-gradient(1000px 700px at 100% 100%,rgba(123,77,255,.05),transparent 55%)}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0000001f;position:relative}.sb-header{padding:14px 14px 8px;display:flex;align-items:center;gap:8px;position:relative;z-index:2;box-shadow:0 1px 0 var(--line),0 6px 16px -10px #00000080}.sb-title{font-size:21px;font-weight:700;flex:1}.sb-greeting{font-size:13px;color:var(--muted);font-weight:500}.sb-iconbtn{width:40px;height:40px;border-radius:50%;background:none;border:none;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.sb-iconbtn:hover{background:var(--bg3)}.sb-search{margin:4px 14px 8px;position:relative}.sb-search input{width:100%;padding:10px 14px 10px 40px;background:var(--input-bg);border:1px solid transparent;border-radius:12px;color:var(--text);font-size:15px;outline:none;transition:background .15s,padding-left .2s var(--ease-bounce, cubic-bezier(.34,1.56,.64,1))}.sb-search input:focus{background:var(--bg3)}.sb-search .si{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .15s ease-out}.sb-search.has-text .si{transform:translate(-12px,-50%);opacity:0;pointer-events:none}.sb-search.has-text input{padding-left:16px}.sb-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#ffffff14;border:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.sb-search-clear:hover{background:var(--bg3);color:var(--text)}.srch-results{padding:2px 8px 12px}.srch-sec{display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 8px 6px}.srch-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;cursor:pointer;transition:background .12s}.srch-item:hover{background:var(--bg2)}.srch-meta{min-width:0;flex:1}.srch-name{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srch-sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srch-hl{background:#3390ec52;color:inherit;border-radius:3px;padding:0 1px}.srch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 30px;text-align:center;color:var(--muted)}.srch-empty-text{font-size:14px;max-width:240px}.sb-filters{position:relative;display:flex;gap:2px;margin:0 14px 8px;padding:4px;border-radius:22px;background:var(--bg2);overflow-x:auto;scrollbar-width:none}.sb-filters::-webkit-scrollbar{display:none}.sb-filter-liquid{position:absolute;left:0;top:4px;height:calc(100% - 8px);border-radius:100px;background:linear-gradient(135deg,#4a9eff38,#6bb8ff17);box-shadow:inset 0 1px #ffffff24;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0;will-change:transform,width}.sb-filter{position:relative;z-index:1;flex-shrink:0;padding:8px 14px;border-radius:100px;border:none;background:none;color:#fff6;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .2s}.sb-filter:hover{color:#ffffffb3}.sb-filter.active{color:#fff}.sb-body{flex:1;overflow-y:auto;overflow-x:hidden}.ct-import{width:100%;padding:10px;border-radius:12px;background:#3390ec1a;border:1px solid rgba(51,144,236,.2);color:var(--blue);font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ct-import:hover{background:#3390ec2e}.sb-refresh{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;color:var(--muted);font-size:13px;animation:fadeIn .2s}.dlg.pinned{background:#3390ec0a}.dlg-pin{flex-shrink:0;display:inline-flex;align-items:center;color:var(--muted)}.dlg-draft{color:var(--red);font-weight:500}.dlg{display:flex;gap:12px;padding:9px 14px;cursor:pointer;transition:background .12s;position:relative;align-items:center}.dlg:hover{background:#ffffff08}.dlg.active{background:var(--bg2)}.dlg-body{flex:1;min-width:0;border-bottom:1px solid var(--line);padding-bottom:9px}.dlg.last .dlg-body{border-bottom:none}.dlg-top{display:flex;align-items:baseline;gap:8px}.dlg-name{font-size:15.5px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.dlg-time{font-size:12px;color:var(--muted);flex-shrink:0}.dlg-bottom{display:flex;align-items:center;gap:8px;margin-top:2px}.dlg-last{font-size:14px;color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-last .me{color:var(--muted)}.dlg-badge{min-width:20px;height:20px;border-radius:10px;background:var(--blue);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.dlg-badge.muted{background:var(--muted)}.avatar{position:relative;border-radius:50%;overflow:visible;flex-shrink:0}.avatar img,.avatar-fallback{border-radius:50%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.avatar-online{position:absolute;right:0;bottom:0;background:var(--green);border-radius:50%;border:2.5px solid var(--bg)}.sb-nav{display:flex;padding:8px 10px;gap:4px;border-top:1px solid var(--line);background:#0000002e;position:relative;box-shadow:0 -1px 0 var(--line),0 -8px 20px -12px #0009;z-index:2}.sb-nav-liquid{position:absolute;top:6px;height:calc(100% - 12px);width:calc((100% - 20px)/4);border-radius:14px;background:linear-gradient(135deg,#4a9eff2e,#6bb8ff12);box-shadow:inset 0 1px #ffffff21;transition:left .3s var(--ease-smooth);pointer-events:none}.sb-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:none;border:none;color:#ffffff73;font-size:10px;font-weight:600;border-radius:14px;transition:color .2s,background .15s;position:relative}.sb-nav-item:hover{background:#ffffff0a}.sb-nav-item:hover svg{filter:drop-shadow(0 0 6px rgba(51,144,236,.4));transform:translateY(-1px);transition:transform .2s,filter .2s}.sb-nav-item.active{color:var(--blue)}.sb-nav-badge{position:absolute;top:4px;right:50%;transform:translate(18px);min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}[data-theme=light] .sb-nav-item{color:#1a1a2e73}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.chat-empty-logo{opacity:.85;animation:fadeIn .5s ease}.chat-empty-title{font-size:19px;font-weight:700;color:var(--text);opacity:.8}.chat-empty-badge{padding:9px 18px;background:var(--bg2);border-radius:20px;font-size:13.5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;text-align:center;animation:fadeIn .4s ease}.empty-art{margin-bottom:4px;animation:emptyFloat 4s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-title{font-size:16px;font-weight:700;color:var(--text)}.empty-sub{font-size:13.5px;color:var(--muted);line-height:1.5;max-width:280px}.empty-action{margin-top:10px}@keyframes skelShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skel{background:var(--bg3);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200px 100%;background-repeat:no-repeat;animation:skelShimmer 1.3s infinite;border-radius:8px}.skel-av{width:54px;height:54px;border-radius:50%;flex-shrink:0}.skel-line{height:12px;border-radius:6px}.panel{padding:12px 14px}.panel-title{font-size:21px;font-weight:700;padding:14px 14px 10px}.slide-in{animation:slideInRight .26s var(--ease-smooth);will-change:transform,opacity}@keyframes slideInRight{0%{transform:translate(7%);opacity:0}to{transform:none;opacity:1}}.tab-pane{animation:tabFade .2s var(--ease-smooth);will-change:transform,opacity;height:100%}@keyframes tabFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.list-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;margin-bottom:12px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background .12s}.list-row:hover{background:#ffffff08}.list-row+.list-row{border-top:1px solid var(--line)}.list-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-label{flex:1;font-size:15px;font-weight:500}.list-value{font-size:13px;color:var(--muted)}.list-sub{font-size:13px;color:var(--muted);margin-top:1px}.row-chev{transform:rotate(-90deg);color:var(--muted);flex-shrink:0}.set-cat{cursor:pointer}.set-sub-head{display:flex;align-items:center;gap:10px;padding:6px 0 14px}.back-btn{width:40px;height:40px;border-radius:50%;background:none;border:none;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s;padding:0}.back-btn:hover,.back-btn:active{background:var(--bg3)}.back-btn svg{width:22px;height:22px}.set-sub-title{font-size:20px;font-weight:700}.set-sub-section{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 4px 6px}.set-note{font-size:12.5px;color:var(--muted);padding:0 14px 12px;line-height:1.45;margin-top:-4px}html.large-text{font-size:18px}html.no-glass .glass,html.no-glass .chat-hdr,html.no-glass .sb-nav,html.no-glass .popover{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg2)!important}.chat-back-btn{display:none!important}@media(max-width:900px){:root{--sidebar-w: 100%}.sidebar{width:100%;border-right:none}.app-shell.has-active .sidebar{display:none}.app-shell:not(.has-active) .chat-area{display:none}.app-shell.has-active .chat-area{animation:slideInRight .26s var(--ease-smooth)}.chat-back-btn{display:flex!important}.chat-scroll{padding-left:12px;padding-right:12px}.chat-input{padding-left:10px;padding-right:10px}}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.theme-card{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:10px;cursor:pointer;transition:border-color .2s,transform .1s;text-align:left}.theme-card:hover{border-color:#3390ec66}.theme-card.active{border-color:var(--blue)}.theme-card:active{transform:scale(.98)}.theme-prev{height:60px;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;justify-content:center;margin-bottom:8px;overflow:hidden}.theme-bubble{height:9px;width:70%;border-radius:6px}.theme-bubble.own{align-self:flex-end;width:55%}.theme-card-name{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;justify-content:center}.theme-check{color:var(--blue)}.seg{display:flex;gap:2px;background:var(--bg3);border-radius:10px;padding:2px;flex-shrink:0}.seg-btn{padding:5px 10px;border:none;background:none;color:var(--muted);font-size:12.5px;font-weight:600;border-radius:8px;transition:all .15s}.seg-btn.active{background:var(--blue);color:#fff}.ms-switch{width:44px;height:26px;border-radius:13px;background:#ffffff2e;border:none;position:relative;flex-shrink:0;transition:background .2s;cursor:pointer}.ms-switch.on{background:var(--blue)}.ms-switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s var(--ease-smooth)}.ms-switch.on .ms-switch-knob{transform:translate(18px)}.prof-av-edit{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:50%;background:var(--blue);border:3px solid var(--bg);color:#fff;display:flex;align-items:center;justify-content:center}.prof-av-edit:hover{filter:brightness(1.1)}.help-ov{position:fixed;inset:0;z-index:5200;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s;backdrop-filter:blur(4px)}.help-modal{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 24px 80px #00000080;animation:jumpIn .3s var(--ease-bounce)}.help-title{font-size:18px;font-weight:700;margin-bottom:14px}.help-list{display:flex;flex-direction:column;gap:8px}.help-row{display:flex;align-items:center;gap:12px}.help-keys{display:flex;align-items:center;gap:4px;flex-shrink:0;min-width:130px}.help-keys kbd{background:var(--bg3);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px;font-family:inherit;font-weight:600}.help-plus{color:var(--muted);font-size:12px}.help-desc{font-size:14px;color:var(--muted)}.pp{display:flex;flex-direction:column}.pp-edit-head{display:flex;align-items:center;gap:10px;padding:12px 12px 14px}.pp-cover{position:relative;height:175px;flex-shrink:0;overflow:hidden;cursor:pointer;background:linear-gradient(160deg,#1a2a3a,#0e1621);background-size:cover;background-position:center}.pp-cgrad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 45%,transparent 70%)}.pp-cover-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:3}.pp-cb{width:32px;height:32px;border-radius:50%;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.pp-cb:hover{background:#0009}.pp-cinfo{position:absolute;left:0;right:0;bottom:0;padding:16px 20px 18px;display:flex;flex-direction:column;gap:4px;z-index:2}.pp-cav{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:8px;border:2.5px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0}.pp-cav img{width:100%;height:100%;object-fit:cover}.pp-cname{font-size:22px;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5);line-height:1.2;display:flex;align-items:center;gap:5px}.pp-cstatus{font-size:14px;color:#fffc}.pp-actions{display:flex;gap:10px;padding:0 14px 14px;margin-top:-40px;position:relative;z-index:4}.pp-act{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d;cursor:pointer;color:var(--blue);font-size:12px;font-weight:500;transition:background .13s,transform .1s}.pp-act:active{transform:scale(.95)}.pp-act:hover{background:#ffffff0f}.pp-act-ic{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.pp-info{margin:0 14px 12px;background:var(--bg2);border-radius:14px;overflow:hidden}.pp-irow{padding:12px 16px;transition:background .13s;cursor:pointer}.pp-irow:hover{background:var(--bg3)}.pp-ival{font-size:15px;color:var(--text);font-weight:500;word-break:break-word}.pp-ilbl{font-size:12px;color:var(--muted);margin-top:2px}.pp-isep{height:1px;background:var(--line);margin-left:16px}.pp-tabs{margin:4px 14px 8px;display:flex;gap:5px}.pp-tab{flex:1;text-align:center;padding:9px 0;font-size:12px;font-weight:600;color:#ffffff80;border-radius:11px;cursor:pointer;background:transparent;border:none;transition:color .22s,background .2s}.pp-tab.active{color:#fff;background:linear-gradient(135deg,#4a9eff38,#6bb8ff17);box-shadow:inset 0 1px #ffffff24}[data-theme=light] .pp-tab{color:#1a1a2e80}[data-theme=light] .pp-tab.active{color:var(--text)}.pp-empty{text-align:center;color:var(--muted);font-size:14px;padding:40px 20px}.pp-edit-hint{font-size:12px;color:var(--muted);margin:4px 2px 2px}.pp-edit-cnt{font-size:12px;color:var(--muted);text-align:right;margin:2px 2px 0}.sp-dim{position:fixed;inset:0;z-index:4400;background:#00000059;animation:fadeIn .2s}.sp-panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);z-index:4500;background:var(--bg);border-left:1px solid var(--line);box-shadow:-12px 0 48px #0006;overflow-y:auto;animation:spIn .25s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes spIn{0%{transform:translate(100%)}to{transform:none}}.sp-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#00000059;backdrop-filter:blur(6px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.sp-close:hover{background:#0000008c}.sp-cover{height:130px;background:linear-gradient(135deg,#1b3a63,#2a1b52);background-size:cover;background-position:center;position:relative;flex-shrink:0}.sp-cgrad{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.35))}.sp-head{display:flex;flex-direction:column;align-items:center;padding:0 20px 16px;margin-top:-44px}.sp-av{cursor:pointer;border-radius:50%;border:3px solid var(--bg);background:var(--bg)}.sp-name{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:700;margin-top:10px;text-align:center}.sp-uname{font-size:14px;color:var(--blue2);margin-top:2px}.sp-status{font-size:13px;color:var(--muted);margin-top:3px}.sp-status.online{color:var(--green)}.sp-actions{display:flex;gap:8px;padding:0 16px 16px;justify-content:center;flex-wrap:wrap}.sp-act{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 6px;color:var(--text);font-size:12px;cursor:pointer;transition:background .15s}.sp-act:hover{background:var(--bg3)}.sp-act-ic{color:var(--blue);display:flex}.sp-info{margin:0 16px;background:var(--bg2);border-radius:14px;overflow:hidden}.sp-irow{padding:12px 16px;cursor:default}.sp-ival{font-size:15px;color:var(--text);font-weight:500}.sp-ilbl{font-size:12px;color:var(--muted);margin-top:2px}.sp-isep{height:1px;background:var(--line);margin:0 16px}.sp-tabs{display:flex;gap:8px;padding:18px 16px 0}.sp-tab{background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;padding:6px 0;border-bottom:2px solid transparent;cursor:pointer}.sp-tab.active{color:var(--text);border-bottom-color:var(--blue)}.sp-empty{text-align:center;color:var(--muted);font-size:13px;padding:30px;flex:1}.sp-block{margin:0 16px 20px;padding:12px;border-radius:12px;background:#ff52521f;border:none;color:var(--red);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:background .15s}.sp-block:hover{background:#ff525233}@media(max-width:900px){.sp-panel{width:100vw;border-left:none}.sp-dim{display:none}}.is-tauri #app{height:100vh;display:flex;flex-direction:column}.is-tauri #app>*:not(.titlebar){flex:1;min-height:0}.titlebar{flex:0 0 32px;height:32px;display:flex;align-items:center;background:#0b1119;border-bottom:1px solid var(--line);user-select:none;-webkit-user-select:none;position:relative;z-index:6000}.tb-left{display:flex;align-items:center;gap:7px;padding:0 12px}.tb-app{font-size:12.5px;font-weight:700;color:var(--text);letter-spacing:.01em}.tb-center{flex:1;text-align:center;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}.tb-controls{display:flex;height:100%}.tb-btn{width:44px;height:100%;border:none;background:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.tb-btn:hover{background:#ffffff14;color:var(--text)}.tb-btn.tb-close:hover{background:#e04444;color:#fff}.chat-hdr{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.8) brightness(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.8) brightness(1.08);z-index:3;flex-shrink:0}.chat-hdr-info{flex:1;min-width:0;cursor:pointer}.chat-hdr-name{font-size:16px;font-weight:600;display:flex;align-items:center;gap:5px}.chat-hdr-status{font-size:12.5px;color:var(--muted);margin-top:1px}.chat-hdr-status.online{color:var(--green)}.chat-hdr-status.typing{color:var(--blue)}.chat-hdr-actions{display:flex;gap:4px}[data-theme=light] .chat-hdr{background:#ffffffb8;border-bottom-color:#00000014}[data-theme=light] .date-sep{color:#0000008c}.chat-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px clamp(14px,4vw,56px) 10px;display:flex;flex-direction:column;gap:2px}.date-sep{align-self:center;margin:12px 0 8px;padding:4px 12px;background:#00000047;border-radius:12px;font-size:12.5px;color:#ffffffbf;font-weight:500;backdrop-filter:blur(8px)}[data-theme=light] .date-sep{background:#00000014;color:#0009}.msg-row{display:flex;max-width:100%;align-items:flex-end;gap:7px}.msg-av-slot{width:30px;height:30px;flex-shrink:0;align-self:flex-end;margin-bottom:2px;cursor:pointer}.msg-col{display:flex;flex-direction:column;min-width:0;max-width:100%}.msg-row.out .msg-col{align-items:flex-end}.msg-row.in .msg-col{align-items:flex-start}.msg-ikb{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:100%;max-width:360px}.ikb-row{display:flex;gap:4px}.ikb-btn{flex:1 1 0;min-width:0;min-height:40px;padding:8px 12px;border:none;border-radius:10px;background:var(--bg3);color:var(--text);font-size:14px;font-weight:500;line-height:1.25;cursor:pointer;font-family:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;transition:background .15s,transform .1s}.ikb-btn:hover{background:#3390ec2e}.ikb-btn:active{transform:scale(.98)}.msg-cmd{color:var(--blue2);cursor:pointer}.msg-row.out .msg-cmd{color:#fff;text-decoration:underline;text-underline-offset:2px;opacity:.95}.msg-cmd:hover{opacity:.75}.chat-hdr-status.bot{color:var(--muted)}.msg-row.in{justify-content:flex-start;animation:msgInL .42s cubic-bezier(.22,.95,.32,1)}.msg-row.out{justify-content:flex-end;animation:msgInR .42s cubic-bezier(.22,.95,.32,1)}.msg-row.no-anim{animation:none}@keyframes msgInL{0%{transform:translate(-18px,8px) scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes msgInR{0%{transform:translate(18px,8px) scale(.94);opacity:0}to{transform:none;opacity:1}}.msg-row.just-sent{animation:msgPop .5s cubic-bezier(.34,1.56,.64,1)}.msg-row.just-sent .bubble{transform-origin:bottom right}@keyframes msgPop{0%{transform:translateY(6px) scale(.6);opacity:0}55%{transform:translateY(0) scale(1.04);opacity:1}to{transform:none}}.msg-row.removing{animation:msgRemove .32s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes msgRemove{to{transform:translate(40px) scale(.85);opacity:0;max-height:0;margin:0}}.bubble{max-width:78%;padding:8px 14px 7px;border-radius:var(--r-bubble);font-size:14.5px;line-height:1.4;position:relative;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}@media(min-width:700px){.bubble{max-width:65%}}@media(min-width:1100px){.bubble{max-width:60%}}.msg-row.in .bubble{background:var(--bg3);border-bottom-left-radius:6px}.msg-row.out .bubble{background:var(--out-bubble);border-bottom-right-radius:6px}[data-theme=light] .msg-row.out .bubble{color:#0b1f3a}.msg-row.same-prev .bubble{border-top-left-radius:6px;border-top-right-radius:6px}.msg-row{margin-top:12px}.msg-row.same-prev{margin-top:4px}.msg-skel-wrap{display:flex;flex-direction:column;gap:10px;padding:8px 0}.msg-skel{height:38px;border-radius:var(--r-bubble)}.msg-row.out .msg-skel{border-bottom-right-radius:6px}.msg-row.in .msg-skel{border-bottom-left-radius:6px}.bubble.bigemoji{background:none!important;font-size:46px;padding:2px 4px}.msg-reply{border-left:3px solid #5db1ff;padding:2px 8px;margin-bottom:4px;border-radius:4px;background:#ffffff14}.msg-reply-name{font-size:12.5px;font-weight:700;color:#5db1ff}.msg-reply-text{font-size:13px;color:#aeb9c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.msg-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:6px 0 -2px 8px;font-size:11px;color:#ffffff73;position:relative;top:4px}.msg-row.out .msg-meta{color:#ffffff8c}[data-theme=light] .msg-row.out .msg-meta{color:#0b1f3a80}.msg-meta .tick{color:#ffffff8c;display:flex}.msg-meta .tick.read{color:#5db1ff}.msg-img{max-width:300px;max-height:380px;border-radius:13px;display:block}.msg-file{display:flex;align-items:center;gap:11px;padding:4px 2px;cursor:pointer;min-width:190px}.msg-file-ic{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.msg-file-ic .ft-ext{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.msg-file-info{min-width:0;flex:1}.msg-file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.msg-file-size{font-size:12px;color:#ffffff8c;margin-top:1px}[data-theme=light] .msg-row.out .msg-file-size{color:#0b1f3a80}.msg-video{max-width:320px;max-height:380px;border-radius:13px;display:block;background:#000}.msg-audio{height:40px;max-width:280px}.voice-player{display:flex;align-items:center;gap:10px;min-width:210px;padding:2px 0}.voice-play{width:36px;height:36px;border-radius:50%;background:#ffffff2e;border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .1s,background .15s}.voice-play:hover{background:#ffffff42}.voice-play:active{transform:scale(.92)}.voice-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.voice-wave{display:flex;align-items:center;gap:2px;height:18px;cursor:pointer}.voice-bar{width:2.5px;flex-shrink:0;background:#fff6;border-radius:2px;transition:background .12s}.voice-bar.on{background:#fff}.msg-row.in .voice-bar{background:#ffffff57}.msg-row.in .voice-bar.on{background:var(--blue2)}.voice-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-time{font-size:11px;color:#ffffff8c;font-variant-numeric:tabular-nums;flex-shrink:0}.voice-speed{background:#ffffff1f;border:none;color:#ffffffbf;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:9px;cursor:pointer;line-height:1.5;transition:background .15s}.voice-speed:hover{background:#fff3;color:#fff}.media-loading{display:flex;align-items:center;gap:8px;padding:16px;color:var(--muted);font-size:13px;min-width:120px;justify-content:center}.media-fail{padding:12px;color:var(--muted);font-size:13px}.reply-bar{display:flex;align-items:center;gap:10px;margin:0 16px 6px;padding:8px 12px;border-radius:14px;background:var(--bg2);border-left:3px solid var(--blue);animation:fadeIn .2s}.reply-bar .rb-body{flex:1;min-width:0}.reply-bar .rb-name{font-size:12.5px;font-weight:700;color:#5db1ff}.reply-bar .rb-text{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar .rb-x{background:none;border:none;color:var(--muted);padding:6px;border-radius:50%;display:flex}.reply-bar .rb-x:hover{background:var(--bg3);color:var(--text)}.chat-input{--input-h: 48px;display:flex;align-items:flex-end;gap:8px;padding:10px clamp(12px,6vw,90px) 16px;flex-shrink:0}.input-pill{flex:1;display:flex;align-items:flex-end;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:5px 8px 5px 10px;min-height:var(--input-h)}.input-pill:focus-within{border-color:#3390ec26}.input-field{flex:1;max-height:160px;overflow-y:auto;outline:none;font-size:15px;line-height:20px;padding:7px 4px;color:var(--text);min-height:20px}.input-field:empty:before{content:attr(data-ph);color:var(--muted)}.input-iconbtn{background:none;border:none;color:var(--muted);padding:7px;border-radius:50%;display:flex;transition:color .15s,background .15s}.input-iconbtn:hover{color:var(--text);background:var(--bg3)}.send-btn{width:var(--input-h);height:var(--input-h);border-radius:50%;background:var(--blue);border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .12s,filter .15s}.send-btn:hover{filter:brightness(1.1)}.send-btn:active{transform:scale(.92)}.send-btn.mic{background:var(--bg3);color:var(--text)}.msg-reaction{display:inline-flex;align-items:center;margin-top:-6px;margin-bottom:2px;font-size:16px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:1px 7px;cursor:pointer;box-shadow:0 2px 6px #00000040;animation:msgPop .3s var(--ease-bounce);align-self:flex-end}.msg-row.in .msg-reaction{align-self:flex-start}.react-picker{position:absolute;z-index:55;display:flex;gap:2px;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:6px;box-shadow:0 12px 40px #00000080;animation:reactIn .22s var(--ease-bounce)}@keyframes reactIn{0%{transform:scale(.7) translateY(8px);opacity:0}to{transform:none;opacity:1}}.react-emoji{background:none;border:none;font-size:26px;padding:4px 6px;border-radius:12px;transition:transform .12s,background .12s}.react-emoji:hover{transform:scale(1.3);background:#ffffff14}.pin-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg2);border-bottom:1px solid var(--line);cursor:pointer;animation:fadeIn .2s}.pin-bar:hover{background:var(--bg3)}.pin-line{width:3px;align-self:stretch;background:var(--blue);border-radius:2px}.pin-body{flex:1;min-width:0}.pin-label{font-size:12px;font-weight:700;color:#5db1ff;display:flex;align-items:center;gap:6px}.pin-local{font-size:10px;font-weight:600;color:var(--muted);background:#ffffff12;padding:1px 6px;border-radius:8px}.pin-text{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-x{background:none;border:none;color:var(--muted);padding:6px;border-radius:50%;display:flex}.pin-x:hover{background:var(--bg3);color:var(--text)}.fwd-modal-ov{position:fixed;inset:0;z-index:5000;background:#00000080;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s;backdrop-filter:blur(4px)}.fwd-modal{width:100%;max-width:360px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 24px 80px #00000080;animation:reactIn .25s var(--ease-bounce)}.fwd-title{font-size:17px;font-weight:700;margin-bottom:12px}.fwd-list{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.fwd-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;cursor:pointer;font-size:15px;transition:background .12s}.fwd-row:hover{background:var(--bg3)}.attach-preview{display:flex;gap:8px;flex-wrap:wrap;padding:8px clamp(12px,6vw,90px) 0}.attach-chip{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 6px;max-width:240px;animation:msgPop .35s var(--ease-bounce)}.attach-chip img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0}.attach-chip-ic{width:38px;height:38px;border-radius:8px;background:#3390ec2e;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-chip-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-chip-x{background:#ffffff1a;border:none;color:var(--muted);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attach-chip-x:hover{background:var(--red);color:#fff}.rec-pill{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:0 8px 0 16px;min-height:var(--input-h)}.rec-dot{width:9px;height:9px;border-radius:50%;background:#ff5b5b;box-shadow:0 0 8px #ff5b5bcc;animation:recPulse 1.1s infinite ease-in-out;flex-shrink:0}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.rec-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;min-width:38px;flex-shrink:0}.rec-wave{flex:1;min-width:0;height:28px}.rec-cancel{background:#ffffff14;border:none;color:var(--muted);height:32px;padding:0 12px;border-radius:16px;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.rec-cancel:hover{background:#ff5b5b2e;color:#ff6b60}.drag-overlay{position:absolute;inset:0;z-index:20;background:#0e1621d1;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s;pointer-events:none}.drag-overlay-box{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--blue);font-size:17px;font-weight:600;padding:40px 60px;border:2px dashed var(--blue);border-radius:24px;background:#3390ec0f}.chat-area.drag-over{outline:none}.scroll-down{position:absolute;right:clamp(16px,6vw,90px);bottom:80px;width:46px;height:46px;border-radius:50%;background:var(--bg2);border:1px solid var(--line);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0006;transition:transform .15s,opacity .2s;z-index:4}.scroll-down:hover{transform:scale(1.06)}.scroll-down .sd-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);min-width:18px;height:18px;border-radius:9px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;animation:typingDot 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-search{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--bg2);color:var(--muted);animation:fadeIn .2s}.chat-search .cs-mag{display:flex;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .15s ease-out,width .2s ease,margin .2s ease;overflow:hidden}.chat-search.has-text .cs-mag{transform:translate(-12px);opacity:0;width:0;margin-left:-8px;pointer-events:none}.chat-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px}.chat-search .cs-count{font-size:13px;color:var(--muted);min-width:38px;text-align:right}.srch-hl{background:#3a8fff59;color:inherit;border-radius:3px;padding:0 1px}.msg-row.is-match .bubble{box-shadow:0 0 0 2px var(--blue)}@keyframes msgFlash{0%{box-shadow:0 0 #3390ec00}15%{box-shadow:0 0 0 3px #3390eca6}70%{box-shadow:0 0 0 3px #3390ec73}to{box-shadow:0 0 #3390ec00}}.msg-flash .bubble{animation:msgFlash 1.5s ease}.emoji-pop-wrap{padding:0 clamp(12px,6vw,90px)}.picker{background:var(--bg2);border:1px solid var(--line);border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -8px 32px #00000059;animation:pickerUp .22s cubic-bezier(.22,.7,.2,1);display:flex;flex-direction:column;max-height:320px}@keyframes pickerUp{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.picker-tabs{display:flex;gap:7px;padding:8px 10px 4px;flex-shrink:0}.picker-tab{height:28px;padding:0 14px;border-radius:14px;font-size:13px;font-weight:600;background:none;border:none;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.picker-tab.active{color:#fff;background:var(--blue)}.picker-search{margin:4px 10px;display:flex;align-items:center;gap:8px;background:var(--input-bg);border-radius:12px;padding:7px 11px;flex-shrink:0;color:var(--muted)}.picker-search input{flex:1;background:none;border:none;color:var(--text);font-size:13.5px;outline:none;min-width:0}.picker-search-x{background:none;border:none;color:var(--muted);display:flex;cursor:pointer;padding:0}.picker-cats{display:flex;gap:2px;overflow-x:auto;padding:6px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.picker-cat{background:none;border:none;font-size:20px;padding:4px 8px;border-radius:10px;opacity:.45;flex-shrink:0;cursor:pointer;transition:opacity .15s,background .15s}.picker-cat.active{opacity:1;background:var(--bg3)}.picker-grid{padding:8px;overflow-y:auto;flex:1;min-height:120px}.picker-grid.emoji{display:grid;grid-template-columns:repeat(8,1fr);gap:1px}.picker-emoji{background:none;border:none;font-size:24px;padding:4px;border-radius:8px;cursor:pointer;transition:background .12s,transform .1s}.picker-emoji:hover{background:var(--bg3);transform:scale(1.15)}.picker-grid.stickers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.picker-sticker{background:none;border:none;padding:4px;border-radius:12px;cursor:pointer;transition:background .12s}.picker-sticker:hover{background:var(--bg3)}.picker-sticker img{width:100%;aspect-ratio:1;object-fit:contain}.picker-grid.gifs{display:flex;gap:6px;align-items:flex-start}.gif-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.picker-gif{display:block;width:100%;border:none;background:var(--bg3);border-radius:10px;overflow:hidden;cursor:pointer;padding:0;transition:transform .1s}.picker-gif:active{transform:scale(.96)}.picker-gif img{width:100%;display:block}.picker-empty{grid-column:1 / -1;width:100%;text-align:center;color:var(--muted);padding:30px;font-size:14px;display:flex;align-items:center;justify-content:center}.msg-sticker{width:140px;height:140px;max-width:48vw;object-fit:contain}.modal-dim{position:fixed;inset:0;z-index:5000;background:#00000080;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s}.pin-modal{position:relative;width:min(360px,90vw);background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;box-shadow:0 24px 70px #00000080;animation:pinModalIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes pinModalIn{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.pin-modal-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:none;border:none;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.pin-modal-x:hover{background:var(--bg3);color:var(--text)}.pin-modal-title{font-size:18px;font-weight:700;padding-right:28px}.pin-modal-sub{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.45}.pin-modal-btns{display:flex;gap:8px;margin-top:18px}.pin-modal-btn{flex:1;padding:11px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:var(--bg3);color:var(--text);transition:filter .15s,background .15s}.pin-modal-btn:hover{background:#ffffff1a}.pin-modal-btn.primary{background:var(--blue);color:#fff}.pin-modal-btn.primary:hover{filter:brightness(1.1);background:var(--blue)}.popover{position:absolute;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.8) brightness(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 12px 40px #00000080;padding:6px;min-width:200px;z-index:50;transform-origin:top left;animation:popScale .15s ease-out}@keyframes popScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.popover-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;transition:background .12s}.popover-row:hover{background:#ffffff14}.popover-row.danger{color:var(--red)}.overlay-dim{position:fixed;inset:0;z-index:40}.call-ov{position:fixed;inset:0;z-index:5500;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(1000px 700px at 50% 20%,#1c2a3a,#0b1320 70%);padding:64px 24px 56px;animation:fadeIn .3s ease}.call-ov.ending{animation:fadeOut .5s ease forwards}@keyframes fadeOut{to{opacity:0}}.call-info{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8vh}.call-info .avatar{box-shadow:0 12px 50px #00000080}.call-name{font-size:28px;font-weight:700;color:#fff}.call-status{font-size:16px;color:#fff9;font-variant-numeric:tabular-nums}.call-remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.call-local-video{position:absolute;right:20px;top:20px;width:160px;height:220px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 30px #00000080;transform:scaleX(-1);z-index:2}.call-video-status{position:absolute;top:24px;left:24px;color:#fff;font-size:15px;font-weight:600;background:#0006;padding:6px 14px;border-radius:14px;backdrop-filter:blur(10px);z-index:2}.call-controls{display:flex;gap:22px;align-items:center;z-index:3}.call-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .12s,filter .15s}.call-btn:hover{filter:brightness(1.12)}.call-btn:active{transform:scale(.92)}.call-btn.accept{background:#34c759}.call-btn.decline{background:#ff3b30}.call-btn.decline svg{transform:rotate(135deg)}.call-btn.small{width:56px;height:56px;background:#ffffff26}.call-btn.small.on{background:#fff;color:#1c2a3a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}input,textarea,button,a,[contenteditable],[role=button]{-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px;transition:background .15s}*::-webkit-scrollbar-thumb:hover{background:#ffffff40}*::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}html,body,#app{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,SF Pro Display,Segoe UI,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";font-size:16px;overflow:hidden}input,textarea,[contenteditable]{font-family:inherit}button{font-family:inherit;cursor:pointer}a{color:var(--blue);text-decoration:none}:focus-visible{outline:1px solid var(--blue);outline-offset:2px;border-radius:6px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),a:focus:not(:focus-visible),[contenteditable]:focus:not(:focus-visible){outline:none;box-shadow:none}.viewer-ov{position:fixed;inset:0;z-index:6000;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s;backdrop-filter:blur(6px)}.viewer-img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 24px 80px #0009;animation:viewerZoom .25s var(--ease-bounce)}@keyframes viewerZoom{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.viewer-close{position:fixed;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;font-size:20px}.viewer-close:hover{background:#ffffff38}.btn{width:100%;padding:15px;border:none;border-radius:var(--r-btn);font-size:16px;font-weight:600;transition:opacity .15s,transform .1s,background .15s;color:#fff}.btn:hover{filter:brightness(1.06)}.btn:active{opacity:.85;transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;filter:none}.btn-primary{background:var(--blue)}.btn-secondary{background:var(--bg3);color:var(--text)}.btn-danger{background:var(--red)}.btn-link{background:none;border:none;color:var(--blue);font-weight:600;padding:10px;font-size:15px;border-radius:10px;transition:background .15s}.btn-link:hover{background:#3390ec14}.btn-link:hover{filter:none;text-decoration:underline}.inp{width:100%;padding:14px 16px;background:var(--input-bg);border:1px solid transparent;border-radius:var(--r-btn);color:var(--text);font-size:16px;outline:none;transition:background .18s,border-color .18s}.inp:focus{background:var(--bg3);border-color:#3390ec66}.inp::placeholder{color:var(--muted)}.inp.error{box-shadow:0 0 0 2px var(--red)}.err-text{color:var(--red);font-size:13px;margin-top:6px;min-height:18px}.glass{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.8) brightness(1.08);-webkit-backdrop-filter:blur(24px) saturate(1.8) brightness(1.08);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes jumpIn{0%{transform:translate3d(0,60px,0) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.toast-wrap{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:4000;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:#1c2028eb;backdrop-filter:blur(20px);color:#fff;padding:11px 18px;border-radius:14px;font-size:14px;font-weight:500;box-shadow:0 12px 40px #00000080;animation:fadeIn .25s var(--ease-snappy);border:1px solid rgba(255,255,255,.1)}
