@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#007ded;--text-scale:1;--bg:#fff;--panel:#fff;--hover:#f4f4f5;--text:#000;--muted:#707579;--border:#e6e6e6;--bubble-in:#fff;--bubble-out:color-mix(in srgb, var(--accent) 14%, #fff);--out-text:var(--text);--out-meta:color-mix(in srgb, var(--accent) 80%, #000);--pill:color-mix(in srgb, var(--accent) 45%, #506070);--chat-bg:color-mix(in srgb, var(--accent) 12%, #e8efe0);--doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23000' stroke-opacity='.07' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 30c0-6 8-8 10-2 2-6 10-4 10 2 0 7-10 12-10 12s-10-5-10-12z'/%3E%3Ccircle cx='120' cy='30' r='9'/%3E%3Cpath d='M70 70l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3Cpath d='M20 110h24v18H20zM20 110l12 10 12-10'/%3E%3Cpath d='M110 100c10-10 26 6 16 16l-10 10'/%3E%3Cpath d='M130 70q5-10 10 0t10 0'/%3E%3Cpath d='M70 140a8 8 0 1 0 16 0'/%3E%3C/svg%3E");--shadow:0 1px 2px #10232f26;--radius:16px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.3s;--fwd:-1;--start:right;--end:left;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[dir=ltr]{--fwd:1;--start:left;--end:right}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#181818;--panel:#212121;--hover:#2c2c2c;--text:#fff;--muted:#aaa;--border:#303030;--bubble-in:#212121;--bubble-out:color-mix(in srgb, var(--accent) 70%, #212121);--out-text:#fff;--out-meta:#ffffffb3;--pill:#00000059;--chat-bg:color-mix(in srgb, var(--accent) 18%, #0f0f0f);--doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 30c0-6 8-8 10-2 2-6 10-4 10 2 0 7-10 12-10 12s-10-5-10-12z'/%3E%3Ccircle cx='120' cy='30' r='9'/%3E%3Cpath d='M70 70l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3Cpath d='M20 110h24v18H20zM20 110l12 10 12-10'/%3E%3Cpath d='M110 100c10-10 26 6 16 16l-10 10'/%3E%3Cpath d='M130 70q5-10 10 0t10 0'/%3E%3Cpath d='M70 140a8 8 0 1 0 16 0'/%3E%3C/svg%3E");--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#181818;--panel:#212121;--hover:#2c2c2c;--text:#fff;--muted:#aaa;--border:#303030;--bubble-in:#212121;--bubble-out:color-mix(in srgb, var(--accent) 70%, #212121);--out-text:#fff;--out-meta:#ffffffb3;--pill:#00000059;--chat-bg:color-mix(in srgb, var(--accent) 18%, #0f0f0f);--doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 30c0-6 8-8 10-2 2-6 10-4 10 2 0 7-10 12-10 12s-10-5-10-12z'/%3E%3Ccircle cx='120' cy='30' r='9'/%3E%3Cpath d='M70 70l4 9 10 1-7 7 2 10-9-5-9 5 2-10-7-7 10-1z'/%3E%3Cpath d='M20 110h24v18H20zM20 110l12 10 12-10'/%3E%3Cpath d='M110 100c10-10 26 6 16 16l-10 10'/%3E%3Cpath d='M130 70q5-10 10 0t10 0'/%3E%3Cpath d='M70 140a8 8 0 1 0 16 0'/%3E%3C/svg%3E");--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{font:calc(15px * var(--text-scale))/1.45 "Vazirmatn Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;background:var(--panel);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 40%, transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 65%, transparent)}::-webkit-scrollbar-track{background:0 0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}.muted{color:var(--muted)}.error{color:#e53935;font-size:calc(14px * var(--text-scale));margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,button.danger,.card button,.invite-actions button{background:var(--hover);border-radius:12px;height:44px;padding:0 20px;font-weight:600;transition:filter .15s,transform .1s}button.primary{background:var(--accent);color:#fff}button.danger{color:#e53935;width:100%;margin-top:24px}button.primary:hover,button.danger:hover{filter:brightness(1.08)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:default}.icon-btn{width:40px;height:40px;color:var(--muted);border-radius:50%;flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.spinner{z-index:2;border:2.5px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin-left:-12px;animation:.8s linear infinite spin;position:absolute;top:12px;left:50%}.spinner.inline{vertical-align:-3px;width:16px;height:16px;margin:0 6px 0 0;display:inline-block;position:static}@keyframes spin{to{transform:rotate(360deg)}}.wallpaper{background-color:var(--chat-bg)}:root[data-wallpaper=doodle] .wallpaper,.wallpaper-thumb[data-wallpaper=doodle]{background-image:var(--doodle), linear-gradient(160deg, color-mix(in srgb, var(--accent) 22%, var(--chat-bg)), var(--chat-bg) 60%);background-size:160px 160px,cover}:root[data-wallpaper=gradient] .wallpaper,.wallpaper-thumb[data-wallpaper=gradient]{background-image:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 45%), radial-gradient(circle at 85% 30%, #f6c17773, transparent 45%), radial-gradient(circle at 30% 85%, #7bc8a473, transparent 50%), radial-gradient(circle at 80% 80%, #e0578b59, transparent 50%)}.wallpaper-thumb[data-wallpaper=plain]{background-image:none}.main.wallpaper{background-size:100% var(--screen-h,100%);background-position:top;background-repeat:no-repeat}:root[data-wallpaper=doodle] .main.wallpaper{background-size:160px 160px, 100% var(--screen-h,100%);background-repeat:repeat,no-repeat}.login,.splash{place-items:center;height:100%;padding:16px;display:grid}.splash{color:var(--muted);text-align:center;place-content:center;gap:12px}.boot-error{overflow-wrap:anywhere;max-width:min(480px,90vw)}.login-card{background:var(--panel);border-radius:24px;gap:14px;width:min(380px,100%);padding:32px 28px;animation:.35s cubic-bezier(.2,.8,.2,1) rise;display:grid;box-shadow:0 10px 40px #0000001f}.login-card h1{font-size:calc(22px * var(--text-scale));text-align:center;margin:0 0 6px}.login-logo{width:72px;height:72px;margin:0 auto;display:block}.login-card label,.card{font-size:calc(13px * var(--text-scale));color:var(--muted);gap:6px;display:grid}.login-card input,.card input,.form input,.modal input:not([role]){height:48px;font-size:max(16px, calc(16px * var(--text-scale)));color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:0 14px;transition:border-color .15s}.login-card input:focus,.card input:focus,.form input:focus{border-color:var(--accent);outline:none}.login-card button{margin-top:6px}.login-card .login-lang{color:var(--accent);font-size:calc(14px * var(--text-scale));border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);border-radius:999px;justify-self:center;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-weight:500;transition:background .15s;display:inline-flex}.login-card .login-switch{color:var(--accent);font-size:calc(14px * var(--text-scale));justify-self:center;margin-top:0;padding:6px 12px}.login-card .login-terms{color:var(--text);font-size:calc(14px * var(--text-scale));cursor:pointer;align-items:flex-start;gap:10px;line-height:1.6;display:flex}.login-card .login-terms input{width:18px;height:auto;accent-color:var(--accent);flex:none;margin-top:3px}.login-card .login-lang:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.lang-pick .lang-hint{text-align:center;font-size:calc(14px * var(--text-scale));color:var(--muted);margin:-6px 0 4px}.lang-pick button.primary{min-height:52px;font-size:calc(17px * var(--text-scale));margin-top:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.app{grid-template-columns:minmax(300px,380px) 1fr;height:100%;display:grid;overflow:hidden}.main{min-width:0;display:flex;position:relative}.main>.pill.center{margin:auto}@media (width<=700px){.app{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar,.main{transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);grid-area:1/1}.main{z-index:1;box-shadow:-6px 0 24px #0000001f}.app.room-open .sidebar{opacity:.6;visibility:hidden;transform:translate(-28%)}.app:not(.room-open) .main{visibility:hidden;transform:translate(100%)}.app:not(.room-open) .sidebar,.app.room-open .main{visibility:visible;transition-delay:0s}}.sidebar{background:var(--panel);border-inline-end:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.sidebar-head{align-items:center;gap:8px;padding:8px 12px;display:flex}.sidebar-head .logo{flex:none;width:30px;height:30px}.search{background:var(--hover);min-width:0;min-height:42px;color:var(--muted);border:2px solid #0000;border-radius:22px;flex:1;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,background .15s;display:flex}.search:focus-within{border-color:var(--accent);background:var(--panel);color:var(--accent)}.search input{min-width:0;color:var(--text);font-size:calc(15px * var(--text-scale));background:0 0;border:0;outline:none;flex:1}.search .icon-btn{width:28px;height:28px;color:var(--muted);margin-inline-end:-8px}.banner{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);font-size:calc(14px * var(--text-scale));text-align:start;border-radius:12px;align-items:center;gap:8px;margin:2px 12px 6px;padding:10px 12px;font-weight:500;display:flex}.banner.warn{color:#c77700;background:#f5a6232e}.banner.danger{color:#d32f2f;background:#e5393526}.banner.identity span{flex:1}.banner.identity button{color:inherit;white-space:nowrap;font-weight:600}.banner.live-loc span{flex:1}.banner.live-loc button{color:inherit;font-weight:600}.banner.update{position:relative;overflow:hidden}.banner.update i{inset-inline-start:0;background:var(--accent);height:3px;transition:width .3s;position:absolute;bottom:0}.folders{border-bottom:1px solid var(--border);scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;flex:none;gap:4px;padding:0 8px;display:flex;overflow-x:auto}.folders::-webkit-scrollbar{display:none}.folders button{flex:none}.list-swipe{flex-direction:column;flex:1;min-height:0;display:flex}.folders{-webkit-mask-image:linear-gradient(to var(--start), transparent, #000 28px);mask-image:linear-gradient(to var(--start), transparent, #000 28px);padding-inline-end:28px}.folders button{white-space:nowrap;color:var(--muted);font-weight:500;font-size:calc(14px * var(--text-scale));border-radius:10px 10px 0 0;padding:10px 12px 12px;transition:color .15s,background .15s;position:relative}@media (hover:hover){.folders button:hover{background:var(--hover)}}.folders button.on{color:var(--accent)}.folders.sorting{touch-action:none;-webkit-user-select:none;user-select:none}.folders button{-webkit-touch-callout:none}.folders button.dragging{z-index:2;background:var(--hover);box-shadow:0 4px 14px #00000040;transition:none!important}.folders{position:relative}.folder-indicator{background:var(--accent);opacity:0;pointer-events:none;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.folder-indicator.ready{transition:transform var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out), opacity var(--dur-fast)}.folder-badge,.badge{min-width:calc(20px * var(--text-scale));height:calc(20px * var(--text-scale));border-radius:calc(10px * var(--text-scale));background:var(--muted);color:var(--panel);font-size:calc(12px * var(--text-scale));place-items:center;padding:0 6px;font-weight:600;display:inline-grid}.folder-badge{margin-inline-start:6px}.folders button.on .folder-badge,.badge{background:var(--accent);color:#fff}.room-list{flex:1;overflow-x:hidden}.empty-list{color:var(--muted);text-align:center;font-size:calc(15px * var(--text-scale));margin-top:40px}.room-item{text-align:start;border-radius:12px;align-items:center;gap:12px;width:calc(100% - 16px);margin:0 8px;padding:9px 10px;transition:background .2s,color .2s;display:flex}@media (hover:hover){.room-item:hover{background:var(--hover)}}.room-item.active{background:var(--accent);color:#fff}.room-item.active .room-time,.room-item.active .room-preview{color:#ffffffd9}.room-item.active .badge{color:var(--accent);background:#fff}.room-item-body{flex:1;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;display:grid}.room-item-top,.room-item-bottom{align-items:center;gap:8px;display:flex}.room-name{font-size:calc(15px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.room-time{font-size:calc(12px * var(--text-scale));color:var(--muted);flex:none}.room-time .tick{vertical-align:middle;margin-inline-end:3px}.room-item.active .tick.read{color:#fff}.room-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:calc(14px * var(--text-scale));flex:1;overflow:hidden}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.room{flex:1;grid-template-columns:1fr;min-width:0;display:grid}.room.with-thread{grid-template-columns:1fr minmax(320px,400px)}.room-main,.thread-panel{min-width:0;height:100vh;min-height:0;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex}.thread-panel{background:var(--chat-bg);border-inline-start:1px solid var(--border);animation:.22s cubic-bezier(.2,.8,.2,1) slide-in}@keyframes slide-in{0%{transform:translateX(calc(var(--fwd) * 40px));opacity:0}}@media (width<=1240px){.room.with-thread{grid-template-columns:1fr}.room.with-thread .room-main{display:none}}.room-head{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;min-height:56px;padding:0 12px;display:flex}.room-head .back{display:none}@media (width<=700px){.room-head .back{display:inline-grid}}.thread-panel .back{display:none}.room-head-info{text-align:start;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0 6px;transition:background .15s;display:flex}.room-head-info:hover{background:var(--hover)}.room-head-info:active{transform:none}.room-head-text{flex:1;min-width:0;display:grid}.room-head-text b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-head-text span{font-size:calc(12px * var(--text-scale));color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-head-text span.typing,.room-preview.typing{color:var(--accent)}.room-preview .draft{color:#e53935}.room-item.active .room-preview .draft{color:inherit;font-weight:600}.timeline-wrap{flex:1;min-height:0;position:relative}.timeline{height:100%;scroll-padding-bottom:var(--composer-h,0px);-webkit-mask-image:linear-gradient(to top, transparent, #000 var(--composer-h,0px));-webkit-mask-image:linear-gradient(to top, transparent, #000 var(--composer-h,0px));mask-image:linear-gradient(to top, transparent, #000 var(--composer-h,0px));overflow-x:hidden}.row{max-width:760px;margin:0 auto;display:flow-root}.pill{background:var(--pill);color:#fff;width:fit-content;max-width:calc(100% - 24px);font-size:calc(13px * var(--text-scale));text-align:center;border-radius:14px;margin:6px auto;padding:4px 10px;font-weight:500}.pill.day{margin:10px auto;position:relative}.msg{direction:ltr;align-items:flex-end;gap:6px;padding:1px 12px;display:flex;position:relative}.msg.first{padding-top:5px}.msg.mine{flex-direction:row-reverse}.msg-avatar{flex:none;width:34px}.msg-col{flex-direction:column;align-items:flex-start;min-width:0;max-width:min(520px,78%);display:flex}.msg.mine .msg-col{align-items:flex-end}.bubble{border-radius:var(--radius);max-width:100%;font-size:calc(15px * var(--text-scale));background:var(--bubble-in);box-shadow:var(--shadow);overflow-wrap:anywhere;padding:6px 10px 7px;position:relative}.msg.mine .bubble{background:var(--bubble-out);color:var(--out-text)}.msg.theirs:not(.first) .bubble{border-top-left-radius:6px}.msg.theirs:not(.last) .bubble{border-bottom-left-radius:6px}.msg.theirs.last .bubble{border-bottom-left-radius:4px}.msg.mine:not(.first) .bubble{border-top-right-radius:6px}.msg.mine:not(.last) .bubble{border-bottom-right-radius:6px}.msg.mine.last .bubble{border-bottom-right-radius:4px}.msg-sender{font-size:calc(14px * var(--text-scale));margin-bottom:2px;font-weight:600}.msg-text{white-space:pre-wrap;margin:0}div.msg-text{white-space:normal}div.msg-text>:first-child{margin-top:0}div.msg-text>:last-child{margin-bottom:0}div.msg-text pre,div.msg-text code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(13px * var(--text-scale))}div.msg-text pre{white-space:pre;background:#7f7f7f1f;border-radius:8px;padding:8px;overflow-x:auto}div.msg-text blockquote{border-inline-start:3px solid var(--accent);margin:4px 0;padding-inline-start:10px}.msg-text.jumbo{font-size:calc(40px * var(--text-scale));line-height:1.15}.msg-text.muted{align-items:center;gap:6px;font-style:italic;display:flex}.msg-text:after{content:"";width:calc(52px * var(--text-scale));display:inline-block}.msg.mine .msg-text:after{width:calc(70px * var(--text-scale))}.bubble.edited .msg-text:after{width:calc(120px * var(--text-scale))}.msg.mine .bubble.edited .msg-text:after{width:calc(138px * var(--text-scale))}.msg-meta{font-size:calc(11.5px * var(--text-scale));color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:3px;display:flex;position:absolute;bottom:5px;right:9px}.msg.mine .msg-meta{color:var(--out-meta)}.bubble:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.msg-meta{left:9px;right:auto}.bubble:has(>.msg-text[dir=rtl])>.msg-meta{left:9px;right:auto}:is(.bubble:has(>.msg-text[dir=ltr])>.msg-meta,.bubble:has(.voice)>.msg-meta){left:auto;right:9px}.bubble:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.msg-sender{text-align:right}.reply-quote:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>b{text-align:right}.tick{display:inline-flex}.tick.read{color:var(--accent)}.msg.mine .tick.read{color:var(--out-meta)}:root:not([data-theme=dark]) .msg.mine .tick.read{color:#4fae4e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .msg.mine .tick.read{color:var(--out-meta)}}.bubble.media,.msg.mine .bubble.media{box-shadow:none;background:0 0;padding:0;overflow:hidden}.bubble.media:has(>.msg-sender,>.reply-quote,>.fwd-from){background:var(--bubble-in);box-shadow:var(--shadow);padding:4px}.msg.mine .bubble.media:has(>.msg-sender,>.reply-quote,>.fwd-from){background:var(--bubble-out);padding:4px}.bubble.media>.msg-sender,.bubble.media>.fwd-from{padding:2px 6px 0}.bubble.media>.reply-quote{margin:2px 2px 4px}.bubble.media>:is(.msg-sender,.fwd-from,.reply-quote,.caption){contain:inline-size}.bubble.media>:is(.msg-sender,.fwd-from){box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.bubble.media:has(>.msg-sender,>.reply-quote,>.fwd-from)>.media-box{border-radius:calc(var(--radius) - 4px)}.bubble.media:has(>.msg-sender,>.reply-quote,>.fwd-from)>.msg-meta{bottom:9px}.bubble.media .msg-meta{color:#fff;background:#00000073;border-radius:10px;padding:2px 6px}.bubble:has(>.msg-text.jumbo):not(:has(>.msg-sender,>.reply-quote,>.fwd-from)){box-shadow:none;background:0 0;padding:0}.bubble:has(>.msg-text.jumbo):not(:has(>.msg-sender,>.reply-quote,>.fwd-from))>.msg-text:after{display:none}.msg.mine .bubble:has(>.msg-text.jumbo):not(:has(>.msg-sender,>.reply-quote,>.fwd-from))>.msg-text{text-align:right}.bubble:has(>.msg-text.jumbo):not(:has(>.msg-sender,>.reply-quote,>.fwd-from))>.msg-meta{color:#fff;background:#00000073;border-radius:10px;width:fit-content;margin:2px 0 0 auto;padding:2px 6px;position:static}.media-box{border-radius:inherit;background:#7f7f7f26;max-width:100%;display:block;position:relative;overflow:hidden}.media-box img,.media-box video{object-fit:cover;width:100%;height:100%;display:block}.media-box.fill>:is(img,video):not(.media-blur){object-fit:contain;position:relative}.media-box.fill>.media-blur{filter:blur(20px)brightness(.85);transform:scale(1.2)}.bubble.media>.media-box{min-height:100px}.album{border-radius:inherit;gap:2px;width:320px;max-width:100%;display:grid;overflow:hidden}.bubble.media:has(>.msg-sender,>.reply-quote,>.fwd-from)>.album{border-radius:calc(var(--radius) - 4px)}.album-cell{min-width:0;display:grid}.album-cell>.media-box{border-radius:0;width:auto;height:auto}.album.n2{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.album.n3{grid-template-rows:120px 120px;grid-template-columns:2fr 1fr}.album.n3>:first-child{grid-row:span 2}.album.n4{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.album.n5{grid-template-rows:150px;grid-template-columns:repeat(6,1fr);grid-auto-rows:110px}.album .play-badge{width:40px;height:40px}.shimmer{background:linear-gradient(90deg,#0000,#ffffff40,#0000) 0 0/200% 100%;animation:1.2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.file-row{padding:2px 0 calc(14px * var(--text-scale));text-align:start;align-items:center;gap:10px;padding-inline-end:64px;display:flex}.file-row span:last-child{min-width:0;display:grid}.file-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-row small{color:var(--muted)}.file-icon{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.reply-quote{border-inline-start:3px solid var(--accent);border-radius:6px;background:color-mix(in srgb, currentColor 6%, transparent);font-size:calc(14px * var(--text-scale));border-start-start-radius:4px;border-end-start-radius:4px;min-width:0;margin:2px 0 4px;padding:3px 8px;display:grid}.reply-quote>span{text-overflow:ellipsis;white-space:nowrap;opacity:.85;overflow:hidden}:root[dir=rtl] :is(.reactions,.thread-link){direction:rtl}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reactions button{background:var(--bubble-in);min-height:28px;box-shadow:var(--shadow);font-size:calc(15px * var(--text-scale));color:var(--accent);border-radius:14px;align-items:center;gap:4px;padding:0 9px;transition:transform .1s;display:inline-flex}.reactions button span{font-size:calc(13px * var(--text-scale));font-weight:600}.reactions button.on{background:var(--accent);color:#fff}.thread-link{background:var(--bubble-in);box-shadow:var(--shadow);color:var(--accent);font-size:calc(13px * var(--text-scale));border-radius:14px;align-items:center;gap:5px;margin-top:4px;padding:4px 10px;font-weight:600;display:inline-flex}.msg-actions{background:var(--panel);box-shadow:var(--shadow);border-radius:18px;align-self:center;gap:2px;padding:2px;display:flex;position:relative}.msg-actions>button{width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.msg-actions>button:hover{background:var(--hover);color:var(--text)}.tick.failed{color:#e53935;font-weight:700}.thread-link .badge{margin-inline-start:4px}.quick-react{z-index:5;background:var(--panel);border-radius:22px;gap:2px;padding:4px;animation:.15s ease-out pop;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 20px #0000002e}.quick-react button{border-radius:50%;width:36px;height:36px;font-size:22px;transition:transform .12s}@media (hover:hover){.quick-react button:hover{transform:scale(1.25)}}@keyframes pop{0%{opacity:0;transform:scale(.9)translateY(4px)}}.composer{z-index:4;inset-inline:0;width:100%;max-width:760px;margin:0 auto;padding:4px 12px 12px;position:absolute;bottom:0}.composer-mode{color:var(--accent);font-size:calc(14px * var(--text-scale));align-items:center;gap:10px;padding:6px 4px 0;padding-inline-start:14px;display:flex}.composer>.composer-mode{background:var(--panel);box-shadow:var(--shadow);border-radius:18px;margin-bottom:8px;padding-bottom:6px}.composer-mode div{border-inline-start:2px solid var(--accent);flex:1;min-width:0;padding-inline-start:8px;display:grid}.composer-mode span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-mode b{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.composer-row{align-items:flex-end;gap:8px;display:flex}:root[dir=ltr] .composer-row{flex-direction:row-reverse}.composer-field{background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:18px;flex:1;grid-template-columns:auto 1fr auto;align-items:end;padding-inline:4px;display:grid}.composer-field>.composer-mode{grid-column:1/-1}.composer-field>.format-bar{animation:mode-in .2s var(--ease-out);flex-wrap:wrap;grid-column:1/-1;gap:2px;padding:4px 6px 0;display:flex}.format-bar .icon-btn{width:36px;height:36px;font-family:inherit;font-size:16px}.format-bar code{font-size:calc(13px * var(--text-scale))}.format-bar .fmt-spoiler{background:#7f7f7f73;border-radius:4px;padding:0 3px}.composer-row .composer-text{border-radius:inherit;min-height:54px;max-height:40dvh;line-height:1.4;font-size:calc(15px * var(--text-scale));background:0 0;border:0;outline:none;padding:16px 6px;overflow-y:auto}.send-btn{background:var(--panel);width:54px;height:54px;color:var(--muted);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;transition:background .18s,color .18s,transform .18s;display:grid}.send-btn.ready{background:var(--accent);color:#fff}.send-btn:disabled{opacity:1}.invite{background:var(--panel);box-shadow:var(--shadow);border-radius:24px;justify-items:center;gap:8px;margin:auto;padding:32px;display:grid}.invite h2{margin:8px 0 0}.invite p{color:var(--muted);margin:0}.invite-actions{gap:10px;margin-top:12px;display:flex}@keyframes fade{0%{opacity:0}}.sheet-backdrop{z-index:40;background:#00000059;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{width:min(420px,100%);height:100%;padding:calc(8px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:calc(var(--fwd) * 4px) 0 30px #0003;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-in;overflow-y:auto}@keyframes sheet-in{0%{transform:translateX(calc(var(--fwd) * -100%))}}.sheet-head{justify-content:space-between;align-items:center;min-height:56px;display:flex}.sheet-head h2{font-size:calc(20px * var(--text-scale));margin:0}.sheet h3{font-size:calc(14px * var(--text-scale));color:var(--accent);margin:24px 0 10px}.profile{align-items:center;gap:14px;display:flex}.profile div,.profile form{min-width:0;display:grid}.profile form{flex:1;gap:6px}.profile span{color:var(--muted);font-size:calc(14px * var(--text-scale));text-overflow:ellipsis;overflow:hidden}.segmented{background:var(--hover);border-radius:12px;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--muted);border-radius:10px;flex:1;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.segmented button.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.swatches{gap:12px;margin:14px 0;display:flex}.swatches button{border-radius:50%;width:32px;height:32px;transition:transform .15s}.swatches button.on{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px currentColor;color:var(--text);transform:scale(.9)}.text-size-preview{border:1px solid var(--border);pointer-events:none;border-radius:14px;gap:2px;margin-bottom:16px;padding-bottom:10px;display:grid;overflow:hidden}.text-size-preview>.room-item{background:var(--panel);border-bottom:1px solid var(--border);border-radius:0;width:100%;margin:0 0 6px}.text-size{gap:2px;margin-bottom:10px;display:grid}.text-size>span:first-child{justify-content:space-between;gap:8px;display:flex}.text-size b{color:var(--accent);font-weight:600}.text-size-row{align-items:center;gap:10px;display:flex}.text-size-row .a-small,.text-size-row .a-big{text-align:center;width:22px;color:var(--muted);flex:none;font-weight:600;line-height:1}.text-size-row .a-small{font-size:13px}.text-size-row .a-big{font-size:22px}.text-size input{--to:to right;appearance:none;cursor:pointer;background:linear-gradient(var(--to), var(--accent) var(--p), var(--border) var(--p)) center / 100% 4px no-repeat;border-radius:2px;flex:1;min-width:0;height:36px;margin:0}:root[dir=rtl] .text-size input{--to:to left}.text-size input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:22px;height:22px;box-shadow:0 0 0 3px var(--panel), var(--shadow);border-radius:50%}.text-size input::-moz-range-thumb{background:var(--accent);width:22px;height:22px;box-shadow:0 0 0 3px var(--panel), var(--shadow);border:0;border-radius:50%}.text-size input:focus-visible{outline:none}.text-size input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--accent)}.text-size input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--accent)}.wallpapers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wallpaper-thumb{background-color:var(--chat-bg);border:2px solid #0000;border-radius:12px;align-items:flex-end;height:90px;padding:6px;display:flex}.wallpaper-thumb[data-wallpaper=doodle]{background-size:80px 80px,cover}.wallpaper-thumb span{font-size:calc(12px * var(--text-scale));background:var(--pill);color:#fff;border-radius:10px;padding:2px 8px}.wallpaper-thumb.on{border-color:var(--accent)}.card{background:var(--hover);color:var(--text);font-size:calc(14px * var(--text-scale));border-radius:14px;padding:14px}.card p{margin:0}.card.ok{color:#4fae4e;align-items:center;gap:8px;display:flex}.card input{background:var(--panel)}.recovery-key{background:var(--panel);font-size:calc(15px * var(--text-scale));word-spacing:4px;-webkit-user-select:all;user-select:all;border-radius:10px;padding:10px}.msg.mine .msg-text a{color:inherit;text-decoration:underline}.msg-text a{unicode-bidi:plaintext}.msg-text .hashtag{color:var(--accent);unicode-bidi:isolate}.msg.mine .msg-text .hashtag{color:inherit;font-weight:500}.room-name,.room-preview,.room-head-text b,.profile b,.invite h2,.composer-mode span,.user-row b,.chip,.info-text h2{text-align:var(--start);unicode-bidi:plaintext}.search input,.emote-input,.send-caption,.card input,.form input,.modal input:not([role]){unicode-bidi:plaintext}input[type=password]:not(:placeholder-shown){direction:ltr}.fab{inset-inline-end:20px;z-index:31;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s,filter .15s;display:grid;position:absolute;bottom:20px;box-shadow:0 4px 14px #00000040}.fab:hover{filter:brightness(1.08)}.fab.open{transform:rotate(90deg)}.fab-backdrop{z-index:30;position:absolute;inset:0}.fab-menu{inset-inline-end:20px;background:var(--panel);min-width:210px;transform-origin:bottom var(--end);border-radius:14px;padding:6px;animation:.16s ease-out pop;position:absolute;bottom:86px;box-shadow:0 6px 30px #00000038}.fab-menu button{border-radius:10px;align-items:center;gap:14px;width:100%;padding:10px 12px;font-weight:500;display:flex}.fab-menu button:hover{background:var(--hover)}.fab-menu svg{color:var(--muted)}.picker{gap:4px;display:grid}.picker .search{margin-bottom:6px}.picker .muted,.sheet>.muted{text-align:center;margin:16px 0}.user-row{text-align:start;border-radius:12px;align-items:center;gap:12px;width:100%;padding:7px 8px;display:flex}button.user-row{transition:background .12s}button.user-row:hover{background:var(--hover)}.user-row>span{flex:1;min-width:0;display:grid}.user-row b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.user-row>.select{flex:0 auto}.user-row:has(>.select) b{white-space:normal}.user-row small{color:var(--muted);font-size:calc(13px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;text-align:var(--start);overflow:hidden}.user-row em{font-style:normal;font-size:calc(13px * var(--text-scale));color:var(--accent);flex:none}.user-row em.muted{color:var(--muted)}.user-row>svg{color:var(--accent);flex:none}.form{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.form h3{margin:14px 0 0}.form-head{align-items:center;gap:12px;display:flex}.form-head input{flex:1;min-width:0}.avatar-pick,.avatar-edit{cursor:pointer}.avatar-pick{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.avatar-pick img{object-fit:cover;width:100%;height:100%}.avatar-edit{border-radius:50%;position:relative}.avatar-edit:after{content:"";opacity:0;background:#0000004d;border-radius:50%;transition:opacity .15s;position:absolute;inset:0}.avatar-edit:hover:after{opacity:1}.time-pick{align-items:center;gap:4px;display:inline-flex}.scheduled-list{gap:8px;display:grid}.scheduled-item{background:var(--hover);border-radius:14px;gap:4px;padding:10px 12px 4px;display:grid}.scheduled-when{color:var(--accent);font-size:calc(13px * var(--text-scale));align-items:center;gap:6px;font-weight:600;display:flex}.scheduled-item p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.scheduled-actions{align-items:center;gap:2px;display:flex}.scheduled-actions .row-btn{align-items:center;gap:6px;margin-inline-end:auto;display:inline-flex}.dl-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:6px 2px;display:flex}.dl-row>b{font-weight:500}.dl-chips{flex-basis:100%;gap:6px;display:flex}.dl-chips button{background:var(--hover);min-height:30px;color:var(--muted);font-size:calc(13px * var(--text-scale));border-radius:15px;padding:0 12px;transition:background .2s,color .2s}.dl-chips button.on{background:var(--accent);color:#fff}.switch-row,.select-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:4px 2px;display:flex}.switch-row span{display:grid}.switch-row small,.select-row{color:var(--muted);font-size:calc(13px * var(--text-scale))}.select{border:1.5px solid var(--border);background:var(--bg);min-width:0;max-width:60%;min-height:40px;color:var(--text);font-size:calc(15px * var(--text-scale));border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;transition:border-color .15s;display:flex}.select[aria-expanded=true]{border-color:var(--accent)}.select>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select>svg{color:var(--muted);flex:none}.msg-menu-backdrop.select-backdrop{z-index:49}.select-menu{max-height:60vh;overflow-y:auto}.select-menu button svg{visibility:hidden;color:var(--accent)}.select-menu button.on{color:var(--accent)}.select-menu button.on svg{visibility:visible}input[role=switch]{appearance:none;background:var(--border);cursor:pointer;border:0;border-radius:11px;flex:none;width:40px;height:22px;padding:0;transition:background .15s;position:relative}input[role=switch]:before{content:"";top:3px;width:16px;height:16px;transition:transform .25s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}input[role=switch]:checked{background:var(--accent)}input[role=switch]:checked:before{transform:translateX(calc(var(--fwd) * 18px))}.alias-input{color:var(--muted);align-items:center;gap:4px;display:flex}.alias-input input{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:color-mix(in srgb, var(--accent) 14%, transparent);min-height:32px;font-size:calc(14px * var(--text-scale));border-radius:16px;align-items:center;gap:6px;padding:0 10px 0 4px;display:inline-flex}.chip svg{color:var(--muted)}.info-head{justify-items:center;gap:6px;margin:8px 0 14px;display:grid}.info-text{text-align:center}.info-text h2{font-size:calc(20px * var(--text-scale));text-align:center;margin:0}.info-text p{color:var(--muted);white-space:pre-wrap;margin:6px 0 0}.row-actions{gap:8px;margin-bottom:6px;display:flex}.row-actions button{color:var(--accent);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}.row-actions button:hover{background:var(--hover)}.space-row{color:var(--accent);font-size:calc(14px * var(--text-scale));border-radius:10px;align-items:center;gap:8px;margin:6px 12px 2px;padding:8px 12px;font-weight:500;display:flex}.space-row:hover{background:var(--hover)}.drop-zone{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.drop-overlay{z-index:30;border:2px dashed var(--accent);background:color-mix(in srgb, var(--panel) 85%, transparent);color:var(--accent);pointer-events:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:8px}.up-box{aspect-ratio:4/3;width:240px}.media-blur{object-fit:cover;filter:blur(6px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.dl-btn{color:#fff;background:#00000080;border-radius:20px;align-items:center;gap:6px;width:max-content;height:max-content;margin:auto;padding:8px 12px;display:flex;position:absolute;inset:0}.dl-btn small{font-variant-numeric:tabular-nums;font-size:12px}.dl-ring{width:48px;height:48px;margin:auto;position:absolute;inset:0}.dl-ring .up-ring{color:#fff;background:#00000073}.dl-ring .up-track{stroke:#ffffff4d}.up-box img,.up-box video{opacity:.55}.up-state{text-align:center;color:#fff;text-shadow:0 1px 3px #0009;position:absolute;inset:auto 0 8px}.up-ring{width:48px;height:48px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.up-box .up-ring{color:#fff;background:#00000073;margin:auto;position:absolute;inset:0}.up-ring>svg:first-child{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.up-ring circle{fill:none;stroke-width:3px}.up-track{stroke:#7f7f7f4d}.up-arc{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.bubble.media .msg-text.caption{padding:6px 10px calc(18px * var(--text-scale));background:var(--bubble-in)}.bubble.media>:is(.media-box,.album):has(+.caption){border-bottom-right-radius:0;border-bottom-left-radius:0}.msg.mine .bubble.media .msg-text.caption{background:var(--bubble-out);color:var(--out-text)}.bubble.media:has(.caption) .msg-meta{color:var(--muted);background:0 0}.msg.mine .bubble.media:has(.caption) .msg-meta{color:var(--out-meta)}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:16px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(420px,100%);max-height:100%;color:var(--text);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal h2{font-size:calc(18px * var(--text-scale));margin:0}.modal p{white-space:pre-line;margin:0;line-height:1.5}.notes ul{margin:6px 0 0;padding-inline-start:20px;line-height:1.5}.notes li+li{margin-top:4px}.send-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.send-thumb{aspect-ratio:1;background:var(--hover);border-radius:10px;position:relative;overflow:hidden}.send-thumb img{object-fit:cover;width:100%;height:100%;display:block}.send-x{top:4px;color:#fff;background:#0000008c;width:24px;height:24px;position:absolute;inset-inline-end:4px}.send-file{padding:4px 0;padding-inline-end:32px;position:relative}.send-file>span:nth-child(2){min-width:0;display:grid}.send-file .send-x{background:var(--hover);color:var(--muted);top:50%;transform:translateY(-50%)}.send-caption{resize:none;border:1px solid var(--border);background:var(--bg);min-height:calc(2lh + 18px);max-height:30dvh;color:inherit;font:inherit;border-radius:10px;padding:8px 10px;overflow-y:auto}.modal-actions{background:var(--panel);justify-content:flex-end;gap:8px;margin:0 -16px -16px;padding:8px 16px 16px;display:flex;position:sticky;bottom:-16px}.modal-actions button{color:var(--accent);border-radius:10px;padding:8px 16px;font-weight:600}.modal-actions button:hover{background:var(--hover)}.modal-actions button.primary{background:var(--accent);color:#fff}.modal-actions button.danger{color:#fff;background:#e53935;width:auto;margin:0}.attach{width:40px;transition:width var(--dur) var(--ease-out), opacity var(--dur), transform var(--dur) var(--ease-out);flex:none;margin-bottom:7px;display:flex;position:relative}.attach.away{opacity:0;visibility:hidden;pointer-events:none;width:0;transition:width var(--dur) var(--ease-out), opacity var(--dur), transform var(--dur) var(--ease-out), visibility 0s linear var(--dur);transform:scale(.6)}.attach.two:not(.away){width:80px}.menu-backdrop{z-index:20;position:fixed;inset:0}.attach-menu,.mention-list{z-index:21;background:var(--panel);border-radius:14px;padding:6px;animation:.14s pop;position:absolute;box-shadow:0 4px 24px #0000002e}.attach-menu{bottom:calc(100% + 8px);min-width:200px;display:grid;inset-inline-start:0}.attach-menu>*{cursor:pointer;text-align:start;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.attach-menu>:hover{background:var(--hover)}.attach-menu svg{color:var(--accent)}.mention-list{bottom:calc(100% - 2px);max-height:290px;inset-inline:12px;overflow-y:auto}.mention-list .user-row.on{background:var(--hover)}.user-row>.mention-room{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.msg .msg-text a.mention{vertical-align:bottom;background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);unicode-bidi:isolate;border-radius:12px;align-items:center;gap:4px;padding:1px 8px 1px 2px;padding-inline:2px 8px;font-weight:500;line-height:1.35;text-decoration:none;display:inline-flex}.msg.mine .msg-text a.mention{color:inherit;background:color-mix(in srgb, var(--out-text) 10%, transparent)}.msg .msg-text a.mention.me{background:var(--accent);color:#fff}.mention-av{width:calc(18px * var(--text-scale));height:calc(18px * var(--text-scale));color:#fff;font-size:calc(10px * var(--text-scale));border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.mention-av img{object-fit:cover;width:100%;height:100%}.bubble.mentioned{box-shadow:inset 3px 0 0 var(--accent), var(--shadow)}.msg.flash{animation:1.6s ease-out flash-row}@keyframes flash-row{0%,40%{background:color-mix(in srgb, var(--accent) 25%, transparent)}}.voice{align-items:center;gap:10px;min-width:220px;max-width:320px;padding:2px 0;display:flex}.voice-play{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.voice-play .spinner.inline{margin:0}.voice>.up-ring,.voice>.file-icon{background:var(--accent);color:#fff;width:44px;height:44px}.voice>.up-ring .up-track{stroke:#ffffff4d}.voice-body{flex:1;gap:3px;min-width:0;display:grid}.voice-title{font-size:calc(14px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wave{cursor:pointer;align-items:center;gap:2px;height:26px;display:flex}.wave span{background:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:2px;flex:1;min-width:2px;max-width:3px}.wave span.on{background:var(--accent)}.voice-meta{padding-right:calc(64px * var(--text-scale));font-size:calc(12px * var(--text-scale));color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.msg.mine .voice-meta{padding-right:calc(76px * var(--text-scale));color:var(--out-meta)}.speed{font-size:calc(11px * var(--text-scale));font-weight:700;line-height:calc(18px * var(--text-scale));color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:8px;padding:0 6px}.recorder{flex-direction:row-reverse;align-items:center}:root[dir=ltr] .recorder{flex-direction:row}.recorder>.icon-btn{color:#e53935}.recorder-live,.recorder-preview{background:var(--panel);min-width:0;min-height:54px;box-shadow:var(--shadow);border-radius:18px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.recorder-preview .voice{flex:1;max-width:none}.recorder-preview .voice-meta{padding-right:0}.rec-dot{background:#e53935;border-radius:50%;flex:none;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.25}}.rec-time{font-variant-numeric:tabular-nums;min-width:38px}.wave.live{cursor:default;flex:1;justify-content:flex-end;overflow:hidden}.wave.live span{max-width:3px;transition:height .1s}.send-btn.rec-stop{background:#e53935}.rec-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.recorder.held{justify-content:space-between}.composer-row.behind-rec{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.rec-hint{color:var(--muted);font-size:calc(14px * var(--text-scale));white-space:nowrap;align-items:center;gap:4px;margin-inline-start:auto;display:inline-flex}.rec-mic{color:#fff;background:#e53935;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative;transform:scale(1.15)}.rec-lock{background:var(--panel);width:32px;height:44px;color:var(--muted);box-shadow:var(--shadow);border-radius:16px;place-items:center;animation:1.4s ease-in-out infinite lock-hint;display:grid;position:absolute;bottom:calc(100% + 18px);left:50%;translate:-50%}@keyframes lock-hint{50%{transform:translateY(-6px)}}.note-backdrop{z-index:-1;-webkit-backdrop-filter:blur(8px);background:#00000040;animation:.18s fade;position:fixed;inset:0}.note-live{aspect-ratio:1;width:min(280px,70vw);box-shadow:var(--shadow);background:#000;border-radius:50%;position:absolute;bottom:calc(100% + 16px);left:50%;overflow:hidden;translate:-50%}.note-live video{object-fit:cover;width:100%;height:100%}.note-live video.mirror{transform:scaleX(-1)}.note-live .play-badge{pointer-events:none}.note-flip{color:#fff;width:44px;height:44px;box-shadow:var(--shadow);background:#0000008c;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:calc(100% + 16px);left:calc(50% + min(140px,35vw) - 44px)}.note-flip:active{transform:scale(.9)}.note-live svg,.note-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.note-live circle,.note-ring circle{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.note{cursor:pointer;background:#7f7f7f26;border-radius:50%;width:240px;height:240px;display:block;position:relative;overflow:hidden}.note>video,.note>img{object-fit:cover;width:100%;height:100%;display:block}.note .dur-badge{align-items:center;gap:3px;display:inline-flex;top:auto;bottom:18px;left:50%;translate:-50%}.note .note-ring circle{stroke:#fff}.up-box.note{border-radius:50%;width:240px;height:240px}.poll{gap:6px;min-width:240px;max-width:340px;padding-bottom:2px;display:grid}.poll-q{font-size:calc(15px * var(--text-scale));unicode-bidi:plaintext}.poll-kind{font-size:calc(12px * var(--text-scale));color:var(--muted);margin-top:-4px}.poll-opt{text-align:start;background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.poll-opt:not(:disabled):hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.poll-opt:disabled{opacity:1;cursor:default}.poll-mark{z-index:1;border:2px solid var(--accent);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid;position:relative}.poll-mark.square{border-radius:5px}.poll-opt.on .poll-mark{background:var(--accent);color:#fff}.poll-text{z-index:1;unicode-bidi:plaintext;flex:1;min-width:0;position:relative}.poll-pct{z-index:1;font-size:calc(13px * var(--text-scale));font-weight:600;position:relative}.poll-bar{background:color-mix(in srgb, var(--accent) 22%, transparent);transition:width .3s;position:absolute;inset-block:0;inset-inline-start:0}.poll-opt.win .poll-text{font-weight:700}.poll-foot{font-size:calc(13px * var(--text-scale));color:var(--muted);flex-wrap:wrap;align-items:center;column-gap:12px;padding-inline-end:calc(72px * var(--text-scale));display:flex}.poll-foot>*{white-space:nowrap}.poll-foot button{color:var(--accent);font-weight:500}.poll-edit-opt{align-items:center;gap:6px;display:flex}.poll-edit-opt input{flex:1;min-width:0}.file-row.location{padding-bottom:calc(16px * var(--text-scale))}.file-row span.location-links{font-size:calc(13px * var(--text-scale));flex-wrap:wrap;column-gap:12px;display:flex}.file-row span.location-links a{color:inherit;white-space:nowrap;font-weight:600;text-decoration:none}.map-modal{width:min(560px,100%);height:min(720px,100%)}.map-wrap{border:1px solid var(--border);isolation:isolate;border-radius:12px;flex:1;min-height:200px;position:relative;overflow:hidden}.map{position:absolute;inset:0}.leaflet-container{background:var(--bg);font:inherit}.map-pin{z-index:1000;width:32px;height:40px;fill:var(--accent);pointer-events:none;filter:drop-shadow(0 2px 3px #00000059);transition:transform .15s var(--ease-out);margin:-38px 0 0 -16px;position:absolute;top:50%;left:50%}.map-pin.lifted{transform:translateY(-8px)}.map-locate{inset-inline-end:10px;z-index:1000;background:var(--panel);position:absolute;bottom:28px;box-shadow:0 2px 8px #0000004d}.map-locate:hover{background:var(--panel);color:var(--text)}.map-options{margin:-4px -8px 0;display:grid}.map-options button{text-align:start;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.map-options button:hover:not(:disabled){background:var(--hover)}.map-options button:disabled{opacity:.6;cursor:default}.map-options svg{color:var(--accent);flex:none}.map-options span{display:grid}.map-options small{color:var(--muted);font-size:calc(13px * var(--text-scale))}.map-locating{z-index:1000;background:var(--panel);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.pinned-bar{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:4px 8px;display:flex}.pinned-main{text-align:start;border-radius:10px;flex:1;align-items:stretch;gap:10px;min-width:0;padding:4px 8px;display:flex}.pinned-main:hover{background:var(--hover)}.pinned-main:active{transform:none}.pinned-ticks{flex-direction:column;flex:none;gap:2px;width:3px;display:flex}.pinned-ticks:empty{background:var(--accent);border-radius:2px}.pinned-ticks i{background:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:2px;flex:1}.pinned-ticks i.on{background:var(--accent)}.pinned-text{min-width:0;font-size:calc(14px * var(--text-scale));flex:1;display:grid}.pinned-text b{font-size:calc(13px * var(--text-scale));color:var(--accent)}.pinned-text>span{text-overflow:ellipsis;white-space:nowrap;text-align:var(--start);unicode-bidi:plaintext;overflow:hidden}.pinned-row{text-align:start;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pinned-row>span{flex:1;min-width:0;display:grid}.badge.muted{background:var(--muted)}.room-muted{color:var(--muted);display:flex}.now-playing{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:4px 8px;display:flex;position:relative}.now-playing-text{text-align:start;min-width:0;font-size:calc(14px * var(--text-scale));border-radius:10px;flex:1;padding:2px 8px;display:grid}.now-playing-text:hover{background:var(--hover)}.now-playing-text b{font-size:calc(13px * var(--text-scale));color:var(--accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:var(--start);unicode-bidi:plaintext;overflow:hidden}.now-playing-time{color:var(--muted);font-size:calc(13px * var(--text-scale));font-variant-numeric:tabular-nums}.now-playing-line{background:var(--accent);pointer-events:none;height:2px;position:absolute;bottom:0;left:0}button.msg-sender{text-align:start;max-width:100%;display:block}.sheet>button.primary{width:100%;margin-top:12px}.sheet-foot{background:var(--panel);margin:12px -20px -28px;padding:12px 20px 28px;position:sticky;bottom:-28px}.sheet-foot>button.primary{width:100%}.fwd-from{font-size:calc(13px * var(--text-scale));color:var(--accent);text-align:start;unicode-bidi:plaintext;margin-bottom:2px;display:block}.msg.mine .fwd-from{color:inherit;opacity:.85}div.msg-text :is(h1,h2,h3){margin:4px 0;line-height:1.3}div.msg-text h1{font-size:1.3em}div.msg-text h2{font-size:1.15em}div.msg-text h3{font-size:1.05em}div.msg-text :is(ul,ol){margin:4px 0;padding-inline-start:22px}div.msg-text code{background:#7f7f7f26;border-radius:4px;padding:1px 4px}div.msg-text pre code{background:0 0;padding:0}div.msg-text pre{text-align:left;direction:ltr;padding-right:34px;position:relative}.code-copy{width:26px;height:26px;color:inherit;opacity:.55;border-radius:6px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.code-copy:hover{opacity:1;background:#7f7f7f2e}div.msg-text table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}div.msg-text :is(th,td){border:1px solid #7f7f7f4d;padding:2px 8px}div.msg-text summary{cursor:pointer}div.msg-text blockquote{color:color-mix(in srgb, currentColor 85%, transparent);border-radius:2px}[data-mx-spoiler]{cursor:pointer;color:#0000;filter:blur(3px);background:#7f7f7f73;border-radius:4px;transition:filter .15s}[data-mx-spoiler]:not(.revealed),[data-mx-spoiler]:not(.revealed) *{color:#0000!important}[data-mx-spoiler].revealed{color:inherit;filter:none;background:#7f7f7f26}[data-mx-spoiler].revealed *{color:inherit}.user-row>.device-box,.user-row>.badge{flex:none}.user-row b.wrap-id{white-space:normal;overflow-wrap:anywhere;text-align:left}.user-row>button.join-btn{width:auto;min-height:32px;font-size:calc(13px * var(--text-scale));flex:none;padding:0 14px}.user-row>span.reacted-key{flex:none;font-size:22px;display:block}.reacted-tabs{margin-bottom:8px;overflow-x:auto}.reacted-tabs button{flex:none;padding:0 12px}.device-box{background:var(--hover);width:42px;height:42px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.user-row small bdi,.user-row small.id{font-size:calc(12px * var(--text-scale))}.sheet .form .error{margin:0}.room-list.scroll{overflow-y:auto}.msg-results{padding:0 8px 12px}.msg-results h3{font-size:calc(14px * var(--text-scale));color:var(--accent);margin:12px 8px 6px}.msg-results .muted{text-align:center}.user-row mark{color:var(--accent);background:0 0;font-weight:600}.user-row>small{font-size:calc(12px * var(--text-scale));color:var(--muted);flex:none}.result-row b,.msg-results .muted{font-size:calc(15px * var(--text-scale))}.result-row small{font-size:calc(13px * var(--text-scale))}.result-row>small{font-size:calc(12px * var(--text-scale))}.lightbox{z-index:50;color:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#000000eb;flex-direction:column;animation:.18s fade;display:flex;position:fixed;inset:0}.mv-bar{flex:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.mv-bar .icon-btn,.mv-nav{color:#fff}.lightbox .icon-btn:hover{color:#fff;background:#ffffff26}.mv-who{flex:1;min-width:0;display:grid}.mv-who b{text-overflow:ellipsis;white-space:nowrap;text-align:var(--start);unicode-bidi:plaintext;overflow:hidden}.mv-who small{opacity:.7;font-size:calc(13px * var(--text-scale))}.mv-stage{touch-action:none;flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-height:0;padding:0 56px 16px;display:grid;overflow:hidden}.mv-stage img,.mv-stage video{-webkit-user-select:none;user-select:none;border-radius:6px;max-width:100%;max-height:100%;animation:.2s ease-out pop}.mv-stage img{cursor:zoom-in;transition:transform 80ms ease-out}.vp{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.vp:not(.shown){cursor:none}.vp>video,.vp-big{grid-area:1/1}.vp-big{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.vp-bar{background:#0009;border-radius:14px;align-items:center;gap:6px;width:min(640px,100%);padding:4px 8px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.vp:not(.shown) .vp-bar{opacity:0;pointer-events:none}.vp-bar .icon-btn{color:#fff;flex:none}.vp-bar input{min-width:0;accent-color:var(--accent);flex:1}.vp-time{text-align:center;font-variant-numeric:tabular-nums;flex:none;min-width:38px;font-size:12px}.vp-bar .speed{color:#fff;background:#ffffff26;flex:none}.video-box{background:linear-gradient(135deg,#2b3440,#151a20)}.play-badge{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;display:grid;position:absolute;inset:0}.dur-badge{color:#fff;font-variant-numeric:tabular-nums;background:#00000080;border-radius:10px;padding:1px 6px;font-size:12px;position:absolute;top:6px;left:6px}.mv-stage img.zoomed{cursor:grab;border-radius:0}.mv-nav{background:#ffffff1f;width:48px;height:48px;position:absolute;top:50%;translate:0 -50%}.mv-nav:hover{background:#ffffff38}.mv-prev{inset-inline-start:8px}.mv-next{inset-inline-end:8px}.mv-caption{white-space:pre-wrap;background:#00000080;border-radius:12px;max-width:min(640px,90%);max-height:25vh;margin:0 auto 16px;padding:8px 14px;overflow-y:auto}.sm-tabs{margin-bottom:12px}.sm-tabs button{font-size:calc(13px * var(--text-scale))}.sm-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.sm-thumb{aspect-ratio:1;background:var(--hover);border-radius:4px;position:relative;overflow:hidden}.sm-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sm-thumb .shimmer{position:absolute;inset:0}.sm-play{color:#fff;filter:drop-shadow(0 1px 3px #0009);place-items:center;display:grid;position:absolute;inset:0}.sm-list{gap:4px;display:grid}.sm-row{border-bottom:1px solid var(--hover);padding:8px 4px}.sm-row .file-row{width:100%;padding:0}.sm-row-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.sm-meta{color:var(--muted);font-size:calc(12px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm-links{gap:4px;min-width:0;display:grid}.sm-links a{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.sm-links .muted{font-size:calc(13px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}.sm-foot{justify-items:center;gap:8px;min-height:8px;padding:16px 0;display:grid}.badge.dot{width:12px;min-width:12px;height:12px;padding:0}.room-pin{color:var(--muted);display:flex;transform:rotate(45deg)}.room-item.active .room-pin{color:#ffffffd9}.archive-row small{color:var(--muted);font-weight:400}.archive-row .badge{margin-inline-start:auto}.archive-title{font-size:calc(17px * var(--text-scale));margin:4px 20px 6px}.calls-tabs{flex:none}.call-row{align-items:center;padding-inline-end:8px;display:flex}.call-row .room-item{flex:1;width:auto;min-width:0;margin-inline-end:0}.call-missed{color:#e53935}.call-dir{font-size:calc(13px * var(--text-scale))}.chat-menu-backdrop{z-index:45;touch-action:none;position:fixed;inset:0}.chat-menu-backdrop,.chat-menu-backdrop *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chat-menu{background:var(--panel);border-radius:14px;min-width:200px;padding:6px;animation:.14s ease-out pop;position:fixed;box-shadow:0 6px 30px #00000038}.chat-menu button{text-align:start;border-radius:10px;align-items:center;gap:14px;width:100%;padding:9px 12px;font-weight:500;display:flex}.chat-menu button:focus-visible{background:var(--hover);outline:none}@media (hover:hover){.chat-menu button:hover{background:var(--hover)}}.chat-menu svg{color:var(--muted)}.chat-menu .danger-item,.chat-menu .danger-item svg{color:#e53935}.chat-menu .menu-check{flex:none;width:20px;height:20px;display:inline-flex}.quick-list{gap:2px;margin-top:6px;display:grid}.quick-list .user-row.on{background:var(--hover)}.kbd-hint{color:var(--muted);font-size:calc(12px * var(--text-scale));text-align:center;margin:10px 0 0}.emoji-toggle{margin-bottom:7px}.emoji-panel{z-index:21;bottom:calc(100% + 4px);background:var(--panel);border-radius:14px;flex-direction:column;gap:6px;width:min(360px,100% - 24px);height:380px;padding:8px;animation:.14s pop;display:flex;position:absolute;inset-inline-end:12px;box-shadow:0 4px 24px #0000002e}.react-picker .emoji-panel{top:var(--top);left:var(--left);width:min(360px,100vw - 32px);height:min(380px,100vh - 16px);position:fixed;bottom:auto}.over-sheet .menu-backdrop,.over-sheet .emoji-panel{z-index:46}button.select-row{width:100%}.quick-emoji{color:var(--text);font-size:24px;line-height:1}.emoji-panel .muted{text-align:center;margin:0;padding:16px}.emoji-search{background:var(--hover);border:0;border-radius:999px;outline:none;flex:none;width:100%;padding:8px 14px}.emoji-float{z-index:1;bottom:10px;pointer-events:none;transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);justify-content:center;display:flex;position:absolute;inset-inline:10px}.emoji-float.away{opacity:0;transform:translateY(calc(100% + 16px))}.emoji-float>*{pointer-events:auto;background:color-mix(in srgb, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #0000002e}.emoji-float.away>*{pointer-events:none}.emoji-float .segmented{border-radius:999px}.emoji-float .segmented button{border-radius:999px;flex:none;min-height:34px;padding:0 16px}.emoji-float .segmented[data-pill]:before{background:var(--hover);box-shadow:none;border-radius:999px}.emoji-float .segmented[data-pill]:not(.ready) button.on{background:var(--hover);box-shadow:none}.emoji-bksp{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:0}.emoji-bksp:active{transform:scale(.9)}.floating .emoji-grid,.floating .gif-grid{padding-bottom:56px}.emoji-cats{scrollbar-width:none;overscroll-behavior-x:contain;--fs:0px;--fe:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);flex:none;align-items:center;gap:4px;display:flex;overflow-x:auto}:root[dir=rtl] .emoji-cats{-webkit-mask-image:linear-gradient(to left, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent);mask-image:linear-gradient(to left, transparent, #000 var(--fs), #000 calc(100% - var(--fe)), transparent)}.emoji-cats[data-start]{--fs:32px}.emoji-cats[data-end]{--fe:32px}.emoji-cats::-webkit-scrollbar{display:none}.emoji-groups{background:var(--hover);border-radius:999px;flex:none;gap:2px;display:flex}.emoji-cats button{opacity:.55;width:34px;height:34px;transition:opacity var(--dur-fast), background var(--dur-fast);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.emoji-cats button.on,.emoji-cats button:hover{opacity:1;background:var(--hover)}.emoji-groups button.on,.emoji-groups button:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.emoji-cats img{object-fit:contain;width:26px;height:26px}.emoji-grid,.gif-grid{flex:1;align-content:start;min-height:0;display:grid;position:relative;overflow-y:auto}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-grid button{border-radius:8px;height:38px;font-size:26px;line-height:1}.emoji-grid button:hover,.gif-grid button:hover{background:var(--hover)}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:max-content;gap:4px}.gif-grid button{aspect-ratio:1;border-radius:10px;place-items:center;padding:4px;display:grid;position:relative;overflow:hidden}.gif-grid img,.gif-grid video{object-fit:cover;border-radius:6px;width:100%;height:100%}.gif-grid .shimmer{width:100%;height:100%}.quick-react button.more{color:var(--muted);place-items:center;display:grid}img.emoji{vertical-align:-.25em;width:1.2em;height:1.2em}.emote{vertical-align:middle;display:inline-block}img.emote,span.emote img{object-fit:contain;vertical-align:middle;width:auto;max-width:4em;height:1.5em}.emote.shimmer{border-radius:6px;width:1.5em;height:1.5em;position:relative}.room-preview img.emote,.reply-quote img.emote,.composer-mode img.emote,.pinned-text img.emote,.pinned-row img.emote{height:1.25em}.room-preview .emote.shimmer,.reply-quote .emote.shimmer,.composer-mode .emote.shimmer,.pinned-text .emote.shimmer,.pinned-row .emote.shimmer{width:1.25em;height:1.25em}span.emote[data-mxc]{cursor:pointer}.emoji-grid .emote,.mention-room .emote{max-width:34px;height:28px}.user-row>.mention-room.emote-sug{background:0 0;border-radius:6px}.emoji-cats .emote.shimmer{width:26px;height:26px}.emote-input{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.emote-input:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}img.tint{object-position:-999em 0;-webkit-mask-image:var(--src), var(--src);mask-image:var(--src), var(--src);background:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-source-type:alpha,luminance;mask-mode:alpha,luminance}.sticker-grid h4,.pack-grid h4{font-size:calc(13px * var(--text-scale));color:var(--muted);grid-column:1/-1;margin:8px 4px 0}.sticker-grid img,.pack-grid img{object-fit:contain}.pack-grid{margin:8px 0}.pack-grid button{grid-template-rows:minmax(0,1fr) auto;gap:2px}.pack-grid small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:calc(11px * var(--text-scale));color:var(--muted);overflow:hidden}.pack-add{aspect-ratio:1;border:2px dashed var(--border);color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:grid}.device-box img{object-fit:contain;width:100%;height:100%}.unread-divider{text-align:center;font-size:calc(13px * var(--text-scale));color:var(--accent);background:color-mix(in srgb, var(--panel) 85%, transparent);margin:8px 0;padding:4px;font-weight:500}.timeline-fabs{right:16px;bottom:calc(var(--composer-h,0px) + 12px);z-index:5;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute}.tl-fab{pointer-events:auto;background:var(--panel);width:46px;height:46px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 2px 10px #0000002e}.tl-fab:hover{color:var(--text)}.tl-fab:disabled{opacity:.6}.tl-fab .badge{position:absolute;top:-8px;left:50%;transform:translate(-50%)}.reply-quote[role=button]{cursor:pointer}.link-preview{margin:6px 0 calc(18px * var(--text-scale));border-inline-start:3px solid var(--accent);background:color-mix(in srgb, currentColor 6%, transparent);color:inherit;font-size:calc(14px * var(--text-scale));border-radius:6px;gap:8px;max-width:420px;padding:4px 8px;text-decoration:none;display:flex}.lp-text{flex:1;gap:1px;min-width:0;display:grid}.lp-text small{color:var(--accent);font-weight:600;font-size:calc(13px * var(--text-scale))}.lp-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-preview img{object-fit:cover;border-radius:6px;flex:none;align-self:center;width:72px;height:72px}.admin{gap:6px;margin-top:8px;display:grid}.row-actions button.warn{color:#e53935}.icon-btn.accent{color:var(--accent)}.alias-input button{color:var(--accent);border-radius:10px;padding:8px 12px;font-weight:500}.upgraded{background:var(--panel);border-top:1px solid var(--border);color:var(--muted);font-size:calc(14px * var(--text-scale));text-align:center;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:10px;padding:10px 16px;display:flex}.upgraded button.primary{width:auto;margin:0;padding:0 16px}.predecessor{background:var(--panel);border-bottom:1px solid var(--border);color:var(--accent);font-size:calc(14px * var(--text-scale));flex:none;padding:8px 16px}.predecessor:hover{background:var(--hover)}.trust{font-size:calc(13px * var(--text-scale));color:var(--muted);align-items:center;gap:4px;display:inline-flex}.trust.ok{color:#4fae4e}.trust.bad{color:#d32f2f}.msg-meta .shield{color:#d32f2f;padding:0;display:inline-flex}.msg-actions>button.shield{color:#d32f2f}.user-row small.trust{display:block}.row-btn{color:var(--accent);border-radius:10px;flex:none;padding:6px 10px;font-weight:500}.row-btn:hover{background:var(--hover)}.sheet>button.secondary{width:100%;min-height:44px;color:var(--accent);background:var(--hover);border-radius:12px;margin-top:8px;font-weight:600}.profile-calls{gap:8px;margin-top:8px;display:flex}.profile-calls button.secondary{min-height:44px;color:var(--accent);background:var(--hover);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.card button+button{margin-top:0}.verify{text-align:center;gap:14px;display:grid}.verify p{margin:0}.verify>.spinner.inline{justify-self:center;margin:8px 0}.verify-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.verify-actions button{background:var(--hover);border-radius:12px;min-height:44px;font-weight:600}.verify-actions button.primary{background:var(--accent);color:#fff}.verify-methods{gap:10px;display:grid}.verify-methods button{background:var(--hover);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:600;display:flex}.verify-methods button:not(.primary) svg{color:var(--accent)}.verify-methods button.primary{background:var(--accent);color:#fff}.sas-emoji{background:var(--hover);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:12px 6px;padding:12px 4px;display:flex}.sas-emoji div{justify-items:center;gap:4px;width:64px;display:grid}.sas-emoji span{font-size:34px;line-height:1}.sas-emoji small{font-size:calc(12px * var(--text-scale));color:var(--muted)}.sas-decimal{letter-spacing:2px;font-size:26px;font-weight:600}.keywords{margin-top:8px}.keywords .chip{padding:0 10px 0 4px}.keywords .chip button{place-items:center;display:grid}.sheet .form h3{margin-top:24px}.photo-remove{font-size:calc(13px * var(--text-scale));cursor:pointer;background:0 0;border:0;padding:2px 8px}.avatar-col{justify-items:center;gap:2px}.photo-remove{color:#e53935}.photo-change{color:var(--accent)}.avatar-view{cursor:zoom-in;background:0 0;border:0;border-radius:50%;padding:0}.avatar-wrap{flex:none;display:inline-flex;position:relative}.online-dot{inset-inline-end:1px;border:2px solid var(--bg);background:#4fae4e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px}.msg{touch-action:pan-y}.msg>:not(.swipe-ico):not(.sel-check){transform:translateX(var(--sx,0))}.msg.snap>:not(.swipe-ico):not(.sel-check){transition:transform .2s ease-out}.msg.swiping{-webkit-user-select:none;user-select:none}.swipe-ico{background:var(--pill);color:#fff;pointer-events:none;width:34px;height:34px;opacity:var(--sp,0);transform:scale(calc(.5 + .5 * var(--sp,0)));border-radius:50%;place-items:center;margin-top:-17px;display:grid;position:absolute;top:50%;right:16px}.msg.snap .swipe-ico{transition:opacity .2s,transform .2s}@media (hover:none){body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body input,body textarea,body .emote-input,body .emote-input *{-webkit-user-select:text;user-select:text}.msg.selected .msg-text,.msg.selected .msg-text *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.msg.selected.held .msg-text,.msg.selected.held .msg-text *{-webkit-user-select:none;user-select:none}.recovery-key{-webkit-user-select:all;user-select:all}}.msg-menu{z-index:46;min-width:220px;max-width:calc(100vw - 16px);padding:6px}.msg-menu:focus{outline:none}.msg-menu-backdrop{z-index:45;touch-action:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#00000040}.msg-float{pointer-events:none;outline:none;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100vw - 16px);animation:.14s ease-out pop;display:flex;position:fixed}.msg-float>*{pointer-events:auto;margin-right:auto;animation:none}.msg-float.flip>*{margin-left:auto;margin-right:0}.msg-menu-react{position:relative;inset:auto}.msg-menu-react button.more{background:var(--hover);width:30px;height:30px;margin:3px}.quick-react button.on{background:color-mix(in srgb, var(--accent) 35%, transparent)}.msg-menu-actions{overscroll-behavior:contain;position:static;overflow-y:auto}.msg-menu-backdrop.closing>.msg-float{animation:.15s ease-in forwards pop-out}@media (width<=700px){.select-menu{width:100%;max-width:none;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.2s ease-out sheet-up;bottom:0;right:0;top:auto!important;left:0!important}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.msg.selecting{cursor:pointer;padding-inline-start:44px}.msg.selected{background:color-mix(in srgb, var(--accent) 16%, transparent)}.sel-check{border:2px solid var(--muted);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-top:-11px;display:grid;position:absolute;top:50%;left:12px}.msg.selected .sel-check{background:var(--accent);border-color:var(--accent)}.select-bar .select-count{flex:1;min-width:0}.select-bar .icon-btn:disabled{opacity:.4;pointer-events:none}.toast{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));z-index:60;background:var(--pill);color:#fff;font-size:calc(14px * var(--text-scale));pointer-events:none;border-radius:18px;padding:8px 16px;animation:.15s ease-out pop;position:fixed;transform:translate(-50%)}.date-float{z-index:3;opacity:0;pointer-events:none;margin:0;transition:opacity .3s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.date-float.show{opacity:1}@media (width<=700px){.msg{padding-inline:8px}.msg-col{max-width:min(520px,84%)}.bubble{font-size:calc(14px * var(--text-scale));border-radius:14px;padding:5px 9px 6px;line-height:1.4}.msg-sender{font-size:calc(13px * var(--text-scale))}.fwd-from,.reply-quote{font-size:calc(12.5px * var(--text-scale))}.msg-meta{font-size:calc(11px * var(--text-scale))}.msg-text:after{width:calc(46px * var(--text-scale))}.msg.mine .msg-text:after{width:calc(62px * var(--text-scale))}.bubble.edited .msg-text:after{width:calc(104px * var(--text-scale))}.msg.mine .bubble.edited .msg-text:after{width:calc(120px * var(--text-scale))}.msg-text.jumbo{font-size:calc(40px * var(--text-scale))}.composer{padding:4px 8px 8px}.composer-row{gap:6px}.composer-field{border-radius:23px}.composer-row .composer-text{min-height:46px;font-size:calc(15px * var(--text-scale));padding:12px 6px;line-height:1.45}.send-btn{width:46px;height:46px}.composer-row .attach,.composer-row .emoji-toggle{margin-bottom:3px}.room-head{gap:4px;padding:0 6px}.room-head-info{gap:10px;padding:0 4px}}.call-bar{color:#fff;width:100%;font-size:calc(14px * var(--text-scale));text-align:start;background:#2e9e5b;flex:none;align-items:center;gap:8px;padding:8px 14px;display:flex}.call-bar b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.call-bar:hover{filter:brightness(1.08)}.call-screen,.source-picker,.call-waiting,.img-editor{font-size:15px}.call-screen{z-index:48;color:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#111418;flex-direction:column;animation:.18s fade;display:flex;position:fixed;inset:0}.call-screen .icon-btn{color:#fff}.call-head{align-items:center;gap:8px;padding:10px 12px;display:flex}.call-head div{flex-direction:column;min-width:0;display:flex}.call-head span{color:#ffffffb3;font-size:13px}.call-who{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.call-who h2{margin:12px 0 0;font-size:24px}.call-who span{color:#ffffffb3}.incoming .call-who .avatar{animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #2e9e5b99}to{box-shadow:0 0 0 28px #2e9e5b00}}.call-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-auto-rows:1fr;gap:8px;min-height:0;padding:8px;display:grid;position:relative}.call-grid[data-n="1"]{grid-template-columns:1fr}.call-tile{background:#1f252c;border-radius:16px;outline:3px solid #0000;place-items:center;min-height:0;transition:outline-color .15s;display:grid;position:relative;overflow:hidden}.call-tile.speaking{outline-color:#2e9e5b}.call-tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.call-tile video.contain{object-fit:contain;background:#000}.call-tile video.mirror{transform:scaleX(-1)}.call-name{bottom:8px;background:#00000080;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:flex;position:absolute;inset-inline-start:8px}.call-grid.pip{grid-template-columns:1fr}.call-grid.pip .call-tile.local{z-index:1;bottom:16px;aspect-ratio:3/4;width:min(28vw,180px);position:absolute;inset-inline-end:16px;box-shadow:0 4px 16px #00000080}.call-grid.pip .call-tile.local .avatar{transform:scale(.6)}.call-grid.focus{flex-direction:column;display:flex}.call-tile.main{flex:1;min-height:0}.call-strip{flex:none;gap:8px;display:flex;overflow-x:auto}.call-strip:empty{display:none}.call-strip .call-tile{flex:none;width:160px;height:100px}.call-strip .call-tile .avatar{transform:scale(.5)}.call-strip .call-name{bottom:4px;font-size:11px;inset-inline-start:4px}.call-focus{top:8px;color:#fff;opacity:0;background:#00000080;border-radius:50%;place-items:center;width:34px;height:34px;transition:opacity .15s;display:grid;position:absolute;inset-inline-end:8px}.call-tile:hover .call-focus,.call-tile.main .call-focus,.call-focus:focus-visible{opacity:1}@media (hover:none){.call-focus{opacity:1}}.call-strip .call-focus{opacity:0;background:0 0;border-radius:0;width:auto;height:auto;inset:0}.call-controls{flex-wrap:wrap;justify-content:center;gap:14px;padding:16px 12px 28px;display:flex}.call-stats{pointer-events:none;background:#0009;border-radius:8px;max-width:calc(100% - 16px);padding:3px 7px;font:11px/1.4 ui-monospace,monospace;position:absolute;top:46px;left:8px}.call-strip .call-stats{font-size:9px;top:4px;left:4px}.call-head>div[role=button]{cursor:pointer}.call-chip{color:#ffd666;background:#f4b40040;border-radius:12px;flex:none;margin-inline-start:auto;padding:4px 10px;font-size:12px}.call-hand{top:8px;filter:drop-shadow(0 1px 3px #0009);font-size:22px;position:absolute;inset-inline-start:8px}.call-reaction{pointer-events:none;place-items:center;font-size:64px;animation:3s ease-out forwards reaction-float;display:grid;position:absolute;inset:0}@keyframes reaction-float{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-30%)}}.call-quality{background:#f4b400;border-radius:50%;width:8px;height:8px}.call-quality.lost{background:#e53935}.call-more{color:#fff;font-size:28px;font-weight:600}.call-more:hover{background:#2a323b}.call-people{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow:auto}.call-people>div{align-items:center;gap:10px;display:flex}.call-people>div>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.call-people small{color:#f4b400;font-size:12px}.call-reactions{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.call-reactions button{justify-content:center;padding:8px;font-size:28px}.call-panel-backdrop{z-index:2;padding:0 12px calc(110px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.call-panel{background:#1f252c;border-radius:16px;flex-direction:column;gap:10px;width:min(100%,360px);padding:14px;animation:.15s fade;display:flex;box-shadow:0 6px 24px #00000073}.call-panel label{color:#ffffffb3;flex-direction:column;gap:4px;font-size:13px;display:flex}.call-panel label.switch-row{color:#fff;flex-direction:row;font-size:14px}.call-panel input[role=switch]:not(:checked){background:#fff3}.call-panel .select{color:#fff;background:#111418;border-color:#ffffff26;width:100%;max-width:none;padding:0 12px}.call-panel .select>svg{color:#fff9}.call-panel button{color:#fff;text-align:start;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.call-panel button:hover{background:#ffffff14}.call-panel button.on{background:#2e9e5b59}.call-panel button>svg:last-child:not(:first-child){margin-inline-start:auto}.call-screen.immersive,.call-screen.immersive .call-grid{padding:0}.call-screen.immersive .call-grid>.call-tile,.call-screen.immersive .call-tile.main{border-radius:0;outline:none}.call-screen.immersive :is(.call-head,.call-controls,.call-strip,.call-focus,.call-name){transition:opacity .25s}.call-screen.immersive :is(.call-head,.call-controls){z-index:2;position:absolute;left:0;right:0}.call-screen.immersive .call-head{padding:calc(10px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 28px calc(12px + env(safe-area-inset-left));background:linear-gradient(#0000008c,#0000);top:0}.call-screen.immersive .call-controls{padding:36px calc(12px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:linear-gradient(#0000,#0000008c);bottom:0}.call-screen.immersive .call-strip{z-index:2;bottom:calc(var(--controls-h,120px) + 4px);position:absolute;inset-inline:8px}.call-screen.immersive .call-strip .call-tile{box-shadow:0 2px 10px #00000080}.call-screen.immersive .call-grid.pip .call-tile.local{bottom:calc(var(--controls-h,120px) + 4px);transition:bottom .25s}.call-screen.immersive .call-tile.main :is(.call-focus,.call-hand){top:calc(64px + env(safe-area-inset-top))}.call-screen.immersive .call-tile.main .call-stats{top:calc(64px + env(safe-area-inset-top));left:auto;right:8px}.call-screen.immersive .call-tile.main .call-name{bottom:calc(var(--controls-h,120px) + 4px)}.call-screen.immersive .call-grid:has(.call-strip:not(:empty)) .call-tile.main .call-name{bottom:calc(var(--controls-h,120px) + 112px)}.call-screen.bare{cursor:none}.call-screen.bare :is(.call-head,.call-controls,.call-strip,.call-focus,.call-name){opacity:0;pointer-events:none}.call-screen.bare .call-grid.pip .call-tile.local{bottom:calc(16px + env(safe-area-inset-bottom))}@media (orientation:landscape) and (height<=560px){.call-screen.immersive .call-strip{top:calc(108px + env(safe-area-inset-top));inset-inline:auto calc(8px + env(safe-area-inset-left));flex-direction:column;overflow:hidden auto}:root[dir=ltr] .call-screen.immersive .call-strip{inset-inline:auto calc(8px + env(safe-area-inset-right))}.call-screen.immersive .call-strip .call-tile{width:140px;height:88px}.call-screen.immersive .call-grid:has(.call-strip:not(:empty)) .call-tile.main .call-name{bottom:calc(var(--controls-h,120px) + 4px)}.call-screen.immersive .call-grid.pip .call-tile.local{aspect-ratio:4/3;width:auto;height:34vh}}@media (width<=420px) and (height<=420px){.call-head,.call-controls,.call-strip,.call-name,.call-focus,.call-panel-backdrop,.call-waiting{display:none}.call-grid{padding:0;display:block}.call-grid>.call-tile{border-radius:0;height:100%}.call-grid>.call-tile:not(:first-child){display:none}}.source-picker{z-index:50;background:#0009;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.source-picker>div{color:#fff;background:#1f252c;border-radius:16px;flex-direction:column;gap:10px;width:min(100%,760px);max-height:100%;padding:18px;display:flex;overflow:auto}.source-picker h3{margin:0;font-size:17px}.source-picker h4{color:#ffffffb3;margin:6px 0 0;font-size:13px;font-weight:400}.source-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.source-grid button{color:#fff;text-align:start;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex}.source-grid button:hover,.source-grid button:focus-visible{background:#ffffff14}.source-grid img{aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:8px;width:100%}.source-grid span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.source-cancel{color:#fff;background:#ffffff1f;border-radius:10px;align-self:flex-end;padding:8px 16px}.call-waiting{z-index:49;top:calc(12px + env(safe-area-inset-top));color:#fff;background:#1f252c;border-radius:16px;align-items:center;gap:10px;max-width:420px;margin-inline:auto;padding:10px 12px;animation:.18s fade;display:flex;position:fixed;inset-inline:12px;box-shadow:0 6px 24px #00000073}.call-waiting div{flex-direction:column;flex:1;min-width:0;display:flex}.call-waiting b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-waiting span{color:#ffffffb3;font-size:13px}.call-waiting .call-btn{flex:none;width:44px;height:44px}.call-btn{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.call-btn:hover{background:#ffffff38}.call-btn.on{color:#111418;background:#fff}.call-btn.ok{background:#2e9e5b}.call-btn.end{background:#e53935}.call-btn.ok:hover,.call-btn.end:hover{filter:brightness(1.1)}@keyframes fade-out{to{opacity:0}}@keyframes sheet-out{to{transform:translateX(calc(var(--fwd) * -100%))}}@keyframes pop-out{to{opacity:0;transform:scale(.94)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(10px)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)scale(.86)}}@keyframes chip-in{0%{opacity:0;transform:scale(.4)}}@keyframes bump{40%{transform:translateY(-5px)scale(1.25)}}@keyframes tick-pop{0%{opacity:0;transform:scale(.4)}}@keyframes icon-swap{0%{opacity:0;transform:scale(.4)rotate(-50deg)}}@keyframes mode-in{0%{opacity:0;transform:translateY(10px)}}@keyframes dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.sheet-backdrop.closing,.modal-backdrop.closing{animation:fade-out .18s var(--ease-out) forwards;pointer-events:none}.sheet-backdrop.closing .sheet{animation:sheet-out .22s var(--ease-out) forwards}.modal-backdrop.closing .modal{animation:.15s ease-in forwards pop-out}.toast.closing{animation:.25s ease-in forwards toast-out}.msg.enter .bubble{animation:bubble-in .32s var(--ease-spring) both;transform-origin:0 100%}.msg.mine.enter .bubble{transform-origin:100% 100%}.tick.changed svg{animation:tick-pop .35s var(--ease-spring)}.reactions button.added{animation:chip-in .3s var(--ease-spring)}.reactions button span.bump{animation:bump .3s var(--ease-out);display:inline-block}.reactions button:active{transform:scale(.92)}.badge.bump{animation:bump .35s var(--ease-spring)}.jump-bottom{transition:opacity var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-spring), margin var(--dur-slow) var(--ease-spring), color var(--dur-fast)}.jump-bottom.away{opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), margin var(--dur) var(--ease-out), visibility 0s linear var(--dur);margin-top:-58px;transform:scale(.5)translateY(14px)}.dots{vertical-align:baseline;gap:2px;margin-inline-start:4px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.composer-mode{animation:mode-in .2s var(--ease-out)}.send-btn svg{animation:icon-swap .28s var(--ease-spring)}.send-btn:not(:disabled):active{transform:scale(.9)}.send-btn.ready{box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 45%, transparent)}.room-item{transition:background .2s, color .2s, transform var(--dur-fast)}.room-item:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}.spinner,.rec-dot{animation-duration:1s!important;animation-iteration-count:infinite!important}.skeleton,.dots i,.splash .login-logo,.incoming .call-who .avatar{animation:none!important}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes preview-in{0%{opacity:0;transform:translateY(6px)}}@keyframes msg-out{to{opacity:0;transform:scale(.8)}}@keyframes check-in{0%{opacity:0;transform:scale(0)}}@keyframes slide-item{0%{opacity:0;transform:translateX(calc(var(--fwd) * var(--dir,1) * 70px))}}@keyframes zoom-out{to{opacity:0;transform:scale(.94)}}@keyframes logo-pulse{50%{transform:scale(1.08)}}@keyframes skeleton-in{0%{opacity:0;transform:translateY(6px)}}.chat-menu-backdrop.closing,.fab-backdrop.closing{pointer-events:none;animation:.15s ease-in forwards fade-out}.chat-menu-backdrop.closing>.chat-menu,.fab-backdrop.closing>.fab-menu{animation:.15s ease-in forwards pop-out}.attach-menu.closing,.emoji-panel.closing{pointer-events:none;animation:.15s ease-in forwards pop-out}.attach-menu{animation:pop .16s var(--ease-out);transform-origin:100% 100%}:root[dir=ltr] .attach-menu{transform-origin:0 100%}.emoji-panel{animation:pop .18s var(--ease-out);transform-origin:0 100%}:root[dir=ltr] .emoji-panel{transform-origin:100% 100%}.emoji-dock{height:var(--emoji-gap,0px);position:relative}.emoji-slide .emoji-dock,.emoji-slide .timeline-wrap{transition:height .2s var(--ease-out), margin .2s var(--ease-out)}.timeline-wrap{margin-bottom:var(--emoji-gap,0px)}.emoji-dock .emoji-panel,.emoji-dock .emoji-panel.closing{top:8px;bottom:auto;width:auto;height:calc(var(--emoji-h) - 8px);animation:none;inset-inline:0}@media (width<=700px){.chat-menu-backdrop.closing>.select-menu{animation:.18s ease-in forwards sheet-down}}.lightbox.closing{pointer-events:none;animation:.2s ease-in forwards fade-out}.lightbox.closing .mv-stage{animation:.2s ease-in forwards zoom-out}.lightbox.from-thumb .mv-stage img:not(.slide){animation:none}.mv-stage img.slide{animation:slide-item .28s var(--ease-out)}.mv-nav{transition:transform var(--dur-fast), background var(--dur-fast)}.mv-nav:active{transform:scale(.9)}.room-preview.changed{animation:preview-in .25s var(--ease-out)}.skeleton{background:linear-gradient(90deg, var(--hover) 25%, color-mix(in srgb, var(--hover) 55%, var(--panel)) 50%, var(--hover) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.2s infinite shimmer;display:block}.skeleton-list{gap:16px;padding:14px 18px;display:grid}.skeleton-row{animation:skeleton-in .4s var(--ease-out) both;align-items:center;gap:12px;display:flex}.skeleton-row>span{flex:1;gap:8px;display:grid}.skeleton.avatar-sk{border-radius:50%;flex:none;width:46px;height:46px}.skeleton-timeline{gap:12px;width:min(520px,100%);margin:auto;padding:24px 12px;display:grid}.skeleton-timeline .skeleton{height:44px;animation:shimmer 1.2s infinite, skeleton-in .4s var(--ease-out) both;border-radius:16px}.skeleton-timeline .skeleton.mine{justify-self:right}.login,.splash{animation:.25s fade}.splash .login-logo{animation:1.8s ease-in-out infinite logo-pulse}.msg.deleting .bubble,.msg.deleting .reactions{transform-origin:50%;animation:.2s ease-in forwards msg-out}.msg.selecting .sel-check{animation:check-in .25s var(--ease-spring)}.msg.selected .sel-check svg{animation:tick-pop .3s var(--ease-spring)}.pinned-text{animation:preview-in .22s var(--ease-out)}.recorder-live,.recorder-preview{animation:mode-in .2s var(--ease-out)}.emoji-grid,.gif-grid{animation:.18s fade}.emoji-grid button{transition:background var(--dur-fast), transform var(--dur-fast)}.emoji-grid button:active{transform:scale(.85)}.send-btn{position:relative;overflow:hidden}.send-btn:after{content:"";opacity:0;transition:transform .35s var(--ease-out), opacity .35s;pointer-events:none;background:currentColor;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.send-btn:not(:disabled):active:after{opacity:.18;transition-duration:0s;transform:scale(1)}.reactions button:hover{transform:translateY(-1px)}.icon-btn,.room-head-info,.avatar-edit:after{transition-property:background,color,transform,opacity;transition-duration:var(--dur-fast)}.call-controls button:active{transform:scale(.92)}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,fill .3s,stroke .3s!important}@keyframes thread-out{to{transform:translateX(calc(var(--fwd) * 40px));opacity:0}}.thread-panel.closing{animation:.22s ease-in forwards thread-out}.call-screen.closing{pointer-events:none;animation:.22s ease-in forwards fade-out}.segmented[data-pill]{position:relative}.segmented[data-pill]:before{content:"";width:var(--pw,0);transform:translateX(var(--px,0));background:var(--panel);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:10px;position:absolute;top:3px;bottom:3px;left:0}.segmented[data-pill].ready:before{opacity:1;transition:transform var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out)}.segmented[data-pill]:not(.ready) button.on{background:var(--panel);box-shadow:var(--shadow)}.segmented[data-pill].ready button.on{box-shadow:none;background:0 0}.segmented[data-pill] button{position:relative}.qr{background:#fff;border-radius:12px;width:min(240px,70vw);margin:8px auto 0;padding:8px;line-height:0}.qr svg{width:100%;height:auto}.verify .qr{margin-bottom:8px}.qr-scan{aspect-ratio:1;background:#000;border-radius:16px;place-items:center;width:min(320px,80vw);margin:0 auto;display:grid;position:relative;overflow:hidden}.qr-scan video{object-fit:cover;width:100%;height:100%}.qr-scan .error{text-align:center;color:#fff;padding:16px}.qr-frame{border:3px solid #ffffffd9;border-radius:16px;position:absolute;inset:15%;box-shadow:0 0 0 999px #00000059}.qr-scan-close{top:8px;color:#fff;background:#0006;position:absolute;inset-inline-end:8px}.qr-link{text-align:center;font-size:calc(13px * var(--text-scale));color:var(--muted);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;display:block}.lock-screen{z-index:200;color:var(--text);padding:max(8vh, 32px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.lock-screen .login-logo{flex:none}.lock-screen .pinpad{flex:1}.lock-screen .pin-keys{margin-top:auto}.pinpad{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pin-dots{gap:20px;min-height:16px;margin:10px 0 16px;display:flex}.pin-dots i{border:2px solid var(--muted);width:14px;height:14px;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:50%}.pin-dots i.on{background:var(--accent);border-color:var(--accent);animation:pin-fill .18s var(--ease-spring)}@keyframes pin-fill{0%{transform:scale(.4)}}.pin-dots.shake{animation:.35s pin-shake}.pin-dots.shake i{border-color:#e53935}@keyframes pin-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pin-keys{--key:min(76px, 21vw);grid-template-columns:repeat(3, var(--key));gap:14px 26px;display:grid}.pin-keys button{height:var(--key);cursor:pointer;font:inherit;color:var(--text);background:color-mix(in srgb, var(--panel) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast), background var(--dur-fast);border:0;border-radius:50%;place-items:center;padding:0;font-size:30px;line-height:1;display:grid}.pin-keys button:active:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, var(--panel));transform:scale(.92)}.pin-keys button:disabled{opacity:.4;cursor:default}.pin-keys .pin-del,.pin-keys .pin-bio{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--muted);background:0 0}.pin-keys .pin-bio{color:var(--accent)}.pin-keys .pin-del:disabled{opacity:0}.pin-keys .pin-ok{background:var(--accent);color:#fff}.lock-forgot{color:var(--muted);font-size:calc(14px * var(--text-scale))}.lock-forget{background:var(--panel);text-align:start;border-radius:16px;flex-direction:column;gap:14px;width:min(380px,100%);padding:16px;display:flex}.lock-forget p{margin:0;line-height:1.6}.pin-title{font-size:calc(18px * var(--text-scale))}.pin-badge{width:64px;height:64px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.lock-screen .pin-badge{display:none}.sheet:has(>.pinpad){flex-direction:column;display:flex}.sheet>.pinpad{margin:auto;padding-bottom:56px}.sheet .pin-keys button:not(.pin-ok,.pin-del){background:var(--hover);-webkit-backdrop-filter:none;backdrop-filter:none}.send-edit{width:100%;height:100%;display:block;position:absolute;inset:0}.send-edit:active{transform:none}.send-pencil{bottom:5px;color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;inset-inline-start:5px}.send-x{z-index:1}.img-editor{--panel:#1c1c1e;--hover:#2c2c2e;--text:#fff;--muted:#9a9aa0;--border:#333336;--ie-accent:color-mix(in srgb, var(--accent) 70%, #fff);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:50;color:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:fade .18s var(--ease-out);-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.img-editor.closing{pointer-events:none;animation:.16s ease-in forwards fade-out}.img-editor .icon-btn{color:#ffffffd9}.img-editor .icon-btn:hover{color:#fff;background:#ffffff1a}.img-editor .icon-btn.on{color:var(--ie-accent);background:#ffffff1f}.img-editor .icon-btn:disabled{opacity:.35}.ie-top{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.ie-history{gap:4px;display:flex}.ie-done{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.ie-done:disabled{opacity:.5}.ie-done .spinner.inline{border-color:#fff #ffffff4d #ffffff4d;margin:0}.ie-stage{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.ie-stage.ink{cursor:crosshair}.ie-stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ie-stage>.spinner{margin-top:-12px;top:50%}.ie-bar{z-index:2;background:#1c1c1ef0;border-radius:14px;gap:2px;padding:3px;transition:opacity .12s;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 16px #00000080}.ie-bar.hidden{opacity:0;pointer-events:none}.ie-bar .icon-btn{width:38px;height:38px}.ie-bin{z-index:2;pointer-events:none;width:56px;height:56px;animation:pop .15s var(--ease-out);transition:transform .15s var(--ease-spring), background .15s;background:#0000008c;border:1.5px solid #ffffff59;border-radius:50%;place-items:center;margin-left:-28px;display:grid;position:absolute;bottom:18px;left:50%}.ie-bin.hot{background:#e53935;border-color:#e53935;transform:scale(1.2)}.ie-loupe{z-index:3;pointer-events:none;border:4px solid #fff;border-radius:50%;width:96px;height:96px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 16px #0009}.ie-loupe canvas{width:100%;height:100%;display:block}.ie-loupe:after{content:"";border:1.5px solid #fff;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.ie-pill{z-index:2;text-align:center;pointer-events:none;background:#000000a6;border-radius:999px;max-width:calc(100% - 32px);padding:6px 14px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ie-options{flex-direction:column;justify-content:center;gap:8px;min-height:108px;padding:6px 12px;animation:.15s fade;display:flex}.ie-options,.ie-tabs,.ie-text-bar>*{width:100%;max-width:600px;margin-inline:auto}.ie-text-bar{align-items:center}.ie-row{align-items:center;gap:4px;min-width:0;min-height:40px;display:flex}.ie-grow{flex:1}.ie-hint{color:var(--muted);text-align:center;font-size:12px}.ie-chips{scrollbar-width:none;gap:6px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.ie-chips::-webkit-scrollbar{display:none}.ie-chip{white-space:nowrap;background:#ffffff1a;border-radius:16px;flex:none;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.ie-chip:hover{background:#ffffff29}.ie-chip.on{color:#000;background:#fff}.ie-chip.set:not(.on):after{content:"";background:var(--ie-accent);border-radius:50%;width:5px;height:5px}.ie-chip.ie-add{padding-inline-start:8px}.ie-value{font-variant-numeric:tabular-nums;text-align:center;min-width:44px;font-weight:600}.ie-dot{border-radius:50%;flex:none;margin:0 6px;transition:width .1s,height .1s;display:block;box-shadow:0 0 0 1.5px #ffffff59}.ie-range{appearance:none;cursor:pointer;background:0 0;background:linear-gradient(var(--to,to right), #ffffff38 var(--a), #fff var(--a) var(--b), #ffffff38 var(--b)) center / 100% 4px no-repeat;border-radius:2px;flex:1;min-width:60px;height:32px;margin:0 6px}.ie-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000080}.ie-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000080}.ie-colors{scrollbar-width:none;align-items:center;gap:8px;min-width:0;padding:4px 2px;transition:opacity .15s;display:flex;overflow-x:auto}.ie-colors::-webkit-scrollbar{display:none}.ie-colors.off{opacity:.3}.ie-swatch{width:28px;height:28px;transition:transform .15s var(--ease-spring), box-shadow .15s;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px #ffffff4d}.ie-swatch.on{transform:scale(.86);box-shadow:0 0 0 2px #000,0 0 0 4px #fff}.ie-more{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.ie-more[style]:after{content:"";background:var(--c);border-radius:50%;position:absolute;inset:6px;box-shadow:0 0 0 1.5px #000}.ie-now{width:32px;height:32px}.ie-dial{cursor:ew-resize;touch-action:none;background-image:linear-gradient(90deg,#fff6 1px,#0000 1px),linear-gradient(90deg,#fff 1.5px,#0000 1.5px);background-repeat:repeat-x;background-size:6px 10px,30px 16px;background-position:calc(50% + 3px + var(--off)) bottom 6px, calc(50% + 15px + var(--off)) bottom 6px;outline:none;flex:none;height:46px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.ie-dial:after{content:"";background:var(--ie-accent);border-radius:1px;width:2px;height:24px;margin-left:-1px;position:absolute;bottom:2px;left:50%}.ie-dial:focus-visible{box-shadow:inset 0 0 0 2px var(--ie-accent);border-radius:8px}.ie-dial-val{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)}.ie-tabs{justify-content:space-around;gap:2px;padding:2px 4px 6px;display:flex}.ie-tab{color:#ffffffb3;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;max-width:72px;padding:6px 0 4px;font-size:11px;transition:color .15s,background .15s;display:flex}.ie-tab:hover{background:#ffffff0f}.ie-tab.on{color:var(--ie-accent)}.ie-tab span{white-space:nowrap}.ie-font{background:#ffffff1a;border-radius:12px;flex:none;min-width:40px;height:40px;padding:0 8px}.ie-style{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:grid}.ie-style span{border-radius:6px;place-items:center;min-width:24px;height:26px;padding:0 4px;display:grid}.ie-style.box span{color:#000;background:#fff}.ie-style.outline span{color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:0 0 1px #fff}.ie-text{z-index:5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0009;flex-direction:column;animation:.15s fade;display:flex;position:absolute;inset:0}:root[dir=rtl] .ie-vsize{left:auto;right:14px}.img-editor.texting>:is(.ie-top,.ie-options,.ie-tabs){visibility:hidden}.ie-text-top{justify-content:flex-end;padding:6px 8px;display:flex}.ie-text-mid{flex:1;place-items:center;min-height:0;padding:12px 56px;display:grid;position:relative}.ie-text-mid textarea{field-sizing:content;resize:none;caret-color:#fff;unicode-bidi:plaintext;background:0 0;border:0;outline:none;width:auto;min-width:2ch;max-width:100%;max-height:100%;padding:.2em .35em;overflow:hidden}.ie-text-mid textarea::placeholder{color:#ffffff80;-webkit-text-stroke:0}.ie-vsize{writing-mode:vertical-lr;accent-color:#fff;direction:rtl;width:28px;height:min(240px,60%);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ie-text-bar{background:#00000080;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.ie-sheet-bg{z-index:6;background:#00000059;animation:.15s fade;position:absolute;inset:0}.ie-sheet{z-index:7;width:min(480px,100%);padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--panel);animation:sheet-up .2s var(--ease-out);border-radius:18px 18px 0 0;flex-direction:column;gap:14px;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0}.ie-sv{touch-action:none;cursor:crosshair;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--hue) 100% 50%));border-radius:12px;height:170px;position:relative}.ie-sv span{pointer-events:none;border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 1px 4px #0009}.ie-hue{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:11px;width:100%;height:22px}.ie-hue::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 4px #0009}.ie-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:18px;height:18px}.ie-emoji .emoji-panel{z-index:60;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));transform-origin:bottom;width:auto;max-width:420px;height:min(420px,62vh);margin:0 auto;position:fixed;inset-inline:8px}