@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./inter-cyrillic-ext-IYF56FF6.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./inter-cyrillic-JEOLYBOO.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./inter-greek-IRE366VL.woff2") format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./inter-latin-ext-HA22NDSG.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("./inter-latin-NRMW37G5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: #fbfaff;--surface: #f1eefc;--raised: #fff;--fg: #1d1530;--text: #1d1530;--muted: #5e5874;--dim: #645e7c;--border: #e3ddf5;--line: #e3ddf5;--hover: #e9e4fb;--accent: #5b3df5;--fill: #5b3df5;--accent-2: #c42a7c;--grad: linear-gradient(135deg, #6a4bff, #c42a7c);--tint: color-mix(in srgb, var(--accent) 14%, transparent);--danger: #c41d36;--new: #b0175f;--highlight: #fff1b8;--shadow: 0 6px 24px rgb(60 30 140 / 14%);--radius: 10px;--pill: 999px;--ease: cubic-bezier(.34, 1.56, .64, 1);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"calt" 0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1a1724;--surface: #15121e;--raised: #221e2f;--fg: #eceaf4;--text: #dcd8e8;--muted: #a6a1b8;--dim: #9c97b2;--border: #2c2839;--line: #24202f;--hover: #24202f;--accent: #b9a6ff;--fill: #6d4aff;--danger: #ff7a8f;--new: #f9a8d4;--highlight: #3d3314;--shadow: 0 12px 32px rgb(0 0 0 / 45%)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #1a1724;--surface: #15121e;--raised: #221e2f;--fg: #eceaf4;--text: #dcd8e8;--muted: #a6a1b8;--dim: #9c97b2;--border: #2c2839;--line: #24202f;--hover: #24202f;--accent: #b9a6ff;--fill: #6d4aff;--danger: #ff7a8f;--new: #f9a8d4;--highlight: #3d3314;--shadow: 0 12px 32px rgb(0 0 0 / 45%)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--fg);font-size:.875rem}@media(max-width:720px){body{font-size:.9375rem}body input,body textarea,body select{font-size:1rem}}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}a{color:var(--accent)}h1,h2{margin:0;line-height:1.2;font-weight:700;letter-spacing:-.01em}button,input,textarea{margin:0;font:inherit;color:inherit}button,label.button{padding:.45rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);font-weight:600;cursor:pointer;transition:transform .15s var(--ease),background-color .15s}@media(hover:hover){button:hover:not(:disabled){background:var(--hover)}}button:active:not(:disabled){transform:scale(.95)}button:disabled{opacity:.5;cursor:default}button.primary,.auth-form button[type=submit],.composer button[type=submit],.new-room button[type=submit]{border-color:transparent;background:var(--fill);color:#fff}@media(hover:hover){button.primary:hover:not(:disabled),.auth-form button[type=submit]:hover:not(:disabled),.composer button[type=submit]:hover:not(:disabled),.new-room button[type=submit]:hover:not(:disabled){background:var(--fill);filter:brightness(1.12)}}button.danger{color:var(--danger);border-color:currentcolor}button.link{border:0;background:none;color:var(--accent);padding:.25rem}input,textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.i,.ic:before{content:"";display:inline-block;flex:none;width:18px;height:18px;background:currentcolor;mask:var(--i) center / contain no-repeat}.icon-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted)}input:focus-visible,textarea:focus-visible{outline:3px solid var(--tint);outline-offset:0}[aria-invalid=true]{border-color:var(--danger)}.field-error,.form-error,.list-error,.room-error,.send-error,.msg-error{color:var(--danger);font-size:.85rem;margin:.25rem 0}.field-error:empty,.form-error:empty,.list-error:empty,.room-error:empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.i-search{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}.i-lock{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}.i-globe{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}.i-chev{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.i-back{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}.i-plus{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.i-gear{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z'/%3E%3C/svg%3E")}.i-dots{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3C/svg%3E")}.i-media{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E")}.i-clip{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.4 11.1-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5'/%3E%3C/svg%3E")}.i-smile{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E")}.i-send{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}.i-react{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6-8.5M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01M19 2v6M16 5h6'/%3E%3C/svg%3E")}.i-reply{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17 4 12l5-5M20 18v-2a4 4 0 0 0-4-4H4'/%3E%3C/svg%3E")}.i-fwd{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 17 5-5-5-5M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/svg%3E")}.i-check{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E")}.i-edit{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}.i-trash{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3C/svg%3E")}.i-x{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}.i-upload{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E")}.i-down{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E")}.i-top{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14M12 21V8M6 13l6-6 6 6'/%3E%3C/svg%3E")}.i-eyeoff{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 4.2A10 10 0 0 1 12 4c6.5 0 10 8 10 8a17 17 0 0 1-2.2 3.2M6.6 6.6A17 17 0 0 0 2 12s3.5 8 10 8a10 10 0 0 0 5.4-1.6M3 3l18 18M10 10a3 3 0 0 0 4 4'/%3E%3C/svg%3E")}.i-archive{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='5' rx='1'/%3E%3Cpath d='M5 9v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9M10 13h4'/%3E%3C/svg%3E")}.i-bell{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E")}.i-users{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21v-1a6 6 0 0 1 6-6h2a6 6 0 0 1 6 6v1M16 4a4 4 0 0 1 0 8M22 21v-1a6 6 0 0 0-4-5.6'/%3E%3C/svg%3E")}.i-file{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9Z'/%3E%3Cpath d='M14 3v6h6'/%3E%3C/svg%3E")}html,body,#app{height:100%}html{touch-action:manipulation}#app{display:flex;flex-direction:column;height:100dvh}.app-bar{display:flex;gap:.75rem;align-items:center;min-height:60px;padding:0 .5rem 0 1rem;border-bottom:1px solid var(--line);background:var(--surface)}@media(min-width:721px){#app:has(.layout)>.app-bar{display:none}}.brand{display:flex;flex:0 1 auto;min-width:0;gap:.6rem;align-items:center;font-size:1rem;font-weight:700;letter-spacing:-.01em}.brand:before{content:"";flex:none;width:30px;height:30px;border-radius:50% 50% 50% 28%;background:linear-gradient(135deg,#7a5af8,#a43fd0 55%,#d2389e)}.brand.has-logo:before{content:none}.brand-logo{flex:none;height:1.75rem;max-width:6rem;object-fit:contain}.brand-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-end{display:flex;gap:.25rem;align-items:center;min-width:0;margin-left:auto}.me-link{display:flex;flex:1;gap:.6rem;align-items:center;min-width:0;padding:.4rem;border-radius:var(--radius);color:var(--fg);font-weight:600;text-decoration:none}.who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar .me-link{padding:6px}.app-bar .who{display:none}@media(hover:hover){.me-link:hover,.icon-button:hover{background:var(--hover)}}.me-link[aria-current=page]{background:var(--tint)}.app-bar .icon-button{width:44px;height:44px}.app-main{flex:1;min-height:0;overflow-y:auto}.layout{display:flex;height:100%;background:var(--surface)}.sidebar{display:flex;flex:0 0 280px;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--surface)}.sidebar .rooms{display:flex;flex:1;flex-direction:column;min-height:0;max-width:none;margin:0;padding:0}.sidebar nav{flex:1;padding:0 12px 12px;overflow-y:auto}.side-top{display:flex;flex-direction:column;gap:12px;padding:14px 14px 17px;background:linear-gradient(var(--line),var(--line)) bottom / calc(100% - 32px) 1px no-repeat}.side-top .brand{height:44px;padding:0 8px;color:var(--fg)}.jump-button{display:flex;gap:10px;align-items:center;height:38px;padding:0 8px 0 12px;border-color:var(--border);background:var(--bg);color:var(--dim);font-weight:400;text-align:left}.jump-button:before{width:16px;height:16px}.jump-button span{flex:1}.jump-button:active:not(:disabled){transform:none}.side-foot{display:flex;flex:none;flex-wrap:wrap;gap:4px;align-items:center;min-height:68px;padding:8px 12px 8px 10px;border-top:1px solid var(--line)}.side-foot .me-link{gap:10px;height:48px;padding:0 8px}.side-foot .avatar{width:34px;height:34px}.side-foot .icon-button:before{width:17px;height:17px}.side-foot p{flex-basis:100%;margin:4px 4px 6px;color:var(--muted);font-size:.8125rem}.side-foot .button{flex:1}a.button,.guest-link{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 1rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-weight:600;text-decoration:none}a.button.primary,.guest-link.primary{border-color:transparent;background:var(--fill);color:#fff}.pane{flex:1;min-width:0;overflow-y:auto;background:var(--bg)}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1rem;text-align:center}.welcome:before{content:"\1f44b";margin-bottom:.75rem;font-size:3.5rem;animation:wave 2s ease-in-out infinite}.welcome h1{margin:0 0 .5rem;font-size:1.75rem}.welcome p{margin:0;color:var(--muted)}.avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;overflow:hidden;font-weight:700;line-height:1;color:#fff;user-select:none}.avatar.s24{width:24px;height:24px;font-size:.6rem}.avatar.s32{width:32px;height:32px;font-size:.75rem}.msg>.avatar.s32{width:36px;height:36px}.avatar.s96{width:96px;height:96px;font-size:2rem;box-shadow:0 0 0 4px var(--bg),0 0 0 7px var(--accent)}.avatar.c0{background:#c4213b}.avatar.c1{background:#b04a00}.avatar.c2{background:#7a6000}.avatar.c3{background:#22803a}.avatar.c4{background:#00796b}.avatar.c5{background:#1d63d8}.avatar.c6{background:#7b3fe4}.avatar.c7{background:#c01a6e}.profile-body{display:flex;flex-direction:column;gap:20px;max-width:736px;padding:28px 28px 48px}.card,.profile-notify{display:flex;flex-direction:column;gap:14px;margin:0;padding:18px 20px 20px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--fg) 3%,var(--bg))}.profile-body h2,.card legend,.profile-notify legend{margin:0;padding:0;font-size:.9375rem;font-weight:600;line-height:1.3;letter-spacing:0}.card legend,.profile-notify legend{float:left;width:100%}.profile-avatar{display:flex;gap:16px;align-items:center}.profile-avatar h2{margin-bottom:8px}.profile-picture.busy{opacity:.6}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-avatar-actions>.button,.profile-avatar-actions>button{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-color:transparent;border-radius:9px;font-size:.8125rem}label.button{background:var(--hover)}.profile-avatar-actions button{padding:0 12px;background:none;color:var(--muted)}label.button:focus-within,.profile-avatar-actions input:focus-visible+label.button{outline:2px solid var(--accent);outline-offset:2px}label.button.disabled{opacity:.5;pointer-events:none}.profile-theme:not(.profile-notify){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:16px;row-gap:3px}.profile-theme legend{grid-column:1}.field-status{margin:.25rem 0;font-size:.8125rem;color:var(--muted)}.profile-theme .field-status{grid-column:1;margin:0;line-height:1.3}.profile-theme{padding-bottom:18px}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface)}.profile-theme .segmented{grid-column:2;grid-row:1 / span 2}.segmented label{position:relative;padding:0 14px;border-radius:8px;color:var(--muted);font-size:.8125rem;font-weight:600;line-height:32px;cursor:pointer}.segmented label:has(input:checked){background:var(--hover);color:var(--fg)}.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.segmented input{position:absolute;opacity:0;pointer-events:none}.profile-password{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-password>:not(.field:nth-of-type(n+2)){grid-column:1 / -1}.profile-password button{justify-self:start}.profile-name label,.field label{display:block;margin-bottom:6px;color:var(--muted);font-size:.8125rem;font-weight:600}.profile-name .row{display:flex;gap:8px}.profile-name input{flex:1;min-width:0}.field-status.error{color:var(--danger)}.profile-password .field-status,.profile-password .field-error{margin:0}.profile-session{flex-direction:row;align-items:center;justify-content:space-between}.profile-session .field-status{margin:3px 0 0}.profile-notify{gap:0;padding-bottom:0}.profile-notify legend{order:-2;margin-bottom:3px}.profile-notify>.field-status{order:-1;margin:0 0 10px}.profile-notify>.field-status:empty{margin:0}.profile-avatar .avatar{width:72px;height:72px;font-size:1.5rem;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}.notify-choice{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;min-height:52px;margin:0 -20px;padding:0 20px;border-top:1px solid var(--line);cursor:pointer}.notify-choice input{appearance:none;flex:none;width:36px;height:22px;margin:0;padding:0;border:0;border-radius:11px;background:radial-gradient(circle 9px at 11px 50%,#fff 98%,transparent) var(--border);cursor:pointer;transition:background-position .15s}.notify-choice input:checked{background-color:var(--fill);background-position:14px 0}@media(max-width:720px){.profile-body{padding:20px 16px 40px}.profile-password{grid-template-columns:1fr}}.app-main:has(>.auth){display:flex;background:var(--page, var(--bg))}.auth{display:flex;flex-direction:column;gap:24px;width:100%;max-width:420px;margin:auto;padding:2rem 1rem}.auth h1{display:flex;flex-direction:column;gap:14px;align-items:center;font-size:1.625rem;text-align:center}.auth h1:not(.has-logo):before{content:"";width:56px;height:56px;border-radius:50% 50% 50% 28%;background:linear-gradient(135deg,#7a5af8,#a43fd0 55%,#d2389e)}.auth h1 .brand-logo{display:block;height:4rem;max-width:12rem}.auth-card{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--raised);animation:pop .4s var(--ease)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:10px;background:var(--surface)}[role=tab]{height:36px;border:0;border-radius:8px;background:none;color:var(--muted)}[role=tab][aria-selected=true]{background:var(--hover);color:var(--fg)}.field{margin-bottom:14px}.field input{height:42px}.auth-form button[type=submit]{width:100%;height:44px;margin-top:4px;font-size:.9375rem}.rooms{max-width:40rem;margin:0 auto;padding:1rem}.section-head{display:flex;align-items:center;justify-content:space-between;padding:16px 6px 6px 4px}.room-section h2{font-size:inherit}.fold,.room-section>summary{display:flex;gap:6px;align-items:center;height:28px;padding:0 8px 0 4px;border:0;border-radius:6px;background:none;color:var(--dim);font-size:.75rem;font-weight:600;letter-spacing:0;list-style:none;cursor:pointer}.room-section .section-title{display:flex;align-items:center;height:28px;padding:0 8px;color:var(--dim);font-size:.75rem;font-weight:600}.room-section>summary::-webkit-details-marker{display:none}.fold:before,.room-section>summary:before{width:12px;height:12px;transition:transform .15s}.fold[aria-expanded=false]:before,.room-section:not([open])>summary:before{transform:rotate(-90deg)}.section-head .icon-button{width:26px;height:26px;color:var(--dim)}.section-head .icon-button:before{width:15px;height:15px}.section-head .icon-button[aria-expanded=true]{background:var(--tint);color:var(--accent)}.room-section ul{margin:0;padding:0;list-style:none}.room-section li{position:relative;display:flex;align-items:center;margin:2px 0;border-radius:8px}@media(hover:hover){.room-section li:hover{background:var(--hover)}}.room-section li a{display:flex;flex:1;gap:10px;align-items:center;min-width:0;height:34px;padding:0 10px;color:var(--muted);font-weight:500;text-decoration:none}.room-section li a:before{content:"#";width:16px;color:var(--dim);font-weight:600;text-align:center}.more-body li a{height:32px;color:var(--dim)}.room-section li.dm a,.room-section[data-section=collections] li a{height:36px}.room-section li.dm a:before{content:none}.room-section li.dm .avatar{width:22px;height:22px;font-size:10px}.room-section li a>span:not(.avatar,.badge,.vis,.owner,.ci,.n){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-section li a.unread,.room-section li a[aria-current=page]{color:var(--fg);font-weight:600}.room-section li a[aria-current=page]:before{color:var(--accent)}.room-section li:has(a[aria-current=page]){background:var(--tint)}.room-section li a>.vis{color:var(--dim)}.room-section li a>.vis:before{width:14px;height:14px}.badge{flex:none;min-width:20px;margin-left:auto;padding:0 6px;border-radius:10px;background:var(--fill);color:#fff;font-size:.6875rem;font-weight:700;line-height:20px;text-align:center}@media(hover:hover){.room-section li>.row-action{position:absolute;right:0;opacity:0}.room-section li:hover>.row-action,.room-section li:focus-within>.row-action{position:static;opacity:1}}.row-action{flex:none;margin-right:4px;height:26px;padding:0 9px;border:0;border-radius:6px;background:var(--hover);font-size:.75rem}.room-section[data-section=more]>summary{justify-content:flex-start;margin:18px 6px 0 4px}.room-section[data-section=more] .count{margin-left:auto}.more-body{margin:2px 0 4px;padding:2px 0 6px;border-radius:10px;background:var(--hover)}.more-part h3{display:flex;gap:8px;align-items:center;margin:0;padding:8px 10px 4px;color:var(--dim);font-size:.6875rem;font-weight:600}.more-part h3:before{width:13px;height:13px}.empty{color:var(--muted)}.more-body .empty{margin:0;padding:8px 10px}.new-room{display:flex;flex-direction:column;gap:8px;margin:2px 2px 8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--raised);animation:pop .25s var(--ease)}.name-field{display:flex;gap:6px;align-items:center;height:36px;padding:0 10px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--dim);font-weight:600}.name-field input{padding:0;border:0;background:none;outline:none;color:var(--fg);font-weight:400}.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:2px;border:0;border-radius:8px;background:var(--surface)}.seg label{display:flex;gap:5px;align-items:center;justify-content:center;height:30px;border-radius:6px;color:var(--muted);font-size:.75rem;font-weight:600;cursor:pointer}.seg label:before{width:12px;height:12px}.seg label:has(:checked){background:var(--hover);color:var(--fg)}.seg label:has(:focus-visible){outline:2px solid var(--accent)}.new-room .hint{margin:0 2px;color:var(--muted);font-size:.75rem}.form-buttons{display:flex;gap:6px;justify-content:flex-end}.form-buttons button{height:32px;padding:0 12px;font-size:.8125rem}.form-buttons .cancel{border-color:transparent;background:none}.user-search{margin:.25rem 0 .5rem}.search-status{margin:.25rem 0;font-size:.8rem;color:var(--muted)}.search-results{margin:0;padding:0;list-style:none}.search-results .person{display:flex;gap:.5rem;align-items:center;width:100%;border:0;border-radius:var(--radius);background:none;text-align:left}.search-results .person>span:last-child,.switcher .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.menu>summary.ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--muted)}.room-section .menu>summary.i-dots{width:26px;height:26px;border-radius:6px}.menu>summary:hover,.menu[open]>summary{background:var(--hover);color:var(--fg)}.menu-items{position:absolute;top:calc(100% + 4px);right:0;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:17.5rem;max-width:20rem;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--raised);box-shadow:var(--shadow);animation:pop .2s var(--ease);transform-origin:top right}.menu-items button{display:flex;gap:12px;align-items:center;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:none;font-weight:400;text-align:left}.menu-items button:hover{background:var(--hover)}.menu-items button:before{width:16px;height:16px;color:var(--muted)}.menu-items .tile:before{width:16px;height:16px;color:var(--muted)}.menu-items small{display:block;color:var(--muted);font-size:.6875rem;line-height:1.35}.menu-items .value{margin-left:auto;color:var(--muted);font-size:.75rem}.menu-items button:has(small){padding:6px 10px}.attach+.menu-items .tile{--hue: #a78bfa;display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--hue) 16%,transparent)}.attach+.menu-items button+button .tile{--hue: #38bdf8}.attach+.menu-items .tile:before{color:color-mix(in srgb,var(--hue) 70%,var(--fg))}.attach+.menu-items button{padding:8px 10px;font-weight:600}.attach+.menu-items small{margin-top:2px;font-size:.75rem;font-weight:400}.menu-items .sep{margin-top:11px;box-shadow:0 -7px 0 -6px var(--border)}.menu-items [aria-checked]{justify-content:flex-start}.menu-items [aria-checked]:after{content:"";width:36px;height:22px;margin-left:auto;border-radius:11px;background:radial-gradient(circle 9px at 11px 50%,#fff 98%,transparent) var(--border);transition:background-position .15s}.menu-items [aria-checked=true]:after{background-color:var(--fill);background-position:14px 0}.menu-items p{margin:.25rem .5rem;font-size:.9rem}.room{display:flex;flex-direction:column;height:100%}.room-header{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;min-height:64px;padding:0 20px 0 28px;border-bottom:1px solid var(--line)}.room-header h1{display:flex;flex:1;gap:10px;align-items:center;min-width:0;font-size:1.125rem}.day span{padding:3px 10px;border:1px solid var(--border);border-radius:10px}.previews span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-header h1 .name,.room-header h1.dm-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-header .hash{width:auto;margin-right:2px;color:var(--dim);font-weight:600}.vis-badge{display:inline-flex;flex:none;gap:5px;align-items:center;height:24px;padding:0 9px;border-radius:12px;background:var(--hover);color:var(--muted);font-size:.75rem;font-weight:600;letter-spacing:0}.vis-badge:before{width:12px;height:12px}.room-members{position:relative;display:flex;gap:8px;align-items:center;height:36px;margin-right:13px;padding:0 10px 0 6px;border:0;border-radius:18px;background:none;color:var(--muted);font-size:.8125rem}.room-members:after{content:"";position:absolute;right:-13px;width:1px;height:20px;background:var(--border)}.faces{display:flex}.faces .avatar{border:2px solid var(--bg);box-sizing:content-box}.msg>.avatar{position:absolute;top:8px;left:28px}.faces .avatar+.avatar{margin-left:-8px}.room-header .room-error{flex-basis:100%}.room-header .room-shared{flex-basis:100%;margin:0;color:var(--muted);font-size:.8rem}.back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-16px;border-radius:12px;color:var(--muted)}.back:before{width:22px;height:22px}.room-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.messages{flex:1;min-height:0;overflow-y:auto;overflow-anchor:auto;margin:0;padding:12px 0 8px;list-style:none}.sentinel{height:1px}.beginning,.load-error,.service{padding:1.5rem 0 1rem;color:var(--muted);text-align:center;overflow-wrap:anywhere}.beginning:before{content:"\2728";display:block;font-size:2rem}.day{display:flex;gap:12px;align-items:center;margin:8px 28px 4px;color:var(--muted);font-size:.75rem;font-weight:600}.day:before,.day:after{content:"";flex:1;border-top:1px solid var(--line)}.service{padding:.5rem;font-size:.8rem}.msg{position:relative;padding:2px 28px 2px 78px;color:var(--text);line-height:1.55;transition:background-color .1s}.msg.group-start>.reply-quote~.avatar{top:30px}.msg.group-start{min-height:50px;padding-top:6px;margin-top:6px}@media(hover:hover){.msg:hover{background:color-mix(in srgb,var(--fill) 7%,transparent)}}.meta{display:flex;gap:8px;align-items:baseline;min-width:0;line-height:1.5}.author{min-width:0;overflow:hidden;color:var(--fg);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.meta time,.permalink{flex:none}.permalink:not(:hover){text-decoration:none}.author-menu{min-width:0}.author-menu>summary.author{display:block;padding:0;color:inherit}.author-menu>summary.author:hover,.author-menu[open]>summary.author{background:none;text-decoration:underline}.author-menu .menu-items{right:auto;left:0;min-width:8rem;transform-origin:top left}.meta time,.permalink,.edited,.hint,.counter{font-size:.75rem;color:var(--dim)}.body{white-space:pre-wrap;overflow-wrap:anywhere}.edited{margin-left:.35rem}.msg .body,.msg .edited{display:inline}.placeholder{font-style:italic;color:var(--muted)}.previews{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:6px 0 2px;padding:0;list-style:none;font-size:.8125rem;font-weight:600}.previews li{max-width:100%}.previews a{display:flex;gap:8px;align-items:center;height:32px;padding:0 12px 0 8px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--fg) 4%,transparent);text-decoration:none}.search-toggle[aria-expanded=true]{background:var(--tint);color:var(--fg)}.room-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px;align-items:center;padding:10px 20px 10px 28px;border-bottom:1px solid var(--line);background:var(--raised);box-shadow:0 12px 24px #0003}.search-bar{display:contents}.room-search:before{z-index:1;grid-area:1 / 1;width:16px;height:16px;margin-left:14px;color:var(--dim);pointer-events:none}.search-bar input{grid-area:1 / 1;height:42px;padding-left:40px}.search-bar button{grid-area:1 / 3}.room-search .search-status{grid-area:1 / 2;margin:0;color:var(--muted);font-size:.8125rem}.room-search .search-results{grid-column:1 / -1;max-height:45vh;overflow-y:auto;margin:6px -12px 0 -16px;padding:0;list-style:none}.room-search .search-results .link{display:block;height:34px;margin:6px auto 4px;padding:0 14px;border:1px solid var(--border);border-radius:10px;color:var(--fg);font-size:.8125rem;text-decoration:none}.search-result{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;width:100%;padding:7px 12px;border:0;border-radius:10px;background:none;text-align:left;font-weight:400}.search-result .avatar{grid-row:1 / 3;width:26px;height:26px;margin-top:2px;font-size:.625rem}.search-result .body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.search-result mark{background:var(--highlight);color:inherit}.reply-quote{display:flex;gap:6px;align-items:center;max-width:calc(100% + 32px);margin:0 0 2px -32px;padding:0 4px 0 0;border:0;border-radius:6px;background:none;color:var(--dim);font-size:.75rem;font-weight:400;line-height:1.5;text-align:left}.reply-quote:before{content:"";flex:none;align-self:flex-end;width:26px;height:10px;margin-bottom:-4px;border:solid var(--border);border-width:2px 0 0 2px;border-top-left-radius:6px}.msg:not(.group-start)>.reply-quote{margin-left:0}.msg:not(.group-start)>.reply-quote:before{content:none}.reply-quote:active:not(:disabled){transform:none}@media(hover:hover){.reply-quote:hover{color:var(--fg)}}.reply-author{flex:0 .15 auto;min-width:0;max-width:20em;overflow:hidden;color:var(--muted);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.reply-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-quote.deleted .reply-text{padding-right:.15em;font-style:italic}.replying{display:flex;gap:10px;align-items:center;min-height:40px;padding:0 14px 0 22px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}.replying-label{flex:1;min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.replying-label strong{color:var(--fg);font-weight:600}.replying-text:before{content:" \b7  "}.replying .remove{width:28px;height:28px}.attachments{margin:.3rem 0 .15rem}.att-images{--att-h: 120px;--att-max-w: 240px;display:flex;flex-wrap:wrap;gap:4px}.att-images.one{--att-h: 240px;--att-max-w: 400px}.att-tile{position:relative;display:block;min-width:calc(var(--att-h) / 2);max-width:min(100%,var(--att-max-w));height:var(--att-h);overflow:hidden;border-radius:var(--radius);background:var(--surface)}.att-tile img,.att-tile video{display:block;width:auto;max-width:100%;height:100%;margin-inline:auto;object-fit:scale-down;transition:transform .25s}.att-tile video{pointer-events:none}.att-tile:hover img,.att-tile:hover video{transform:scale(1.05)}.att-play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding-left:.2rem;border-radius:50%;background:#0d0b1499;color:#fff;font-size:1.1rem;pointer-events:none}.att-broken{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;justify-content:center;padding:.5rem;border:2px dashed var(--border);color:var(--muted);font-size:.8rem;text-align:center}.att-broken button{padding:.1rem .5rem;font-size:.8rem}.att-files{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 0;padding:0;list-style:none}.att-file{display:inline-block;max-width:18rem;padding:0 12px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--fg) 5%,transparent);color:var(--fg);font-size:.8125rem;font-weight:600;line-height:40px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.att-file:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;background:var(--accent);vertical-align:-3px;mask:var(--i) center / contain no-repeat}.att-files audio{max-width:100%;height:2.2rem;vertical-align:top}.att-more{position:absolute;inset:0;display:grid;place-items:center;background:#0d0b148c;color:#fff;font-size:1.5rem;font-weight:700;pointer-events:none}.att-progress{display:block;width:min(100%,16rem);height:4px;margin-top:.35rem;overflow:hidden;border:0;border-radius:2px;background:var(--border);accent-color:var(--accent);appearance:none}.att-progress::-webkit-progress-bar{background:var(--border)}.att-progress::-webkit-progress-value{background:var(--accent);transition:width .2s}.att-progress::-moz-progress-bar{background:var(--accent)}.ci{display:inline-block;flex:none;width:1.15em;height:1.15em;background:currentcolor;vertical-align:-.2em;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h12a2 2 0 0 1 2 2v12'/%3E%3Crect x='3' y='7' width='14' height='14' rx='2'/%3E%3Cpath d='m3 19 5-5 4 4 2-2 3 3'/%3E%3Ccircle cx='12.5' cy='11.5' r='1'/%3E%3C/svg%3E") center / contain no-repeat}@media(hover:hover){.icon-button:hover:not(:disabled){background:var(--hover);color:var(--fg)}}.att-cell{position:relative;display:block;max-width:min(100%,var(--att-max-w))}.att-src,.att-save{position:absolute;z-index:1;border-radius:var(--pill);background:#0d0b14a6;color:#fff;font-size:.7rem;font-weight:700;line-height:1.6}.att-src{bottom:4px;left:4px;display:flex;gap:.2rem;align-items:center;max-width:calc(100% - 8px);padding:0 .45rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.att-src>.i-lock:before{width:12px;height:12px}a.att-src:hover{background:var(--accent)}.att-save{top:4px;right:4px;width:1.9rem;height:1.9rem;padding:0;border:0;font-size:.95rem;opacity:0}.att-cell:hover .att-save,.att-save:focus-visible,.att-save[aria-expanded=true]{opacity:1}@media(hover:none){.att-save{opacity:.85}}.room-section[data-section=collections] li a:before{content:"";width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--hue) 16%,transparent)}.room-section[data-section=collections] li a>.ci{width:13px;height:13px;margin:0 4.5px 0 -27.5px;color:color-mix(in srgb,var(--hue) 70%,var(--fg))}.t0{--hue: #a78bfa}.t1{--hue: #38bdf8}.t2{--hue: #fb923c}.t3{--hue: #4ade80}.room-section li a>.n{min-width:18px;color:var(--dim);font-size:.75rem;text-align:right}.room-section li .owner{color:var(--muted);font-size:.8rem}.tray-item .ci{width:40px;color:var(--muted)}.msg.pending{opacity:.6;animation:pop .3s var(--ease)}.msg.failed .body,.msg.failed .attachments{opacity:.7}.msg.to-me{margin-right:16px;margin-left:16px;padding-right:12px;padding-left:62px;border-radius:10px;background:color-mix(in srgb,var(--fill) 10%,transparent)}.msg.to-me>.avatar{left:12px}.msg.target{background:var(--highlight);animation:target-fade 3s ease-in forwards}@keyframes target-fade{0%,60%{background:var(--highlight)}to{background:transparent}}.actions{position:absolute;top:-14px;right:28px;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:calc(100% - 56px);padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--raised);box-shadow:var(--shadow);opacity:0;pointer-events:none}.actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:none;color:var(--muted)}.actions button:before{width:16px;height:16px}.actions button.delete{color:var(--danger)}@media(hover:hover){.msg:hover .actions{opacity:1;pointer-events:auto}}.msg.touched{background:color-mix(in srgb,var(--fill) 7%,transparent)}.msg.touched .actions,.msg:has(:focus-visible) .actions{opacity:1;pointer-events:auto}@media(hover:none){.actions{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.msg.touched .actions,.msg:has(:focus-visible) .actions{position:static;justify-content:flex-start;width:fit-content;height:auto;overflow:visible;clip-path:none;margin-top:.15rem;box-shadow:none}}.new-line{height:0;margin:0 28px;border-top:1px solid color-mix(in srgb,var(--new) 60%,transparent);font-size:.6875rem;font-weight:700;letter-spacing:.04em;line-height:0;color:var(--new);text-align:right;text-transform:uppercase;animation:fade-out 1s 4s forwards}.new-line span{padding-left:10px;background:var(--bg)}@keyframes fade-out{to{opacity:0}}.reactions{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}.reaction,.add-reaction{display:inline-flex;gap:6px;align-items:center;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--fg) 4%,transparent);color:var(--muted);font-size:.8125rem;font-weight:600}.reaction.mine{border-color:color-mix(in srgb,var(--fill) 55%,transparent);background:var(--tint);color:var(--fg)}.add-reaction{width:32px;justify-content:center;padding:0;border-style:dashed;background:none;color:var(--dim)}.add-reaction:before{width:15px;height:15px}.confirm,.send-error,.msg-error{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.25rem 0;font-size:.85rem}.confirm button,.send-error button,.msg-error button{height:26px;padding:0 10px;border:0;border-radius:6px;background:var(--hover);font-size:.75rem}.confirm .danger{background:var(--danger);color:var(--bg)}.edit-input{display:block;margin-top:.15rem;resize:vertical}.hint{margin:.15rem 0 0}.hint.error{color:var(--danger)}.room-notice{margin:0;padding:.4rem 1rem;background:var(--tint);font-size:.85rem;color:var(--muted)}.room-notice:empty{display:none}.new-messages{position:absolute;bottom:16px;left:50%;display:flex;gap:8px;align-items:center;height:36px;padding:0 14px 0 12px;border-radius:18px;background:var(--raised);box-shadow:var(--shadow);font-size:.8125rem;transform:translate(-50%);animation:pop .3s var(--ease)}.new-messages:before{width:14px;height:14px}.new-messages:active:not(:disabled){transform:translate(-50%) scale(.95)}.composer{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.composer-row{display:flex;gap:4px;align-items:flex-end;min-height:67px;padding:13px 14px 14px 12px}.composer-row>button,.composer-row>.menu>summary{width:40px;height:40px;border-radius:10px}.composer textarea{flex:1;align-self:center;min-width:0;min-height:40px;max-height:10rem;overflow-x:hidden;padding:calc((40px - 1lh)/2) 6px;border:0;background:none;outline:none;resize:none}.composer .menu[open]>summary{background:var(--tint);color:var(--accent)}.composer .menu-items{top:auto;right:auto;bottom:calc(100% + 8px);left:0;transform-origin:bottom left}.composer .send{display:flex;flex:none;align-items:center;justify-content:center;padding:0}.composer .send:before{width:17px;height:17px}.composer .send:disabled{opacity:1;background:color-mix(in srgb,var(--fill) 25%,transparent);color:color-mix(in srgb,#fff 55%,transparent)}.composer .counter{align-self:center}.emoji-picker{position:fixed;top:var(--y, auto);left:var(--x, auto);z-index:20;display:flex;flex-direction:column;width:20.4rem;height:20rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);box-shadow:var(--shadow);animation:pop .2s var(--ease)}.emoji-tabs{display:flex;border-bottom:1px solid var(--border)}.emoji-tabs button{flex:1;padding:.35rem 0;border:0;border-radius:0;background:none}.emoji-scroll{flex:1;padding:0 .5rem .5rem;overflow:hidden auto}.emoji-heading{position:sticky;top:0;margin:0;padding:.4rem .1rem .2rem;background:var(--raised);color:var(--muted);font-size:.75rem}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr)}.emoji-grid button{height:2.4rem;padding:0;border:0;border-radius:8px;background:none;font-size:1.4rem}.emoji-grid .on{background:var(--tint)}@media(max-width:720px){.emoji-picker{right:8px;left:8px;width:auto;height:min(20rem,45vh)}}.tray{display:flex;flex-wrap:wrap;gap:.4rem;max-height:9.5rem;margin:0;padding:12px 14px 0 22px;overflow-y:auto;list-style:none}.tray-item{display:flex;gap:.4rem;align-items:center;max-width:16rem;padding:.25rem .25rem .25rem .4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);font-size:.85rem;animation:pop .25s var(--ease)}.tray-thumb{flex:none;border-radius:8px;object-fit:cover}.tray-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-size{flex:none;color:var(--muted)}.tray-item .remove{flex:none;padding:0 .45rem;border:0}.tray-error{margin:0 0 .4rem;color:var(--danger);font-size:.85rem}.tray-error:empty{display:none}.composer textarea::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counter{align-self:center}.counter:empty{display:none}.forwarded{color:var(--muted);font-size:.75rem;font-style:italic}.messages.selecting .msg{padding-left:110px;cursor:pointer;user-select:none}.messages.selecting .msg>.avatar{left:60px}.msg>.select{position:absolute;top:17px;left:28px;width:18px;height:18px;padding:0;accent-color:var(--fill)}.msg:not(.group-start)>.select{top:6px}.messages.selecting .msg.to-me{padding-left:94px}.msg.to-me>.select{left:12px}.messages.selecting .msg.to-me>.avatar{left:44px}.msg.selected{background:var(--tint)}.selection-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:68px;padding:8px 16px calc(8px + env(safe-area-inset-bottom)) 24px;border-top:1px solid var(--line);background:var(--raised)}.selection-bar>span{flex:1;font-weight:600}.selection-bar .ic:not([hidden]){display:inline-flex;align-items:center;gap:8px}.selection-bar .ic:before{width:16px;height:16px}.selection-bar button{height:38px}.selection-bar button:not(.primary,.danger){border-color:transparent;background:none}dialog.forward,dialog.access{width:min(30rem,calc(100% - 2rem));max-height:min(36rem,85vh);padding:20px 24px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--raised),var(--bg));color:var(--fg);box-shadow:var(--shadow)}dialog.forward[open]{display:flex;flex-direction:column;gap:10px}dialog.forward::backdrop,dialog.access::backdrop{background:#08060ea8}.forward-list{min-height:0;overflow-y:auto}.switcher>.search-status{margin:8px 20px}.switcher .forward-list{padding:8px}dialog.forward.busy .forward-list{opacity:.6;pointer-events:none}dialog.switcher{width:min(35rem,calc(100% - 2rem));max-height:min(36rem,calc(100dvh - 140px - 1rem));margin-top:140px;padding:0;overflow:hidden}dialog.switcher[open]{gap:0}.jump-field{display:flex;flex:none;gap:12px;align-items:center;height:60px;padding:0 20px;border-bottom:1px solid var(--border);color:var(--muted)}.jump-field:before{width:18px;height:18px}.jump-field input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;outline:none;font-size:1.0625rem}.switcher kbd,.jump-button kbd{padding:1px 6px;border:1px solid var(--border);border-radius:5px;color:var(--muted);font:600 .6875rem / 1.5 inherit}.jump-keys{display:flex;flex:none;gap:16px;margin:0;padding:10px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem}@media(hover:none){.jump-keys,.jump-field kbd{display:none}}.switcher>.search-status:empty{display:none}.switcher .person{gap:12px;height:46px;padding:0 12px;border-radius:10px;font-weight:500;cursor:pointer}.switcher .person:hover{background:var(--hover)}.switcher [aria-selected=true]{background:color-mix(in srgb,var(--fill) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.switcher .tile,.switcher .avatar{width:28px;height:28px}.switcher .tile{display:flex;flex:none;align-items:center;justify-content:center;border-radius:8px;background:var(--hover);color:var(--dim);font-weight:700}.switcher .tile:before{width:14px;height:14px}.switcher small{margin-left:4px;font-size:.75rem}.switcher .unread{font-weight:700}.switcher small{color:var(--dim);font-weight:400}dialog.forward .cancel{align-self:flex-end;border-color:transparent;background:none}dialog.forward h2{margin:0;font-size:1.0625rem}dialog.forward>.search-status:empty{display:none}dialog:not(.switcher) .forward-list .person{gap:12px;height:44px;padding:0 10px;border-radius:10px}dialog:not(.switcher) .forward-list .avatar,dialog.forward .hash{width:30px;height:30px}dialog.forward .hash{display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--hover)}.hash{flex:none;width:24px;color:var(--dim);font-weight:600;text-align:center}.not-found{padding:2rem 1rem;text-align:center}.not-found h1{margin:0 0 .25rem;font-size:1rem}a.brand{color:var(--fg);text-decoration:none}.guest-links{display:flex;flex:none;gap:.5rem;margin-left:auto}@media(hover:hover){.guest-link:not(.primary):hover{background:var(--hover)}}.auth-skip{margin:1rem 0 0;text-align:center}.guest-banner,.archived-banner{display:flex;gap:12px;align-items:center;min-height:68px;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 28px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--raised),var(--bg));color:var(--text)}.guest-banner:before,.archived-banner:before{color:var(--muted)}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(4px)}}@keyframes wave{0%,60%,to{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-10deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:720px){.sidebar{display:none}#app:has(.layout:not(.home))>.app-bar,.side-top,.side-foot{display:none}.layout.home .sidebar{display:flex;flex:1;border:0}.layout.home .pane{display:none}.sidebar nav{padding:0 10px 24px}.room-section li a,.room-section li.dm a,.room-section[data-section=collections] li a{gap:12px;height:48px;padding:0 12px;font-size:.9375rem}.room-section .badge{min-width:22px;padding:0 7px;font-size:.75rem;line-height:22px}.room-section li.dm .avatar,.room-section[data-section=collections] li a:before{width:28px;height:28px;font-size:.6875rem}.room-section[data-section=collections] li a:before{border-radius:8px}.room-section[data-section=collections] li a>.ci{width:14px;height:14px;margin:0 7px 0 -33px}.section-head .icon-button,.fold,.room-section>summary{height:44px}.section-head{padding:10px 0 0}.section-head .icon-button{width:44px}.room-header{gap:2px;min-height:60px;padding:0 6px}.room-header .back{margin-left:0}.room-header .icon-button,.room-header .menu>summary{width:44px;height:44px}.room-members{display:none}.msg{padding-right:16px;padding-left:58px}.msg>.avatar{left:16px;width:32px;height:32px}.msg.to-me{margin:0 8px;padding-left:50px}.msg.to-me>.avatar{left:8px}.messages.selecting .msg.to-me{padding-left:102px}.msg.to-me>.select{left:20px}.messages.selecting .msg.to-me>.avatar{left:52px}.msg.group-start>.reply-quote{max-width:calc(100% + 26px);margin-left:-26px}.reply-quote:before{width:20px}.day,.new-line{margin-inline:16px}.actions{right:16px}.composer-row{min-height:64px;padding:10px 8px 10px 6px}.composer-row>button,.composer-row>.menu>summary{width:44px;height:44px}}@media(min-width:721px){.back{display:none}}
/*# sourceMappingURL=app-Z23JELY2.css.map */