:root{--brand-900:#054c44;--brand-800:#075e54;--brand-700:#128c7e;--brand-500:#21a179;--brand-400:#25d366;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Helvetica Neue", sans-serif;--text-xs:11.5px;--text-sm:13px;--text-base:14.5px;--text-md:15px;--text-lg:17px;--text-xl:21px;--dur-fast:.12s;--dur:.18s;--dur-slow:.26s;--ease-out:cubic-bezier(.2, .8, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--z-sticky:10;--z-rail:20;--z-dropdown:40;--z-overlay:100;--z-toast:1000;--bg-app:#eef1f4;--surface:#fff;--surface-2:#f3f5f7;--surface-3:#e7ebee;--surface-press:#dfe5e9;--chat-bg:#efeae2;--chat-bg-pattern:#093c3609;--text-1:#101c22;--text-2:#52646e;--text-3:#5e6f79;--text-on-brand:#fff;--border:#e2e7ea;--border-strong:#cdd6da;--topbar:var(--brand-800);--topbar-2:var(--brand-900);--topbar-text:#ffffffb8;--topbar-text-active:#fff;--topbar-hover:#ffffff1a;--bubble-me:#d8fdd2;--bubble-them:#fff;--bubble-tail-me:var(--bubble-me);--bubble-tail-them:var(--bubble-them);--accent:#0b7268;--accent-hover:var(--brand-800);--accent-soft:#0b72681a;--accent-fg:#fff;--tick-read:#0b7fa8;--focus-ring:#1a9d8f;--danger:#c62828;--danger-soft:#fdecec;--warning:#e6a100;--online:#1fb457;--e1:0 1px 2px #0b141a14;--e2:0 2px 8px #0b141a1a;--e3:0 12px 32px #0b141a2e;--scrim:#0b141a80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-app:#070f14;--surface:#111b21;--surface-2:#1c272e;--surface-3:#26343c;--surface-press:#2f3f48;--chat-bg:#0b141a;--chat-bg-pattern:#ffffff05;--text-1:#e9edef;--text-2:#aebac1;--text-3:#8696a0;--border:#212e36;--border-strong:#33454e;--topbar:#16232a;--topbar-2:#0e181e;--topbar-text:#e9edefa8;--topbar-text-active:#fff;--topbar-hover:#ffffff14;--bubble-me:#005c4b;--bubble-them:#202c33;--bubble-tail-me:var(--bubble-me);--bubble-tail-them:var(--bubble-them);--accent:#21c7a8;--accent-hover:#4ddcc0;--accent-soft:#21c7a824;--accent-fg:#06231d;--tick-read:#34b7f1;--focus-ring:#4ddcc0;--danger:#ff8a80;--danger-soft:#ff8a8024;--warning:#ffc44d;--e1:0 1px 2px #0006;--e2:0 2px 10px #00000073;--e3:0 16px 40px #0009;--scrim:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-app:#070f14;--surface:#111b21;--surface-2:#1c272e;--surface-3:#26343c;--surface-press:#2f3f48;--chat-bg:#0b141a;--chat-bg-pattern:#ffffff05;--text-1:#e9edef;--text-2:#aebac1;--text-3:#8696a0;--border:#212e36;--border-strong:#33454e;--topbar:#16232a;--topbar-2:#0e181e;--topbar-text:#e9edefa8;--topbar-text-active:#fff;--topbar-hover:#ffffff14;--bubble-me:#005c4b;--bubble-them:#202c33;--bubble-tail-me:var(--bubble-me);--bubble-tail-them:var(--bubble-them);--accent:#21c7a8;--accent-hover:#4ddcc0;--accent-soft:#21c7a824;--accent-fg:#06231d;--tick-read:#34b7f1;--focus-ring:#4ddcc0;--danger:#ff8a80;--danger-soft:#ff8a8024;--warning:#ffc44d;--e1:0 1px 2px #0006;--e2:0 2px 10px #00000073;--e3:0 16px 40px #0009;--scrim:#0000009e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-1);background:var(--bg-app);overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{touch-action:manipulation}:where(button,a,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-soft)}@media (pointer:fine){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}}.muted{color:var(--text-2)}.small{font-size:var(--text-sm)}.center{justify-content:center;align-items:center;gap:var(--s4);padding:var(--s5);text-align:center;flex-direction:column;flex:1;min-height:0;display:flex}.loadpane{min-height:100dvh}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.emptystate{align-items:center;gap:var(--s3);max-width:380px;padding:var(--s5);text-align:center;flex-direction:column;margin:auto;display:flex}.emptystate-icon{border-radius:var(--r-full);background:var(--surface-3);width:64px;height:64px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.emptystate h2{font-size:var(--text-lg);font-weight:600}.emptystate p{font-size:var(--text-sm);color:var(--text-2);line-height:1.6}.spinner.tiny{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:16px;height:16px}.spinner{border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--r-full);width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes fadein{0%{opacity:0}}@keyframes popin{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes slideup{0%{opacity:0;transform:translateY(12px)}}.app{height:var(--app-h,100dvh);background:var(--bg-app);flex-direction:column;display:flex}.topbar{background:linear-gradient(180deg, var(--topbar) 0%, var(--topbar-2) 100%);padding-top:env(safe-area-inset-top);z-index:var(--z-rail);flex-shrink:0}.appbar{align-items:center;gap:var(--s1);min-height:48px;padding:var(--s1) var(--s2);padding-left:max(var(--s2), env(safe-area-inset-left));padding-right:max(var(--s2), env(safe-area-inset-right));color:var(--topbar-text-active);display:flex}.appbar .spacer{flex:1}.acctpick{align-items:center;gap:var(--s2);min-width:0;margin-left:var(--s2);padding:0 var(--s2);border-radius:var(--r-md);background:#ffffff1a;display:flex}.acctpick .paneselect{appearance:none;width:auto;max-width:190px;min-height:34px;padding:0 var(--s1);color:var(--topbar-text-active);text-overflow:ellipsis;background:0 0;border:none;font-weight:600}.acctcaret{opacity:.7;pointer-events:none;flex-shrink:0}.acctpick .paneselect option{background:var(--surface);color:var(--text-1);font-weight:400}.barbtn.on{color:var(--topbar-text-active);background:#ffffff2e}.brandmark{border-radius:var(--r-sm);color:#fff;background:#ffffff24;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.brandname{font-size:var(--text-md);letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.barbtn{justify-content:center;align-items:center;gap:var(--s1);min-width:40px;min-height:40px;padding:0 var(--s2);border-radius:var(--r-md);color:var(--topbar-text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;display:inline-flex}.barbtn:hover{background:var(--topbar-hover);color:var(--topbar-text-active)}.barbtn:active{background:#ffffff2e}.barbtn:focus-visible{outline-color:#fff}.dot{border-radius:var(--r-full);background:var(--text-3);flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 2px #00000026}.dot.connected{background:var(--brand-400)}.dot.qr{background:var(--warning)}.dot.connecting{background:var(--warning);animation:1s infinite pulse}.dot.error,.dot.disconnected{background:#ef5350}.main{background:var(--surface);flex:1;min-height:0;display:flex}.chatlist{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:360px;min-height:0;display:flex}.sidebar-head{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.accountbar{align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);display:flex}.accountbar>.renamebox{flex:auto;min-width:0}.accountbar.withpicker>.paneselect{min-width:0;max-width:none;min-height:34px;font-size:var(--text-md);flex:auto;font-weight:600}.renamebox.nameless{flex:none}.renamebox{align-items:center;gap:var(--s2);justify-content:space-between;min-height:32px;display:flex}.accountname{font-weight:600;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.accountmeta{font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.renamebox input{border:1px solid var(--accent);border-radius:var(--r-sm);min-width:0;padding:var(--s2) var(--s3);background:var(--surface);outline:none;flex:1;font-size:16px}.pushrow{flex-shrink:0;align-items:center;gap:0;display:flex}.accountbar:has(.renamebox input){flex-wrap:wrap}.searchrow{align-items:center;gap:var(--s2);padding:0 var(--s3) var(--s3);display:flex}.searchwrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.searchwrap .searchicon{color:var(--text-3);pointer-events:none;display:flex;position:absolute;left:11px}.search{background:var(--surface-2);border-radius:var(--r-full);width:100%;min-width:0;min-height:40px;padding:var(--s2) var(--s4) var(--s2) 36px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;outline:none;font-size:16px}.search::placeholder{color:var(--text-3)}.search:focus{background:var(--surface);border-color:var(--accent)}.searchclear{border-radius:var(--r-full);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:4px}.searchclear:hover{background:var(--surface-3);color:var(--text-1)}.labelbar{gap:var(--s2);padding:0 var(--s3) var(--s3);scrollbar-width:none;display:flex;overflow-x:auto}.labelbar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-full);min-height:32px;padding:0 var(--s3);font-size:var(--text-sm);color:var(--text-1);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.chip:hover{background:var(--surface-2);border-color:var(--text-3)}.chip:active{background:var(--surface-press)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chipdot{border-radius:var(--r-full);background:var(--text-3);flex-shrink:0;width:8px;height:8px}.chipdot.c0{background:#e57373}.chipdot.c1{background:#f06292}.chipdot.c2{background:#ba68c8}.chipdot.c3{background:#9575cd}.chipdot.c4{background:#7986cb}.chipdot.c5{background:#64b5f6}.chipdot.c6{background:#4fc3f7}.chipdot.c7{background:#4dd0e1}.chipdot.c8{background:#4db6ac}.chipdot.c9{background:#81c784}.chipdot.c10{background:#aed581}.chipdot.c11{background:#dce775}.chipdot.c12{background:#fff176}.chipdot.c13{background:#ffd54f}.chipdot.c14{background:#ffb74d}.chipdot.c15{background:#ff8a65}.chipdot.c16{background:#a1887f}.chipdot.c17{background:#90a4ae}.chipdot.c18{background:#78909c}.chipdot.c19{background:#8d6e63}.chipcount{font-size:var(--text-xs);opacity:.7;font-weight:600}.chip.active .chipcount{opacity:.85}.linkbtn{min-height:32px;padding:0 var(--s2);border-radius:var(--r-sm);color:var(--accent);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;align-items:center;gap:5px;font-weight:500;display:inline-flex}.linkbtn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover)}.linkbtn:disabled{opacity:.45;cursor:default}.linkbtn.danger{color:var(--danger)}.linkbtn.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.linkbtn.quiet{color:var(--text-2)}.linkbtn.quiet:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.chatscroll{overscroll-behavior:contain;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chatitem{align-items:center;gap:var(--s3);text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;min-height:68px;padding:var(--s2) var(--s4);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;display:flex;position:relative}.chatitem:hover{background:var(--surface-2)}.chatitem:active{background:var(--surface-press)}.chatitem.selected{background:var(--surface-2)}.chatitem.selected:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.chatitem-text{flex:1;min-width:0}.chatitem-top{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.chatname{font-weight:600;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chattime{font-size:var(--text-xs);color:var(--text-3);flex-shrink:0}.chatitem.unread .chattime{color:var(--accent);font-weight:600}.chatitem-bottom{justify-content:space-between;align-items:center;gap:var(--s2);margin-top:2px;display:flex}.preview{font-size:var(--text-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chatitem.unread .preview{color:var(--text-1);font-weight:500}.badge{background:var(--brand-400);color:#05291d;font-size:var(--text-xs);border-radius:var(--r-full);flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-weight:700;display:inline-flex}.avatar{border-radius:var(--r-full);object-fit:cover;background:var(--surface-3);flex-shrink:0;width:48px;height:48px}.avatar.placeholder{font-size:var(--text-lg);color:#fff;background:linear-gradient(135deg, var(--brand-700), var(--brand-500));justify-content:center;align-items:center;font-weight:600;display:flex}.convheader .avatar{width:40px;height:40px;font-size:var(--text-base)}.conversation{background:var(--chat-bg);background-image:radial-gradient(var(--chat-bg-pattern) 1px, transparent 0);background-size:22px 22px;flex-direction:column;flex:1;min-width:0;display:flex}.convheader{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);padding-left:max(var(--s2), env(safe-area-inset-left));padding-right:max(var(--s4), env(safe-area-inset-right));background:var(--surface);border-bottom:1px solid var(--border);min-height:60px;z-index:var(--z-sticky);flex-shrink:0;display:flex}.convheader-text{flex-direction:column;min-width:0;display:flex}.convtitle{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.convsub{font-size:var(--text-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.back{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.back:hover{background:var(--surface-3);color:var(--text-1)}.msgs{overscroll-behavior:contain;padding:var(--s4) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.msgs-inner{width:100%;max-width:1000px;padding:0 var(--s4);padding-left:max(var(--s4), env(safe-area-inset-left));padding-right:max(var(--s4), env(safe-area-inset-right));flex-direction:column;gap:2px;margin:auto auto 0;display:flex}.msgrow{flex-direction:column;display:flex}.msgrow.grouphead{margin-top:var(--s2)}.daysep{background:var(--surface);color:var(--text-2);font-size:var(--text-xs);letter-spacing:.3px;text-transform:uppercase;padding:var(--s1) var(--s3);border-radius:var(--r-full);margin:var(--s4) 0 var(--s2);box-shadow:var(--e1);align-self:center;font-weight:600}.loadmore{align-self:center;align-items:center;gap:var(--s2);color:var(--text-2);font-size:var(--text-sm);padding:var(--s2);display:flex}.bubble{border-radius:var(--r-md);max-width:min(75%,620px);font-size:var(--text-base);box-shadow:var(--e1);word-break:break-word;white-space:pre-wrap;animation:popin var(--dur) var(--ease-out);padding:7px 10px 6px;line-height:1.4;position:relative}.bubble.me{background:var(--bubble-me);border-top-right-radius:var(--r-md);align-self:flex-end}.bubble.them{background:var(--bubble-them);align-self:flex-start}.grouphead .bubble.me{border-top-right-radius:var(--s1)}.grouphead .bubble.them{border-top-left-radius:var(--s1)}.grouphead .bubble:after{content:"";width:10px;height:12px;position:absolute;top:0}.grouphead .bubble.me:after{background:var(--bubble-tail-me);clip-path:polygon(0 0,100% 0,0 100%);right:-8px}.grouphead .bubble.them:after{background:var(--bubble-tail-them);clip-path:polygon(0 0,100% 0,100% 100%);left:-8px}.grouphead .bubble.sticker:after{display:none}.sendername{font-size:var(--text-sm);color:var(--accent);margin-bottom:2px;font-weight:600}.bubble.me .sendername{color:var(--text-2)}.msgmeta{justify-content:flex-end;align-items:center;gap:var(--s1);margin-top:2px;line-height:1;display:flex}.msgtime{color:color-mix(in srgb, var(--text-1) 70%, transparent);font-variant-numeric:tabular-nums;font-size:10.5px}.edited{color:color-mix(in srgb, var(--text-1) 70%, transparent);font-size:10.5px;font-style:italic}.ticks{color:color-mix(in srgb, var(--text-1) 60%, transparent);align-items:center;display:inline-flex}.ticks.read{color:var(--tick-read)}.bubble.pending{opacity:.7}.deletedmsg{color:var(--text-2);align-items:center;gap:5px;font-style:italic;display:inline-flex}.bubble.sticker .msgmeta{background:var(--surface);border-radius:var(--r-full);align-self:flex-end;width:fit-content;margin-left:auto;padding:2px 6px}.mention{color:var(--accent);font-weight:600}.bubble.me .mention{color:var(--text-1);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text-1) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--text-1) 40%, transparent)}.bubble.sticker{box-shadow:none;background:0 0;padding:2px}.media-image,.media-video{border-radius:var(--r-sm);background:var(--surface-3);width:100%;max-width:340px;height:auto;display:block}.media-image{cursor:zoom-in;transition:filter var(--dur-fast) var(--ease-out)}.media-image:hover{filter:brightness(.94)}.media-sticker{object-fit:contain;width:140px;height:140px;display:block}.media-audio{align-items:center;gap:var(--s2);min-width:220px;display:flex}.media-audio audio{flex:1;max-width:240px;height:40px}.replybtn{width:24px;height:24px;color:var(--text-2);background:color-mix(in srgb, var(--bg-1) 80%, transparent);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:2px;right:2px}.bubble:hover .replybtn,.replybtn:focus-visible{opacity:1}.deletebtn{width:24px;height:24px;color:var(--text-2);background:color-mix(in srgb, var(--bg-1) 80%, transparent);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:2px;right:28px}.bubble:hover .deletebtn,.deletebtn:focus-visible{opacity:1}.deletebtn:hover{color:var(--danger)}.adblock{gap:var(--s2);width:100%;margin-bottom:var(--s2);padding:var(--s2) var(--s3);border-left:3px solid var(--accent,currentColor);border-radius:var(--r-sm);background:color-mix(in srgb, var(--text-1) 8%, transparent);color:inherit;text-align:left;white-space:normal;align-items:center;text-decoration:none;display:flex}.adthumb{border-radius:var(--r-sm);object-fit:cover;flex:none;width:40px;height:40px}.adtexts{min-width:0}.adlabel{font-size:var(--text-xs);opacity:.85;font-weight:600;display:block}.adtext{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-xs);opacity:.75;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quotedblock{width:100%;margin-bottom:var(--s2);padding:var(--s2) var(--s3);border-left:3px solid color-mix(in srgb, currentColor 45%, transparent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--text-1) 8%, transparent);text-align:left;white-space:normal;display:block}.quotedauthor{font-size:var(--text-xs);opacity:.85;font-weight:600;display:block}.quotedtext{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-xs);opacity:.75;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.replybar{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--line);background:var(--bg-2);display:flex}.replybarbody{border-left:3px solid var(--accent,currentColor);min-width:0;padding-left:var(--s3);flex:1}.replybarwho{font-size:var(--text-xs);color:var(--text-2);font-weight:600;display:block}.replybartext{font-size:var(--text-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.bubble.flash{animation:1.2s bubbleflash}@keyframes bubbleflash{0%,60%{background:color-mix(in srgb, var(--text-1) 18%, transparent)}}.stickerpanel{max-height:280px;padding:var(--s3);border-top:1px solid var(--line);background:var(--bg-2);overflow-y:auto}.stickergrid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid}.stickerbtn{aspect-ratio:1;padding:var(--s2);border-radius:var(--r-sm);background:0 0;justify-content:center;align-items:center;display:flex}.stickerbtn:hover{background:color-mix(in srgb, var(--text-1) 8%, transparent)}.stickerbtn img{max-width:100%;max-height:100%}.archivedrow{align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);color:var(--text-2);text-align:left;background:0 0;display:flex}.archivedrow:hover{background:color-mix(in srgb, var(--text-1) 5%, transparent)}.archivedlabel{font-size:var(--text-sm);color:var(--text-1);flex:1}.archivedcount,.archivedback{font-size:var(--text-xs);color:var(--text-2)}.msglink{color:inherit;text-underline-offset:2px;word-break:break-all;text-decoration:underline}.msglink:hover{text-decoration-thickness:2px}.mediadl{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mediadl:hover{color:var(--text-1);background:color-mix(in srgb, var(--text-1) 10%, transparent)}.audiodur{font-size:var(--text-xs);color:var(--text-2);flex-shrink:0}.media-doc{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:color-mix(in srgb, var(--text-1) 7%, transparent);border-radius:var(--r-sm);color:inherit;max-width:280px;min-height:44px;transition:background var(--dur-fast) var(--ease-out);text-decoration:none;display:flex}.media-doc:hover{background:color-mix(in srgb, var(--text-1) 12%, transparent)}.docicon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}.docname{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.caption{margin-top:var(--s1)}.mediafail{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:6px;display:flex}.composer{align-items:flex-end;gap:var(--s2);padding:var(--s2) var(--s3);padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom));padding-left:max(var(--s3), env(safe-area-inset-left));padding-right:max(var(--s3), env(safe-area-inset-right));background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;display:flex}.composer-field{background:var(--surface-2);border-radius:var(--r-xl);min-width:0;padding:2px var(--s2);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border:1px solid #0000;flex:1;align-items:center;display:flex}.composer-field:focus-within{border-color:var(--accent);background:var(--surface)}.composer-field textarea{resize:none;min-width:0;padding:9px var(--s2);background:0 0;border:none;outline:none;flex:1;max-height:132px;font-size:16px;line-height:1.4;overflow-y:auto}.composer-field textarea::placeholder{color:var(--text-3)}.iconbtn{border-radius:var(--r-full);width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover:not(:disabled){background:var(--surface-3);color:var(--text-1)}.iconbtn:active:not(:disabled){transform:scale(.94)}.iconbtn:disabled{opacity:.4;cursor:default}.iconbtn.send{background:var(--accent);color:var(--accent-fg);box-shadow:var(--e1)}.iconbtn.send:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-fg)}.iconbtn.rec{background:var(--danger);color:#fff}.composer.recording{align-items:center;gap:var(--s3)}.recdot{border-radius:var(--r-full);background:var(--danger);width:11px;height:11px;margin-left:var(--s2);flex-shrink:0;animation:1s infinite pulse}.rectime{font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--text-1);flex:1}.ghostbtn{min-height:44px;padding:0 var(--s3);border-radius:var(--r-md);color:var(--text-2);font-size:var(--text-base);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;display:inline-flex}.ghostbtn:hover{background:var(--surface-3);color:var(--text-1)}.primarybtn{min-height:44px;padding:0 var(--s4);background:var(--accent);color:var(--accent-fg);border-radius:var(--r-md);font-size:var(--text-base);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.primarybtn:hover:not(:disabled){background:var(--accent-hover)}.primarybtn:active:not(:disabled){transform:scale(.98)}.primarybtn:disabled{opacity:.45;cursor:default}.composer-error,.inline-error{background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);padding:var(--s2) var(--s4);flex-shrink:0;align-items:center;gap:6px;display:flex}.mentionlist{background:var(--surface);border-top:1px solid var(--border);max-height:260px;animation:slideup var(--dur) var(--ease-out);z-index:var(--z-dropdown);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.mentionitem{align-items:center;gap:var(--s2);text-align:left;width:100%;min-height:44px;padding:var(--s2) var(--s4);font-size:var(--text-base);cursor:pointer;background:0 0;border:none;display:flex}.mentionitem:hover,.mentionitem.active{background:var(--surface-2)}.mentionname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mentionnum{color:var(--text-3);font-size:var(--text-sm)}.mentionadmin{color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;margin-left:auto;font-weight:700}.qrpane{background:var(--bg-app)}.qrcard{align-items:center;gap:var(--s4);width:100%;max-width:420px;padding:var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e2);flex-direction:column;display:flex}.qrcard .renamebox{width:100%}.qrsteps{padding-left:var(--s5);text-align:left;font-size:var(--text-sm);color:var(--text-2);margin:0;line-height:1.7}.qrsteps strong{color:var(--text-1)}.qrimg{border-radius:var(--r-md);width:260px;max-width:100%;height:260px;padding:var(--s2);box-shadow:var(--e1);background:#fff}.statusline{align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--text-2);display:inline-flex}.loginpane{width:100%;min-height:100dvh;padding:var(--s5);background:linear-gradient(160deg, var(--brand-800) 0%, var(--brand-900) 55%, #04302b 100%);justify-content:center;align-items:center;display:flex}.loginbox{background:var(--surface);border-radius:var(--r-lg);padding:var(--s6) var(--s5);gap:var(--s3);width:100%;max-width:380px;box-shadow:var(--e3);flex-direction:column;display:flex}.loginhead{align-items:center;gap:var(--s3);margin-bottom:var(--s1);display:flex}.loginhead .brandmark{border-radius:var(--r-md);background:var(--accent);width:40px;height:40px}.loginbox h1{font-size:var(--text-xl);color:var(--text-1);font-weight:700;line-height:1.2}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--text-sm);color:var(--text-2);font-weight:600}.inputwrap{align-items:center;display:flex;position:relative}.inputwrap input{border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;padding:var(--s3) 44px var(--s3) var(--s3);background:var(--surface);min-height:48px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;font-size:16px}.inputwrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.revealbtn{border-radius:var(--r-full);width:40px;height:40px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:4px}.revealbtn:hover{background:var(--surface-2);color:var(--text-1)}.loginbox .primarybtn{min-height:48px;margin-top:var(--s1)}.loginerror{background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);padding:var(--s2) var(--s3);border-radius:var(--r-sm);align-items:center;gap:6px;display:flex}.pushnote{color:var(--text-2);font-size:var(--text-sm);align-items:center;gap:5px;display:inline-flex}.pushnote.error{color:var(--danger)}.sectionlabel{padding:var(--s3) var(--s4) var(--s1);font-size:var(--text-xs);letter-spacing:.6px;text-transform:uppercase;color:var(--text-2);background:var(--surface);z-index:var(--z-sticky);align-items:center;gap:6px;font-weight:700;display:flex;position:sticky;top:0}.chatitem.hititem{min-height:60px;padding-left:var(--s4)}.chatitem.hititem .preview{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.appmenu{flex-shrink:0;position:relative}.appmenu>.linkbtn{min-height:40px;padding:0 var(--s3);color:var(--topbar-text);border-radius:var(--r-md)}.appmenu>.linkbtn:hover:not(:disabled){background:var(--topbar-hover);color:var(--topbar-text-active)}.appmenu>.linkbtn:focus-visible{outline-color:#fff}.appmenu-panel{top:calc(100% + var(--s2));width:min(320px, calc(100vw - var(--s4) * 2));background:var(--surface);color:var(--text-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e3);padding:var(--s3);gap:var(--s2);z-index:var(--z-dropdown);animation:popin var(--dur) var(--ease-out);flex-direction:column;display:flex;position:absolute;right:0}.appmenu-head{justify-content:space-between;align-items:center;gap:var(--s2);font-size:var(--text-md);display:flex}.appmenu-head .iconbtn{width:36px;height:36px}.devicelist{gap:var(--s1);flex-direction:column;max-height:220px;list-style:none;display:flex;overflow-y:auto}.devicelist li{padding:var(--s2);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--text-sm);flex-direction:column;gap:1px;display:flex}.devicename{align-items:center;gap:6px;font-weight:600;display:flex}.devicetag{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-full);padding:1px 6px;font-size:10px;font-weight:700}.appmenu-actions{gap:var(--s2);border-top:1px solid var(--border);padding-top:var(--s2);flex-wrap:wrap;justify-content:space-between;display:flex}.scrim{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--s4);z-index:var(--z-overlay);animation:fadein var(--dur) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--e3);padding:var(--s5);gap:var(--s3);animation:popin var(--dur-slow) var(--spring);flex-direction:column;display:flex}.dialog h2{font-size:var(--text-lg);font-weight:600}.dialog p{font-size:var(--text-base);color:var(--text-2);line-height:1.55}.dialog-actions{justify-content:flex-end;gap:var(--s2);margin-top:var(--s2);display:flex}.dialog-actions .primarybtn.danger{background:var(--danger);color:#fff}.dialog-actions .primarybtn.danger:hover:not(:disabled){filter:brightness(1.08)}.dialog-actions .ghostbtn{border:1px solid var(--border-strong)}@media (max-width:700px){.chatlist{border-right:none;width:100%}.conversation,.main.chat-open .chatlist{display:none}.main.chat-open .conversation{display:flex}.app.chat-open>.topbar{display:none}.app.chat-open .convheader{padding-top:calc(var(--s2) + env(safe-area-inset-top))}.back{display:flex}.bubble{max-width:86%}.msgs-inner{padding-left:max(var(--s2), env(safe-area-inset-left));padding-right:max(var(--s2), env(safe-area-inset-right))}.media-image,.media-video{max-width:100%}.chatitem{min-height:72px}.chip{min-height:36px}.linkbtn{min-height:40px}.brandname{font-size:var(--text-base)}}@media (max-width:400px){.chatitem{padding:var(--s2) var(--s3)}.avatar{width:44px;height:44px}}@media (max-height:480px) and (orientation:landscape){.accountbar{padding:var(--s2) var(--s3) var(--s1)}.appbar{min-height:40px}.brandname{display:none}.chatitem{min-height:60px}}@media (min-width:1024px){.chatlist{width:380px}.convheader{min-height:64px}}@media (min-width:1440px){.chatlist{width:420px}.msgs-inner{padding:0 var(--s6)}.bubble{max-width:min(68%,660px)}}@media (max-width:900px){.brandname{display:none}}@media (min-width:701px) and (max-width:1100px){.chatlist{width:clamp(280px,33vw,360px)}.convheader{min-height:64px}.msgs-inner{padding-left:max(var(--s3), env(safe-area-inset-left));padding-right:max(var(--s3), env(safe-area-inset-right))}.bubble{max-width:min(82%,560px)}}@media (pointer:coarse){.chatitem{min-height:72px}.chip,.paneselect,.acctpick .paneselect{min-height:40px}.linkbtn,.barbtn,.back{min-height:44px}.back{width:44px}.iconbtn{width:46px;height:46px}button,a,.chatitem{-webkit-tap-highlight-color:transparent}}@media (hover:none){.chatitem:hover,.chip:hover,.back:hover,.barbtn:hover,.iconbtn:hover:not(:disabled),.linkbtn:hover:not(:disabled),.searchclear:hover{background:0 0}.chatitem.selected:hover{background:var(--surface-3)}.iconbtn.send:hover:not(:disabled){background:var(--accent)}.iconbtn.rec:hover:not(:disabled){background:var(--danger)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{border-top-color:var(--accent);animation:none}.dot.connecting,.recdot{animation:none}}@media (prefers-contrast:more){:root{--border:var(--border-strong);--text-2:var(--text-1);--text-3:#5a6b74}.bubble{border:1px solid var(--border-strong)}}.adminpane{z-index:var(--z-overlay);background:var(--bg-app);padding:var(--s5);gap:var(--s4);animation:fadein var(--dur) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.adminhead{justify-content:space-between;align-items:center;gap:var(--s3);top:calc(var(--s5) * -1);background:var(--bg-app);padding:var(--s2) 0;border-bottom:1px solid var(--border);display:flex;position:sticky}.adminhead h2{font-size:var(--text-xl);font-weight:600}.adminpane h3{font-size:var(--text-md);font-weight:600}.adminpane h4{font-size:var(--text-sm);color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;margin-top:var(--s3);font-weight:600}.newuser,.usercard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.userlist{gap:var(--s3);padding-bottom:var(--s6);flex-direction:column;display:flex}.usercard.disabled{opacity:.65}.userhead{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.userhead strong{font-size:var(--text-md);margin-right:6px}.userbody{gap:var(--s2);border-top:1px solid var(--border);padding-top:var(--s3);flex-direction:column;display:flex}.userform{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.userform input{min-width:0;min-height:40px;padding:0 var(--s3);background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-base);flex:180px}.checkrow{font-size:var(--text-base);color:var(--text-1);cursor:pointer;align-items:center;gap:8px;min-height:32px;display:flex}.checkrow input{width:18px;height:18px;accent-color:var(--accent);flex:none}.radiogroup{padding:var(--s2) 0;flex-direction:column;gap:2px;display:flex}.assignrow{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);gap:var(--s2);flex-direction:column;display:flex}.assignrow.granted{border-color:var(--accent);background:var(--accent-soft)}.assignhead{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.assignname{font-weight:600;font-size:var(--text-base);flex:auto;align-items:center;gap:6px;display:inline-flex}.assignbody{gap:var(--s2);border-top:1px solid var(--border);padding-top:var(--s3);flex-direction:column;display:flex}.assignactions{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.primarybtn.small{min-height:36px;font-size:var(--text-sm);padding:0 var(--s3)}.chatpicker{gap:var(--s2);flex-direction:column;display:flex}.searchwrap.small .search{min-height:36px}.chatpicker-list{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);max-height:260px;padding:var(--s2);flex-direction:column;gap:1px;display:flex;overflow-y:auto}.pickrow{padding:6px var(--s2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--text-base);align-items:center;gap:8px;display:flex}.pickrow:hover{background:var(--surface-3)}.pickrow input{width:17px;height:17px;accent-color:var(--accent);flex:none}.pickname{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.devicetag.warn{color:var(--warning);background:color-mix(in srgb, var(--warning) 18%, transparent)}.loginerror.small{font-size:var(--text-sm)}.composer.readonly{text-align:center;justify-content:center}@media (max-width:640px){.adminpane{padding:var(--s3)}.userhead{flex-direction:column}.userhead .muted{align-self:flex-start}}.typebar{gap:var(--s2);flex-wrap:wrap;display:flex}.chipdot.type-all{background:var(--text-3)}.chipdot.type-direct{background:var(--online)}.chipdot.type-group{background:var(--tick-read)}.workspace{flex:1;min-height:0;display:flex}.pane{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.workspace.split>.pane+.pane{border-left:2px solid var(--border)}.paneselect{width:100%;max-width:340px;min-height:32px;padding:0 var(--s2);background:var(--surface-2,var(--surface));border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-1,inherit);font-size:var(--text-sm);cursor:pointer}.workspace.split .chatlist{width:300px}@media (max-width:1100px){.workspace.split>.pane+.pane{display:none}.workspace.split .chatlist{width:100%}}.workspace.split .emptystate{gap:var(--s2);padding:var(--s4)}.workspace.split .emptystate-icon{width:44px;height:44px}.workspace.split .emptystate p{font-size:var(--text-xs)}@media (min-width:1101px) and (max-width:1320px){.workspace.split .chatlist{width:252px}.workspace.split .avatar{width:42px;height:42px}.workspace.split .chatitem{padding:var(--s2) var(--s3)}.workspace.split .msgs-inner{padding-left:var(--s3);padding-right:var(--s3)}.workspace.split .bubble{max-width:min(90%,460px)}.workspace.split .pane+.pane{border-left:1px solid var(--border-strong)}}.attachbar{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.attachitem{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);align-items:center;display:flex;position:relative;overflow:hidden}.attachthumb{object-fit:cover;width:56px;height:56px;display:block}.attachdoc{align-items:center;gap:var(--s1);padding:var(--s2);max-width:180px;font-size:var(--text-xs);display:flex}.attachname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachremove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:2px;right:2px}.attachhint{margin-left:auto}.conversation{position:relative}.dropoverlay{inset:var(--s2);z-index:5;border:2px dashed var(--accent);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--accent);pointer-events:none;text-align:center;padding:var(--s4);justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute}.savebtn{width:24px;height:24px;color:var(--text-2);background:color-mix(in srgb, var(--bg-1,var(--surface)) 80%, transparent);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:2px;right:28px}.bubble.me .savebtn{right:54px}.bubble:hover .savebtn,.savebtn:focus-visible{opacity:1}.savebtn:hover{color:var(--accent)}.savedchip{margin-top:var(--s2);padding:2px var(--s2);border-radius:var(--r-full);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-size:var(--text-xs);align-items:center;gap:4px;width:fit-content;font-weight:600;text-decoration:none;display:inline-flex}.savedchip:hover{background:color-mix(in srgb, var(--accent) 24%, transparent)}.bubble.selecting{cursor:pointer;padding-left:30px}.bubble.selected{outline:2px solid var(--accent);outline-offset:1px}.bubble.selecting a,.bubble.selecting video,.bubble.selecting audio,.bubble.selecting button{pointer-events:none}.selectmark{color:var(--accent);display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.selectbtn{flex-shrink:0;margin-left:auto}.selectbtn.on{color:var(--accent)}@media (max-width:700px){.selectbtn span{display:none}}.selectbar{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-top:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);color:var(--text-2);flex-shrink:0;display:flex}.selectbar .spacer{flex:1}.savednote{text-align:center;max-width:92%;margin:var(--s2) auto;padding:var(--s2) var(--s4);border-radius:var(--r-full);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);font-size:var(--text-sm);animation:fadein var(--dur) var(--ease-out);align-self:center;font-weight:600}.formerror{background:var(--danger-soft);color:var(--danger);padding:var(--s2) var(--s3);border-radius:var(--r-sm);align-items:center;gap:6px;display:flex}.field>span{font-size:var(--text-sm);color:var(--text-2);font-weight:600}.savedlg{gap:var(--s4);max-width:470px;max-height:min(88vh,780px);overflow-y:auto}.savedlg h2{align-items:center;gap:var(--s2);display:flex}.savepreview{border-left:3px solid var(--accent);padding:var(--s2) var(--s3);background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--text-sm)}.savepreview-head{font-size:var(--text-xs);margin-bottom:var(--s1);gap:6px;display:flex}.savepreview-chat{color:var(--accent);font-weight:600}.savepreview ul{flex-direction:column;gap:2px;list-style:none;display:flex}.savepreview li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duechips,.priorow{gap:var(--s2);flex-wrap:wrap;display:flex}.duedate{min-height:32px;padding:0 var(--s2);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);color:var(--text-1);font-size:var(--text-sm)}.chip.prio:before{content:"";border-radius:var(--r-full);opacity:.9;background:currentColor;width:8px;height:8px}.chip.prio.p1{color:var(--text-3)}.chip.prio.p2{color:#4a90d9}.chip.prio.p3{color:#e8a33d}.chip.prio.p4{color:#e0574a}.chip.prio.active{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.todoistconnect{gap:var(--s2);flex-direction:column;display:flex}.todoistconnect .row{gap:var(--s2);display:flex}.todoistconnect .row input{flex:1;min-width:0}.todoistpanel{max-width:560px;max-height:min(86vh,800px);overflow-y:auto}.panelhead{align-items:center;gap:var(--s2);display:flex}.panelhead h2{align-items:center;gap:var(--s2);flex:1;display:flex}.panelsubtitle{font-size:var(--text-md);margin-top:var(--s2);font-weight:600}.todoiststate{align-items:flex-end;gap:var(--s3);flex-wrap:wrap;display:flex}.todoiststate .field{flex:1;min-width:180px}.savedlist{gap:var(--s2);flex-direction:column;list-style:none;display:flex}.savedlist li{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--r-md);display:flex}.savedlist-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.savedlist-chat{font-weight:600;font-size:var(--text-sm)}.savedlist-text{font-size:var(--text-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.savedlist-actions{align-items:flex-end;gap:var(--s1);flex-direction:column;flex-shrink:0;display:flex}.convphone{font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.convabout{color:var(--text-3);font-style:italic}.convheader-text.clickable{cursor:pointer;border-radius:var(--r-md,8px);margin:-2px -6px;padding:2px 6px}.convheader-text.clickable:hover,.convheader-text.clickable:focus-visible{background:var(--surface-2);outline:none}.dialog.infopanel{gap:var(--s4);max-width:480px;max-height:min(90vh,90dvh);overflow-y:auto}.infohead{text-align:center;align-items:center;gap:var(--s2);flex-direction:column;display:flex}.infohead h2{overflow-wrap:anywhere}.infoavatar .avatar{width:96px;height:96px;font-size:var(--text-xl)}.infosub{font-size:var(--text-sm);color:var(--text-3);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.infosection h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:var(--s1);font-weight:600}.infotext{font-size:var(--text-base);color:var(--text-1);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;line-height:1.5}.infotext.muted{color:var(--text-3);font-style:italic}.infotext a{color:var(--accent);text-decoration:underline}.infophone{font-variant-numeric:tabular-nums}.infolist{gap:var(--s1);flex-direction:column;max-height:40vh;list-style:none;display:flex;overflow-y:auto}.infolist li{align-items:baseline;gap:var(--s2);font-size:var(--text-sm);border-bottom:1px solid var(--border);padding:4px 0;display:flex}.infolist li:last-child{border-bottom:none}.infoname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.infonum{color:var(--text-3);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.infobadge{font-size:var(--text-xs);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-full);padding:1px 8px}.media-videobox{max-width:340px;display:inline-block;position:relative}.media-videobox.note{aspect-ratio:1;border-radius:var(--r-full);width:220px;max-width:100%;overflow:hidden}.media-videobox.note .media-video{object-fit:cover;border-radius:var(--r-full);width:100%;height:100%}.mediaexpand{top:var(--s2);right:var(--s2);border-radius:var(--r-sm);color:#fff;opacity:0;width:28px;height:28px;transition:opacity var(--dur-fast) var(--ease-out);background:#0b141a8c;justify-content:center;align-items:center;display:flex;position:absolute}.media-videobox:hover .mediaexpand,.mediaexpand:focus-visible{opacity:1}@media (hover:none){.mediaexpand{opacity:1}}.viewer{z-index:var(--z-toast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadein var(--dur) var(--ease-out);background:#0b141aeb;flex-direction:column;display:flex;position:fixed;inset:0}.viewerbar{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);padding-top:calc(var(--s3) + env(safe-area-inset-top));color:#fff;display:flex}.viewerwho{flex-direction:column;flex:1;min-width:0;display:flex}.viewertitle{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.viewersub{font-size:var(--text-xs);color:#ffffffb3}.viewerbtn{border-radius:var(--r-full);color:#fff;width:38px;height:38px;transition:background var(--dur-fast) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.viewerbtn:hover,.viewerbtn:focus-visible{background:#ffffff29}.viewerstage{min-height:0;padding:0 var(--s4) var(--s4);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.viewerimg{object-fit:contain;border-radius:var(--r-sm);cursor:zoom-in;max-width:100%;max-height:100%}.viewerimg.zoomed{cursor:zoom-out;max-width:none;max-height:none}.viewerstage:has(.viewerimg.zoomed){justify-content:flex-start;align-items:flex-start;overflow:auto}.viewervideo{border-radius:var(--r-sm);background:#000;max-width:100%;max-height:100%}.viewerpdf{border-radius:var(--r-sm);background:var(--surface);border:none;width:100%;height:100%}.viewerdoc{text-align:center;align-items:center;gap:var(--s3);max-width:340px;padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);color:var(--text-1);flex-direction:column;display:flex}.viewerdocicon{color:var(--accent)}.viewerdocname{overflow-wrap:anywhere;font-weight:600}.viewerfail{align-items:center;gap:var(--s2);text-align:center;color:#ffffffd9;max-width:420px;font-size:var(--text-base);display:flex}.viewernav{border-radius:var(--r-full);color:#fff;width:44px;height:44px;transition:background var(--dur-fast) var(--ease-out);background:#ffffff1f;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewernav:hover,.viewernav:focus-visible{background:#ffffff42}.viewernav.prev{left:var(--s3)}.viewernav.next{right:var(--s3)}.viewercaption{padding:var(--s3) var(--s4);padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom));color:#ffffffe6;font-size:var(--text-base);text-align:center;overflow-wrap:anywhere}@media (max-width:700px){.media-videobox{max-width:100%}.media-videobox.note{width:200px}.viewerstage{padding:0 var(--s2) var(--s2)}.viewernav.prev{left:2px}.viewernav.next{right:2px}}