:root{--accent:#00a884;--accent-soft:color-mix(in srgb,var(--accent) 16%,transparent);--accent-strong:color-mix(in srgb,var(--accent) 82%,#000);--on-accent:#fff;--danger:#ef4444;--warn:#f59e0b;--ok:#22c55e;--blue-tick:#53bdeb;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-xl:24px;--ease:cubic-bezier(.2,.8,.2,1);--rail-w:76px;--list-w:400px;--bottom-nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--msg-font:0.94rem;font-size:16px}:root[data-font=sm]{--msg-font:0.86rem}:root[data-font=lg]{--msg-font:1.06rem}:root,:root[data-theme=dark]{--bg:#0b141a;--bg-elev:#111b21;--bg-elev-2:#1a252c;--bg-hover:#202c33;--bg-active:#2a3942;--bg-input:#1f2c34;--bg-chat:#0b141a;--bubble-out:color-mix(in srgb,var(--accent) 38%,#0b141a);--bubble-in:#1f2c34;--bubble-out-text:#e9edef;--text:#e9edef;--text-2:#aebac1;--text-3:#8696a0;--border:#233138;--border-strong:#2f3f48;--shadow:0 12px 40px rgba(0,0,0,.45);--shadow-sm:0 2px 10px rgba(0,0,0,.3);--glass:rgba(17,27,33,.78);--doodle-opacity:.06;color-scheme:dark}:root[data-theme=light]{--bg:#f0f2f5;--bg-elev:#fff;--bg-elev-2:#f7f8fa;--bg-hover:#f2f4f6;--bg-active:#e9edef;--bg-input:#f0f2f5;--bg-chat:#efeae2;--bubble-out:color-mix(in srgb,var(--accent) 22%,#fff);--bubble-in:#fff;--bubble-out-text:#111b21;--text:#111b21;--text-2:#3b4a54;--text-3:#667781;--border:#e3e7ea;--border-strong:#d1d7db;--shadow:0 12px 40px rgba(11,20,26,.14);--shadow-sm:0 2px 10px rgba(11,20,26,.08);--glass:hsla(0,0%,100%,.82);--doodle-opacity:.09;color-scheme:light}:root{--bg-primary:var(--bg);--bg-secondary:var(--bg-elev);--bg-tertiary:var(--bg-elev-2);--bg-card:var(--bg-elev);--bg-panel:var(--bg);--bg-message-out:var(--bubble-out);--bg-message-in:var(--bubble-in);--text-primary:var(--text);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--text-link:var(--blue-tick);--accent-hover:var(--accent-strong);--accent-light:var(--accent-soft);--border-light:var(--border);--scrollbar-thumb:var(--border-strong);--online:#22c55e;--offline:var(--text-3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;overscroll-behavior:none;width:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#0b141a;background:var(--bg);color:#e9edef;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{border-radius:6px;outline:2px solid #00a884;outline:2px solid var(--accent);outline-offset:2px}::selection{background:color-mix(in srgb,#00a884 16%,transparent);background:var(--accent-soft)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2f3f48;background:var(--border-strong);background-clip:padding-box;border:2px solid transparent;border-radius:8px}@media (pointer:coarse){::-webkit-scrollbar{height:0;width:0}}.sr-only{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@-webkit-keyframes riseIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes riseIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes popIn{0%{opacity:0;-webkit-transform:scale(.94);transform:scale(.94)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes popIn{0%{opacity:0;-webkit-transform:scale(.94);transform:scale(.94)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes sheetUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:none;transform:none}}@keyframes sheetUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes slideIn{0%{opacity:.4;-webkit-transform:translateX(28px);transform:translateX(28px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes slideIn{0%{opacity:.4;-webkit-transform:translateX(28px);transform:translateX(28px)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@-webkit-keyframes typingDot{0%,60%,to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes typingDot{0%,60%,to{opacity:.5;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@-webkit-keyframes pulseRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,#00a884 60%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 14px transparent}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,#00a884 60%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 14px transparent}}@-webkit-keyframes flash{0%,to{background:transparent}30%{background:color-mix(in srgb,#00a884 16%,transparent);background:var(--accent-soft)}}@keyframes flash{0%,to{background:transparent}30%{background:color-mix(in srgb,#00a884 16%,transparent);background:var(--accent-soft)}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{align-items:center;border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;height:42px;justify-content:center;padding:0 1.1rem;transition:background .18s,box-shadow .18s,opacity .18s,-webkit-transform .12s cubic-bezier(.2,.8,.2,1);transition:transform .12s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s,opacity .18s;transition:transform .12s cubic-bezier(.2,.8,.2,1),background .18s,box-shadow .18s,opacity .18s,-webkit-transform .12s cubic-bezier(.2,.8,.2,1);transition:background .18s,box-shadow .18s,opacity .18s,-webkit-transform .12s var(--ease);transition:transform .12s var(--ease),background .18s,box-shadow .18s,opacity .18s;transition:transform .12s var(--ease),background .18s,box-shadow .18s,opacity .18s,-webkit-transform .12s var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active:not(:disabled){-webkit-transform:scale(.97);transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#00a884;background:var(--accent);box-shadow:0 6px 18px -6px #00a884;box-shadow:0 6px 18px -6px var(--accent);color:#fff;color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,#00a884 82%,#000);background:var(--accent-strong)}.btn-ghost{background:#202c33;background:var(--bg-hover);color:#e9edef;color:var(--text)}.btn-ghost:hover:not(:disabled){background:#2a3942;background:var(--bg-active)}.btn-outline{border:1.5px solid #2f3f48;border:1.5px solid var(--border-strong);color:#e9edef;color:var(--text)}.btn-outline:hover{border-color:#00a884;border-color:var(--accent);color:#00a884;color:var(--accent)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-soft{background:color-mix(in srgb,#00a884 16%,transparent);background:var(--accent-soft);color:#00a884;color:var(--accent)}.btn-sm{font-size:.82rem;height:34px;padding:0 .85rem}.btn-lg{font-size:1rem;height:50px;padding:0 1.5rem}.btn-block{width:100%}.icon-btn{align-items:center;border-radius:50%;color:#aebac1;color:var(--text-2);display:inline-flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;position:relative;transition:background .15s,color .15s,-webkit-transform .12s;transition:background .15s,color .15s,transform .12s;transition:background .15s,color .15s,transform .12s,-webkit-transform .12s;width:40px}.icon-btn:hover{background:#202c33;background:var(--bg-hover);color:#e9edef;color:var(--text)}.icon-btn:active{-webkit-transform:scale(.92);transform:scale(.92)}.icon-btn.active{background:color-mix(in srgb,#00a884 16%,transparent);background:var(--accent-soft);color:#00a884;color:var(--accent)}.icon-btn.sm{font-size:1.05rem;height:32px;width:32px}.badge{align-items:center;background:#00a884;background:var(--accent);border-radius:999px;color:#fff;color:var(--on-accent);display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.badge.muted{background:#8696a0;background:var(--text-3)}.dot-badge{align-items:center;background:#ef4444;background:var(--danger);border:2px solid #111b21;border:2px solid var(--bg-elev);border-radius:999px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:4px}.field{grid-gap:.4rem;display:grid;gap:.4rem;margin-bottom:1rem}.field-label{color:#8696a0;color:var(--text-3);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.input,.select,.textarea{background:#1f2c34;background:var(--bg-input);border:1.5px solid transparent;border-radius:12px;border-radius:var(--radius);font-size:.95rem;outline:none;padding:.7rem .9rem;transition:border-color .15s,background .15s;width:100%}.textarea{min-height:80px;resize:vertical}.input:focus,.select:focus,.textarea:focus{background:#111b21;background:var(--bg-elev);border-color:#00a884;border-color:var(--accent)}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:#8696a0;color:var(--text-3)}.input::placeholder,.textarea::placeholder{color:#8696a0;color:var(--text-3)}.search{align-items:center;background:#1f2c34;background:var(--bg-input);border:1.5px solid transparent;border-radius:999px;color:#8696a0;color:var(--text-3);display:flex;gap:.6rem;height:40px;padding:0 .9rem;transition:border-color .15s}.search:focus-within{border-color:#00a884;border-color:var(--accent)}.search input{background:none;border:none;color:#e9edef;color:var(--text);flex:1 1;font-size:.92rem;min-width:0;outline:none}.search input::-webkit-input-placeholder{color:#8696a0;color:var(--text-3)}.search input::placeholder{color:#8696a0;color:var(--text-3)}.switch{flex-shrink:0;height:26px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.switch span{background:#2f3f48;background:var(--border-strong);border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.switch span:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);content:"";height:20px;left:3px;position:absolute;top:3px;transition:-webkit-transform .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s cubic-bezier(.2,.8,.2,1),-webkit-transform .2s cubic-bezier(.2,.8,.2,1);transition:-webkit-transform .2s var(--ease);transition:transform .2s var(--ease);transition:transform .2s var(--ease),-webkit-transform .2s var(--ease);width:20px}.switch input:checked+span{background:#00a884;background:var(--accent)}.switch input:checked+span:after{-webkit-transform:translateX(18px);transform:translateX(18px)}.chips{display:flex;gap:.45rem;overflow-x:auto;padding:2px 1px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{align-items:center;background:#202c33;background:var(--bg-hover);border-radius:999px;color:#aebac1;color:var(--text-2);display:inline-flex;flex-shrink:0;font-size:.82rem;font-weight:600;gap:.35rem;height:32px;padding:0 .9rem;transition:background .15s,color .15s}.chip:hover{background:#2a3942;background:var(--bg-active)}.chip.active{background:color-mix(in srgb,#00a884 16%,transparent);background:var(--accent-soft);color:#00a884;color:var(--accent)}.avatar{border-radius:50%;display:inline-flex;flex-shrink:0;position:relative}.avatar img,.avatar-fallback{background:#2a3942;background:var(--bg-active);border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.avatar-online{background:#22c55e;background:var(--online);border:2.5px solid #111b21;border:2.5px solid var(--bg-elev);border-radius:50%;bottom:0;position:absolute;right:0}.avatar.clickable{cursor:pointer}.avatar-ring{padding:3px}.avatar-ring:before{background:conic-gradient(#00a884,#7c5cff,#00a884);background:conic-gradient(var(--accent),#7c5cff,var(--accent));border-radius:50%;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2.5px;position:absolute}.avatar-ring.seen:before{background:#2f3f48;background:var(--border-strong)}.avatar-ring .avatar-fallback,.avatar-ring img{border:2px solid #111b21;border:2px solid var(--bg-elev)}.sheet-backdrop{align-items:center;-webkit-animation:fadeIn .18s ease;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:3000}.sheet{-webkit-animation:popIn .2s cubic-bezier(.2,.8,.2,1);animation:popIn .2s cubic-bezier(.2,.8,.2,1);-webkit-animation:popIn .2s var(--ease);animation:popIn .2s var(--ease);background:#111b21;background:var(--bg-elev);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 12px 40px rgba(0,0,0,.45);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:min(88dvh,760px);overflow:hidden;transition:-webkit-transform .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s cubic-bezier(.2,.8,.2,1),-webkit-transform .2s cubic-bezier(.2,.8,.2,1);transition:-webkit-transform .2s var(--ease);transition:transform .2s var(--ease);transition:transform .2s var(--ease),-webkit-transform .2s var(--ease);width:100%}.sheet-sm{max-width:400px}.sheet-md{max-width:520px}.sheet-lg{max-width:720px}.sheet-grab{display:none}.sheet-head{align-items:center;display:flex;gap:.5rem;padding:1rem 1rem .5rem 1.25rem}.sheet-title{flex:1 1;font-size:1.08rem;font-weight:700}.sheet-body{flex:1 1;overflow-y:auto;padding:.5rem 1.25rem 1.25rem}.sheet-foot{border-top:1px solid #233138;border-top:1px solid var(--border);display:flex;gap:.6rem;justify-content:flex-end;padding:.75rem 1.25rem calc(.9rem + env(safe-area-inset-bottom, 0px));padding:.75rem 1.25rem calc(.9rem + var(--safe-b))}@media (max-width:640px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{-webkit-animation:sheetUp .26s cubic-bezier(.2,.8,.2,1);animation:sheetUp .26s cubic-bezier(.2,.8,.2,1);-webkit-animation:sheetUp .26s var(--ease);animation:sheetUp .26s var(--ease);border-radius:24px 24px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92dvh;max-width:none}.sheet-grab{display:flex;justify-content:center;padding:8px 0 0;touch-action:none}.sheet-grab span{background:#2f3f48;background:var(--border-strong);border-radius:3px;height:5px;width:40px}.sheet-body{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom, 0px));padding-bottom:calc(1.25rem + var(--safe-b))}}.confirm-body{color:#aebac1;color:var(--text-2);font-size:.92rem;margin-bottom:1rem}.confirm-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.5rem}.menu-layer{inset:0;pointer-events:none;position:fixed;z-index:3500}.menu{-webkit-animation:popIn .14s cubic-bezier(.2,.8,.2,1);animation:popIn .14s cubic-bezier(.2,.8,.2,1);-webkit-animation:popIn .14s var(--ease);animation:popIn .14s var(--ease);background:#111b21;background:var(--bg-elev);border:1px solid #233138;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.45);box-shadow:var(--shadow);max-width:280px;min-width:200px;padding:6px;pointer-events:auto;position:fixed}.menu-item{align-items:center;border-radius:9px;color:#e9edef;color:var(--text);display:flex;font-size:.9rem;gap:.75rem;padding:.62rem .75rem;text-align:left;width:100%}.menu-item:hover{background:#202c33;background:var(--bg-hover)}.menu-item.danger{color:#ef4444;color:var(--danger)}.menu-icon{color:#8696a0;color:var(--text-3);display:inline-flex;font-size:1.1rem}.menu-item.danger .menu-icon{color:#ef4444;color:var(--danger)}.menu-divider{background:#233138;background:var(--border);height:1px;margin:4px 6px}.toast-stack{display:flex;flex-direction:column;gap:8px;position:fixed;right:16px;top:calc(12px + env(safe-area-inset-top, 0px));top:calc(12px + var(--safe-t));width:min(360px,calc(100vw - 24px));z-index:4000}@media (max-width:640px){.toast-stack{left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.toast{align-items:center;-webkit-animation:riseIn .25s cubic-bezier(.2,.8,.2,1);animation:riseIn .25s cubic-bezier(.2,.8,.2,1);-webkit-animation:riseIn .25s var(--ease);animation:riseIn .25s var(--ease);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:rgba(17,27,33,.78);background:var(--glass);border:1px solid #233138;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.45);box-shadow:var(--shadow);cursor:pointer;display:flex;gap:.75rem;padding:.7rem .8rem}.toast-error{border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.toast-success{border-left:4px solid #22c55e;border-left:4px solid var(--ok)}.toast-icon{font-size:1.4rem;text-align:center;width:36px}.toast-body{flex:1 1;min-width:0}.toast-title{font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aebac1;color:var(--text-2);display:-webkit-box;font-size:.82rem;overflow:hidden}.toast-x{font-size:.85rem;padding:4px}.empty,.toast-x{color:#8696a0;color:var(--text-3)}.empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-icon{-webkit-filter:saturate(.9);filter:saturate(.9);font-size:3rem;line-height:1;margin-bottom:.25rem}.empty-title{color:#e9edef;color:var(--text);font-size:1.05rem;font-weight:700}.empty-body{font-size:.9rem;margin-bottom:.75rem;max-width:320px}.spinner{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite;border:2.5px solid #2f3f48;border-radius:50%;border-top-color:#00a884;border:2.5px solid var(--border-strong);border-top-color:var(--accent);display:inline-block}.skeleton{-webkit-animation:shimmer 1.4s infinite;animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#202c33 25%,#2a3942 50%,#202c33 75%);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-active) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:8px}.skel-list{padding:.5rem 0}.row,.skel-row{align-items:center;display:flex;gap:.85rem;padding:.7rem 1rem}.row{cursor:pointer;position:relative;transition:background .12s;user-select:none;-webkit-user-select:none}.row:hover{background:#202c33;background:var(--bg-hover)}.row.active{background:#2a3942;background:var(--bg-active)}.row-body{flex:1 1;min-width:0}.row-bottom,.row-top{align-items:center;display:flex;gap:.5rem}.row-title{flex:1 1;font-size:.98rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{flex-shrink:0;font-size:.74rem}.row-meta,.row-sub{color:#8696a0;color:var(--text-3)}.row-sub{align-items:center;display:flex;flex:1 1;font-size:.86rem;gap:.3rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub .typing{color:#00a884;color:var(--accent);font-weight:600}.row:after{background:#233138;background:var(--border);bottom:0;content:"";height:1px;left:76px;opacity:.5;position:absolute;right:0}.row:last-child:after{display:none}.section-label{color:#00a884;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.06em;padding:1rem 1rem .4rem;text-transform:uppercase}.card{background:#111b21;background:var(--bg-elev);border:1px solid #233138;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg)}.rt-code{background:hsla(0,0%,50%,.18);border-radius:5px;font-size:.86em;padding:1px 5px}.rt-code,.rt-pre{font-family:ui-monospace,SF Mono,Menlo,monospace}.rt-pre{background:rgba(0,0,0,.22);border-radius:8px;font-size:.82em;margin:4px 0;overflow-x:auto;padding:.6rem .7rem;white-space:pre-wrap}.rt-link{color:#53bdeb;color:var(--blue-tick);text-decoration:underline;text-underline-offset:2px;word-break:break-all}.rt-mention{color:#00a884;color:var(--accent);font-weight:600}:root[data-theme=light] .rt-link{color:#027eb5}.rt-hl{background:#fde047;border-radius:3px;color:#111;padding:0 1px}.typing-dots{align-items:center;display:inline-flex;gap:3px}.typing-dots i{-webkit-animation:typingDot 1.1s infinite;animation:typingDot 1.1s infinite;background:currentColor;border-radius:50%;height:5px;width:5px}.typing-dots i:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.typing-dots i:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.splash{align-items:center;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;background:var(--bg);display:flex;flex-direction:column;gap:14px;height:100dvh;justify-content:center}.splash img{border-radius:22px;box-shadow:0 16px 40px -12px rgba(124,92,255,.6)}.splash-name{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.splash-bar{background:var(--bg-active);border-radius:3px;height:3px;overflow:hidden;width:120px}.splash-bar span{-webkit-animation:splashbar 1s ease-in-out infinite;animation:splashbar 1s ease-in-out infinite;background:var(--accent);border-radius:3px;display:block;height:100%;width:40%}@-webkit-keyframes splashbar{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(260%);transform:translateX(260%)}}@keyframes splashbar{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(260%);transform:translateX(260%)}}.page-loader{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center}.shell{background:var(--bg);display:flex;height:100dvh}.shell-main{display:flex;height:100%;overflow:hidden;position:relative}.shell-main,.shell-main>*{flex:1 1;min-width:0}.rail{align-items:center;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:14px 0 12px;width:var(--rail-w);z-index:10}.rail-logo img{border-radius:12px;height:40px;width:40px}.rail-items{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-top:12px}.rail-item{border-radius:14px;color:var(--text-3);flex-direction:column;gap:3px;padding:6px 0;transition:color .15s;width:64px}.rail-icon,.rail-item{align-items:center;display:flex}.rail-icon{border-radius:999px;font-size:1.35rem;height:32px;justify-content:center;position:relative;transition:background .2s var(--ease),color .15s;width:52px}.rail-icon .dot-badge{right:2px;top:-4px}.rail-label{font-size:.68rem;font-weight:600}.rail-item:hover{color:var(--text)}.rail-item:hover .rail-icon{background:var(--bg-hover)}.rail-item.active{color:var(--text)}.rail-item.active .rail-icon{background:var(--accent-soft);color:var(--accent)}.rail-bottom{align-items:center;display:flex;flex-direction:column;gap:4px}.rail-bottom .dot-badge{right:0;top:0}.rail-me{border-radius:50%;margin-top:6px;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.rail-me:hover{-webkit-transform:scale(1.06);transform:scale(1.06)}.bottom-nav{display:none}@media (max-width:820px){.rail{display:none}.shell{flex-direction:column}.shell-main{flex:1 1;min-height:0}.bottom-nav{background:var(--bg-elev);border-top:1px solid var(--border);display:flex;flex-shrink:0;height:calc(var(--bottom-nav-h) + var(--safe-b));justify-content:space-around;padding-bottom:var(--safe-b);z-index:20}.bottom-item{color:var(--text-3);flex:1 1;flex-direction:column;gap:3px}.bottom-item,.bottom-pill{align-items:center;display:flex;justify-content:center}.bottom-pill{border-radius:999px;font-size:1.35rem;height:30px;position:relative;transition:background .25s var(--ease),color .2s;width:58px}.bottom-pill .dot-badge{right:6px;top:-5px}.bottom-label{font-size:.7rem;font-weight:600}.bottom-item.active{color:var(--text)}.bottom-item.active .bottom-pill{background:var(--accent-soft);color:var(--accent)}}.page{-webkit-animation:fadeIn .2s;animation:fadeIn .2s;background:var(--bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.page-header{align-items:center;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.5rem;min-height:60px;padding:calc(.75rem + var(--safe-t)) 1rem .75rem}.page-title{flex:1 1;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-title.sm{font-size:1.08rem;font-weight:700}.page-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.page-inner{margin:0 auto;max-width:880px;padding:1rem}.page-inner.wide{max-width:1180px}.fab{align-items:center;background:var(--accent);border-radius:18px;bottom:18px;box-shadow:0 10px 24px -8px var(--accent),var(--shadow-sm);color:var(--on-accent);display:flex;font-size:1.5rem;height:56px;justify-content:center;position:absolute;right:18px;transition:-webkit-transform .15s var(--ease);transition:transform .15s var(--ease);transition:transform .15s var(--ease),-webkit-transform .15s var(--ease);width:56px;z-index:15}.fab:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.fab:active{-webkit-transform:scale(.94);transform:scale(.94)}.palette-backdrop{align-items:flex-start;-webkit-animation:fadeIn .12s;animation:fadeIn .12s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;padding:12vh 1rem 1rem;position:fixed;z-index:3200}.palette{-webkit-animation:popIn .16s var(--ease);animation:popIn .16s var(--ease);background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:70vh;max-width:620px;overflow:hidden;width:100%}.palette-input{align-items:center;border-bottom:1px solid var(--border);color:var(--text-3);display:flex;font-size:1.15rem;gap:.7rem;padding:.95rem 1.1rem}.palette-input input{background:none;border:none;color:var(--text);flex:1 1;font-size:1rem;outline:none}kbd{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-3);font-family:inherit;font-size:.7rem;padding:2px 6px}.palette-list{overflow-y:auto;padding:6px}.palette-item{align-items:center;border-radius:10px;display:flex;gap:.75rem;padding:.55rem .7rem;text-align:left;width:100%}.palette-item.sel{background:var(--accent-soft)}.palette-emoji{font-size:1.15rem;text-align:center;width:30px}.palette-label{flex:1 1;font-size:.92rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-kind{color:var(--text-3);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.palette-empty{color:var(--text-3);padding:2rem;text-align:center}.palette-foot{border-top:1px solid var(--border);color:var(--text-3);display:flex;font-size:.72rem;gap:1rem;padding:.55rem 1rem}.palette-foot kbd{margin:0 2px}@media (max-width:640px){.palette-backdrop{padding-top:calc(8px + var(--safe-t))}.palette-foot{display:none}}.seg{background:var(--bg-hover);border-radius:999px;display:inline-flex;gap:2px;padding:3px}.seg.full{display:flex;width:100%}.seg.full button{flex:1 1}.seg button{align-items:center;border-radius:999px;color:var(--text-2);display:inline-flex;font-size:.84rem;font-weight:600;gap:6px;height:34px;justify-content:center;padding:0 .95rem;transition:background .15s,color .15s;white-space:nowrap}.seg button span:not(.badge){color:var(--text-3);font-weight:500}.seg button.on{background:var(--bg-elev);box-shadow:var(--shadow-sm);color:var(--text)}.seg.small button{font-size:.78rem;height:30px;padding:0 .65rem}.pill{background:var(--bg-hover);border-radius:999px;color:var(--text-2);font-size:.72rem;font-weight:700;padding:3px 9px}.pill.ok{background:var(--accent-soft);color:var(--accent)}.form-error{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.form-error,.form-info{border-radius:10px;font-size:.85rem;margin-bottom:.8rem;padding:.6rem .8rem}.form-info{background:var(--accent-soft);color:var(--accent)}.field-hint{color:var(--text-3);font-size:.74rem}.code-input{font-family:ui-monospace,monospace;font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase}.page .row{border-radius:12px}.page .row:after{display:none}.rooms-hero{align-items:center;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,var(--bg-elev)),color-mix(in srgb,#7c5cff 20%,var(--bg-elev)));border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.4rem}.rooms-hero h2{font-size:1.2rem;font-weight:800}.rooms-hero p{color:var(--text-2);font-size:.88rem;margin-top:4px;max-width:560px}.rooms-hero-emojis{font-size:1.8rem;letter-spacing:4px;margin-left:auto;white-space:nowrap}@media (max-width:640px){.rooms-hero-emojis{display:none}}.rooms-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.rooms-toolbar .search{flex:1 1;min-width:200px}.room-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.room-card{-webkit-animation:riseIn .25s var(--ease) both;animation:riseIn .25s var(--ease) both;display:flex;flex-direction:column;gap:.6rem;padding:1rem;text-align:left;transition:box-shadow .15s,border-color .15s,-webkit-transform .15s var(--ease);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s;transition:transform .15s var(--ease),box-shadow .15s,border-color .15s,-webkit-transform .15s var(--ease)}.room-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.room-card-top{align-items:center;display:flex;gap:.75rem}.room-card-id{display:grid;flex:1 1;min-width:0}.room-card-id strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-id span{align-items:center;color:var(--text-3);display:inline-flex;font-size:.78rem;gap:4px}.room-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-2);display:-webkit-box;font-size:.86rem;min-height:2.5em;overflow:hidden}.room-card-foot{align-items:center;display:flex;font-size:.76rem;justify-content:space-between}.join-page{align-items:center;justify-content:center;padding:1rem}.join-card{align-items:center;-webkit-animation:popIn .25s var(--ease);animation:popIn .25s var(--ease);display:flex;flex-direction:column;gap:.6rem;max-width:400px;padding:2rem 1.5rem;text-align:center;width:100%}.join-card h1{font-size:1.5rem;margin-top:.5rem}.join-desc{color:var(--text-2);font-size:.92rem;margin-bottom:.5rem}.status-me-avatar{position:relative}.status-add{align-items:center;background:var(--accent);border:2px solid var(--bg);border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:.9rem;height:22px;justify-content:center;position:absolute;right:-2px;width:22px}.status-me{margin-bottom:.25rem}.status-thumb{align-items:center;display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;width:60px}.status-thumb svg{inset:0;position:absolute}.status-compose{-webkit-animation:fadeIn .2s;animation:fadeIn .2s;color:#fff;display:flex;flex-direction:column;inset:0;position:fixed;transition:background .3s;z-index:3300}.status-compose-top{display:flex;gap:.25rem;padding:calc(.75rem + var(--safe-t)) .75rem .5rem}.status-compose .icon-btn{color:#fff;font-size:1.5rem}.status-compose .icon-btn:hover{background:hsla(0,0%,100%,.15)}.status-compose textarea{background:none;border:none;color:#fff;display:flex;flex:1 1;font-weight:600;line-height:1.3;outline:none;padding:2rem 1.5rem;resize:none;text-align:center}.status-compose textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.status-compose textarea::placeholder{color:hsla(0,0%,100%,.65)}.status-compose-foot{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;opacity:.95;padding:.75rem 1rem calc(1rem + var(--safe-b))}.status-compose .send-btn{background:#fff;color:#111}.story{align-items:center;-webkit-animation:fadeIn .2s;animation:fadeIn .2s;background:#000;display:flex;inset:0;justify-content:center;position:fixed;z-index:3400}.story-frame{background:#111;display:flex;flex-direction:column;height:100%;max-height:900px;max-width:460px;overflow:hidden;position:relative;width:100%}@media (min-width:640px){.story-frame{border-radius:18px;height:94dvh}}.story-bars{display:flex;gap:4px;left:8px;position:absolute;right:8px;top:calc(8px + var(--safe-t));z-index:3}.story-bars span{background:hsla(0,0%,100%,.35);border-radius:3px;flex:1 1;height:3px;overflow:hidden}.story-bars i{background:#fff;display:block;height:100%}.story-top{align-items:center;color:#fff;display:flex;gap:.6rem;left:0;padding:.25rem .5rem .25rem .75rem;position:absolute;right:0;top:calc(18px + var(--safe-t));z-index:3}.story-top .icon-btn{color:#fff}.story-who{display:grid;flex:1 1;font-size:.82rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-who span{font-size:.74rem;opacity:.8}.story-content{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:center;position:relative;user-select:none;-webkit-user-select:none}.story-content img{height:100%;object-fit:contain;width:100%}.story-text{font-weight:600;line-height:1.3;padding:2rem;white-space:pre-wrap;word-break:break-word}.story-caption,.story-text{color:#fff;text-align:center}.story-caption{background:rgba(0,0,0,.45);border-radius:10px;bottom:1rem;left:1rem;padding:.5rem .8rem;position:absolute;right:1rem}.story-bottom{background:linear-gradient(transparent,rgba(0,0,0,.6));bottom:0;left:0;padding:.75rem .75rem calc(.75rem + var(--safe-b));position:absolute;right:0;z-index:3}.story-reply{align-items:center;display:flex;gap:.5rem}.story-reply input{background:rgba(0,0,0,.3);border:1.5px solid hsla(0,0%,100%,.5);border-radius:999px;color:#fff;flex:1 1;height:44px;outline:none;padding:0 1rem}.story-reply input::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.story-reply input::placeholder{color:hsla(0,0%,100%,.7)}.story-quick{font-size:1.4rem;height:40px;width:40px}.story-views{align-items:center;color:#fff;display:flex;font-size:.88rem;gap:6px;margin:0 auto}.call-new{text-align:left;width:100%}.row-title.missed{color:var(--danger)}.call-sub .dir{flex-shrink:0;font-size:.95rem}.call-sub .dir.in,.call-sub .dir.out{color:var(--accent);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.call-sub .dir.in.missed{color:var(--danger)}.notif-list{display:grid}.notif-item{align-items:flex-start;border-radius:14px;cursor:pointer;display:flex;gap:.85rem;padding:.8rem .75rem;position:relative;transition:background .12s}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:var(--accent-soft)}.notif-av{flex-shrink:0;position:relative}.notif-type{align-items:center;background:var(--bg-elev);border:2px solid var(--bg);border-radius:50%;bottom:-4px;color:var(--accent);display:flex;font-size:.7rem;font-weight:800;height:22px;justify-content:center;position:absolute;right:-4px;width:22px}.notif-body{flex:1 1;min-width:0}.notif-text{color:var(--text-2);font-size:.9rem;line-height:1.35;word-break:break-word}.notif-text strong{color:var(--text)}.notif-time{color:var(--text-3);font-size:.74rem;margin-top:3px}.notif-actions{display:flex;gap:.5rem;margin-top:.5rem}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:9px;margin-top:6px;width:9px}.notif-x{opacity:0;transition:opacity .15s}.notif-item:hover .notif-x{opacity:1}@media (pointer:coarse){.notif-x{opacity:.6}}.settings{flex-direction:row}.settings-nav{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:380px}.settings-content{min-width:0}.settings-content,.settings-placeholder{display:flex;flex:1 1;flex-direction:column}.settings-placeholder{align-items:center;color:var(--text-3);font-size:3rem;gap:.75rem;justify-content:center}.settings-placeholder p{font-size:.95rem}.settings-back{display:none}@media (max-width:900px){.settings-nav{border-right:none;width:100%}.settings.has-section .settings-nav,.settings:not(.has-section) .settings-content{display:none}.settings-back{display:inline-flex}.settings.has-section .settings-content{-webkit-animation:slideIn .22s var(--ease);animation:slideIn .22s var(--ease)}}.settings-me{align-items:center;border-bottom:1px solid var(--border);color:var(--text-3);display:flex;gap:1rem;padding:1.1rem;text-align:left;width:100%}.settings-me:hover{background:var(--bg-hover)}.settings-me-text{display:grid;flex:1 1;min-width:0}.settings-me-text strong{color:var(--text);font-size:1.15rem}.settings-me-text span{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-link{align-items:center;display:flex;gap:1.1rem;padding:.9rem 1.1rem;text-align:left;transition:background .12s;width:100%}.settings-link:hover{background:var(--bg-hover)}.settings-link.active{background:var(--bg-active)}.settings-icon{color:var(--text-3);flex-shrink:0;font-size:1.35rem}.settings-link-text{display:grid;flex:1 1;min-width:0}.settings-link-text strong{font-size:.95rem;font-weight:600}.settings-link-text span{color:var(--text-3);font-size:.8rem}.settings-link .chev{color:var(--text-3)}.settings-link.danger,.settings-link.danger .settings-icon{color:var(--danger)}.settings-version{color:var(--text-3);font-size:.74rem;padding:1.5rem 1rem 2rem;text-align:center}.settings-inner{max-width:640px}.settings-card{overflow:hidden}.card-row{border-bottom:1px solid var(--border)}.card-row:last-child{border-bottom:none}.setting-group{margin-bottom:1.6rem}.setting-group>.field-label{display:block;margin-bottom:.6rem}.profile-hero{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 1.5rem}.profile-avatar{border-radius:50%;position:relative}.profile-cam{align-items:center;background:var(--accent);border:3px solid var(--bg);border-radius:50%;bottom:4px;color:#fff;display:flex;font-size:1.15rem;height:38px;justify-content:center;position:absolute;right:4px;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:38px}.profile-avatar:hover .profile-cam{-webkit-transform:scale(1.08);transform:scale(1.08)}.avatar-actions{display:flex;flex-wrap:wrap;gap:.6rem}.avatar-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(5,1fr)}@media (max-width:420px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}.avatar-opt{aspect-ratio:1;background:var(--bg-hover);border:3px solid transparent;border-radius:50%;overflow:hidden;position:relative;transition:border-color .12s,-webkit-transform .12s;transition:transform .12s,border-color .12s;transition:transform .12s,border-color .12s,-webkit-transform .12s}.avatar-opt:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.avatar-opt.on{border-color:var(--accent)}.avatar-opt img{height:100%;width:100%}.avatar-check{align-items:center;background:rgba(0,0,0,.35);color:#fff;display:flex;font-size:1.4rem;inset:0;justify-content:center;position:absolute}.theme-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.theme-card{align-items:center;border:2px solid var(--border);border-radius:14px;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem}.theme-card.on{background:var(--accent-soft);border-color:var(--accent)}.theme-mock{border-radius:10px;display:flex;flex-direction:column;gap:5px;height:64px;padding:8px;width:100%}.theme-mock.light{background:#efeae2}.theme-mock.dark{background:#0b141a}.theme-mock.system{background:linear-gradient(135deg,#efeae2 50%,#0b141a 0)}.theme-mock i{background:#fff;border-radius:5px;height:10px;width:60%}.theme-mock.dark i{background:#1f2c34}.theme-mock i:nth-child(2){align-self:flex-end;background:var(--accent);opacity:.8}.color-dot.lg{align-items:center;color:#fff;display:flex;font-size:1.1rem;height:38px;justify-content:center;width:38px}.color-dot.custom{background:conic-gradient(red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;overflow:hidden;position:relative}.color-dot.custom input{cursor:pointer;inset:0;opacity:0;position:absolute}.wp-picker.big{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding-left:0}.wp-picker.big .wp-swatch{height:80px}.bubble-demo{background:var(--bg-chat);border-radius:14px;display:flex;flex-direction:column;gap:6px;margin-top:1rem;padding:1rem}.bubble-demo .bubble{max-width:75%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bubble-demo .bubble.out{align-self:flex-end}.bubble-demo .bubble-text:after{display:none}.shortcut-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:.88rem;gap:1rem;justify-content:space-between;padding:.7rem 1.1rem}.shortcut-row:last-child{border-bottom:none}.install-card .setting-row{gap:1rem}.call-overlay{align-items:center;background:#0b0c10;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:10000}.call-remote-video{background:#0b0c10;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.call-avatar-bg{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:absolute}.call-avatar-circle{object-fit:cover}.call-avatar-circle,.call-avatar-ph{border:4px solid hsla(0,0%,100%,.25);border-radius:50%;box-shadow:0 0 40px rgba(99,179,237,.35);height:120px;width:120px}.call-avatar-ph{align-items:center;-webkit-animation:callPulse 2s ease-in-out infinite;animation:callPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2.8rem;font-weight:700;justify-content:center}@-webkit-keyframes callPulse{0%,to{box-shadow:0 0 40px rgba(99,179,237,.35)}50%{box-shadow:0 0 70px rgba(99,179,237,.6)}}@keyframes callPulse{0%,to{box-shadow:0 0 40px rgba(99,179,237,.35)}50%{box-shadow:0 0 70px rgba(99,179,237,.6)}}.call-partner-name{color:#fff;font-size:1.6rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}.call-status-text{color:hsla(0,0%,100%,.65);font-size:.9rem;letter-spacing:.05em}.call-incoming-overlay{align-items:center;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;background:rgba(0,0,0,.82);display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.call-incoming-card{align-items:center;-webkit-animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:1rem;padding:2.5rem 2rem;width:min(340px,90vw)}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.call-incoming-type{color:hsla(0,0%,100%,.55);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.call-incoming-avatar{border:3px solid hsla(0,0%,100%,.25);border-radius:50%;object-fit:cover}.call-incoming-avatar,.call-incoming-avatar-ph{-webkit-animation:callPulse 1.8s ease-in-out infinite;animation:callPulse 1.8s ease-in-out infinite;height:96px;width:96px}.call-incoming-avatar-ph{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2.2rem;font-weight:700;justify-content:center}.call-incoming-name{color:#fff;font-size:1.4rem;font-weight:700}.call-incoming-label{color:hsla(0,0%,100%,.55);font-size:.85rem;margin-top:-.4rem}.call-incoming-actions{display:flex;gap:2.5rem;margin-top:.5rem}.call-accept-btn,.call-decline-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.6rem;height:64px;justify-content:center;transition:box-shadow .15s,-webkit-transform .15s;transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s,-webkit-transform .15s;width:64px}.call-accept-btn{-webkit-animation:ringPulse 1.4s ease-in-out infinite;animation:ringPulse 1.4s ease-in-out infinite;background:#22c55e;box-shadow:0 0 24px rgba(34,197,94,.5);color:#fff}.call-decline-btn{background:#ef4444;box-shadow:0 0 24px rgba(239,68,68,.4);color:#fff}.call-accept-btn:hover,.call-decline-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes ringPulse{0%,to{box-shadow:0 0 24px rgba(34,197,94,.5)}50%{box-shadow:0 0 44px rgba(34,197,94,.8)}}@keyframes ringPulse{0%,to{box-shadow:0 0 24px rgba(34,197,94,.5)}50%{box-shadow:0 0 44px rgba(34,197,94,.8)}}.call-btn-label{color:hsla(0,0%,100%,.55);font-size:.7rem;margin-top:.3rem;text-align:center}.call-local-pip{background:#111;border:2px solid hsla(0,0%,100%,.3);border-radius:14px;bottom:110px;box-shadow:0 4px 24px rgba(0,0,0,.5);cursor:pointer;height:90px;overflow:hidden;position:absolute;right:20px;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:120px;z-index:2}.call-local-pip:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.call-local-pip video{height:100%;object-fit:cover;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:100%}.call-pip-off{background:#1a1a2e;color:hsla(0,0%,100%,.4);font-size:.7rem;height:100%;justify-content:center;width:100%}.call-controls,.call-pip-off{align-items:center;display:flex}.call-controls{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.08);border-radius:60px;bottom:28px;gap:16px;left:50%;padding:10px 20px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.call-ctrl-btn{align-items:center;background:hsla(0,0%,100%,.12);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:52px;justify-content:center;position:relative;transition:background .15s,-webkit-transform .12s;transition:background .15s,transform .12s;transition:background .15s,transform .12s,-webkit-transform .12s;width:52px}.call-ctrl-btn:hover{background:hsla(0,0%,100%,.22);-webkit-transform:scale(1.08);transform:scale(1.08)}.call-ctrl-btn.active{background:#6c63ff;background:var(--accent,#6c63ff)}.call-ctrl-btn.off{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.35)}.call-ctrl-btn.danger{background:#ef4444}.call-ctrl-btn.danger:hover{background:#dc2626}.call-ctrl-label{bottom:-18px;color:hsla(0,0%,100%,.45);font-size:.58rem;pointer-events:none;white-space:nowrap}.call-ctrl-label,.call-duration{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.call-duration{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.85);font-size:.85rem;font-weight:600;padding:.3rem .85rem;top:16px;z-index:3}.call-screen-share-banner{background:rgba(99,179,237,.2);border:1px solid rgba(99,179,237,.4);border-radius:10px;color:#63b3ed;font-size:.75rem;padding:.3rem .75rem;position:absolute;right:20px;top:16px;z-index:3}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-ctrl-group{align-items:center;display:flex;gap:2px;position:relative}.call-ctrl-chevron{align-items:center;align-self:flex-end;background:hsla(0,0%,100%,.08);border:none;border-radius:50%;color:hsla(0,0%,100%,.55);cursor:pointer;display:flex;font-size:.7rem;height:20px;justify-content:center;margin-bottom:4px;transition:background .15s;width:20px}.call-ctrl-chevron:hover{background:hsla(0,0%,100%,.18);color:#fff}.call-device-picker{-webkit-animation:slideUp .18s ease;animation:slideUp .18s ease;background:#1e2030;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 8px 32px rgba(0,0,0,.6);left:0;min-width:220px;overflow:hidden;position:absolute;z-index:10}.call-device-item{color:hsla(0,0%,100%,.8);cursor:pointer;font-size:.82rem;overflow:hidden;padding:.65rem 1rem;text-overflow:ellipsis;transition:background .12s;white-space:nowrap}.call-device-item:hover{background:hsla(0,0%,100%,.08)}.call-device-item.selected{color:#63b3ed}.call-chat-panel{-webkit-animation:slideInRight .22s ease;animation:slideInRight .22s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(14,16,26,.92);border-left:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:300px;z-index:4}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.call-chat-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.85rem 1rem}.call-chat-close{background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:1rem;line-height:1;padding:0}.call-chat-close:hover{color:#fff}.call-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.75rem}.call-chat-empty{color:hsla(0,0%,100%,.3);font-size:.78rem;margin-top:2rem;text-align:center}.call-chat-bubble{border-radius:12px;font-size:.82rem;line-height:1.35;max-width:85%;padding:.45rem .7rem}.call-chat-bubble.mine{align-self:flex-end;background:#4f46e5;border-bottom-right-radius:4px;color:#fff}.call-chat-bubble.theirs{align-self:flex-start;background:hsla(0,0%,100%,.1);border-bottom-left-radius:4px;color:hsla(0,0%,100%,.9)}.call-chat-from{color:hsla(0,0%,100%,.45);font-size:.68rem;margin-bottom:.15rem}.call-chat-text{word-break:break-word}.call-chat-input-row{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:.5rem;padding:.65rem .75rem}.call-chat-input{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:#fff;flex:1 1;font-family:inherit;font-size:.82rem;outline:none;padding:.45rem .85rem}.call-chat-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}.call-chat-input::placeholder{color:hsla(0,0%,100%,.3)}.call-chat-send{align-items:center;background:#4f46e5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:background .15s;width:36px}.call-chat-send:hover{background:#4338ca}.call-games-panel{-webkit-animation:slideInRight .22s ease;animation:slideInRight .22s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,10,18,.96);border-left:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;right:0;top:0;width:340px;z-index:4}@media (max-width:480px){.call-chat-panel,.call-games-panel{border-left:none;width:100%}.call-avatar-circle,.call-avatar-ph{font-size:2rem;height:90px;width:90px}.call-partner-name{font-size:1.3rem}.call-local-pip{bottom:100px;height:70px;right:12px;width:90px}.call-controls{gap:10px;padding:8px 14px}.call-ctrl-btn{font-size:1.1rem;height:46px;width:46px}}@media (max-width:560px){.call-controls{border-radius:24px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));flex-wrap:wrap;gap:22px 12px;justify-content:center;left:8px;padding:12px 10px 24px;right:8px;-webkit-transform:none;transform:none}.call-ctrl-chevron{display:none}.call-ctrl-btn{height:50px;width:50px}.call-ctrl-btn:hover{-webkit-transform:none;transform:none}.call-local-pip{bottom:190px}}.chats-page{display:flex;height:100%;min-width:0}.chats-list-pane{background:var(--bg-elev);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:clamp(320px,32%,var(--list-w))}.chats-conv-pane,.chats-list-pane{display:flex;min-height:0;position:relative}.chats-conv-pane,.chats-conv-pane>*{flex:1 1;min-width:0}.mobile-only{display:none!important}.mobile-only-inline{display:none}.desktop-only-inline{display:inline-flex}@media (max-width:820px){.chats-list-pane{border-right:none;width:100%}.chats-page.has-chat .chats-list-pane,.chats-page:not(.has-chat) .chats-conv-pane{display:none}.mobile-only{display:inline-flex!important}.mobile-only-inline{display:inline-flex}.desktop-only-inline{display:none}.chats-page.has-chat .chats-conv-pane{-webkit-animation:slideIn .22s var(--ease);animation:slideIn .22s var(--ease)}}.chatlist{display:flex;flex-direction:column;height:100%;min-height:0}.chatlist-head{align-items:center;display:flex;gap:2px;padding:calc(.7rem + var(--safe-t)) .6rem .35rem 1rem}.chatlist-title{flex:1 1;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.chatlist-tools{grid-gap:.6rem;display:grid;gap:.6rem;padding:.35rem 1rem .6rem}.chatlist-scroll{flex:1 1;overflow-y:auto;overscroll-behavior:contain}.chat-row{padding-right:.5rem}.chat-row .row-meta.accent{color:var(--accent);font-weight:600}.chat-row.unread .row-title{font-weight:700}.chat-row.unread .row-sub{color:var(--text-2)}.row-flag{font-size:.95rem}.row-flag,.row-more{color:var(--text-3);flex-shrink:0}.row-more{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;opacity:0;transition:opacity .15s;width:28px}.chat-row:hover .row-more{opacity:1}@media (pointer:coarse){.row-more{display:none}}.sender-prefix{color:var(--text-2);flex-shrink:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-label{color:var(--danger);flex-shrink:0;font-weight:600}.muted-text{color:var(--text-3)}.online-text{color:var(--accent);font-weight:500}.archived-row{text-align:left;width:100%}.archived-icon{color:var(--accent);display:flex;font-size:1.3rem;justify-content:center;width:50px}.ticks{color:var(--text-3);flex-shrink:0}.ticks.read{color:var(--blue-tick)}.ticks.pending{font-size:.8rem}.notif-banner{align-items:center;-webkit-animation:riseIn .25s var(--ease);animation:riseIn .25s var(--ease);background:var(--accent-soft);border-radius:14px;display:flex;gap:.75rem;margin:.25rem .75rem .5rem;padding:.75rem .85rem}.notif-banner-icon{align-items:center;background:var(--accent);border-radius:50%;color:var(--on-accent);display:flex;flex-shrink:0;font-size:1.15rem;height:38px;justify-content:center;width:38px}.notif-banner-text{color:var(--text-2);display:grid;flex:1 1;font-size:.8rem;min-width:0}.notif-banner-text strong{color:var(--text);font-size:.88rem}.quick-actions{margin:0 -1.25rem .25rem}.quick-actions .row{text-align:left;width:100%}.qa-icon{align-items:center;background:var(--accent);border-radius:50%;color:var(--on-accent);display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;width:44px}.sheet-body .picker-list>.row,.sheet-body>.row{margin:0 -1.25rem;padding-left:1.25rem;padding-right:1.25rem}.sheet-body>.section-label{margin:0 -1.25rem;padding-left:1.25rem}.welcome-pane{background:var(--bg-elev-2);border-bottom:6px solid var(--accent);flex-direction:column;gap:.75rem;padding:2rem;text-align:center}.welcome-art,.welcome-pane{align-items:center;display:flex;justify-content:center}.welcome-art{background:radial-gradient(circle,var(--accent-soft),transparent 70%);border-radius:50%;height:150px;margin-bottom:.5rem;width:150px}.welcome-art img{border-radius:24px;box-shadow:0 20px 50px -18px rgba(124,92,255,.7)}.welcome-pane h2{font-size:1.8rem;font-weight:300;letter-spacing:-.02em}.welcome-pane p{color:var(--text-3);font-size:.92rem;max-width:460px}.welcome-keys{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:.5rem}.welcome-foot,.welcome-keys{color:var(--text-3);font-size:.78rem}.welcome-foot{margin-top:2.5rem}.conv-wrap{overflow:hidden}.conv,.conv-wrap{display:flex;height:100%;min-width:0;position:relative}.conv{background:var(--bg-chat);flex:1 1;flex-direction:column}.conv-head{align-items:center;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:2px;min-height:60px;padding:calc(.45rem + var(--safe-t)) .5rem .45rem .5rem;z-index:5}.back-btn{display:none}@media (max-width:820px){.back-btn{display:inline-flex}}.conv-id{align-items:center;border-radius:12px;display:flex;flex:1 1;gap:.7rem;min-width:0;padding:4px 8px 4px 4px;text-align:left}.conv-id:hover{background:var(--bg-hover)}.conv-id-text{display:grid;min-width:0}.conv-title{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-flag{color:var(--text-3);font-size:.9rem}.conv-sub{color:var(--text-3);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-sub .typing,.row-sub .typing{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:5px}.conv-actions{align-items:center;display:flex}@media (max-width:420px){.hide-xs{display:none}}.search-mode{gap:4px}.conv-search{background:var(--bg-input);border:1.5px solid var(--accent);border-radius:999px;flex:1 1;height:40px;min-width:0;outline:none;padding:0 1rem}.search-count{color:var(--text-3);font-size:.8rem;min-width:36px;text-align:center}.pinned-bar{align-items:center;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.6rem;padding:.45rem .75rem .45rem 1rem;text-align:left;z-index:4}.pinned-bar:hover{background:var(--bg-hover)}.pinned-icon{color:var(--accent);flex-shrink:0}.pinned-body{display:grid;flex:1 1;font-size:.82rem;min-width:0}.pinned-body strong{color:var(--accent);font-size:.72rem}.pinned-body span{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-invite-bar{align-items:center;-webkit-animation:riseIn .25s;animation:riseIn .25s;background:linear-gradient(90deg,#7c5cff33,#00c2a833);display:flex;flex-shrink:0;font-size:.85rem;gap:.75rem;justify-content:space-between;padding:.5rem 1rem;z-index:4}.conv-body{flex:1 1;min-height:0;position:relative}.msg-list{display:flex;flex-direction:column;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 5% .25rem;position:absolute}@media (max-width:820px){.msg-list{padding:.5rem .5rem .25rem}}.load-older{padding:.6rem}.load-older,.to-bottom{display:flex;justify-content:center}.to-bottom{align-items:center;-webkit-animation:popIn .15s;animation:popIn .15s;background:var(--bg-elev);border-radius:50%;bottom:14px;box-shadow:var(--shadow-sm);color:var(--text-2);font-size:1.2rem;height:42px;position:absolute;right:16px;width:42px;z-index:6}.to-bottom .badge{position:absolute;right:-4px;top:-8px}.conv-body:before{content:"";inset:0;pointer-events:none;position:absolute}.wp-plain:before{background:var(--bg-chat)}.wp-doodle:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 30h30a6 6 0 0 1 6 6v14a6 6 0 0 1-6 6H34l-8 7v-7h-6a6 6 0 0 1-6-6V36a6 6 0 0 1 6-6z'/%3E%3Ccircle cx='118' cy='34' r='12'/%3E%3Cpath d='M112 32h0m12 0h0m-12 7c4 4 8 4 12 0M30 110l8-16 8 16m-13-6h10M100 96l6 6 14-14M120 130a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-10-10v-8M70 70l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1zM26 140c6-8 14-8 20 0M140 76h10m-5-5v10'/%3E%3C/svg%3E");background-size:180px;opacity:var(--doodle-opacity)}:root[data-theme=light] .wp-doodle:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 30h30a6 6 0 0 1 6 6v14a6 6 0 0 1-6 6H34l-8 7v-7h-6a6 6 0 0 1-6-6V36a6 6 0 0 1 6-6z'/%3E%3Ccircle cx='118' cy='34' r='12'/%3E%3Cpath d='M112 32h0m12 0h0m-12 7c4 4 8 4 12 0M30 110l8-16 8 16m-13-6h10M100 96l6 6 14-14M120 130a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-10-10v-8M70 70l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1zM26 140c6-8 14-8 20 0M140 76h10m-5-5v10'/%3E%3C/svg%3E")}.wp-aurora:before{background:radial-gradient(ellipse at 20% 10%,#7c5cff55,transparent 55%),radial-gradient(ellipse at 80% 90%,#00c2a855,transparent 55%),var(--bg-chat)}.wp-sunset:before{background:linear-gradient(160deg,#f9731640,#ec489940 50%,#7c5cff40),var(--bg-chat)}.wp-ocean:before{background:linear-gradient(180deg,#0ea5e933,#06b6d433 50%,#1e3a8a44),var(--bg-chat)}.wp-midnight:before{background:radial-gradient(circle at 50% 0,#1e293b,#020617 70%)}.wp-grid:before{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:28px 28px;opacity:.5}.day-sep,.sys-msg,.unread-sep{display:flex;justify-content:center;margin:.6rem 0;position:relative;z-index:1}.day-sep span{background:var(--bg-elev);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-2);font-size:.74rem;font-weight:600;padding:.3rem .75rem;position:-webkit-sticky;position:sticky;top:6px}.unread-sep{background:var(--glass);margin:.75rem -5%;padding:.3rem 0}.unread-sep span{color:var(--accent);font-size:.76rem;font-weight:700}.sys-msg span{background:var(--bg-elev);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-3);font-size:.76rem;max-width:85%;padding:.35rem .8rem;text-align:center}.e2e-note{align-items:flex-start;align-self:center;background:color-mix(in srgb,#fde68a 30%,var(--bg-elev));border-radius:10px;color:var(--text-2);font-size:.74rem;gap:6px;margin:.75rem auto;max-width:420px;padding:.5rem .8rem}.conv-empty,.e2e-note{display:flex;position:relative;text-align:center;z-index:1}.conv-empty{align-items:center;-webkit-animation:riseIn .3s;animation:riseIn .3s;background:var(--glass);border-radius:20px;flex-direction:column;gap:.5rem;margin:auto;padding:2rem}.conv-empty span{color:var(--text-3);font-size:.88rem;max-width:260px}.msg-row{align-items:flex-end;display:flex;gap:6px;margin-top:2px;position:relative;z-index:1}.msg-row.first{margin-top:8px}.msg-row.out{justify-content:flex-end}.msg-row.flash .bubble{-webkit-animation:flash 1.5s;animation:flash 1.5s}.msg-avatar-slot{flex-shrink:0;width:30px}.msg-swipe{--swipe:0;display:flex;flex-direction:column;max-width:min(78%,560px);position:relative;transition:-webkit-transform .2s var(--ease);transition:transform .2s var(--ease);transition:transform .2s var(--ease),-webkit-transform .2s var(--ease)}.msg-row.out .msg-swipe{align-items:flex-end}.swipe-hint{align-items:center;background:var(--bg-elev);border-radius:50%;color:var(--text-2);display:flex;height:30px;justify-content:center;left:-38px;opacity:var(--swipe);position:absolute;top:50%;-webkit-transform:translateY(-50%) scale(var(--swipe));transform:translateY(-50%) scale(var(--swipe));width:30px}.bubble{word-wrap:break-word;-webkit-touch-callout:none;border-radius:10px;box-shadow:0 1px .5px rgba(0,0,0,.13);font-size:var(--msg-font);line-height:1.38;min-width:72px;overflow-wrap:anywhere;padding:.38rem .55rem .3rem .65rem;position:relative;user-select:text;-webkit-user-select:text}@media (pointer:coarse){.bubble{user-select:none;-webkit-user-select:none}}.bubble.in{background:var(--bubble-in);color:var(--text)}.bubble.out{background:var(--bubble-out);color:var(--bubble-out-text)}.bubble.in.tail{border-top-left-radius:2px}.bubble.out.tail{border-top-right-radius:2px}.bubble.tail.in:before,.bubble.tail.out:before{content:"";height:13px;position:absolute;top:0;width:8px}.bubble.tail.in:before{background:var(--bubble-in);-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);left:-7px}.bubble.tail.out:before{background:var(--bubble-out);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);right:-7px}.bubble-name{font-size:.8rem;font-weight:700;margin-bottom:1px}.bubble-fwd{color:var(--text-3);font-size:.74rem;font-style:italic;margin-bottom:2px}.bubble-text{white-space:pre-wrap}.bubble-text:after{content:"";display:inline-block;height:1px;width:58px}.bubble.out .bubble-text:after{width:78px}.bubble.has-edit .bubble-text:after{width:94px}.bubble.out.has-edit .bubble-text:after{width:116px}.bubble-meta{align-items:center;bottom:4px;color:var(--text-3);display:inline-flex;font-size:.68rem;gap:3px;line-height:1;position:absolute;right:8px;white-space:nowrap}.bubble.out .bubble-meta{color:color-mix(in srgb,var(--bubble-out-text) 60%,transparent)}.bubble.deleted .bubble-meta,.bubble.location .bubble-meta,.bubble.poll .bubble-meta,.bubble.voice .bubble-meta{display:flex;justify-content:flex-end;margin-top:3px;position:static}.meta-star{color:#f59e0b}.bubble.deleted{background:transparent;border:1px solid var(--border-strong);box-shadow:none}.bubble.deleted:before{display:none}.deleted-text{color:var(--text-3);font-size:.88em;font-style:italic}.bubble.emoji-only{background:transparent;box-shadow:none;padding:0 .2rem}.bubble.emoji-only:before{display:none}.bubble.emoji-only .bubble-text{font-size:2.6rem;line-height:1.15}.bubble.emoji-only .bubble-text:after{display:none}.bubble.emoji-only .bubble-meta{background:var(--glass);border-radius:8px;display:flex;justify-content:flex-end;margin:2px 0 0 auto;padding:3px 6px;position:static;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bubble-quote{background:hsla(0,0%,50%,.13);border-left:4px solid var(--q);border-radius:7px;display:grid;font-size:.82rem;margin:2px 0 5px;overflow:hidden;padding:.3rem .55rem;position:relative;text-align:left;width:100%}.quote-name{color:var(--q);font-size:.78rem;font-weight:700}.quote-text{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble.out .quote-text{color:color-mix(in srgb,var(--bubble-out-text) 75%,transparent)}.quote-thumb{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:44px}.bubble.image{padding:3px}.bubble-img{background:var(--bg-active);border-radius:8px;display:block;max-height:420px;max-width:330px;min-width:160px;overflow:hidden}.bubble-img img{height:100%;object-fit:cover;width:100%}.bubble.image .bubble-meta{background:rgba(0,0,0,.4);border-radius:8px;bottom:8px;color:#fff;padding:3px 6px;right:8px}.bubble.image .bubble-meta .ticks{color:#fff}.bubble.image .bubble-meta .ticks.read{color:var(--blue-tick)}.bubble.image:has(.caption) .bubble-meta{background:none;bottom:5px;color:var(--text-3);padding:0;right:8px}.bubble-text.caption{display:block;padding:.3rem .4rem .1rem}.reactions{align-items:center;align-self:flex-start;-webkit-animation:popIn .15s;animation:popIn .15s;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);display:inline-flex;font-size:.88rem;gap:1px;margin:-6px 0 2px 10px;padding:2px 6px;position:relative;z-index:2}.reactions.out{align-self:flex-end;margin:-6px 10px 2px 0}.react-n{color:var(--text-3);font-size:.72rem;font-weight:600;margin-left:3px}.bubble.voice{min-width:250px;padding:.45rem .6rem .35rem}.voice{gap:.55rem}.voice,.voice-play{align-items:center;display:flex}.voice-play{border-radius:50%;color:var(--text-2);flex-shrink:0;font-size:1.2rem;height:34px;justify-content:center;width:34px}.voice-main{flex:1 1;min-width:0}.voice-wave{align-items:center;cursor:pointer;display:flex;gap:2px;height:28px}.voice-wave span{background:color-mix(in srgb,currentColor 30%,transparent);border-radius:2px;flex:1 1;min-width:2px;transition:background .1s}.voice-wave span.on{background:var(--accent)}.bubble.out .voice-wave span.on{background:var(--blue-tick)}.voice-meta{align-items:center;color:var(--text-3);display:flex;font-size:.7rem;gap:8px;margin-top:1px}.voice-rate{background:hsla(0,0%,50%,.25);border-radius:8px;font-size:.68rem;font-weight:700;padding:0 6px}.bubble.location{padding:3px}.loc-card{border-radius:8px;display:block;overflow:hidden;width:260px}.loc-map{background-color:#aad3df;background-repeat:no-repeat;background-size:256px 256px;height:140px;position:relative}.loc-pin{color:#ef4444;-webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));font-size:2.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.loc-foot{display:grid;font-size:.8rem;padding:.4rem .5rem}.loc-foot span{color:var(--text-3);font-size:.72rem}.bubble.location .bubble-meta{margin:0 6px 4px}.bubble.deleted .bubble-meta{display:none}.bubble.poll{max-width:340px;min-width:260px}.poll-q{font-size:.98rem;font-weight:700;margin-bottom:2px}.poll-hint{color:var(--text-3);font-size:.72rem;margin-bottom:6px}.poll-opt{align-items:flex-start;display:flex;gap:.6rem;padding:.45rem 0;text-align:left;width:100%}.poll-check{align-items:center;border:2px solid var(--text-3);border-radius:50%;display:flex;flex-shrink:0;font-size:.7rem;font-weight:800;height:20px;justify-content:center;margin-top:1px;width:20px}.poll-check.on{background:var(--accent);border-color:var(--accent);color:#fff}.poll-opt-main{grid-gap:6px;display:grid;flex:1 1;gap:6px}.poll-opt-row{display:flex;font-size:.9rem;gap:6px;justify-content:space-between}.poll-voters{align-items:center;display:flex;gap:2px}.poll-n{color:var(--text-3);font-size:.78rem;margin-left:3px}.poll-bar{background:hsla(0,0%,50%,.25);border-radius:3px;height:6px;overflow:hidden}.poll-bar span{background:var(--accent);border-radius:3px;display:block;height:100%;transition:width .4s var(--ease)}.poll-total{border-top:1px solid hsla(0,0%,50%,.2);color:var(--text-3);font-size:.74rem;margin-top:4px;padding-top:5px;text-align:center}.menu-reacts{border-bottom:1px solid var(--border);display:flex;gap:2px;margin-bottom:4px;padding:4px 4px 8px}.menu-reacts button{border-radius:10px;flex:1 1;font-size:1.45rem;height:42px;transition:background .12s,-webkit-transform .12s;transition:transform .12s,background .12s;transition:transform .12s,background .12s,-webkit-transform .12s}.menu-reacts button:hover{background:var(--bg-hover);-webkit-transform:scale(1.18);transform:scale(1.18)}.menu-reacts button.on{background:var(--accent-soft)}.menu-head{color:var(--text-3);font-size:.78rem;font-weight:700;padding:.45rem .75rem}.delete-actions{grid-gap:.6rem;display:grid;gap:.6rem}.info-preview{background:var(--bubble-out);border-radius:12px;color:var(--bubble-out-text);display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:.6rem .8rem}.info-preview span{align-self:flex-end;font-size:.72rem;opacity:.7}.fwd-preview{align-self:center;color:var(--text-3);flex:1 1;font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check{align-items:center;border:2px solid var(--border-strong);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .15s;width:22px}.check.on{background:var(--accent);border-color:var(--accent)}.link-btn{align-items:center;color:var(--accent);display:inline-flex;font-weight:600;gap:4px}.composer-wrap{background:var(--bg-elev);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:var(--safe-b);position:relative;z-index:5}.composer{gap:.5rem;padding:.5rem .6rem}.composer,.composer-box{align-items:flex-end;display:flex}.composer-box{background:var(--bg-input);border-radius:24px;flex:1 1;min-height:46px;min-width:0;padding:2px 4px}.composer-box .icon-btn{margin-bottom:1px}.composer-input{background:transparent;border:none;flex:1 1;font-size:.98rem;line-height:1.35;max-height:150px;min-width:0;outline:none;padding:.72rem .25rem;resize:none}.composer-input::-webkit-input-placeholder{color:var(--text-3)}.composer-input::placeholder{color:var(--text-3)}.send-btn{align-items:center;background:var(--accent);border-radius:50%;box-shadow:0 6px 14px -6px var(--accent);color:var(--on-accent);display:flex;flex-shrink:0;font-size:1.25rem;height:46px;justify-content:center;transition:background .15s,-webkit-transform .12s;transition:transform .12s,background .15s;transition:transform .12s,background .15s,-webkit-transform .12s;width:46px}.send-btn:hover:not(:disabled){background:var(--accent-strong)}.send-btn:active:not(:disabled){-webkit-transform:scale(.9);transform:scale(.9)}.send-btn:disabled{opacity:.5}.composer-blocked{background:var(--bg-elev);border-top:1px solid var(--border);color:var(--text-3);font-size:.88rem;padding:1rem;padding-bottom:calc(1rem + var(--safe-b));text-align:center}.composer-context{align-items:center;-webkit-animation:riseIn .15s;animation:riseIn .15s;background:var(--bg-input);border-left:4px solid var(--q);border-radius:12px;display:flex;gap:.6rem;margin:.5rem .6rem 0;padding:.45rem .5rem .45rem .7rem}.ctx-icon{color:var(--q);display:flex;font-size:1.1rem}.ctx-body{flex:1 1;min-width:0}.ctx-title{color:var(--q);font-size:.78rem;font-weight:700}.ctx-text{color:var(--text-2);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-replies{align-items:center;-webkit-animation:riseIn .2s;animation:riseIn .2s;padding:.5rem .6rem 0}.smart-label{flex-shrink:0;font-size:.9rem}.attach-pop,.emoji-pop,.mention-pop{-webkit-animation:popIn .15s var(--ease);animation:popIn .15s var(--ease);bottom:100%;margin-bottom:8px;position:absolute;z-index:30}.emoji-pop{border-radius:14px;box-shadow:var(--shadow);left:.6rem;overflow:hidden;width:min(360px,calc(100% - 1.2rem))}.emoji-pop .EmojiPickerReact{--epr-bg-color:var(--bg-elev);--epr-category-label-bg-color:var(--bg-elev);border:1px solid var(--border)!important}.emoji-loading{align-items:center;background:var(--bg-elev);display:flex;height:340px;justify-content:center}.attach-pop{grid-gap:.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:.5rem;grid-template-columns:repeat(3,76px);padding:.75rem;right:3.8rem}.attach-pop button{align-items:center;border-radius:12px;color:var(--text-2);display:flex;flex-direction:column;font-size:.74rem;gap:.35rem;padding:.3rem 0}.attach-pop button:hover{background:var(--bg-hover)}.attach-pop button span{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.35rem;height:48px;justify-content:center;width:48px}.mention-pop{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);left:.6rem;min-width:220px;padding:5px}.mention-item{align-items:center;border-radius:9px;display:flex;font-size:.9rem;gap:.6rem;padding:.45rem .6rem;width:100%}.mention-item.sel,.mention-item:hover{background:var(--accent-soft)}.rec-bar{align-items:center;-webkit-animation:fadeIn .15s;animation:fadeIn .15s;background:var(--bg-input);border-radius:24px;display:flex;flex:1 1;gap:.6rem;height:46px;padding:0 .5rem 0 .25rem}.rec-cancel{color:var(--danger)}.rec-dot{background:var(--danger);border-radius:50%;flex-shrink:0;height:10px;transition:-webkit-transform .08s;transition:transform .08s;transition:transform .08s,-webkit-transform .08s;width:10px}.rec-time{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:38px}.rec-wave{align-items:center;display:flex;flex:1 1;gap:2px;height:26px;overflow:hidden}.rec-wave span{background:var(--accent);border-radius:2px;flex:1 1;min-width:2px;transition:height .1s}.rec-hint{color:var(--text-3);font-size:.76rem}@media (max-width:420px){.rec-hint{display:none}}.img-preview{background:var(--bg-active);border-radius:12px;max-height:60vh;object-fit:contain;width:100%}.info-panel{-webkit-animation:slideIn .22s var(--ease);animation:slideIn .22s var(--ease);background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100%;width:400px;z-index:20}@media (max-width:1180px){.info-panel{box-shadow:var(--shadow);inset:0 0 0 auto;position:absolute;width:min(420px,100%)}}@media (max-width:820px){.info-panel{border-left:none;width:100%}}.info-head{align-items:center;background:var(--bg-elev);border-bottom:1px solid var(--border);display:flex;gap:.5rem;min-height:60px;padding:calc(.5rem + var(--safe-t)) .5rem .5rem}.info-head-title{flex:1 1;font-weight:700}.info-scroll{flex:1 1;overflow-y:auto;padding-bottom:var(--safe-b)}.info-hero{align-items:center;background:var(--bg-elev);display:flex;flex-direction:column;gap:.25rem;margin-bottom:8px;padding:1.5rem 1rem 1.1rem;text-align:center}.info-hero h2{font-size:1.4rem;font-weight:700;margin-top:.6rem}.info-sub{align-items:center;color:var(--text-3);display:inline-flex;font-size:.88rem;gap:4px}.info-presence{color:var(--text-3);font-size:.8rem}.info-presence.on{color:var(--accent)}.info-actions{display:flex;gap:.6rem;margin-top:.9rem}.info-actions button{align-items:center;border:1px solid var(--border);border-radius:14px;color:var(--accent);display:flex;flex-direction:column;font-size:1.3rem;gap:4px;padding:.6rem 0;width:80px}.info-actions button span{color:var(--text-2);font-size:.74rem;font-weight:600}.info-actions button:hover{background:var(--bg-hover)}.info-card{background:var(--bg-elev);margin-bottom:8px;padding:.8rem 0}.info-label{display:flex;font-size:.82rem;justify-content:space-between;padding:0 1.1rem .4rem}.info-count,.info-label{color:var(--text-3)}.info-text{font-size:.92rem;padding:0 1.1rem;white-space:pre-wrap}.info-meta{color:var(--text-3);font-size:.78rem;margin-top:4px;padding:0 1.1rem}.info-row{align-items:center;cursor:pointer;display:flex;font-size:.94rem;gap:1rem;padding:.75rem 1.1rem;text-align:left;width:100%}.info-row:hover{background:var(--bg-hover)}.info-row>svg{color:var(--text-3);flex-shrink:0;font-size:1.25rem}.info-row>span:not(.switch){flex:1 1}.info-row.accent,.info-row.accent>svg{color:var(--accent)}.info-row.danger,.info-row.danger>svg{color:var(--danger)}.info-row.col{align-items:stretch;cursor:default;flex-direction:column;gap:.6rem}.info-row.col:hover{background:none}.row-line{align-items:center;display:flex;gap:1rem}.row-line svg{color:var(--text-3);font-size:1.25rem}.info-row .chips{flex-wrap:wrap;padding-left:2.25rem}.media-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:0 1.1rem .6rem}.media-grid button{aspect-ratio:1;background:var(--bg-active);border-radius:8px;overflow:hidden}.media-grid img{height:100%;object-fit:cover;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:100%}.media-grid button:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.invite-box{align-items:center;background:var(--bg-input);border-radius:12px;color:var(--accent);display:flex;gap:.6rem;margin:0 1.1rem;padding:.5rem .5rem .5rem .8rem}.invite-url{color:var(--text-2);flex:1 1;font-size:.84rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-code{align-items:center;color:var(--text-3);display:flex;font-size:.84rem;gap:.75rem;padding:.6rem 1.1rem 0}.invite-code strong{color:var(--text);font-family:ui-monospace,monospace;letter-spacing:.12em}.member-row{padding-left:1.1rem}.member-row:after{left:70px}.admin-tag{background:var(--accent-soft);border-radius:999px;color:var(--accent);flex-shrink:0;font-size:.66rem;font-weight:700;padding:2px 7px}.wp-picker{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding-left:2.25rem}.wp-swatch{background:var(--bg-chat);border:2px solid var(--border);border-radius:10px;height:54px;isolation:isolate;overflow:hidden;position:relative}.wp-swatch:before{content:"";inset:0;position:absolute;z-index:-1}.wp-swatch.wp-doodle:before{background-size:90px}.wp-swatch span{background:var(--glass);border-radius:4px;bottom:3px;color:var(--text-2);font-size:.62rem;font-weight:700;left:4px;padding:0 4px;position:absolute}.wp-swatch.on{border-color:var(--accent)}.room-preview{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.emoji-grid{grid-gap:3px;display:grid;flex:1 1;gap:3px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.emoji-grid button{border-radius:9px;font-size:1.2rem;height:36px}.emoji-grid button:hover{background:var(--bg-hover)}.emoji-grid button.on{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.color-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.color-dot{border:2px solid var(--border);border-radius:50%;height:28px;transition:-webkit-transform .12s;transition:transform .12s;transition:transform .12s,-webkit-transform .12s;width:28px}.color-dot:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.color-dot.on{box-shadow:0 0 0 2px var(--bg-elev),0 0 0 4px var(--text)}.picked{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.picked-chip{align-items:center;-webkit-animation:popIn .12s;animation:popIn .12s;background:var(--accent-soft);border-radius:999px;color:var(--text);display:inline-flex;font-size:.8rem;gap:6px;padding:3px 8px 3px 3px}.chips.wrap{flex-wrap:wrap}.viewer{align-items:center;-webkit-animation:fadeIn .15s;animation:fadeIn .15s;background:rgba(0,0,0,.92);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:3600}.viewer img{-webkit-animation:popIn .2s var(--ease);animation:popIn .2s var(--ease);border-radius:6px;max-height:78dvh;max-width:96vw;object-fit:contain}.viewer-top{align-items:center;background:linear-gradient(rgba(0,0,0,.6),transparent);color:#fff;display:flex;gap:.75rem;left:0;padding:calc(.75rem + var(--safe-t)) 1rem .75rem;position:absolute;right:0;top:0}.viewer-top .icon-btn{color:#fff}.viewer-top .icon-btn:hover{background:hsla(0,0%,100%,.12)}.viewer-who{display:grid;flex:1 1;font-size:.8rem}.viewer-who span{font-size:.74rem;opacity:.7}.viewer-caption{background:rgba(0,0,0,.5);border-radius:12px;bottom:calc(1.5rem + var(--safe-b));color:#fff;max-width:90vw;padding:.5rem 1rem;position:absolute;text-align:center}.starred-card{cursor:pointer;margin-bottom:.6rem;padding:.85rem 1rem;transition:-webkit-transform .12s;transition:transform .12s;transition:transform .12s,-webkit-transform .12s}.starred-card:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.starred-top{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.starred-top .muted-text{flex:1 1;font-size:.76rem}.starred-img{border-radius:10px;margin-top:.5rem;max-height:180px}.starred-text{font-size:.92rem;margin-top:.35rem;white-space:pre-wrap}.board{flex-direction:column}.board,.board-tools{display:flex;gap:.75rem}.board-tools{align-items:center;flex-wrap:wrap;justify-content:space-between}.board-actions,.board-colors,.board-sizes{align-items:center;display:flex;gap:6px}.size-dot{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.size-dot span{background:var(--text);border-radius:50%}.size-dot.on{background:var(--accent-soft)}.board-canvas{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:relative}.board-canvas canvas{cursor:crosshair;display:block}.board-hint{align-items:center;color:#9ca3af;display:flex;font-size:.95rem;inset:0;justify-content:center;pointer-events:none;position:absolute}.board-foot{display:flex;gap:.6rem;justify-content:flex-end}.games-sheet .sheet-body{padding:0}.games-sheet .gh-root{border-radius:0;height:min(78dvh,680px);max-height:none}.setting-row{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.85rem 1.1rem}.setting-text{grid-gap:1px;display:grid;flex:1 1;gap:1px;min-width:0}.setting-text strong{font-size:.94rem;font-weight:600}.setting-text span{color:var(--text-3);font-size:.8rem}.bubble.snap{padding:.45rem .6rem .35rem}.bubble.snap .bubble-meta{background:none;color:var(--text-3);display:flex;justify-content:flex-end;margin-top:2px;padding:0;position:static}.bubble.snap.out .bubble-meta{color:color-mix(in srgb,var(--bubble-out-text) 60%,transparent)}.snap-card{gap:.6rem;min-width:190px;padding:.3rem .2rem;text-align:left}.snap-card,.snap-icon{align-items:center;display:flex}.snap-icon{background:hsla(0,0%,50%,.18);border-radius:50%;flex-shrink:0;font-size:1.2rem;height:38px;justify-content:center;width:38px}.snap-card.fresh .snap-icon{--accent:#f59e0b;-webkit-animation:pulseRing 1.6s infinite;animation:pulseRing 1.6s infinite;background:linear-gradient(135deg,#fde047,#f59e0b)}.snap-label{font-size:.9rem;font-weight:600}.snap-card.fresh .snap-label{color:#f59e0b}.snap-toggle{align-items:center;background:var(--bg-hover);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;font-size:1.1rem;gap:2px;height:46px;justify-content:center;line-height:1;width:52px}.snap-toggle span{color:var(--text-3);font-size:.62rem;font-weight:700}.snap-toggle.on{background:#fde047;color:#111}.snap-toggle.on span{color:#111}.viewer.snap img{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.snap-bar{background:hsla(0,0%,100%,.2);height:3px;left:0;position:absolute;right:0;top:0;z-index:2}.snap-bar span{background:#fde047;display:block;height:100%;transition:width .1s linear}
/*# sourceMappingURL=main.005ecdbd.css.map*/