@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px}.splash .hlogo{animation:hl-calm 2.6s ease-in-out infinite}.splash .hl-dot{animation:hl-arrive .9s var(--ease-spring) both}
:root{
--bg:#FFFFFF;--surface:#FFFFFF;--surface-float:#FFFFFF;
--ink:#0A0A0C;--ink-2:#5E5F66;--ink-3:#74757D;
--hair:#ECEEF0;--band:#F3F4F5;--fill:#F4F4F6;--fill-press:#E9EAED;--switch-off:#E3E4E7;
--brand:#0E98A3;--logo-ring:#0E98A3;--logo-dot:#20B2BE;--hm-ink:#0B2E33;--hm-sky-1:#DDF5F7;--hm-sky-2:#EEFAFB;--hm-wave:#7EE3EA;--hm-wave-2:#B7F0F4;--hm-orb-1:#4FE1EA;--hm-orb-2:#0B8F9B;--hm-orb-3:#8A7CF0;--hm-glow:#5FD9E3;--hm-glass:#FFFFFF;--hm-glass-sh:0 0 0 1px rgba(11,46,51,.06),0 2px 8px -2px rgba(11,46,51,.10);--brand-press:#0A808A;--brand-icon:#1A9CA7;--brand-soft:#DCF3F5;--brand-ink:#0B6F77;--on-brand:#FFFFFF;
--fill-field:var(--fill);
--brand-btn:#0A808A;--brand-btn-press:#086B73;
--danger:#E5484D;--on-danger:#FFFFFF;
--bubble-mine:var(--brand-soft);--bubble-theirs:#EFF0F2;--bubble-ink:var(--ink);--bubble-lift:0 0 0 .5px rgba(16,24,32,.09);
--scrim:rgba(0,0,0,.36);--media-ground:#000;
--font:'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
--font-indic:var(--font);--font-arabic:var(--font);
--track:-.011em;--track-tight:-.02em;
--fs-micro:11px;--fs-xs:12px;--fs-s:13px;--fs-sub:14px;--fs-body:15px;--fs-title:16px;--fs-h:18px;--fs-page:20px;--fs-hero:28px;--fs-display:40px;
--fs-emo:26px;--fs-emo-lg:46px;--fs-emo-xl:64px;
--t-display:700 var(--fs-hero)/34px var(--font);--t-title:600 var(--fs-h)/24px var(--hf,var(--font));--t-sheet:650 var(--fs-h)/24px var(--font);
--t-head:600 var(--fs-title)/22px var(--font);--t-label:600 var(--fs-title)/22px var(--font);--t-body:400 var(--fs-body)/21px var(--font);
--t-sub:400 var(--fs-sub)/19px var(--font);--t-cap:500 var(--fs-xs)/16px var(--font);--t-tab:600 var(--fs-micro)/14px var(--font);--t-micro:650 var(--fs-micro)/13px var(--font);
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;
--rad-xs:6px;--rad-sm:10px;--rad-md:14px;--rad-lg:18px;--rad-xl:24px;--rad-pill:999px;
--h-sm:40px;--h-md:48px;--h-xl:56px;--h-bar:56px;--h-row:56px;--h-row-av:72px;--hit:44px;
--lead:8px;--chat-av:48px;--logo-x:calc(var(--lead) + var(--chat-av)/2 - 16px);--av-xs:24px;--av-sm:32px;--av-md:40px;--av-lg:52px;--av-xl:88px;--av-xxl:120px;
--ic:24px;--ic-sm:18px;--ic-stroke:1.8;
--e-float:0 -8px 32px rgba(0,0,0,.12);--e-pop:0 8px 24px rgba(0,0,0,.16);
--glow:0 6px 18px color-mix(in srgb,var(--brand) 32%,transparent);
--d1:120ms;--d2:200ms;--d3:280ms;--d4:360ms;
--ease:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);
--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--top:calc(var(--sat) + var(--stk));--edge:color-mix(in srgb,#0E98A3 34%,transparent);
--card:var(--surface);--sheet:var(--surface-float);--soft:var(--ink-2);--faint:var(--ink-3);--line:var(--hair);--shadow:var(--e-pop);
--brand2:var(--brand-icon);--accent:var(--brand-icon);--read:var(--brand-icon);--mine:var(--brand);--mine-ink:var(--on-brand);
--r:var(--rad-lg);--r-sm:var(--rad-md);--r-md:var(--rad-lg);--r-lg:var(--rad-xl);--r-xl:var(--rad-xl);--fill2:transparent}
:root[data-mode=dark]{color-scheme:dark;
--bg:#000;--surface:#000;--surface-float:#121214;
--ink:#F3F3F5;--ink-2:#A3A4AB;--ink-3:#8A8B92;
--edge:color-mix(in srgb,#22B8C4 38%,transparent);--hair:#1E2022;--band:#111214;--fill:#151518;--fill-press:#202024;--switch-off:#2C2C2F;--fill-field:#2A2A2F;
--brand:#22B8C4;--logo-ring:#22B8C4;--logo-dot:#7FF3F7;--hm-ink:#FFFFFF;--hm-sky-1:#06252A;--hm-sky-2:#061417;--hm-wave:#1F8E99;--hm-wave-2:#135E66;--hm-orb-1:#3FD3DE;--hm-orb-2:#0A5F68;--hm-orb-3:#6C5FD8;--hm-glow:#22B8C4;--hm-glass:#141618;--hm-glass-sh:inset 0 0 0 1px rgba(255,255,255,.07),0 8px 20px -14px rgba(0,0,0,.8);--brand-press:#1CA3AE;--brand-icon:#22B8C4;--brand-soft:#0E3438;--brand-ink:#7FDCE3;--on-brand:#00262A;
--brand-btn:var(--brand);--brand-btn-press:var(--brand-press);
--bubble-theirs:#1C1C1F;--bubble-lift:0 0 0 .5px rgba(255,255,255,.07);--scrim:rgba(0,0,0,.6);--e-float:none;--e-pop:0 8px 24px rgba(0,0,0,.6)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}
input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}
p{margin:0}
.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.i.big{width:40px;height:40px;stroke-width:1.4;color:var(--faint)}
.main{max-width:640px;margin:0 auto;padding:calc(14px + var(--top)) 16px calc(112px + var(--sab))}
.enter{animation:enter .32s var(--ease)}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(.92);opacity:.7}}
.av{border-radius:50%;background:var(--fill);display:grid;place-items:center;overflow:hidden;flex:none;font-weight:650;color:var(--ink-2);letter-spacing:0}.av .i{width:45%;height:45%}.av-sm{width:var(--av-sm);height:var(--av-sm);font-size:var(--fs-micro)}.av-md{width:var(--av-md);height:var(--av-md);font-size:var(--fs-sub)}
.banner{display:flex;justify-content:center;align-items:center;gap:12px;background:var(--brand);color:var(--on-brand);padding:8px 12px;font-size:var(--fs-sub);font-weight:600}
@property --stk{syntax:'<length>';inherits:true;initial-value:0px}
@media (prefers-reduced-motion:reduce){
html{transition:none}}
.banner button{background:var(--on-brand);color:var(--brand);border-radius:999px;padding:4px 12px;font-weight:700}
.top:not(.msg){display:flex;align-items:center;gap:6px;min-height:48px;margin:0 -6px 14px}.top-r{display:flex;gap:6px}
section{margin-bottom:26px}
.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:52px 16px;color:var(--soft)}.empty b{color:var(--ink);font-size:var(--fs-title)}.empty .btn{margin-top:6px}.empty.small{padding:60px 0}
@keyframes shimmer{to{background-position:-200% 0}}
.chat .chat-top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:calc(-14px - var(--top)) -16px 0;padding:calc(8px + var(--top)) 10px 8px;border-bottom:1px solid var(--line)}
.chat-who{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-who b{display:block;font-size:var(--fs-title)}.chat-who small{display:block;font-size:var(--fs-xs);color:var(--brand);font-weight:600;min-height:15px}
.bubbles{display:flex;flex-direction:column;padding:12px 0 92px}
.day{text-align:center;margin:14px 0 8px}.day span{font-size:var(--fs-xs);font-weight:650;color:var(--soft);background:var(--fill);padding:4px 12px;border-radius:999px}
@keyframes pop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes blink{30%{opacity:.25;transform:translateY(-2px)}}
.composer{position:fixed;left:0;right:0;bottom:0;z-index:9;max-width:640px;margin:0 auto;padding:8px 12px calc(10px + var(--sab));background:linear-gradient(transparent,var(--bg) 35%)}
.comp-row{display:flex;align-items:center;gap:6px;background:var(--card);border:1.5px solid var(--line);border-radius:26px;padding:4px 5px 4px 4px;box-shadow:0 6px 24px rgba(0,0,0,.06)}.comp-row .icon-btn{color:var(--soft);width:40px;height:40px}
.send{width:42px;height:42px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;flex:none}.send .i{width:20px;height:20px;stroke-width:2.4}@media (min-width:900px){
.main{padding-top:40px}.chat .chat-top{margin-top:-40px}}
.filters{display:flex;gap:4px}.filters button{padding:6px 12px;border-radius:999px;font-size:var(--fs-s);font-weight:700;color:var(--soft)}
.filters i{font-style:normal;margin-left:6px;font-size:var(--fs-micro);background:var(--accent);color:#1a1a1a;border-radius:9px;padding:1px 6px}
.gav{border-radius:30%;background:color-mix(in srgb,var(--brand) 12%,var(--card));color:var(--brand)}.gav .i{width:48%;height:48%}
.sys{text-align:center;margin:10px 0}.sys span{font-size:var(--fs-xs);color:var(--soft);background:var(--fill);border-radius:999px;padding:4px 12px}
.filters{margin:0 -2px 12px}
.filters{display:flex;gap:6px;margin:0 0 6px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}
.filters button{padding:7px 14px;border-radius:999px;background:var(--fill);color:var(--ink);font-weight:650;font-size:var(--fs-sub);white-space:nowrap}
.flat{margin:0 -16px}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.chat-who small:empty{display:none}
@keyframes pulse{0%,100%{box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 0 14px rgba(255,255,255,.04)}50%{box-shadow:0 0 0 12px rgba(255,255,255,.1),0 0 0 26px rgba(255,255,255,.04)}}
[dir=rtl] .i-back,[dir=rtl] .i-chev,[dir=rtl] .i-send,[dir=rtl] .i-reply{transform:scaleX(-1)}
[dir=rtl] #rp,[dir=rtl] .call-st,[dir=rtl] time,[dir=rtl] .meta{direction:ltr;unicode-bidi:isolate}
.comp-row .send.mic,.comp-row .send.ai{display:grid}.comp-row button[type=submit].send{display:none}
.rec{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;background:var(--card);border:1px solid var(--line);border-radius:30px}
.rec #rec-t{flex:1;font-variant-numeric:tabular-nums;font-weight:600}
.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:blink 1s infinite}@keyframes blink{50%{opacity:.25}}
.rec[hidden]{display:none}
.main.tabbed{padding-top:6px;padding-bottom:calc(150px + var(--sab))}@keyframes svbar{from{background-position:100% 0}to{background-position:0 0}}
@keyframes pcbusy{to{background-position:-200% 0}}
@keyframes rpop{from{transform:scale(.6) translateY(10px);opacity:0}}
html{overscroll-behavior:none;-webkit-text-size-adjust:100%;transition:--stk .2s cubic-bezier(.2,.8,.2,1);background:var(--bg)}
input:focus,textarea:focus{border-color:color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:none;background:var(--bg)}
h2{margin:0;font-size:var(--fs-page);font-weight:650;letter-spacing:-.02em}
b,strong{font-weight:620}
input{font:inherit;color:inherit;width:100%;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s;border:1px solid transparent;background:var(--fill);border-radius:14px;font-size:var(--fs-title);letter-spacing:-.01em}
@keyframes drift{to{transform:translate(10%,12%) scale(1.18)}}
.chat-main{position:fixed;left:0;right:0;top:0;height:var(--app-h,100dvh);max-width:640px;margin:0 auto;padding:0!important;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}
.chat-main .chat{flex:1;min-height:0;display:flex;flex-direction:column}
.chat-main .chat-top{position:relative;flex:none;margin:0!important;padding:calc(8px + var(--top)) 4px 8px;background:var(--bg);border-bottom:0}
.chat-main .chat-who b{font-size:var(--fs-title)}
.chat-main .chat-who small{display:block;font-size:var(--fs-xs);color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-main .bubbles{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px 12px;-webkit-overflow-scrolling:touch}
.chat-main .bubbles>:first-child{margin-top:auto}
#emo-panel[hidden]{display:none}
.top .top-r .icon-btn,.pc-bar .icon-btn{color:var(--brand)}
.icon-btn.accent,.fab,.send{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.filters button.on{background:var(--brand-soft)!important;color:var(--brand-ink)!important}
h1{margin:0;font-size:var(--fs-page);letter-spacing:-.03em;line-height:1.12;font-weight:680}
.chat-main .chat-who b{font-weight:620}
.chat-main .comp-row .cpill input,#msg-in{color:var(--ink)!important;-webkit-text-fill-color:var(--ink);caret-color:var(--brand)}
.chat-main .bubbles>*{flex-shrink:0}
@keyframes ring{20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
@keyframes pop{50%{transform:scale(1.18)}}
select{font:inherit;color:inherit;width:100%;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s;border-radius:14px;font-size:var(--fs-title);letter-spacing:-.01em;border:0;background:var(--fill)}textarea{font:inherit;color:inherit;width:100%;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s;resize:none;border-radius:14px;font-size:var(--fs-title);letter-spacing:-.01em;border:0;background:var(--fill)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){border:0;background:var(--fill)}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{border:0;background:var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
select:focus{border:0;background:var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
.topsearch input:focus,#msg-in:focus,.cp-title:focus,.cp-desc:focus,.cp-inline:focus,.pc textarea:focus{box-shadow:none!important;background:transparent}
@keyframes burst{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}70%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.1);opacity:0}}
@keyframes heartpop{0%{transform:translate(-50%,-50%) scale(0)}35%{transform:translate(-50%,-60%) scale(1.15)}70%{transform:translate(-50%,-70%) scale(1);opacity:1}100%{transform:translate(-50%,-95%) scale(.9);opacity:0}}
.chat-main #state-wrap{flex:none}
#mention-bar:empty,#lp-bar:empty{display:none}
.main{background:var(--bg)}
body{overscroll-behavior:none;margin:0;color:var(--ink);font:var(--t-body);letter-spacing:var(--track);font-feature-settings:"cv11","ss01","ss03";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:var(--bg)}
#emo-panel{display:flex;flex-direction:column;margin:6px -8px calc(-8px - var(--sab));background:var(--bg);position:relative;height:min(340px,46vh);border-top:0;border-radius:16px 16px 0 0;box-shadow:0 -1px 0 var(--hair,#ECEEF0)}
#emo-panel::before{content:"";align-self:center;flex:none;width:36px;height:4px;margin:6px 0 0;border-radius:2px;background:var(--hair,#D5D8DC)}
@keyframes snackBar{to{transform:scaleX(0)}}@keyframes snackIn{from{opacity:0;transform:translate(-50%,10px)}}.rec{display:flex;gap:12px;padding:12px 16px}
.link-web{display:flex;gap:32px;align-items:center;justify-content:center;margin:8px auto 28px;max-width:760px}
.link-web canvas{width:264px;height:264px;image-rendering:pixelated;flex:none}.link-steps h2{font-size:var(--fs-page);margin:0 0 10px}.link-steps ol{margin:0 0 14px;padding-left:20px;line-height:1.8;font-size:var(--fs-body)}
.link-code-l{margin:0;color:var(--soft);font-size:var(--fs-s)}.link-code{margin:2px 0 0;font:600 var(--fs-body)/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5px;color:var(--soft)}
.chat-main .chat-top .chat-who{flex:1;min-width:0;overflow:hidden}.chat-main .chat-top .chat-who>div{min-width:0;overflow:hidden}
.chat-main .chat-top .chat-who b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-main .chat-top .chat-who small{font-size:var(--fs-xs)!important;line-height:1.3;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rec-once{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--soft);background:none;border:0}.rec-once svg{width:22px;height:22px;stroke:currentColor;fill:none}
@keyframes crx{0%{transform:translateY(0) scale(.6);opacity:0}12%{transform:translateY(-20px) scale(1.1);opacity:1}80%{opacity:1}100%{transform:translateY(-300px) scale(1);opacity:0}}
.filters{gap:6px}.filters button{padding:7px 12px}
.filters i{font-size:var(--fs-xs);min-width:20px;line-height:18px}
.icon-btn{min-width:44px;min-height:44px}
.pp-tabbar{display:flex;margin:14px 0 0;border-bottom:1px solid var(--hair)}
.pp-tabbar>button{flex:1 1 0;height:44px;padding:0 8px;border:0;background:none;font:inherit;font-size:var(--fs-body);font-weight:600;color:var(--ink-2);box-shadow:inset 0 -2px 0 transparent;cursor:pointer;transition:color .15s,box-shadow .15s}
.pp-tabbar>button.on{color:var(--brand-ink);box-shadow:inset 0 -3px 0 var(--brand)}
.filters button,nav.up-seg button,nav.seg.work-seg button{position:relative}
.filters button::after,nav.up-seg button::after,nav.seg.work-seg button::after{content:'';position:absolute;inset:-5px 0}
@keyframes hl-send{from{background-position:100% 0}to{background-position:-150% 0}}
@keyframes phvPulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@keyframes hv-pulse{0%{box-shadow:inset 0 0 0 0 rgba(34,184,196,0)}35%{box-shadow:inset 0 0 0 5px rgba(34,184,196,.95),inset 0 0 44px rgba(34,184,196,.45)}100%{box-shadow:inset 0 0 0 2px rgba(34,184,196,.5)}}
@keyframes ringpulse{50%{opacity:.4}}
@keyframes ringpop{from{transform:scale(.4);opacity:0}}
.ring-nag{display:flex;align-items:center;gap:12px;width:calc(100% + 32px);margin:0 -16px 4px;padding:12px 16px;border:0;border-bottom:1px solid var(--hair);background:none;color:var(--ink);font:inherit;font-size:var(--fs-body);text-align:left;cursor:pointer}
.ring-nag .i{color:var(--brand);flex:none}.ring-nag span{flex:1;font-weight:600}.ring-nag b{color:var(--brand);font-weight:750}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h-md);padding:0 20px;border:0;border-radius:var(--rad-pill);background:var(--brand-soft);color:var(--brand-ink);font:600 var(--fs-title)/20px var(--font);letter-spacing:var(--track);white-space:nowrap;cursor:pointer;transition:transform var(--d1) var(--ease),background-color var(--d2) var(--ease),box-shadow var(--d2) var(--ease),opacity var(--d2) var(--ease)}
.btn .i{width:20px;height:20px}
.btn.sm{min-height:var(--h-sm);padding:0 16px;font-size:var(--fs-sub)}
.btn.xl{display:flex;width:100%;min-height:var(--h-xl);gap:10px;font:var(--t-head)}
.btn.primary{background:var(--brand-btn);color:var(--on-brand);box-shadow:var(--glow)}
.btn.ghost{background:transparent;color:var(--brand-ink);box-shadow:none;min-height:var(--hit)}
.btn:active{transform:scale(.96);background:color-mix(in srgb,var(--brand) 24%,var(--bg))}
.btn.primary:active{background:var(--brand-btn-press)}.btn.ghost:active{background:var(--fill)}
.btn:disabled,.btn[disabled]{opacity:.4;box-shadow:none;cursor:default;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.icon-btn{width:var(--hit);height:var(--hit);display:grid;place-items:center;border-radius:50%;color:var(--ink);flex:none;cursor:pointer;transition:background-color var(--d1) var(--ease),transform var(--d1) var(--ease)}
.icon-btn>.i{width:var(--ic);height:var(--ic)}.icon-btn:hover{background:var(--fill)}.icon-btn:active{transform:scale(.92)}
.text-btn{display:block;margin:16px auto 0;font-size:var(--fs-sub);font-weight:600;color:var(--brand-ink)}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;justify-content:space-around;max-width:640px;margin:0 auto;min-height:calc(var(--h-bar) + var(--sab));padding:4px 6px calc(4px + var(--sab));background:linear-gradient(180deg,var(--hm-sky-2),var(--hm-sky-1))}
.tabbar a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:2px 0;color:var(--ink-2);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--d2) var(--ease)}
.tabbar .ti{position:relative;display:grid;place-items:center;width:56px;height:30px;border-radius:var(--rad-pill);transition:background-color var(--d2) var(--ease),color var(--d2) var(--ease)}
.tabbar .ti .i{width:var(--ic);height:var(--ic);stroke-width:1.8}
.tabbar b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--t-tab);letter-spacing:0}
.tabbar a.on{color:var(--ink)}.tabbar a.on .ti{background:var(--brand-soft);color:var(--brand)}.tabbar a.on .ti .i{stroke-width:2.2}
.row{width:100%;display:flex;align-items:center;gap:var(--s3);min-height:var(--h-row);padding:8px 16px;min-width:0;text-align:start;transition:background-color var(--d1) var(--ease)}
a.row:hover,button.row:hover{background:color-mix(in srgb,var(--fill) 50%,transparent)}a.row:active,button.row:active,.row[data-act]:active{background:var(--fill)}
.row-m{flex:1;min-width:0}.row-m b,.row-m>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-m b{font-size:var(--fs-title);line-height:22px;font-weight:600;letter-spacing:-.01em}.row-m span{font-size:var(--fs-sub);line-height:19px;font-weight:400;color:var(--ink-2)}.row-m>span{margin-top:1px}
.side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.side time{font:var(--t-cap);color:var(--ink-3);font-variant-numeric:tabular-nums}.flat .row .av-md{width:var(--av-lg);height:var(--av-lg);font-size:var(--fs-h)}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}}
.chat-main,.chat-main .composer,.chat-main .composer.off{background:var(--bg)}
.chat-main .sys{margin:16px 0}
.chat-main .day span,.ct-scene .day span{display:inline-block;padding:2px 10px;border-radius:var(--rad-pill);background:var(--bg);box-shadow:none;font:600 var(--fs-xs)/16px var(--font);color:var(--ink-2)}
.chat-main .sys span{display:inline-block;padding:2px 10px;background:none;box-shadow:none;font:var(--t-cap);color:var(--ink-2)}
.chat-main .composer{position:relative;flex:none;left:auto;right:auto;bottom:auto;max-width:none;margin:0;padding:8px 8px calc(8px + var(--sab))}
.chat-main .comp-row{display:flex;align-items:flex-end;gap:6px;padding:0;background:none;border:0;box-shadow:none}
.chat-main .comp-row .cpill{flex:1;min-width:0;display:flex;align-items:flex-end;min-height:44px;padding:0 2px;border:0;border-radius:22px;background:var(--fill);box-shadow:none}
.chat-main .comp-row .cpill .icon-btn{width:40px;height:44px;min-width:40px;min-height:44px;margin:0;color:var(--brand)}
.chat-main .comp-row .cpill .icon-btn>.i{stroke-width:1.75}
.chat-main .comp-row .send{width:44px;height:44px;flex:none;margin:0;border-radius:50%;background:var(--brand);color:var(--on-brand)}
.chat-main .comp-row .send .i{width:22px;height:22px}
@keyframes morph{from{opacity:0;transform:scale(.6)}}
:is(:lang(ar),:lang(ur),:lang(fa),:lang(he),:lang(my),:lang(am),:lang(th),:lang(hi),:lang(mr),:lang(ne),:lang(bn),:lang(as),:lang(or),:lang(pa),:lang(gu),:lang(ta),:lang(te),:lang(kn),:lang(ml),:lang(zh),:lang(ja),:lang(ko)){letter-spacing:0!important}
html:is(:lang(hi),:lang(mr),:lang(ne),:lang(gu),:lang(bn),:lang(as),:lang(ta)) body{font-family:var(--font-indic);line-height:1.65}
html:is(:lang(ar),:lang(ur),:lang(fa)) body{font-family:var(--font-arabic);font-size:var(--fs-title);line-height:1.6}
:is(:lang(ar),:lang(ur),:lang(fa)){font-synthesis:none}
@keyframes send{from{opacity:0;transform:translateY(8px) scale(.96)}}
@keyframes react-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes viewer-open{from{opacity:0;transform:scale(.92)}}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition-duration:var(--d1)!important;transition-delay:0s!important;transition-property:opacity,color,background-color,border-color,box-shadow,fill,stroke!important;scroll-behavior:auto}
.sheet{opacity:0}.sheet-wrap.open .sheet{opacity:1}
.enter,.toast,.chat-main .msg.fresh .bubble,.av-view,.r-pick,.snack,.ring-done .i,.chat-main .comp-row.has-text .send[type=submit],.call,.now-bar,.share-page,.fest-chip .fc-go,.fest-tip{animation-duration:var(--d1)!important}
.snack i{animation:none!important}
@keyframes hl-arrive{from{opacity:0}}@keyframes hl-live{50%{opacity:.6}}@keyframes hl-calm{50%{opacity:.7}}
@keyframes enter{from{opacity:0}}@keyframes send{from{opacity:0}}@keyframes toast-in{from{opacity:0}}
@keyframes viewer-open{from{opacity:0}}@keyframes react-pop{from{opacity:0}}@keyframes rpop{from{opacity:0}}@keyframes snackIn{from{opacity:0}}
@keyframes ringpop{from{opacity:0}}@keyframes morph{from{opacity:0}}@keyframes pop{50%{opacity:.6}}@keyframes ring{50%{opacity:.6}}
@keyframes drift{to{opacity:1}}@keyframes shimmer{50%{opacity:.6}}@keyframes pulse{50%{opacity:.7}}@keyframes blink{50%{opacity:.35}}
@keyframes phvPulse{0%,100%{opacity:.35}50%{opacity:1}}@keyframes crx{0%{opacity:0}12%{opacity:1}80%{opacity:1}100%{opacity:0}}
}
#app{overflow-x:clip}
@keyframes cAccept{0%{box-shadow:0 0 0 0 rgba(14,152,163,.55)}70%,100%{box-shadow:0 0 0 18px rgba(14,152,163,0)}}
@keyframes cRipple{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@keyframes cGlow{0%,100%{box-shadow:0 0 0 4px rgba(32,178,190,.22),0 0 28px rgba(32,178,190,.25)}50%{box-shadow:0 0 0 8px rgba(32,178,190,.32),0 0 48px rgba(32,178,190,.45)}}
.chat-main .day span,.ct-scene .day span{padding:4px 12px;background:var(--surface-float);box-shadow:0 1px 3px rgba(0,0,0,.12);color:var(--ink-2)}
[data-mode=dark] .chat-main .day span{background:#1C1C1F;box-shadow:none}
.chat-main .sys span{padding:3px 12px;border-radius:var(--rad-pill);background:var(--fill)}
@keyframes ks-flap{to{transform:rotateX(180deg);opacity:.35}}
@keyframes ks-rise{40%{transform:scale(1.04)}100%{transform:translateY(-8px) scale(.96);opacity:0}}
@keyframes ks-in{from{transform:translateY(12px);opacity:0}}
.filters button,.v2-chips button,.v2-chips a{position:relative;min-height:40px;display:inline-flex;align-items:center}
.filters button::before{content:'';position:absolute;inset:-2px;border-radius:inherit}
.cm-rx,.cmt-a button,.text-btn,.talk-sort button{min-height:44px}
.btn.xl{white-space:normal;text-align:center;padding-top:8px;padding-bottom:8px}.btn.xl .i{flex:none}
.chat-main .day{margin:16px 0;top:6px;z-index:2;position:static}
.day-float{position:absolute;left:0;right:0;z-index:4;text-align:center;pointer-events:none}.day-float[hidden]{display:none}
.day-float span{display:inline-block;padding:4px 12px;border-radius:var(--rad-pill);background:var(--surface-float);box-shadow:0 1px 4px rgba(0,0,0,.22);font:600 var(--fs-xs)/16px var(--font);color:var(--ink);opacity:0;transition:opacity .2s}
@keyframes subMq{0%{transform:none}40%,70%{transform:translateX(var(--mqx,0))}100%{transform:none}}
html .main.t-chats,html .main.t-updates{padding-top:0!important}
html .main nav.ab-chips{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:4px;height:52px;margin:0 -16px!important;padding:0 4px 0 10px!important;background:var(--bg)!important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent)}
html[dir=rtl] .main nav.ab-chips{padding:0 10px 0 4px!important;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 16px),transparent)}
html .main nav.ab-chips::-webkit-scrollbar{display:none}
html .main nav.ab-chips>button{flex:none!important;display:inline-flex;align-items:center;gap:6px;height:32px;min-height:32px;padding:0 10px!important;border-radius:16px;font-size:var(--fs-sub);font-weight:600;color:var(--ink-2)!important;background:none!important;white-space:nowrap}
html .main nav.ab-chips>button.on{background:var(--brand-soft)!important;color:var(--brand-ink)!important}
html .main nav.ab-chips>button::after{inset:-6px 0}
.main .empty{padding-top:72px;min-height:0!important;justify-content:flex-start}
.ring-nag.in-list,.banner.a1.in-list{display:flex;align-items:center;gap:16px;width:100%;min-height:56px;margin:0;padding:0 4px;border:0;border-radius:0;background:none!important;color:var(--ink);border-bottom:1px solid var(--hair)}
.banner.a1.in-list button{margin-inline-start:auto;background:none;color:var(--brand-ink);font-weight:700;border:0}
.row-m b,.now-t,.st-c b{unicode-bidi:plaintext;text-align:start}
.chat-top small{unicode-bidi:plaintext;text-align:start}
html .main nav.ab-chips>button{height:auto;min-height:32px;padding-block:0!important;line-height:1.2}
[dir=rtl] .row-m b,[dir=rtl] .row-m small,[dir=rtl] .now-t,[dir=rtl] .chat-top small{text-align:right}@keyframes cWhoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes cRipple{from{transform:scale(1);opacity:1}to{transform:scale(1.55);opacity:0}}
@keyframes ccHu{from{transform:translateY(-120%)}}
@keyframes ccRx{0%{transform:translateY(0) scale(.6);opacity:0}12%{transform:translateY(-20px) scale(1.1);opacity:1}100%{transform:translateY(-240px) scale(1);opacity:0}}
@keyframes hv-pulse{0%{box-shadow:inset 0 0 0 0 rgba(34,184,196,0)}35%{box-shadow:inset 0 0 0 5px rgba(34,184,196,.95),inset 0 0 44px rgba(34,184,196,.45)}100%{box-shadow:inset 0 0 0 0 rgba(34,184,196,0)}}
@keyframes pnew{0%,40%{background:color-mix(in srgb,var(--brand) 14%,transparent)}100%{background:transparent}}
html body.nv3 .main.tabbed{padding-top:0}
html[dir=rtl] body.nv3 .main .nv-row>nav{padding:0 0 0 8px!important;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 14px),transparent)}
html body.nv3 .main .nv-row>nav::-webkit-scrollbar{display:none}
html body.nv3 .main .nv-row .nv-end{flex:none;display:flex;align-items:center}
html body.nv3 .main .nv-row .nv-plus{color:var(--brand)}html body.nv3 .main .nv-row .nv-plus .i{width:24px;height:24px}
html body.nv3 .main .nv-row .nv-srch{color:var(--brand)}
html body.nv3 nav.tabbar.nv3 a{color:var(--ink-2)}
html body.nv3 nav.tabbar.nv3 .ti{width:58px;height:34px;border-radius:17px}
html body.nv3 nav.tabbar.nv3 .ti .i{width:26px;height:26px;stroke-width:1.8!important;color:var(--brand)}
html body.nv3 nav.tabbar.nv3 a.on .ti{background:var(--hm-glass);box-shadow:var(--hm-glass-sh)}
html[data-mode=dark] body.nv3 nav.tabbar.nv3 a.on .ti{background:var(--brand-soft);box-shadow:none}
html body.nv3 nav.tabbar.nv3 b{font:500 var(--fs-xs)/14px var(--font);color:var(--ink-2)}
html body.nv3 nav.tabbar.nv3 a.on b{font-weight:750;color:var(--ink)}
html body.nv3 .main .nv-row>nav{position:relative!important;flex:1 1 auto;min-width:0;display:flex!important;align-items:center;gap:2px;height:var(--h-bar)!important;margin:0!important;padding:0 8px 0 0!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:none!important;border:0!important;box-shadow:none!important;-webkit-mask-image:none;mask-image:none;padding-inline-end:0!important}
html body.nv3 .main .nv-row .nv-end .icon-btn{height:44px;display:grid;place-items:center;background:none;width:38px;min-width:38px}
html .i-back{color:var(--brand)!important}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/worksans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/worksans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--hf:'Work Sans',var(--font)}
html body.nv3 .main .nv-row>nav:not(.nv-words)>button{flex:none!important;display:inline-flex;align-items:center;height:34px!important;min-height:34px!important;padding:0 10px!important;border:0!important;border-radius:17px!important;background:none!important;box-shadow:none!important;font-size:var(--fs-body)!important;font-weight:500!important;line-height:1.2;white-space:nowrap;font:700 var(--fs-title)/20px var(--hf)!important;color:var(--brand-ink)!important;gap:4px}
html body.nv3 .main .nv-row>nav:not(.nv-t1):not(.nv-t2)>button{padding:0 9px!important}
html body.nv3 .main .nv-row>nav:not(.nv-words)>button.on{color:var(--brand-ink)!important;background:var(--brand-soft)!important;font-weight:700!important}
@keyframes dd-in{from{opacity:0;transform:translateY(-4px)}}
html .main.t-chats #people-list .flat>.row{position:relative;min-height:72px;padding-top:8px;padding-bottom:8px}
html .main.t-chats #people-list .row>.av,html .main.t-chats #people-list .row>.row-a>.av,html .main.t-chats #people-list .row>.gav,html .main.t-chats #people-list .row>.row-a>.gav{width:52px!important;height:52px!important;min-width:52px;font-size:var(--fs-title)}
html .main.t-chats #people-list .flat>.row:not(.call-row)+.row:not(.call-row)::before{content:"";position:absolute;inset-inline-start:80px;inset-inline-end:0;top:0;height:1px;background:var(--hair)}
html .main.t-chats #people-list .flat>.row .row-m>b{font-size:var(--fs-title);line-height:22px;font-weight:600}
html .main.t-chats #people-list .flat>.row .row-m>span{font-size:var(--fs-sub);line-height:19px;color:var(--ink-2)}
html .main.t-chats #people-list .side time{font:500 var(--fs-xs)/16px var(--font);color:var(--ink-3)}
html body .main :is(.filters,.v2-chips,.soc-chips,.up-seg,.work-seg,.seg:not(.stk-shape):not(.lv-mode),.own-nav,.rq-chips,.sp-chips,.pc-chips,.rx-tabs,.ub-tabset)>:is(button,a),
html body .main .chip:not(.chip-rx),html body .sheet :is(.seg,.rx-tabs,.v2-chips)>:is(button,a){background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--brand-ink)!important}
html body .main :is(.filters,.v2-chips,.soc-chips,.up-seg,.work-seg,.seg:not(.stk-shape):not(.lv-mode),.own-nav,.rq-chips,.sp-chips,.pc-chips,.rx-tabs,.ub-tabset)>:is(button,a):is(.on,.sel,.active,[aria-selected=true],[aria-pressed=true]),
html body .main .chip:not(.chip-rx):is(.on,.sel,.active,[aria-selected=true],[aria-pressed=true]),html body .sheet :is(.seg,.rx-tabs,.v2-chips)>:is(button,a):is(.on,.sel,.active,[aria-selected=true],[aria-pressed=true]){background:var(--brand-soft)!important}
[data-mode=dark] .chat-main .day span{background:none;box-shadow:none;padding:0 4px;border-radius:0}
html body .chat-main .sys span{background:none;box-shadow:none;padding:0 4px;border-radius:0}
html body[data-mode] .chat-main .day span{background:none;box-shadow:none;padding:0 4px;border-radius:0}
html body .chat-main .day span{font:600 var(--fs-xs)/16px var(--font);color:var(--ink-2);background:none;box-shadow:none;padding:0 4px;border-radius:0}
html body .main.t-chats #people-list .row>.av,html body .main.t-chats #people-list .row>.row-a>.av,html body .main.t-chats #people-list .row>.gav,html body .main.t-chats #people-list .row>.row-a>.gav{width:var(--chat-av)!important;height:var(--chat-av)!important;min-width:var(--chat-av);font-size:var(--fs-title)}
html body .main.t-chats #people-list .flat>.row+.row::before{display:none}
html body .main.t-chats #people-list .side time{font-size:var(--fs-xs);line-height:16px}
html body .main.t-chats #people-list .flat>.row .row-m>b{font-size:var(--fs-title)}html body .main.t-chats #people-list .flat>.row .row-m>span{font-size:var(--fs-sub)}
html body .main>.nv-row>nav.pg-nav>button,html body.nv3 .main>.nv-row>nav.pg-nav>button.on{position:relative;z-index:1;background:transparent!important}
html body .main>.nv-row>nav.pg-nav>.sw-pill{position:absolute;left:0;top:50%;height:34px;margin:-17px 0 0 0;border-radius:999px;background:var(--brand-soft);z-index:0;pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1)}
html body .main>.nv-row>nav.pg-nav>.sw-pill.nt{transition:none}
.main.t-chats,.main.t-updates,.main.t-work{touch-action:pan-y pinch-zoom}
html.pg-page{touch-action:pan-y pinch-zoom}
html.pg-page body{touch-action:pan-y pinch-zoom}@media (prefers-reduced-motion:reduce){
html body .main>.nv-row>nav.pg-nav>.sw-pill{transition:none}}
html body .main .flat>.row:has(>.av,>.gav,>.row-a>.av,>.row-a>.gav){padding-inline-start:var(--lead)}
.main>.nv-row,.main>header.top,nav.tabbar{transition:transform .2s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){
.main>.nv-row,.main>header.top,nav.tabbar{transition:none}}
html .main .list .row,html .main .flat .row,html .main .settings .row{min-height:56px;border:0!important}
html .main .list .row::before,html .main .flat .row::before,html .main .settings .row::before,html .main .list .row::after,html .main .flat .row::after,html .main .settings .row::after{display:none!important}
html .main .row>.row-m{min-width:0}
html .main .row{min-height:56px}
html .list,html .flat,html .main .settings .list{border-top:0!important;border-bottom:0!important}
@media (prefers-reduced-motion:no-preference){
.hm-tile.enter{animation:hm-enter .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes hm-enter{from{max-width:0;min-width:0;padding-inline:0;opacity:0;margin-inline-end:-10px}to{max-width:280px;opacity:1}}
.hm-conv.grow{animation:hm-grow .28s cubic-bezier(.2,.8,.2,1) both}@keyframes hm-grow{from{opacity:0;transform:translateY(-6px) scale(.985)}}
.hm-l .ct.fadein{animation:hm-bump .3s cubic-bezier(.34,1.56,.64,1)}@keyframes hm-bump{50%{transform:scale(1.25)}}}
@media (prefers-reduced-motion:no-preference){
.vc-listen .vc-orb>i,.vc-listen .vc-orb>b{transform:scale(calc(1 + var(--lv,0) * .14));transition:transform .12s linear}
.vc-think .vc-orb>i:first-child{border-style:dashed;animation:vc-spin 2.4s linear infinite}.vc-think .vc-orb>b{animation:vc-breathe 1.6s ease-in-out infinite}
.vc-speak .vc-orb>i{animation:vc-ripple 1.8s cubic-bezier(.2,.6,.3,1) infinite}.vc-speak .vc-orb>i:nth-child(2){animation-delay:.6s}.vc-speak .vc-orb>i:nth-child(3){animation-delay:1.2s}
@keyframes vc-spin{to{transform:rotate(1turn)}}@keyframes vc-breathe{50%{transform:scale(.93)}}@keyframes vc-ripple{0%{transform:scale(.78);opacity:.9}100%{transform:scale(1.12);opacity:0}}}
@keyframes hl-arrive{from{transform:scale(0)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes hl-live{40%{transform:scale(1.35)}}@keyframes hl-calm{50%{transform:scale(1.05)}}
@keyframes hm-wig{0%,100%{transform:none}25%{transform:rotate(-3deg) translateX(2px)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}}
html body nav.tabbar{padding:0 6px var(--sab);min-height:calc(var(--h-bar) + var(--sab))}
html .main>.nv-row,html .chat-main .chat-top{border-bottom:1px solid var(--edge);box-shadow:none}
html nav.tabbar{border-top:1px solid var(--edge);box-shadow:none}
html body::before{content:"";position:fixed;inset-inline:0;pointer-events:none;background:#0E98A3;transition:background-color .2s,backdrop-filter .2s;top:0;height:var(--sat);z-index:45}
html body::after{content:"";position:fixed;inset-inline:0;z-index:30;pointer-events:none;background:var(--hm-sky-1);transition:background-color .2s,backdrop-filter .2s;bottom:0;height:var(--sab)}
html[data-mode=dark] body::before{background:#0A0A0B}@media (prefers-reduced-motion:reduce){
html body::before,html body::after{transition:none}}
html body.nv3 .main>.nv-row{position:sticky;top:0;z-index:26;display:flex;align-items:center;gap:2px;margin:0 -16px 4px;padding:var(--top) 4px 0;padding-inline-start:var(--logo-x);background:var(--bg);height:calc(var(--h-bar) + var(--top))}
html .main header.top{border-bottom:1px solid var(--edge);box-shadow:none;margin:0 -16px 4px;padding-inline:10px;min-height:var(--h-bar)}
html .main>header.top{border-bottom:1px solid var(--edge);box-shadow:none;margin:0 -16px 4px;padding-inline:10px;min-height:var(--h-bar)}
.hlogo-b{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);padding:0;margin:0;cursor:pointer;justify-content:flex-start;flex:none}
.hm-top .hlogo-b{flex:1;min-width:0}
.hlogo-b b{font:800 var(--fs-page)/24px var(--font);letter-spacing:-.03em}
.hlogo{display:block;flex:none;overflow:visible}.hlogo .hl-ring{fill:none;stroke:var(--logo-ring);stroke-width:4.62;stroke-linecap:round}.hlogo .hl-dot{fill:var(--logo-dot);transform-box:fill-box;transform-origin:center}.hlogo-b.live .hl-dot{animation:hl-live .8s var(--ease-spring)}
html body .main>.nv-row>.hlogo-b{margin-inline-end:8px}
.emo-face .ef-k,.emo-btn.on .emo-face .ef-s,.emo-for.on .emo-face .ef-s{display:none}
@keyframes vbar{50%{opacity:.35}}
@keyframes rxburst{0%{opacity:0;transform:scale(.2) rotate(-12deg)}18%{opacity:1;transform:scale(1.18) rotate(4deg)}30%{transform:scale(.94) rotate(0)}42%{transform:scale(1)}78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-36px) scale(.72)}}
@keyframes rxfade{0%,100%{opacity:0}20%,75%{opacity:1}}
html body .i.i-more{width:26px!important;height:26px!important;color:var(--brand-icon)!important;stroke:currentColor!important;stroke-width:3.6!important;stroke-linecap:round;fill:none;background:none!important;opacity:1!important;filter:drop-shadow(0 0 1.5px var(--bg))!important}
html body :is(button,a):has(>.i.i-more){min-width:44px;min-height:44px}
.chat-top .top-r{display:flex;flex:none;gap:2px;margin-inline-start:auto}
.chat-top .top-r .icon-btn{width:44px;height:44px;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--brand);transition:transform .15s,background .15s}
.chat-top .top-r .icon-btn:active{transform:scale(.92);background:var(--brand-soft)}
.chat-top .top-r .icon-btn>.i{width:24px;height:24px;stroke-width:1.9;fill:none}
.chat-top .top-r [data-k=audio]:active .i{animation:ring .5s ease}
.chat-top .top-r [data-k=video]:active .i{animation:pop .35s ease}
.chat-main .chat-top>a.icon-btn:first-child{color:var(--brand);width:34px;margin-inline-end:-4px}
.chat-main .chat-top>a.icon-btn:first-child .i{stroke:var(--brand);width:24px;height:24px;stroke-width:1.9}@keyframes selpop{from{scale:.96}}
@keyframes rowflash{0%,35%{background:color-mix(in srgb,var(--brand) 22%,transparent);box-shadow:0 0 0 100vmax color-mix(in srgb,var(--brand) 22%,transparent)}100%{background:transparent;box-shadow:0 0 0 100vmax transparent}}
@keyframes selck{from{opacity:0;transform:scale(.5)}}
@keyframes selin{from{opacity:0}}
@keyframes selmenu{from{opacity:0;transform:scale(.92)}}
:root{--mine-ink:var(--ink);--mine-meta:var(--ink-3);--mine-read:var(--brand-icon);--their-ink:var(--ink);--their-meta:var(--ink-3)}
.ct-wall{position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--wall-bg,var(--bg));background-image:var(--wall-grad,none);background-size:200% 200%;background-position:var(--wall-gp,0% 0%);transition:background-position .6s var(--ease)}
.ct-wall::before{content:"";position:absolute;inset:0;background:var(--wall-ink);opacity:var(--wall-op,.1);-webkit-mask:url(/doodles.svg?v=1) 0 0/480px 1080px repeat;mask:url(/doodles.svg?v=1) 0 0/480px 1080px repeat}
.chat-main.has-wall,.ct-scene{isolation:isolate;--bubble-theirs:var(--wall-th)}@media (prefers-reduced-motion:reduce){.ct-wall{transition:none}}
.chat-main,.chat-main .composer,.chat-main .composer.off{background:transparent}
.chat-main{background:var(--wall-bg,var(--bg))}
.chat-main .composer{padding:6px 10px calc(10px + var(--sab));pointer-events:none}
.chat-main .composer>*{pointer-events:auto}
.chat-main .comp-row .cpill{background:var(--wall-th,var(--card));border-radius:24px;box-shadow:0 4px 18px rgba(0,0,0,.16),0 0 0 .5px rgba(0,0,0,.07)}
html[data-mode=dark] .chat-main .comp-row .cpill{box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 0 .5px rgba(255,255,255,.08)}
.chat-main .comp-row .cpill textarea#msg-in{flex:1;min-width:0;min-height:44px;max-height:148px;padding:11.5px 4px;border:0;background:none;resize:none;box-shadow:none;font:inherit;font-size:var(--fs-title);line-height:21px;overflow-y:auto;caret-color:var(--brand);color:var(--their-ink,var(--ink))!important;-webkit-text-fill-color:var(--their-ink,var(--ink))}@media (pointer:coarse){
*{scrollbar-width:none}*::-webkit-scrollbar{display:none}}
.call-pre{position:fixed;inset:0;z-index:61;background:var(--media-ground)}
html body.nv3 .main.t-chats>.nv-row{background:var(--hm-sky-1);border-bottom:0;margin-bottom:0}
html body .main.t-chats>.nv-row>h1.nv-title{flex:1;min-width:0;margin:0;padding:0 6px;font:700 var(--fs-page)/1.1 var(--hf);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .main.t-chats>nav.chat-filters{position:sticky;top:calc(var(--h-bar) + var(--top));z-index:25;display:flex;align-items:center;gap:20px;margin:0 -16px 4px;padding:4px 16px 10px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(180deg,var(--hm-sky-1),var(--hm-sky-2));transition:transform .2s cubic-bezier(.2,.8,.2,1)}
html body .main.t-chats>nav.chat-filters::-webkit-scrollbar{display:none}
html body .main.t-chats>nav.chat-filters>button{position:relative;flex:none;display:inline-flex;align-items:center;height:28px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:500 var(--fs-sub)/1 var(--font);color:var(--ink-2);white-space:nowrap}
html body .main.t-chats>nav.chat-filters>button.on{font-weight:700;color:var(--ink)}
html body .main.t-chats>nav.chat-filters>button.on::before{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--ink)}
html body .main.t-chats>nav.chat-filters>button::after{content:'';position:absolute;inset:-8px -8px}
html body .main.t-chats>nav.chat-filters>button.cf-new{width:28px;justify-content:center;color:var(--brand-icon)}html body .main.t-chats>nav.chat-filters>.cf-new .i{width:20px;height:20px}
body.bars-hid .main.t-chats>nav.chat-filters{transform:translateY(calc(-100% - var(--h-bar) - var(--top)));pointer-events:none}
.row>.side{gap:2px}
.row .side>.side-t,.row .side>.side-b{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:16px}
.row .side>.side-t .marks{margin:0}
.row .side>.side-b:empty{display:none}
.row .side .cv-acts{display:flex;gap:2px;margin-inline-end:-8px}
.row .side .cv-acts>.icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--brand-icon)}
.row .side .cv-acts>.icon-btn .i{width:22px;height:22px;stroke-width:1.9}
.row .side .cv-acts>.icon-btn:active{background:var(--brand-soft)}
html body .main.t-chats #people-list .call-row .cr-dot{display:inline-block;width:7px;height:7px;margin-inline-start:6px;border-radius:50%;background:var(--danger);vertical-align:middle}
@media (prefers-reduced-motion:reduce){html body .main.t-chats>nav.chat-filters{transition:none}}
html.under body::after{background:color-mix(in srgb,var(--hm-sky-1) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
html.under body::before{background:rgba(14,152,163,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
html[data-mode=dark] body::before{background:#0A0A0B}
html[data-mode=dark].under body::before{background:rgba(10,10,11,.8)}
html:has(.main>header.pp-top:not(.solid)) body::before{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html.hm-sky body::before{background:var(--hm-sky-1)}
html.hm-sky.under body::before{background:color-mix(in srgb,var(--hm-sky-1) 80%,transparent)}
.form label.hm-end>span{display:flex;gap:8px;margin-top:6px}.form label.hm-end>span input{flex:1;min-width:0;margin-top:0}
.hm-det .kv.nt{flex-basis:100%}.hm-det .kv.nt b{font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}
.form .hm-nt textarea{display:block;font:inherit;color:inherit;width:100%;padding:12px 14px;outline:none;border:1px solid transparent;background:var(--fill);border-radius:14px;font-size:var(--fs-title);letter-spacing:-.01em;resize:vertical;min-height:84px}