:root{--sky:#0092cc;--storm:#087099;--tabbg:#f5f5f5;--tabicon:#8e8e8e;--tabrule:#d4d4d4;--divider:#ebebeb;--read:#9acc33;--unread:#edc01d;--sent:#b6b6b6;--text:#323232;--text2:#828282;--canvas:#f6f6f6;--toolbar:50px;--tabrow:53.5px;--row:64px;--avatar:56px;--fab:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--out:#5fa0d5;--in:#d6d6d6;--frame:#0e91c0;--red:#f33;--hint:#9e9e9e;--icon:#757575;--chip:#ebebeb;--feeds:#e9e9e9;--danger:#d32f2f;--badge:#e53935;--rowline:#d2d2d2}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overscroll-behavior:none;overflow:hidden}body{color:var(--text);overflow-wrap:anywhere;background:#fff;font:16px/1.4 Roboto,Helvetica Neue,Arial,sans-serif}[hidden]{display:none!important}h1,h3,h4{margin:12px 0 8px}p{margin:8px 0}img,video,canvas{max-width:100%}button{min-height:44px;font:inherit;cursor:pointer;border-radius:2px}button:disabled{opacity:.5;cursor:default}a{cursor:pointer;min-height:44px;color:var(--sky);align-items:center;padding:0 4px;display:inline-flex}input,textarea{font:inherit;color:var(--text);font-size:16px}:is(label:has(input[type=file]),label:has(input[type=checkbox]),label:has(input[type=radio])){min-height:44px}label:has(input[type=file]){cursor:pointer;justify-content:center;align-items:center;display:inline-flex}input[type=checkbox],input[type=radio]{vertical-align:middle;width:20px;height:20px}.btn{min-height:44px;color:var(--sky);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;gap:8px;margin:4px 4px 4px 0;padding:0 16px;font:500 14px/1 Roboto,Helvetica Neue,Arial,sans-serif;text-decoration:none;display:inline-flex}.btn:active{background:#0092cc1f}.btn.raised{background:var(--sky);color:#fff;box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f}.btn.raised:active{background:var(--storm)}.btn.danger{color:var(--danger)}.btn.block{width:100%;margin-left:0;margin-right:0;display:flex}.icon-btn{width:48px;height:48px;min-height:48px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.icon-btn.on{color:var(--sky)}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea{box-sizing:border-box;background:0 0;border:0;border-bottom:1px solid #bdbdbd;border-radius:0;outline:none;width:100%;min-height:48px;padding:8px 0;display:block}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus{border-bottom-color:var(--sky);box-shadow:0 1px 0 0 var(--sky)}.subheader{min-height:48px;color:var(--sky);align-items:center;margin:0;padding:0 16px;font-size:14px;font-weight:500;display:flex}.card{background:#fff;border-radius:2px;margin:8px;overflow:hidden;box-shadow:0 1px 2px #0003}.pad{padding:0 16px}.msgline{color:var(--text2);margin:8px 16px;font-size:14px}.err{color:var(--danger);margin:8px 16px;font-size:14px}.switch{appearance:none;vertical-align:middle;background:#bdbdbd;border:0;border-radius:10px;flex-shrink:0;width:36px;height:20px;min-height:0;margin:0 8px 0 0;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0006}.switch:checked{background:var(--sky)}.switch:checked:after{transform:translate(16px)}input[type=radio],input[type=checkbox]:not(.switch){accent-color:var(--sky)}.dlgscrim{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dlg{box-sizing:border-box;background:#fff;border-radius:2px;width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px 24px 8px;overflow-y:auto;box-shadow:0 8px 24px #0006}.dlg h2{color:var(--text);margin:0 0 16px;font-size:20px;font-weight:500}.dlg p{color:var(--text2);margin:0 0 16px;font-size:16px}.dlg input{margin:0 0 16px}.dlgbtns{justify-content:flex-end;gap:4px;margin:0 -16px;padding:8px 0;display:flex}.shell{flex-direction:column;height:100dvh;display:flex;position:relative}.toolbar{height:var(--toolbar);background:var(--sky);color:#fff;flex-shrink:0;align-items:center;padding-top:0;display:flex}.toolbar h1{white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0 14.5px;font-size:20px;font-weight:500;line-height:1;overflow:hidden}.toolbar button,.chathead button.back{color:#fff;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-height:48px;margin:0;padding:0;display:inline-flex}.tabs{height:var(--tabrow);background:var(--tabbg);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.tabs:after{content:"";background:var(--tabrule);height:1.4px;position:absolute;top:52px;left:0;right:0}.tabs button{height:calc(100% - 1.5px);min-height:0;color:var(--tabicon);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:7.4px 0 0;display:flex;position:relative}.tabs button[aria-current]{color:var(--sky)}.tabs button[aria-current]:after{content:"";background:var(--sky);height:2px;position:absolute;bottom:0;left:0;right:0}.tabs .ico{display:inline-flex;position:relative}.tabs .ico svg{width:26px;height:26px}.tabs button:nth-child(2) .ico svg{width:30.9px;height:30.9px}.tabs button:nth-child(3) .ico svg{width:33.5px;height:33.5px}.tabs button:nth-child(4) .ico svg{width:37.3px;height:37.3px}.tabs .pill{background:var(--sky);color:#fff;text-align:center;border:1.5px solid var(--tabbg);box-sizing:content-box;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;left:18px}.tabs .newdot{background:var(--sky);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.content{background:#fff;flex:1;min-height:0;padding:0;overflow-y:auto}.content:has(.feeds){background:var(--feeds)}.content.list{padding:3px 0 calc(var(--fab) + 32px)}.scrim{z-index:30;background:#0006;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:min(304px,100vw - 56px);display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.drawerhead{background:var(--storm);color:#fff;flex-direction:column;flex-shrink:0;gap:6px;padding:24px 16px 16px;display:flex}.drawerhead b{font-size:16px;font-weight:500}.drawerhead span{opacity:.85;font-size:14px}.drawer .item{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:32px;margin:0;padding:0 16px;font-size:14px;font-weight:500;display:flex}.drawer .item svg{color:var(--text2)}.fab svg{transform:translate(2px,2px)}.fab{z-index:10;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:var(--fab);height:var(--fab);min-height:var(--fab);background:var(--sky);color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;box-shadow:0 6px 10px #0000004d,0 1px 18px #0000001f}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chathead{height:var(--toolbar);background:var(--sky);color:#fff;flex-shrink:0;align-items:center;gap:8px;padding:0 4px 0 0;display:flex}.chathead .who{flex:1;min-width:0;line-height:1.2}.chathead .ttl{white-space:nowrap;font-size:18px;font-weight:500;display:flex}.chathead .tn{text-overflow:ellipsis;min-width:0;overflow:hidden}.chathead .tc{white-space:pre;flex-shrink:0}.chathead small{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.chathead .av{margin-right:0}.chathead button{color:#fff;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;margin:0;padding:0;display:inline-flex}.msgs{background:var(--canvas);flex:1;min-height:0;padding:0 0 8px;overflow:hidden auto}.msgs,.sheet{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mw{position:relative}.runhead{height:20px;color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;padding:0 0 0 54px;font-size:12px;line-height:20px;overflow:hidden}.runhead.out{text-align:right;padding:0 14px 0 54px}.rav{position:absolute;left:8px}.rav .av{margin:0}.bubble{overflow-wrap:anywhere;word-break:break-word;width:fit-content;max-width:min(80%,100% - 90px);color:var(--text);border-radius:4px;align-items:flex-start;gap:6px;margin:2px 0;padding:8px 12px;font-size:16px;line-height:1.35;display:flex;position:relative}.bubble.out{background:var(--out);color:#fff;margin-left:auto;margin-right:14px}.bubble.in{background:var(--bg,var(--in));margin-left:54px}.bubble .body{flex:1;min-width:0}.bubble .gone{opacity:.75}.bubble .edited{opacity:.7;font-size:12px;font-style:italic}.bubble .note{opacity:.85;font-size:12px}.bubble .note:empty{display:none}.bubble .note a{color:inherit;min-height:0;padding:0;text-decoration:underline;display:inline}.receipt{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;font-size:11px;font-style:italic;font-weight:700;line-height:1;display:inline-flex;position:relative}.receipt[data-receipt=R]{background:var(--read);color:#fff}.receipt[data-receipt=D]{color:var(--sky);background:#fff}.receipt[data-receipt=sent]:before{content:"";background:var(--sent);border-radius:50%;width:8px;height:8px}.receipt[data-receipt=pending]{color:#fffc}.receipt[data-receipt=failed]{background:var(--red);color:#fff}.bubble.ping .body{align-items:center;gap:6px;display:flex}.bubble.ping{padding-left:28px;overflow:hidden}.pingbang{background:var(--red);color:#fff;justify-content:center;align-items:center;width:16px;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0}.bubble.ping svg{color:var(--red);flex-shrink:0}.bubble.pic{background:0 0;padding:0}.bubble.pic .receipt{z-index:1;position:absolute;top:8px;bottom:auto;left:8px}.mimg{border:3px solid var(--frame);border-radius:2px;max-width:100%;display:block}.bubble.in .mimg{border-color:var(--in)}.bubble.pic .cap{background:var(--frame);color:#fff;border-radius:0 0 2px 2px;padding:4px 8px}.bubble.in.pic .cap{background:var(--in);color:var(--text)}.unreadrule{justify-content:center;align-items:center;height:24px;margin-top:8px;display:flex;position:relative}.unreadrule:before{content:"";background:var(--sky);height:1px;position:absolute;top:50%;left:0;right:0}.unreadrule span{background:var(--canvas);color:var(--sky);padding:0 10px;font-size:12px;position:relative}.sysline{text-align:center;margin:8px 12px}.sysline span{background:var(--chip);color:var(--text2);border-radius:10px;padding:2px 10px;font-size:12px;display:inline-block}.attach{border-top:1px solid var(--divider);background:#fff;flex-shrink:0;max-height:45vh;padding:8px;overflow-y:auto}.notice{text-align:center;color:var(--text2);border-top:1px solid var(--divider);background:#fff;margin:0;padding:14px 16px;font-size:14px}.composer{border-top:1px solid var(--divider);background:#fff;flex-shrink:0;align-items:flex-end;gap:0;min-height:52px;padding:4px 4px 4px 12px;display:flex;position:relative}.composer input{background:0 0;border-radius:0;outline:none;flex:1;min-width:0;min-height:44px;margin:0;padding:0 8px 0 0;border:0!important}.composer input::placeholder{color:var(--hint);opacity:1;font-style:italic}.ibtn{width:44px;color:var(--hint);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;margin:0!important;padding:0!important}.ibtn.sendbtn{color:var(--sky)}.ibtn.mic{color:var(--icon)}.strip{border-top:1px solid var(--divider);height:48px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;background:#fff;flex-shrink:0;align-items:stretch;display:flex}.strip .sb{min-width:44px;min-height:48px;color:var(--icon);cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;display:flex;position:relative}.strip .sb.on{color:var(--sky)}.strip .sb small{font-size:11px;font-weight:500}.strip .pingb{color:var(--red)}.strip .vrule{background:var(--tabrule);flex-shrink:0;align-self:center;width:1px;height:24px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row{border-bottom:1px solid var(--divider);align-items:center;gap:12px;min-height:56px;margin:0;padding:8px 16px;display:flex}.row>img,.row>span:first-child{margin-right:0!important}.row .main{flex:1;min-width:0}.row .title,.row .sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row .sub{color:var(--text2);font-size:14px}.row .aside{color:var(--text2);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;font-size:12px;display:flex}.badge{background:var(--sky);color:#fff;text-align:center;border-radius:11px;min-width:22px;padding:1px 6px;font-size:12px;font-weight:700}.av{width:var(--s,32px);height:var(--s,32px);vertical-align:middle;object-fit:cover;color:#fff;font-weight:500;font-size:calc(var(--s,32px) * .4);background:var(--sky);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.av.c0{background:#5c6bc0}.av.c1{background:#26a69a}.av.c2{background:#8d6e63}.av.c3{background:#ab47bc}.av.c4{background:#ef6c00}.av.c5{background:#546e7a}.row.chatrow{height:calc(var(--row) + 1px);min-height:calc(var(--row) + 1px);border:0;border-bottom:1px solid var(--rowline);cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border-radius:0;align-items:center;gap:0;width:100%;padding:0 12px 0 5px;display:flex;position:relative}.row.chatrow>.av{margin-right:0!important}.chatrow .col{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-left:28px;display:flex}.chatrow .l1,.chatrow .l2{align-items:center;min-width:0;display:flex}.chatrow .name{white-space:nowrap;text-overflow:ellipsis;color:#212121;flex:1;min-width:0;font-size:18px;font-weight:400;line-height:23px;overflow:hidden}.chatrow[data-state=unread] .name{font-weight:700}.chatrow .time{color:#909090;flex-shrink:0;align-self:flex-start;margin:3.3px 0 0 8px;font-size:12px;line-height:16px}.chatrow .slot{flex-shrink:0;justify-content:center;align-items:center;width:20px;margin-left:-18px;margin-right:8px;display:inline-flex}.chatrow .dot{background:var(--sent);border-radius:50%;width:8px;height:8px}.chatrow[data-state=unread] .dot{background:var(--unread)}.chatrow .rcpt{background:var(--read);color:#fff;text-align:center;border-radius:50%;width:16px;height:16px;font-size:11px;font-style:italic;font-weight:700;line-height:16px}.chatrow .prev{color:#757575;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;line-height:21px;overflow:hidden}.chatrow.ngrow{font:inherit}.av.gicon{background:var(--sky)}.newchat .chatrow .col{padding-left:16px}.error{color:#b00020}.quote{border-left:3px solid var(--nm,var(--sky));cursor:pointer;background:#0000000f;border-radius:2px;max-width:100%;margin:0 0 4px;padding:2px 8px;font-size:13px;display:block}.quote b,.quote span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.quote b{color:var(--nm,var(--sky));font-size:12px}.bubble.out .quote{color:#ffffffd9;background:#ffffff2e;border-left-color:#fff}.bubble.out .quote b{color:#fff}.quotebar{border-top:1px solid var(--divider);border-left:3px solid var(--sky);color:var(--text);background:#fff;flex-shrink:0;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.quotebar .quote{background:0 0;border-left:0;margin:0;padding:0}.sheet{z-index:20;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.sheetbox{background:#fff;border-radius:0;flex-direction:column;width:100%;padding:8px 0;display:flex}.sheetbox button{width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:0;margin:0;padding:0 16px;font-size:16px}.timed,.timedrow{align-items:center;gap:10px;min-height:24px;display:flex}.timedrow svg,.timed>svg{flex-shrink:0}.tcol{min-width:0}.tstr{font-weight:500}.tcol small{opacity:.85;font-size:14px;display:block}.composer.recording>:not(.mic):not(.recbar){opacity:0;pointer-events:none}.composer.recording:not(.locked)>.recbar{background:#fff;order:0;position:absolute;inset:0 48px 0 12px}.composer.recording.locked>:not(.mic):not(.recbar){display:none!important}.strip.rec{visibility:hidden}.picker-spacer{background:var(--tabbg);border-top:1px solid var(--divider);height:min(280px,42dvh);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}.composer.recording>.mic{background:var(--sky);color:#fff}.recbar{min-width:0;color:var(--text);flex:1;order:-1;align-items:center;gap:8px;display:flex}.recdot{color:#c00;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.levels{flex:1;align-items:center;gap:2px;height:30px;display:flex;overflow:hidden}.levels i,.wave i{background:var(--sky);border-radius:2px;flex-shrink:0;width:3px;display:block}.slide{color:var(--text2);white-space:nowrap;font-size:13px}.voice{flex-wrap:wrap;align-items:center;gap:6px;min-width:220px;display:flex}.voice audio{display:none}.vplay{background:var(--sky);color:#fff;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:inline-flex}.bubble.out .vplay{color:var(--sky);background:#fff}.wave{touch-action:none;cursor:pointer;flex:1;align-items:center;gap:2px;min-width:80px;height:44px;display:flex;overflow:hidden}.wave i{background:var(--hint)}.wave i.done{background:var(--sky)}.bubble.out .wave i{background:#ffffff73}.bubble.out .wave i.done{background:#fff}.vtime{opacity:.8;white-space:nowrap;flex-shrink:0;font-size:12px}.draft{gap:8px;margin-top:4px;display:flex}.draft button{margin:0}.obtn{color:inherit;background:0 0;border:1px solid;border-radius:4px;padding:0 14px}.composer.locked>.mic{display:none!important}.recbar.lockedbar{flex-direction:column;flex-basis:100%;align-items:stretch;gap:4px}.lockrow{align-items:center;gap:8px;min-width:0;display:flex}.lockrow .levels{flex:1}.rb{width:44px;color:var(--text);background:#fff;border:1px solid #bdbdbd;border-radius:50%;flex-shrink:0;font-size:18px;margin:0!important;padding:0!important}.rb.go{background:var(--sky);border-color:var(--sky);color:#fff}.lockprev{display:flex}.vp{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.vp audio{display:none}.composer.recording.locked{flex-wrap:wrap}.vmic{color:#8a8a8a;flex-shrink:0}.vmic.played{color:var(--read)}.udot{background:var(--sky);border-radius:50%;flex-shrink:0;width:9px;height:9px}.mini{background:#e8f3fb;border-bottom:1px solid #c5dcec;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px 6px;display:flex;position:relative}.minimain{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;background:0 0!important;margin:0!important;padding:0 4px!important;display:flex!important}.minimain b,.minimain span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.2;overflow:hidden}.minimain span{color:var(--text2);font-size:12px}.minibar{background:#c5dcec;height:3px;position:absolute;bottom:0;left:0;right:0}.minibar i{background:var(--sky);height:100%;display:block}.vspeed{min-width:44px;min-height:44px;color:inherit;background:0 0;border:1px solid;border-radius:22px;flex-shrink:0;margin:0;padding:0 8px;font-size:14px}.emo{vertical-align:-.3em;width:1.3em;height:1.3em;margin:0 1px}.chatrow .prev .emo{vertical-align:-.25em;width:1.2em;height:1.2em}.bubble.emo-only .emo{vertical-align:middle;width:40px;height:40px}.picker{background:var(--tabbg);border-top:1px solid var(--divider);height:min(280px,42dvh);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;display:grid;overflow-y:auto}.emopick{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;height:44px;min-height:44px;margin:0;padding:0;display:flex}.emopick img{width:32px;height:32px}.auth{box-sizing:border-box;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 32px calc(24px + env(safe-area-inset-bottom));background:var(--sky);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;overflow-y:auto}.band{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.mark{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.wordmark{letter-spacing:1px;font-size:34px;font-weight:500}.authform{width:100%;max-width:360px}.authform p{color:#fff;text-align:center;margin:0 0 8px}.auth input:not([type=checkbox]){color:#fff;border-bottom:1px solid #fff9}.auth input::placeholder{color:#ffffffb3}.auth input:not([type=checkbox]):focus{border-bottom-color:#fff;box-shadow:0 1px #fff}.auth .btn{color:#fff}.auth .btn.raised{color:var(--sky);background:#fff}.auth .btn:active{background:#fff3}.auth .err{color:#fff;background:#0003;border-radius:2px;margin:8px 0 0;padding:4px 8px}.loadbar{background:#ffffff59;width:160px;height:2px;position:relative;overflow:hidden}.loadbar:after{content:"";background:#fff;width:40%;animation:1.2s ease-in-out infinite slide;position:absolute;top:0;bottom:0}@keyframes slide{0%{left:-40%}to{left:100%}}.loadtxt{text-align:center;color:#ffffffb3;margin:0}.vbox{border:3px solid var(--frame);background:#212121;border-radius:2px;min-width:160px;max-width:100%;min-height:90px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.bubble.in .vbox{border-color:var(--in)}.vbox img{width:100%;display:block}.vcircle{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;font-size:24px;display:flex;position:absolute;top:50%;left:50%}.mvid{border:3px solid var(--frame);border-radius:2px;max-width:100%;display:block}.bubble.in .mvid{border-color:var(--in)}.mgone{width:160px;height:100px;color:var(--text2);background:#eee;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:14px;display:flex}.upl{max-width:100%;display:inline-block;position:relative}.upl img{opacity:.6}.pbar{background:var(--sky);height:3px;position:absolute;bottom:0;left:0}.note.large{color:#ffffffd9;align-items:center;gap:4px;display:flex}.bubble.in .note.large{color:#a65e00}.attach{border-radius:0;flex-direction:column;gap:8px;padding:12px 16px;display:flex;box-shadow:0 -4px 12px #00000040}.apreview{object-fit:contain;align-self:center;max-width:100%;max-height:40dvh}.achip{padding:12px 0}.hdrow{align-items:flex-start;gap:8px;min-height:44px;padding:8px 0;font-size:16px;display:flex}.hdrow small{color:var(--text2);font-size:12px;display:block}.attachbtns{justify-content:flex-end;display:flex}.toolbar h1{flex:1}.toolbar .tbtn{margin:0 4px 0 0}.screen{padding-bottom:24px}.screen>.btn:first-child{margin-left:8px}.center{text-align:center}.empty{color:var(--text2);padding:16px}.empty.center{margin:24px 0}.empty .btn{margin:0}.phead{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.phead .av{margin:0}.phead h2{margin:8px 0 0;font-size:20px;font-weight:500}.row .btn{margin:0}.row .main .title{color:var(--text);font-size:16px;font-weight:400}.irow{align-items:flex-start;min-height:72px;padding-top:8px}.irow .av{margin:0}.irow .btns{gap:0;margin-left:-8px;display:flex}.irow .btns .btn{min-width:0;margin:0;padding:0 12px}.crow{cursor:pointer;min-height:64px;padding-top:4px;padding-bottom:4px}.crow .av{margin:0}.addrow{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:0;font-size:16px}.addrow svg{color:var(--sky);flex-shrink:0}.addrow .av,.row .av{margin:0}.pickrow{border-bottom:1px solid var(--divider);cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:0 16px;display:flex}.pickrow .av{margin:0}.pickrow .main{flex:1;min-width:0;font-size:16px}.actionbar{justify-content:flex-end;gap:8px;padding:16px 8px;display:flex}.radiorow{border-bottom:1px solid var(--divider);align-items:flex-start;gap:16px;min-height:72px;padding:12px 16px;display:flex}.radiorow small{color:var(--text2);margin-top:2px;font-size:14px;display:block}.radiorow b{font-size:16px;font-weight:500}.tiles{border-bottom:1px solid #dadada;margin-bottom:8px;display:flex}.tile{height:96px;min-height:96px;color:var(--text);background:#f0f0f0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.tile+.tile{border-left:1px solid #dadada}.tile svg{color:var(--sky)}.scanbox{aspect-ratio:4/3;background:#000;margin:0 16px;position:relative;overflow:hidden}.scanbox video{object-fit:cover;width:100%;height:100%;display:block}.finder{aspect-ratio:1;border:2px solid var(--sky);pointer-events:none;width:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.barcard{flex-direction:column;align-items:center;gap:8px;margin:8px 16px;padding:16px;display:flex}.qr{width:200px;height:200px;image-rendering:pixelated}.pinline{gap:8px;font-size:16px;display:flex}.pinline span{color:var(--text2)}.pinline b{letter-spacing:1px;font-weight:700}.drow{border-bottom:1px solid var(--divider);align-items:center;gap:16px;min-height:72px;margin:0;padding:8px 16px;display:flex}.drow .main{flex:1;min-width:0}.drow .title,.drow .sub{display:block}.drow .sub{color:var(--text2);font-size:14px}.drow svg{color:var(--text2);flex-shrink:0}.chip2{background:var(--sky);color:#fff;vertical-align:middle;border-radius:10px;margin-left:6px;padding:0 8px;font-size:12px;font-weight:500;line-height:20px;display:inline-block}.feeds{padding-bottom:24px}.feedtop{z-index:3;background:#f6f6f6;border-bottom:1px solid #dadada;position:sticky;top:0}.feedrow{align-items:center;min-height:56px;padding:0 4px 0 16px;display:flex}.feedrow textarea{resize:none;field-sizing:content;flex:1;min-width:0;min-height:48px;max-height:6.5em;padding:12px 0;line-height:1.3}.chip{align-items:center;gap:8px;padding:4px 16px;display:flex}.chip img{object-fit:cover;border-radius:2px}.feedtop .msgline,.feedtop .err{margin:4px 16px}.feedtop .picker{margin-top:0}.scard{margin:8px}.shead{border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:12px 12px 8px;display:flex}.shead .av{margin:0}.swho{flex-direction:column;flex:1;min-width:0;display:flex}.sname{min-height:44px;color:var(--text);padding:0;font-size:16px;font-weight:700}.stype,.stime{color:var(--text2);font-size:14px}.stype{margin-top:-10px}.stime{white-space:nowrap;align-self:flex-start}.stext{white-space:pre-wrap;margin:0;padding:12px 16px;font-size:16px}.stext:before{content:"“"}.stext:after{content:"”"}.sphoto{object-fit:cover;width:100%;max-width:none;max-height:70vh;display:block}.sphoto.wide{aspect-ratio:2.7;max-height:none}.sfoot{border-top:1px solid #e0e0e0;align-items:center;padding:0 4px;display:flex}.sfoot .icon-btn{color:var(--hint)}.sfoot .icon-btn.on{color:var(--sky)}.sfoot .btn{margin:0}.sfoot .sdel{margin-left:auto}.likers{border-top:1px solid #e0e0e0}.btn.plain{text-transform:none;letter-spacing:0}.btn.plain .up{text-transform:uppercase;letter-spacing:.3px}.sfoot .likes{color:var(--text2);font-size:14px;font-weight:400}.idot{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:inline-flex}.idot:before{content:"";background:var(--hint);border-radius:50%;width:8px;height:8px}.vchip,.achip{align-items:center;gap:6px;font-style:normal;display:inline-flex}.chatrow .prev svg{vertical-align:-3px;color:var(--text2)}.timed small svg,.timed small{vertical-align:middle}.chathead .tn,.chathead .tc{font-weight:500}.tabs .pill{box-sizing:border-box;background:var(--badge);border:0;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;top:-6px;left:16px}.tabs .newdot{background:var(--badge);color:#fff;text-align:center;width:16px;height:16px;font-size:10px;line-height:16px;top:-6px;right:-6px}.tabs .newdot:before{content:"★"}.bubble.pic .note.large{color:#a65e00;padding:2px 8px}.toolbar button[aria-label=Menu] svg{width:26px;height:26px}.rbox{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;min-width:0;min-height:44px;max-height:132px;caret-color:var(--sky);color:var(--text);border:0;outline:none;flex:1;margin:0;padding:11px 8px 11px 0;font-size:16px;line-height:22px;overflow-y:auto}.rbox.isempty:before{content:attr(placeholder);color:var(--hint);pointer-events:none;font-style:italic}.rbox .emo{vertical-align:-.3em;width:1.3em;height:1.3em;margin:0 1px}.toolong{border-top:1px solid var(--divider);color:var(--danger);background:#fff;padding:4px 12px;font-size:13px}.finishnote{border-top:1px solid var(--divider);color:var(--text2);background:#fff;padding:4px 12px;font-size:13px}.bubble .txt{white-space:pre-wrap}.bubble{touch-action:pan-y}.swhint{width:24px;height:24px;color:var(--sky);opacity:0;pointer-events:none;margin-top:-12px;position:absolute;top:50%;left:14px}.invitebanner{color:#fff;text-align:center;background:#0003;border-radius:2px;margin:0 0 12px;padding:8px 10px;font-size:14px}.postsec{padding-bottom:8px}.ptabs{border-bottom:1px solid var(--divider);background:#fff;display:flex}.ptabs button{min-height:48px;color:var(--text2);text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;font-size:14px;font-weight:500}.ptabs button.on{color:var(--sky);border-bottom-color:var(--sky)}.grid3{background:#fff;grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.tile3{aspect-ratio:1;background:var(--feeds);border:0;border-radius:0;min-height:44px;margin:0;padding:0;overflow:hidden}.tile3 img{object-fit:cover;width:100%;height:100%;display:block}.postbar{background:#fff;align-items:center;gap:8px;min-height:48px;padding:0 4px;font-size:18px;display:flex}.msgpreview{border-bottom:1px solid var(--line,#ddd);overflow-wrap:anywhere;margin:0;padding:12px 16px}.msgpreview .sub{opacity:.7;font-size:12px;display:block}.infost{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.phead h2 .namebtn{all:unset;box-sizing:border-box;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:44px;line-height:44px;font:inherit;color:inherit;display:inline-block;overflow:hidden}.busy{color:var(--danger,#c62828);font-weight:700}.linesub,.chathead .who small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.statusrow input{flex:1;min-width:0}.presencerow{gap:8px;display:flex}.presencerow .btn{flex:1}.ccard{flex-direction:column;gap:6px;min-width:190px;display:flex}.ccard .cclabel{opacity:.7;font-size:12px}.ccard .ccrow{align-items:flex-start;gap:10px;display:flex}.ccard .cctile{color:#fff;border-radius:2px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:500;display:inline-flex;position:relative}.ccard .cctile:after{content:attr(data-ini)}.ccard .cctile.c0{background:#5c6bc0}.ccard .cctile.c1{background:#26a69a}.ccard .cctile.c2{background:#8d6e63}.ccard .cctile.c3{background:#ab47bc}.ccard .cctile.c4{background:#ef6c00}.ccard .cctile.c5{background:#546e7a}.ccard .cctext{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ccard .ccq{font-size:16px}.ccard .ccname{overflow-wrap:anywhere;font-size:16px}.ccard .ccadd{background:var(--sky,#0092cc);color:#fff;letter-spacing:.04em;border:0;border-radius:2px;align-self:center;min-height:44px;margin-top:6px;padding:0 16px;font-weight:500}.bubble:has(.ccard){max-width:min(80%,320px,100% - 90px)}.sheetbox.cpick{max-height:70vh;padding-bottom:0}.cpick .cplist{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.cpick .pickc{align-items:center;gap:16px;width:100%;min-height:56px;padding:0 16px;display:flex}.cpick .pcname{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.cpick .empty{margin:0;padding:12px 16px;font-size:16px}.cpick>button:last-child{border-top:1px solid var(--divider);flex:none}.authtitle{margin:0 0 12px;font-size:18px}.authnote{opacity:.75;margin:8px 0 0;font-size:12px}.okmsg{color:var(--text);margin:8px 0 0}.linkmsg{pointer-events:none;z-index:50;border-bottom:1px solid var(--rowline,#ddd);background:#fff;margin:0;padding:12px 16px;position:fixed;top:0;left:0;right:0}.accountrow{flex-direction:column;gap:8px;display:flex}.accountverify .btn{min-height:44px}.phead .picbtn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:50%;width:96px;height:96px;display:inline-block;position:relative}.phead .picbtn .av{display:block}.phead h2{max-width:100%}.phead .camb{background:var(--sky);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.phead .lineline{all:unset;box-sizing:border-box;cursor:pointer;max-width:100%;min-height:44px;color:var(--text2);justify-content:center;align-items:center;gap:4px;font-size:16px;display:flex}.phead .lineline .lt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phead .pinbtn{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--text2);letter-spacing:.5px;align-items:center;font-size:14px;display:inline-flex}.merow{all:unset;box-sizing:border-box;border-bottom:1px solid var(--divider);cursor:pointer;background:#fff;align-items:center;gap:16px;width:100%;min-height:72px;padding:8px 16px;display:flex}.merow>svg{color:var(--text2);flex-shrink:0}.merow .main{flex-direction:column;flex:1;min-width:0;display:flex}.merow .title{color:var(--text);font-size:16px}.merow .sub{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.chev{color:var(--text2);flex-shrink:0;font-size:22px;line-height:1}.presrows{flex-direction:column;display:flex}.presopt{all:unset;box-sizing:border-box;border-bottom:1px solid var(--divider);cursor:pointer;min-height:56px;color:var(--text);background:#fff;align-items:center;gap:16px;padding:0 16px;font-size:16px;display:flex}.presopt[aria-checked=true]:after{content:"✓";color:var(--sky);margin-left:auto;font-weight:700}.pdot{background:#2e7d32;border-radius:50%;width:12px;height:12px;display:inline-block}.pdot.busy{background:#d32f2f}.linepreview{color:var(--text2);margin:0;padding:4px 16px 8px;font-size:16px}.bcwho{align-self:flex-start;align-items:center;gap:12px;display:flex}.bcbtns{gap:8px;width:100%;margin-top:8px;display:flex}.bcbtns .btn{flex:1;margin:0}.drawerhead .dline{opacity:.9;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;display:block;overflow:hidden}.drawerhead .dline .busy{color:#ff8a80}